/**-- section:widgets:newsletter
4.10 Newsletter
**/

#inhabitat-newsletter{
    padding: 20px;
    border: 1px solid #999999;
    font-size: 16px;
    text-align: left;
    line-height: normal;
    color:#999999;
    margin-top: 20px;
    margin-bottom:30px;
}

#inhabitat-newsletter h2{
    font-size: 1.9rem;
    margin: 15px 0;
    color: #333;
    font-weight: bold;
}
#inhabitat-newsletter .main,
#inhabitat-newsletter .messages{
    line-height: normal;
    font-size: 16px;
}

#inhabitat-newsletter .messages{
    display: none;
    color: #333333;

}

#inhabitat-newsletter .formValue .details{
    display: none;
}

#inhabitat-newsletter .formValue .fail{
    color: darkred;
    margin: 15px 0;
}

#inhabitat-newsletter .formValue .details .cities{
    margin: 15px 0;
}

#inhabitat-newsletter .formValue input[type="email"],
#inhabitat-newsletter .formValue input[type="text"] {
    width: 100%;
    padding: 7px;
    margin: 8px 0;
}

#inhabitat-newsletter .formValue button{
    background-color: #aaaaaa;
    border: 1px solid #a1a1a1;
    height: 20px;
    display: block;
    padding: 13px;
    line-height: 0;
    width: 100%;
    border-radius: 4px;
    outline: none;
    margin-top: 15px;
}

#inhabitat-newsletter .messages .good span{
    font-size: 1.5rem;
    display: block;

}

#inhabitat-newsletter .city {
    display: inline-block;
    width: 49%;
    color: #252525;
}

#inhabitat-newsletter .city input[type="checkbox"] {
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #afafaf;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    border-radius: 3px;
}

#inhabitat-newsletter .city input[type="checkbox"]:focus {
    outline: none;
}

#inhabitat-newsletter .city input[type="checkbox"]:checked {
    background-color: #ffffff;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

#inhabitat-newsletter .city input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 0px;
    color: #99a1a7;
}

#inhabitat-newsletter .casl-container { display: none; }
#inhabitat-newsletter.casl .casl-container { display: block; }


.ibnewsletter-wrapper .ibnewsletter-popup {
    position:fixed;
    bottom:-450px;
    right:0px;
    display: block;
    width:320px;
    /*height:232px;*/
    border:8px solid #008817;
    background-color:white;
    z-index:999999;
    padding:32px 16px 16px 16px;
    transition:all 1s;
}
.ibnewsletter-wrapper .ibnewsletter-popup h2{
    font-family: Helvetica;
    font-size:17px;
    font-weight:bold;
    text-align:left;
    color:#2f2f29;
}

.ibnewsletter-wrapper .mc-hide{
    display:none;
}

.ibnewsletter-wrapper .ibnewsletter-popup .mc-submit{
    width:100%;
    height:44px;
    background-color:#008817;
    color:white;
    font-family: Helvetica;
    font-weight: bold;
    font-size:16px;
    letter-spacing:0.3px;
    padding:11px;
    text-align:center;
    border:none;
    margin-top:16px;
}
.ibnewsletter-wrapper .ibnewsletter-popup .mc-field-group{
    margin-top:8px;
}

.ibnewsletter-wrapper .ibnewsletter-popup .ibnewsletter-scrollbox-close:before{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    content: "\00D7";
    font-size: 26px;
    font-weight: normal;
    line-height: 31px;
    height: 30px;
    width: 30px;
    text-align: center;
    top: 3px;
    right: 3px;
    background: transparent;
}
.ibnewsletter-wrapper .ibnewsletter-embedded{
    display: block;
    background-color:#f2eacf;
    border: solid 1px #d4d4d4;
}
.ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-half{
    width:50%;
    float:left;
    padding:24px;
}
.ibnewsletter-wrapper .ibnewsletter-embedded .white{
    background-color:#ffffff;
}
.ibnewsletter-wrapper .ibnewsletter-embedded h2{
    font-family: Helvetica;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #2f2f29;
}
.ibnewsletter-wrapper .ibnewsletter-embedded p{
    font-family: Helvetica;
    font-size: 15px;
    text-align: left;
    color: #2f2f29;
}
.ibnewsletter-wrapper .ibnewsletter-embedded h3{
    font-family: Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #2f2f29;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    margin:0;
}
.ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-field{
    padding:0;
    margin-bottom:16px;
}
.ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-field.fname{
    padding-right:8px;
}
.ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-field.lname{
    padding-left:8px;
}
.ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-field .text-field{
    width:100%;
    height:40px;
}
.ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-input-group.cities label{
    font-family: Helvetica;
    font-size: 15px;
    text-align: left;
    color: rgba(51, 51, 51, 0.6);
}
.ibnewsletter-wrapper .ibnewsletter-embedded .mc-submit{
    width:100%;
    height: 44px;
    background-color: #2f2f29;
    color:white;
    font-family: Helvetica;
    font-size:16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-align:center;
    border:none;
}
.ibnewsletter-wrapper .formValue .fail {
    color: darkred;
    margin: 15px 0;
}

@media only screen and (max-width: 620px){
    .ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-half{
        width:100%;
        float:none;
    }
    .ibnewsletter-wrapper .ibnewsletter-popup {
        width:100% !important;
    }
    .ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-half.mobile-half{
        width:50%;
        float:left;
    }

    .ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-half{

    }
    
    .ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-field.fname{
        padding-right:0;
    }
    .ibnewsletter-wrapper .ibnewsletter-embedded .ibnl-field.lname{
        padding-left:0;
    }

}