/*
Theme Name: HI Collecte
Theme URI: http://eawebsolution.com
Author: Eric Asselin
Author URI: http://eawebsolution.com
Description: 
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Nunito');



@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?3b7i21');
    src:    url('fonts/icomoon.eot?3b7i21#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?3b7i21') format('truetype'),
        url('fonts/icomoon.woff?3b7i21') format('woff'),
        url('fonts/icomoon.svg?3b7i21#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitterbold';
    src: url('fonts/bitter-bold-webfont.eot');
    src: url('fonts/bitter-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bitter-bold-webfont.woff2') format('woff2'),
         url('fonts/bitter-bold-webfont.woff') format('woff'),
         url('fonts/bitter-bold-webfont.ttf') format('truetype'),
         url('fonts/bitter-bold-webfont.svg#bitterbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bitteritalic';
    src: url('fonts/bitter-italic-webfont.eot');
    src: url('fonts/bitter-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bitter-italic-webfont.woff2') format('woff2'),
         url('fonts/bitter-italic-webfont.woff') format('woff'),
         url('fonts/bitter-italic-webfont.ttf') format('truetype'),
         url('fonts/bitter-italic-webfont.svg#bitteritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bitterregular';
    src: url('fonts/bitter-regular-webfont.eot');
    src: url('fonts/bitter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bitter-regular-webfont.woff2') format('woff2'),
         url('fonts/bitter-regular-webfont.woff') format('woff'),
         url('fonts/bitter-regular-webfont.ttf') format('truetype'),
         url('fonts/bitter-regular-webfont.svg#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'Nunito', Arial, "Helvetica Neue", Helvetica, sans-serif; }
header { border-bottom: 1px solid #ededed; }
h1 { font-size: 36px; line-height: 44px; color: #004F71; text-transform: initial; margin-top: 78px; }
h6 { font-size: 14px; line-height: 21px; color: #4b4b4b; font-weight: normal; margin: 20px 0px 10px 0px; }
p { font-size: 14px; line-height: 21px; color: #4b4b4b; }
h3 { font-size: 22px; color: #004F71; text-transform: initial; }
.form-step p { font-size: 20px; color: #4b4b4b; margin-bottom: 30px; }
ul.amount-list { list-style-type: none; }
ul.amount-list li { width: 100%; cursor: pointer; color: #0077c8; font-size: 28px; line-height: 50px; font-weight:bold; text-align: center; border-top: 1px solid #e0e0e0; }
ul.amount-list li:first-child { border-top: 1px solid #fff; }
ul.amount-list li:hover,
ul.amount-list li.current { color: #fff; background-color: #0077c8; border-top: 1px solid #0077c8; }
ul.amount-list li span { font-size: 13px; }
div.amount-img-box { position: relative; }
div.amount-selector { position: relative; }
div.amount-img { position: absolute; width: 100%; display: block; z-index: 1; }
div.amount-img.current { z-index: 2; }
div.amount-img img { width: 100%; }
div.amount-img p { background-color: #0077c8; background: rgba(0,158,224,0.6); color: #fff; position: absolute; bottom: 0px; left: 0px; margin: 0px; font-size: 14px; line-height: 21px; padding: 10px 20px; width: 100%; }
div.amount-img p span { color: #fff; font-size: 8px; line-height: 14px; display: block; text-align: right; padding-top: 5px; }

#don-form-container { display: none; }
div.amount-txt-box { background-color: #ececef; border-radius: 3px; font-size: 14px; line-height: 20px; color: #4b4b4b; padding: 10px 25px 10px 25px; overflow: hidden; margin: 5px 0px 12px 0px; }
div.amount-txt-box label { display: block; float: left; width: 365px; padding: 5px 0px; padding-right: 6px; font-weight: normal; margin: 0px; line-height: 22px; }
.collecte-page div.amount-txt-box label { padding: 0px; line-height: 42px; }
.amount-wrp { display: inline-block; }
div.amount-txt-box #amount-ponctuel,
div.amount-txt-box #amount-mensuel { width: 130px; height: 40px; font-size: 28px; line-height: 30px; color: #4b4b4b; font-weight: bold; text-align: right; padding-right: 10px; margin-top: 7px; margin-right: 24px; }
.collecte-page #don div.amount-txt-box #amount-ponctuel { margin-left: 70px; }
div.amount-txt-box .dollar { float: right; color: #004F71; font-size: 24px; line-height: 40px; font-weight:bold; position: relative; margin-top: 7px; }
div.amount-txt-box .dollar span { font-size: 12px; line-height: 14px; text-transform: initial; }

#mens-link { text-decoration: none; display: block; background-color: #d2492a; color: #fff; font-size: 18px; line-height: 22px; padding: 18px 0px 18px 75px; position: relative; border-radius: 5px; margin-top: 35px; }
#mens-link:before { content: "\e901"; position: absolute; font-family: "icomoon"; left: 20px; top: 29px; font-size: 36px; }
#mens-link:after { content: "\e902"; position: absolute; font-family: "icomoon"; right: 18px; top: 30px; font-size: 32px; }

p.note { font-size: 11px; line-height: 16px; color: #004F71; font-style: italic; }


#step2-content { background-color: #ececef; border-radius: 3px; padding: 30px 10px 15px; margin-top: 10px; }
.ie7 #step2-content { overflow: hidden; }
label { display: block; margin: 15px 0px 8px 0px; font-size: 14px; line-height: 16px; font-weight: normal; color: #4b4b4b; }
label span { color: #be0000; }
.radio-box label { display: block; float: left; margin: 3px 25px 0px 8px; }
.ie7 .radio-box label { display: inline; float: none; margin: 3px 25px 0px 8px; }
.radio-box input { display: block; float: left; }
.ie7 .radio-box input { display: inline; float: none; }
.error_box, .success_box { display: none; }
.error_box { color: #be0000; }
#error, #success { margin-bottom: 40px; }
#error img, #success img { float: left; padding-right: 20px; }
input[type="text"], textarea { background-color: #fff; border: 1px solid #d3d3d3; border-radius: 5px; height: 32px; font:12px/14px Arial, sans-serif; color: #444444; padding: 0px 10px; width: 100%; }
textarea { height: 120px; }
.note-form {}
.note-form span { color: #be0000; }
#mailchimp { display: block; float: left; margin-bottom: 18px; margin-top: 2px; margin-right: 15px; }

#don-sub { text-decoration: none; display: block; background-color: #d2492a; color: #fff; font-size: 18px; line-height: 22px; padding: 18px 0px 18px 75px; position: relative; border-radius: 5px; margin-top: 30px; margin-bottom: 15px; }
#don-sub:before { content: "\e907"; position: absolute; font-family: "icomoon"; left: 20px; top: 29px; font-size: 36px; }
#don-sub:after { content: "\e902"; position: absolute; font-family: "icomoon"; right: 18px; top: 30px; font-size: 32px; }

.center { text-align: center; }

footer { border-top: 1px solid #ededed; margin-top: 40px; padding-bottom: 40px; }
#ftr-logo { padding: 30px 0px 25px; height: 160px; }
footer p { font-size: 12px; line-height: 18px; color: #bababa; }
footer p a { color: #bababa; text-decoration: underline; }
footer p a:hover { color: #4b4b4b; }

#hdr-logo {padding: 30px 0px; height: 200px;}
.top-heading { margin-bottom: 20px; }
.amnt-sel-box { margin-top: 50px; }
.amnt-txt-box { margin-bottom: 40px; }
.side-box { background-color: #ececef; padding: 5px 30px 20px; margin-top: 20px; }
.side-box a { color: #0077c8; font-weight: bold; text-decoration: none; }
.side-box a:hover { text-decoration: underline; color: #0077c8; }
.sidebar { margin-top: 50px; }

.lang-sw { list-style-type: none; padding: 0px; margin: 0px; }
.lang-sw li {}
.lang-sw li a { text-decoration: none; color: #333333; display: inline-block; border: 1px solid #cccccc; border-radius: 5px; padding: 5px 20px; }
.lang-sw li a:hover {}
.home-link, .ponc-link { text-transform: initial; font-size: 12px; font-weight: bold; margin-top: 20px; }
.home-link a, .ponc-link a { color: #004F71; text-decoration: none; }
.home-link a span, .ponc-link a span { color: #0077c8; }
.home-link {  }

.don-mensuel h1, .organiser-collecte h1, .single-collecte h1 { margin-top: 24px; }

.wp-post-image { width: 100%; height: auto; }
.coll-mont-amasse-amt { font-size: 50px; font-weight: bold; color: #d2492a; margin-top: 16px; }
.coll-mont-amasse-str { font-weight: bold; line-height: 24px; color: #4b4b4b; margin-top: -12px; margin-bottom: 20px; }
.coll-avance-bg { background-color: #4b4b4b; height: 20px; width: 100%; border-radius: 10px; }
.coll-avance { background-color: #d2492a; height: 20px; border-radius: 10px; min-width: 20px; }
.coll-pct { margin-top: 5px; font-weight: bold; color: #d2492a; text-align: right; }
.coll-mont-objectif { margin-top: 30px; line-height: 21px; }
.coll-mont-objectif-str { font-weight: bold; }
.coll-mont-objectif-amt { font-size: 26px; }
.organisateur, .echeance { line-height: 21px; }
.donation-link { display: block; text-decoration: none; background: #d2492a; color: #fff; padding: 15px 0px; font-weight: bold; font-size: 18px; border-radius: 5px; margin-top: 30px; text-align: center; }
.donation-link:hover, .donation-link:focus, .donation-link:visited { color: #fff; text-decoration: none; }
.coll-info-block { margin-top: 65px; margin-bottom: 50px; }
.content p { font-size: 16px; line-height: 24px; }
.autorisation { list-style-type: none; padding: 0px; margin: 0px; }
.autorisation li {}
.autorisation li input { display: block; float: left; margin-bottom: 18px; margin-top: 2px; margin-right: 15px; }
.autorisation label span { color: #0077c8; }


.comments { background-color: #ececef; padding: 20px 30px; margin-top: 20px; }
.comments h6 { color: #0077c8; margin: 0px; font-family: 'Nunito', 'bitteritalic'; font-size: 26px; line-height: 34px; font-weight: normal; }
.comment-box { margin: 10px 0px; color: #4b4b4b; display: none; }
.comment-content { font-size: 16px; line-height: 24px; }
.comment-meta .nom { font-size: 20px; line-height: 24px; font-weight: bold; }
.comment-meta .montant { font-size: 16px; line-height: 24px; font-weight: bold; color: #afafaf; }
/*.comment-meta { background: url(img/comment-fleche.png) no-repeat -2px 12px; }*/
.comment-meta strong {}
.voir-plus { line-height: 40px; background-color: #dcddde; text-align: center; font-weight: bold; color: #fff; margin: 0px 0px 25px; text-transform: initial; cursor: pointer; }
.voir-plus img { display: inline-block; margin-left: 2px; margin-bottom: 2px; }

.divider { border-top: 1px solid #d3d3d3; margin-bottom: 20px; margin-top: 40px; }

.coll-box { background: #ececef; margin-bottom: 25px; }
.coll-box-desc { padding: 5px 30px 20px !important; }
.coll-box-desc h2 { font-size: 14px; line-height: 21px; font-weight: bold; color: #4b4b4b; }
.coll-box-desc h2 a { color: #4b4b4b; text-decoration: none; text-transform: initial; }
.coll-box-desc p { font-size: 14px; line-height: 21px; }
.coll-box-desc .montant-amasse { font-size: 14px; line-height: 21px; font-weight: bold; color: #4b4b4b; }
.coll-box-desc .montant-amasse span { font-size: 26px; line-height: 21px; font-weight: bold; color: #0077c8; }
.creer-collecte-link { text-decoration: none; display: block; background-color: #0077c8; color: #fff; font-size: 20px; line-height: 50px; padding: 0px; position: relative; border-radius: 5px; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 30px; }
.creer-collecte-link:hover, .creer-collecte-link:visited, .creer-collecte-link:focus { color: #fff; text-decoration: none; }
.en-cours-box { font-size: 16px; line-height: 19px; margin-top: 30px; }
.en-cours-box a { color: #4b4b4b; text-decoration: none; }
.en-cours-box a.select { color: #0077c8; font-weight: bold; }
.in-collecte { display: none; padding: 0px 15px; line-height: 36px; position: absolute; right: 36px; bottom: 30px; z-index: 100;}
.complete .in-collecte { position: relative; right: inherit; bottom: inherit; margin-top: 10px; }
.soutenir { background-color: #fff; color: #d2492a; }
.soutenir:hover, .soutenir:visited, .soutenir:focus { color: #d2492a; text-decoration: none; }

h6.message-revenu { font-family: 'Nunito', 'bitteritalic'; color: #0077c8; line-height: 34px; font-size: 26px; font-weight: normal; text-align: center; }
.page h6 { font-family: 'Nunito', 'bitteritalic'; color: #0077c8; line-height: 34px; font-size: 26px; font-weight: normal; }
p.message-revenu { font-family: 'Nunito'; font-size: 14px; line-height: 21px; text-align: center; margin-top: 20px;}
p.message-revenu span.undrl { font-family: 'Nunito'; color: #4b4b4b; font-size: 14px; line-height: 21px; font-weight: bold; }
p.message-revenu span.undrl a { color: #4b4b4b; text-decoration: none; }
p.message-revenu span.undrl a:hover { color: #4b4b4b; text-decoration: underline; }
h6.message-revenu a { color: #4b4b4b; text-decoration: underline; }
h6.message-revenu a:hover { color: #0077c8; text-decoration: underline; }


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}


/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a, .wp-paginate a:visited { margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;color:#0077c8;}
.wp-paginate a:hover, .wp-paginate a:active {background:#0077c8; color:#fff;}
.wp-paginate .title {color:#0077c8; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#0077c8; border:1px solid #0077c8; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}
.navigation {text-align:center; margin-bottom: 20px; }

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}


/**************** Formulaire Gravity *****************/
h3.gform_title { color: #0077c8; margin: 0px; font-family: 'Nunito', 'bitteritalic'; font-size: 26px; line-height: 28px; font-weight: normal; text-transform: none; margin-bottom: 24px; }
.gform_heading { margin-bottom: 50px; }

.gf_progressbar { background-color: #4b4b4b; height: 20px; border-radius: 10px; }
.gf_progressbar_percentage { text-align: right; padding-right: 5px; border-radius: 10px; }
.gform_page_fields { background-color: #ececef; margin: 30px 0px; padding: 15px 10px 30px; border-radius: 5px; }
ul.gform_fields { list-style-type: none; padding: 0px; margin: 0px; }
ul.gform_fields li.gfield {}

.type_collecte {}
.type_collecte .gfield_label { display: none; }
.type_collecte .ginput_container_radio {}
.type_collecte ul.gfield_radio { list-style-type: none; padding: 0px; margin: 0px; }
.type_collecte ul.gfield_radio li input { display: none; }
.type_collecte.gfield .ginput_container_radio ul.gfield_radio li label  { display: block; cursor: pointer; color: #fff; font-size: 14px; line-height: 16px; font-weight: bold; border-radius: 5px; padding: 17px 0px 17px 58px; margin-left: 0px; }
.type_collecte ul.gfield_radio li.checked label { background-color: #0077c8 !important; }
.type_collecte ul.gfield_radio li.gchoice_1_1_0 label,
.type_collecte ul.gfield_radio li.gchoice_2_1_0 label { background: url(img/icn-07_terre.png) no-repeat 12px 50% #00a3e3; }
.type_collecte ul.gfield_radio li.gchoice_1_1_1 label,
.type_collecte ul.gfield_radio li.gchoice_2_1_1 label { background: url(img/icn-08_cadeau.png) no-repeat 12px 50% #00a3e3; }
.type_collecte ul.gfield_radio li.gchoice_1_1_2 label,
.type_collecte ul.gfield_radio li.gchoice_2_1_2 label { background: url(img/icn-09_trophy.png) no-repeat 12px 50% #00a3e3; }
.type_collecte ul.gfield_radio li.gchoice_1_1_3 label,
.type_collecte ul.gfield_radio li.gchoice_2_1_3 label { background: url(img/icn-10_more.png) no-repeat 12px 50% #00a3e3; }
.type_collecte.gfield .ginput_container_radio ul.gfield_radio li { float: inherit; }
.type_collecte .validation_message { margin: 0px 15px; }
.gfield_error { background-color: #FFDFE0; }
.gfield_error .validation_message { color: #790000; border-bottom: 1px solid #790000; }
.gfield .instruction { display: none; }
.gform_page_footer { text-align: center; }
.gform_page_footer .button { background-color: #0077c8; font-weight: bold; font-size: 20px; color: #fff; border: none; padding: 9px 40px; border-radius: 5px; }
#gform_page_1_2 .gform_page_fields,
#gform_page_2_2 .gform_page_fields { padding: 30px 10px 30px; }
#field_1_12, #field_2_12 { margin: 30px 0px 0px; }
.gfield .ginput_container_radio ul.gfield_radio { list-style-type: none; padding: 0px; margin: 0px; }
.gfield .ginput_container_radio ul.gfield_radio li { float: left; min-width: 25%; }
.gfield .ginput_container_radio ul.gfield_radio li label { display: inline-block; margin-left: 10px; }
#field_1_14>label, #field_2_14>label { display: none; }
#gform_page_1_3 .gform_page_fields .gfield_html,
#gform_page_2_3 .gform_page_fields .gfield_html { margin: 20px 0px 0px; }
.gfield_required { color: #be0000; }

.content.kenya { margin-bottom: 40px; }
.content.kenya.pict { margin-top: 30px; }
.content.kenya img { width: 100%; height: auto; }
.content.kenya h2 { color: #0077c8; font-weight: bold; font-size: 33px; text-transform: initial; }
.step-amasse { margin-bottom: 8px; }
.step-tbl { display: table; margin: 0px 0px 20px; }
.step-img { display: table-cell; }
.step-title { display: table-cell; padding-left: 10px; color: #a5a5a5; font-size: 18px; font-weight: bold; vertical-align: middle; line-height: 26px; }
.step-title span { display: block; color: #d2492a; font-size: 25px; }
.actif .step-title { color: #4b4b4b; }
.actif .step-title span { color: #d2492a; }
.step-amasse .coll-avance-bg { background-color: #a5a5a5; }
.step-amasse.actif .coll-avance-bg { background-color: #4b4b4b; }
.step-amasse .coll-pct { color: #d2492a; }
.step-amasse.actif .coll-pct { color: #d2492a; }

.addthis_inline_share_toolbox { margin-top: -10px; margin-bottom: 40px; }
.page .addthis_inline_share_toolbox { margin-top: 10px; margin-bottom: 40px; }

@media (min-width: 768px) {
  .home-link { float: right; }
  .lang-sw li a { float: right; margin-top: 40px; margin-left: 10px; }
  div.amount-selector { height: 295px; }
  div.amount-img { width: 470px; }
  .single-collecte .amount-txt-box label { line-height: 44px; }
  .type_collecte.gfield .ginput_container_radio ul.gfield_radio li { float: left; }
  .creer-collecte-link { margin-top: 0px; }
  .in-collecte { display: inline-block; }
  div.amount-txt-box #amount-mensuel { float: right; }
  .amount-wrp { float: right; }
}
@media (min-width: 992px) {
  div.amount-selector { height: 284px; }
  div.amount-img { width: 455px; }
  h1 { font-size: 50px; line-height: 60px; margin-top: 60px; }
  .sidebar { margin-top: 0px; }
  .coll-mont-amasse-amt { margin-top: -12px; }
}
@media (min-width: 1200px) {
  div.amount-selector { height: 341px; }
  div.amount-img { width: 555px; }
  .step-amasse { margin-bottom: 42px; }
}



/**************** helper classes ****************/