/*

Stylesheet: Petition Manager

Description: All required styles for petition manager plugin. You can easily create a copy of bwl-petitions-custom-style.css and put it to theme css folder and change code according to your theme need.

Version: 1.0.3

*/







/*****************************

**1.0 Petition Single Page Layout

*****************************/



/*------------------ 1.0.1 Intro Block--------------------*/



.bptm_single_petition{

    clear: both;

}



.bptm_single_petition h1,h2,h3,h4,h5,h6{

/*    font-family: "Lora",serif !important;

    font-weight: 400 !important;*/

}



.bptm_single_petition h3,h4,h5,h6{

    font-weight: 400 !important;

}



.bptm_single_petition .petition-intro-block{

    background: #2c2c2c;

    margin-bottom: 48px;

}



.bptm_single_petition .petition-intro-block::before{

    background: rgba(0,0,0,0.5);

}



.bptm_single_petition .petition-intro-block .bptm_intro_heading_block h2{

    font-size: 52px;

}



.bptm_single_petition .petition-intro-block .bptm_intro_heading_block h3{

    font-size: 24px;

    line-height: 32px;

    font-weight: 400;

}



/*------------------ 1.0.2 About Block--------------------*/



.bptm_single_petition .bptm_about_box {

    border-bottom: 1px solid #EEEEEE;

    padding-bottom: 48px;

 }



.bptm_single_petition .bptm_about_box figure.bptm_feat_img{

    margin-bottom: 24px;

}



/*------------------ 1.0.3 Where To Send Block--------------------*/



.bptm_single_petition .bptm_send_to_box{

    border-bottom: 1px solid #EEEEEE;

    padding-bottom: 48px;

    clear: both;

}



.bptm_single_petition .bptm_send_to_box h2{

    text-align: left !important;

    color: #2c2c2c !important;

    font-size: 32px;

    line-height: 32px;

}



.bptm_single_petition .bptm_send_to_box h3{

    text-align: left !important;

    color: #666666 !important;

     font-size: 24px;

    line-height: 24px;

}



/*------------------ 1.0.4 Letter Block--------------------*/



/*------------------ 1.0.4 Petition Form Block--------------------*/









.bptm_single_petition .bptm_sign_form_box{

    clear: both;

}



.bptm_single_petition .bptm_sign_form_box h2{

    text-align: left !important;

    color: #2c2c2c !important;

    font-size: 32px;

    line-height: 32px;

}



.bptm_single_petition .bptm_sign_form_box h3{

    text-align: left !important;

    color: #666666 !important;

     font-size: 24px;

    line-height: 24px;

}



/*------------------ 1.0.4 Sign Counter Block--------------------*/



/*------------------ 1.0.5 Share Block--------------------*/



.bptm_single_petition .bptm_sp_share_box h2{

    font-size: 32px;

    line-height: 32px;

}



.bptm_single_petition .bptm_sp_share_box h3{

    font-size: 24px;

    line-height: 24px;

}



.bptm_single_petition .bptm_sp_share_box .petition-share{

    margin-top: 32px;

    display: block;

}



.bptm_single_petition .bptm_sp_share_box .petition-share .btn-social-icon {

    height: 48px;

    width: 48px;

    border: 0;

    border-radius: 0px !important;

    margin: 3px 3px;

    display: inline-block;

}





.bptm_single_petition .bptm_sp_share_box .petition-share .btn-social-icon .fa{

    line-height: 48px;

    font-size: 16px;

    color: #ffffff;

}





/*------------------------------  Multipetition Layout  ---------------------------------*/

.pet_layout_2 {

    

    margin-bottom: 32px !important;

    /*border: 1px solid #EEE !important;*/

    /*background: #fcfcfc;*/

}

//@Petition List Layout 01



.pet_layout_1 .petition-header{

    /*background: #fcfcfc;*/

    border-top: 1px solid #EEE;

    border-bottom: 1px solid #EEE;

    padding: 12px;

    text-align: center;

    font-size: 18px;

    margin-bottom: 12px;

}



.pet_layout_1 .petition-content{

    /*padding: 4px 12px;*/

    border: 1px solid #EEE;

     border-top: 0px solid #EEE;

}



.pet_layout_1 .petition-header{

    padding: 12px;

}



.pet_layout_1 .petition-content .petition-text{

    padding: 4px 12px;

}





.pet_layout_1 .petition-footer{

    margin-top: 24px;

    /*background: #F9F9F9;*/

    border-top: 1px solid #EEE;

    padding: 12px;

    text-align: center;

}



.pet_layout_1 .petition-footer .btn{

    font-size: 16px;

}



//@Petition List Layout 02









.pet_layout_2 .petition-header{

    /*background: #fcfcfc;*/

    /*border-top: 1px solid #EEE;*/

    border-bottom: 1px solid #EEE;

    padding: 4px 12px 4px 0;

    text-align: left;

    font-size: 18px;

    margin-bottom: 12px;

}



.pet_layout_2 .petition-content{

    padding: 0px 12px 12px 0;

}





.pet_layout_2 .petition-footer{

    margin-top: 24px;

    /*background: #F9F9F9;*/

    border-top: 1px solid #EEE;

    padding: 12px 12px 12px 0;

    text-align: right;

}



.pet_layout_2 .petition-footer .btn{

    font-size: 16px;

}





//Target Section.



.target-section {

    clear: both;

    display: block;

    text-align: center;

}

.target-section .target-wrapper {

    background: #f9fafb none repeat scroll 0 0;

    border: 1px solid #ebebeb;

    clear: both;

    float: left;

    padding: 20px;

    position: relative;

    width: 100%;

    z-index: 5;

}

.target-section .progress {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #cccccc;

    border-radius: 0;

    box-shadow: none;

    height: 10px;

    margin: 24px -1px 48px;

    overflow: visible !important;

    padding: 1px;

    position: relative;

}

.target-section .progress-sign {

    background: #ff8141 none repeat scroll 0 0;

    border-radius: 0;

    height: 6px;

    position: relative;

}

.target-section span.sign-raised {

    background: #ffffff none repeat scroll 0 0 padding-box;

    border: 2px solid #ff8141;

    border-radius: 100%;

    font-size: 12px;

    font-weight: bold;

    height: 42px;

    left: 0;

    line-height: 36px;

    position: absolute;

    text-align: center;

    top: -16px;

    width: 42px;

}

.target-section span.sign-raised::after {

    content: "";

}

.target-section span.sign-raised::before {

    content: "";

}

.target-section .sign-item-text {

    clear: both;

    font-size: 18px;

    font-weight: 400;

    margin: 12px 0;

    text-transform: uppercase;

}

.target-section .sign-raised-text {

    color: #ff8141;

    text-align: left;

}

.target-section .sign-goal-text {

    color: #2b2b2b;

    float: right;

}







/*------------------------------ Petition Letter Submitted To Class. ---------------------------------*/



.letter-submit-carousel{

    margin: 48px 0 24px 0;

    text-align: center;

    padding: 0px;

}



.letter-submit-carousel .person-name{

    border: 1px solid #EEE;

    /*margin: 3px;*/

    padding: 12px;

    background: #Fbfbfb;

    min-height: 100px;

    display: block;

    

}

 



.petition_signed_info_container{

    clear: both;

}



.petition_signed_info_container .signed_user_name{

    font-weight: bold;

}

.petition_signed_info_container .signed_user_country{

    color: #ff8141;

}

.petition_signed_info_container .signed_text{

    color: #ff8141;

}

.petition_signed_info_container time.petition_signed_time_ago{

    font-style: normal; 

    font-weight: bold; 

    font-size: 15px; 

}



/*------------------------------ Login Box Style ---------------------------------*/



.login_info_box{

    background: rgba(0,173,237,0.2);

    padding: 12px;

    color: #2c2c2c;

    font-weight: 300;

}



#bptm_login_form{

    box-sizing: border-box;

    padding: 3px;

    margin-bottom: 24px;

}



#bptm_login_form label{

    font-size: 15px;

    margin-bottom: 12px;

}



#bptm_login_form input[type=text] ,

#bptm_login_form input[type=password] {

    width: 100%;

    border: 1px solid #EEE;

    height: 48px;

    line-height: 48px;

    background: #FFF;

    padding: 0 5px;

    transition: all 0.2s ease-in-out;

}



#bptm_login_form input[type=text]:focus,

#bptm_login_form input[type=password]:focus {

    background: #fafafa;

}





p.login-remember{

    margin-top: 24px;

}



.atfc_login_required_msg{

    margin-bottom: 12px;

    padding-bottom: 12px;

    border-bottom: 1px solid #EEE;

}



#bptm_login_form input[type=submit]{

    width: 150px;

    height: 48px;

    border: 1px solid #EEE;

    font-size: 14px;

    font-weight: bold;

    background: #FFF;

    border-radius: 3px;

    transition: all 0.2s ease-in-out;

}



#bptm_login_form input[type=submit]:hover{

    background: #fafafa;

}





/***********************************************************************************************/

/* External Peittion Form. */

/***********************************************************************************************/





.bptm-external-form-container{

    margin: 48px 0;

    clear: both;

    

}



.bptm-external-form-container h2{

    font-size: 42px;

}



.bptm-external-form-container h4{

    font-size: 24px;

    margin-bottom: 24px;

}



.bptm-external-form-container label.error{

    font-weight: 400;

    color: tomato;

    font-size: 14px;

    display: block;

    padding: 3px 0 0 3px;

}



.bptm_agree_msg{

    width: 100%;

    clear: both;

}



label.bptm_agree_label label{

    float: right;

    position: relative;

    right: -5px;

    top: -2px;

}









/*------------------------------  PETITION SIGN FORM---------------------------------*/



.petition-form-wrapper{

    background-color: #FFFFFF; 

    border: 5px solid #FFFFFF; 

    padding: 32px 32px 0 32px;

    margin: 0;

}



.petition-form-wrapper h2{

    font-size: 36px;

}





.petition-form-wrapper h3{

    font-size: 24px;

    line-height: 36px;

}



.petition-form-wrapper h4.target-complete{

    padding-bottom: 32px;

}



.captcha_num{

    display: none;

}



.bwl_petition_form_container{

    margin-top: 11px;

    clear: both;

    display: block;

    text-align: left;

}



.bwl_petition_form_container .row{

    margin-bottom: 24px;

}



.bwl_petition_form_container .row input, textarea,select{

    border: 1px solid #EEE;

    box-shadow: none;

    color: #999999;

    font-size: 15px;

    width: 100%;

}



.bwl_petition_form_container .row select{

    height: 42px;

    color: #999999;

    font-size: 15px;

}



.bwl_petition_form_container .row textarea{

    border: 1px solid #EEE;

    box-shadow: none;

    color: #999999;

    font-size: 15px;

    width: 100%; 

    height: 250px;

}



.bwl_petition_form_container .row input.btn-petition-submit{

    

    margin-top: 0px !important;

    /*padding-top: 0px  !important;*/

    background: #3DA2D0;

    height: 48px !important;

    line-height: 34px;

    color: #FFF;

    font-size:22px;

    font-weight: bold;

}





.bwl_petition_form_success_box{

    background: #8ad088;

    color: #FFFFFF;

}



.bwl_petition_form_wait_box{

    background: #ffffc1;

    color: #000000;

}



.bwl_petition_form_error_box{

    background: #e63f37;

    color: #FFFFFF;

}



.bwl_petition_form_container h2{

    font-size: 18px;

    margin: 11px 0px;

    padding: 0;

    border-bottom: 1px solid #EEEEEE;

    padding-bottom: 12px;

}



.bwl_petition_form_container .bwl_petition_form_message_box{

    width: 100%;

    border:1px solid #EEEEEE;

    line-height: 2.4em;

    text-indent: 2px;

    display: none;

    margin-bottom: 11px;

    box-sizing: border-box;

    padding: 5px 0 5px 10px;

}



.bwl_petition_form_container form input[type=text]

{

    width: 100%;

    margin-bottom: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;

    border: 1px solid lightgray;

    height: 42px;

    line-height: 24px;

    box-sizing: border-box;

}



.bwl_petition_form_container form select

{    

    margin-bottom: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;

    border: 1px solid lightgray;

    height: 32px;

    line-height: 24px;

    padding: 6px;

}





.bwl_petition_form_container form p label{

    display: block;

    clear: both;

    margin: 12px 0;

}





.bwl_petition_form_container form input[type=submit]{

    

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;

    border: 1px solid lightgray;

    height: 32px;

    line-height: 24px;

    padding: 0 12px;

    margin: 12px 0;

}



.bwl_petition_form_container form input.bkb_ques_disabled_field,

.bwl_petition_form_container form select.bkb_ques_disabled_field,

.bwl_petition_form_container form input[type=submit].bkb_ques_disabled_field{

    background: #EEEEEE;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;

    border: 1px solid lightgray;

    height: 32px;

    line-height: 24px;

}



.bwl_petition_form_container form input.captcha{

    display: inline;

    text-align: center;

    width: 40px;

}



.bwl_petition_form_container form span#spambot {

    font-size: 11px;

}



p.bkb_question_submit_container{

    text-align: left;

}



/*------------------------------  Petition result---------------------------------*/





.vticker{

    margin-top: 35px;

    width: 100%;

}

.vticker ul{

    padding: 0;

    

    width: 100% !important;

}

.vticker li{

    list-style: none;

    border-bottom: 1px solid #EEE;

    padding: 10px 10px 10px 0;

    

}

.et-run{

    background: red;

}



/*------------------------------  single page block---------------------------------*/



section.single-petition-block{

    padding: 100px 0;

}



.petition-intro-block{

    background: #F9F9F9;

    position: relative;

}



.petition-about-block{

    background: #EEEEEE;

    position: relative;

}



.petition-send-to-block{

    background: #fbfbfb;

    position: relative;

}



.petition-letter-block{

    background: #FAFAFA;

    position: relative;

}



.petition-result-block{

    background: #FFFFFF;

    position: relative;

}



.petition-share-block{

    background: #EEEEEE;

    position: relative;

}



.petition-share-block h3{

  font-size: 24px;

  line-height: 36px;

  margin-bottom: 36px;

}



.petition-intro-block:before,

.petition-about-block:before,

.petition-send-to-block:before,

.petition-letter-block:before,

.petition-result-block:before,

.petition-share-block:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    content: '';

}







.petition-share{

    clear: both;

}



.petition-share h3{

    margin-bottom:0px;

}



.petition-share .btn-social-icon {

    height: 75px;

    width: 75px;

    border: 0;

    border-radius: 4px !important;

    margin:3px 3px;

}



.petition-share .btn-social-icon .fa{

    line-height: 75px;

    color: #ffffff;

}



.petition-share .petition-share-links,

.petition-share-sm .petition-share-links{

    margin-top: 20px;

    display:block;

}



.petition-share .btn-goggle-plus ,

.petition-share-sm .btn-goggle-plus {

    background-color: #26b84b;

}



.petition-share .btn-goggle-plus:hover ,

.petition-share-sm .btn-goggle-plus:hover {

    background-color: #20993e;

}



.petition-share .btn-envelope-o ,

.petition-share-sm .btn-envelope-o {

    background-color: #d74b3e;

}



.petition-share .btn-envelope-o:hover ,

.petition-share-sm .btn-envelope-o:hover {

    background-color: #ad3d32;

}



// Small Icon For Social.



.petition-share-sm .btn-social-icon {

    height: 48px;

    width: 48px;

    border: 0;

    border-radius: 0px !important;

    margin:3px 12px 3px 12px;

    display: block;

}





.petition-share-sm .btn-social-icon .fa{

    line-height: 32px;

    font-size: 16px;

    color: #ffffff;

}





/*------------------------------  Petition Comment---------------------------------*/



.petition-comment .comments-title{

    font-size: 32px;

    text-align: center;

}



.petition-comment .comment-reply-title{

    font-size: 18px;

}



/*------------------------------  Media Queries ---------------------------------*/





@media only screen and (min-width: 959px) {

     

    

}



@media only screen and (min-width: 768px) and (max-width: 959px) {



     .bwl_petition_form_container .row{

        margin-bottom: 0px;

    }

    

   .bwl_petition_form_container .row input, textarea, select{

      margin-bottom: 24px !important;

    }

    

}





@media only screen and (min-width: 480px) and (max-width: 767px) {

 

    .bwl_petition_form_container .row{

        margin-bottom: 0px;

    }

    

   .bwl_petition_form_container .row input, textarea, select{

      margin-bottom: 24px !important;

    }

    

}



@media only screen and (min-width: 0px) and (max-width: 479px) {

  

    

    .bwl_petition_form_container .row{

        margin-bottom: 0px;

    }

    

   .bwl_petition_form_container .row input, textarea, select{

      margin-bottom: 24px !important;

    }

 

}