/*
Theme Name:     Specular Child
Theme URI:      http://codeless.co
Description:    Specular Child Theme
Author:         Codeless
Author URI:     http://www.codeless.co
Template:       specular
Version:        1.0.0
*/

@import url("../specular/style.css");

/* Helpers */
.no-padding .vc_column{
    padding: 0;
}

.btn-padded a{
    padding: 14px 60px !important;
}

.txt-white *{
    color: #fff !important;
}

.txt-orange *{
    color: #ea862d !important;
}

.large h2{
    font-size: 36px;
    line-height: 44px;
    text-shadow: 0 2px 4px rgba(0,0,0, 0.23);
}
.large p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 100;
}
.large ul{
    font-size: 12px;
    line-height: 17px;
    padding: 0 0 0 15px;
}

/* Title Section */

.vc_row.section-style.title-wrapper,
.vc_row.standard_section.title-wrapper{
    margin: 0;
}

.title-wrapper{
    background-size: cover;
}

.title-wrapper .wpb_wrapper{
    text-align: center;
}
.title-wrapper h2{
    margin-bottom: 20px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    font-size: 48px;
    line-height: 48px;
}
.title-wrapper p{
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    color: #4a4a4a;
}
.title-wrapper.line-under p:after{
    content: '';
    display: block;
    width: 100%;
    background: #ea862d;
    height: 3px;
    margin: 30px 0 0;
}

.vc_btn3.vc_btn3-style-custom{
    background-image: none !important;
}

.vc_btn3.vc_btn3-style-custom:focus,
.vc_btn3.vc_btn3-style-custom:hover{
    background: none;
}

@media only screen and (min-width : 768px) {
    
    .vc_row.section-style.title-wrapper,
    .vc_row.standard_section.title-wrapper{
        margin-bottom: 85px;
    }
    
    .title-wrapper.line-under p:after{
        display: none;
    }
    .title-wrapper h2{
        font-size: 36px !important;
        line-height: 50px !important;
    }
    .title-wrapper p {
        font-size: 18px !important;
        line-height: 24px !important;
    }
}

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

    .title-wrapper.content-left h2,
    .title-wrapper.content-left p{
        text-align: left !important;
    }
    .title-wrapper.content-right h2,
    .title-wrapper.content-right p{
        text-align: right !important;        
    }

}

/* Header - Menu */
.sticky_header .header_9{
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
}

nav .menu > li{
    margin: 0 10px !important;
}

.header_9 nav .menu > li > a,
.header_9 nav .menu > li.current-menu-item > a,
.header_9 nav .menu > li.current-menu-parent > a,
.header_9 nav .menu > li > a:hover{
    border: none;
}

nav .menu li.current-menu-item.buyers > a{
    color: #222;
}
nav .menu li.current-menu-item.buyers > a:hover{
    color: #ea862d;
}

/* Homepage Header Slider */
.codeless_slider h1 span{
    font-style: italic;
}

.codeless_slider .btn-bt{
    border-radius: 40px;
}

.codeless_slider .swiper-slide .buttons.colors-light a.btn-white{
    background: #fff;
    border: 2px solid #fff;
    color: #ea862d;
}

@media (max-width: 480px) , (max-width: 767px) , (max-width: 979px), (max-width: 1100px){
    .home .slider .codeless_slider .swiper-slide .content.vertical_centered{
        margin-left: 0 !important;
    }
}

@media (max-width: 480px){
    .home .slider .codeless_slider .swiper-slide .content h1 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
}
@media (max-width: 767px){
    .home .swiper-wrapper .swiper-slide{
        background-size: cover;
    }
    .home .slider .codeless_slider .swiper-slide h1 {
        font-size: 38px !important; 
        line-height: 46px !important; 
    }
}

@media (max-width: 979px) and (min-width: 768px){
    .home .slider .codeless_slider .swiper-slide h1 {
        font-size: 38px !important; 
        line-height: 46px !important; 
    }
}

@media (max-width: 767px){
    .home .slider .codeless_slider .swiper-slide .content p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

@media (max-width: 979px){
    .home .slider .codeless_slider .swiper-slide p {
        font-size: 18px !important;
    }
}


/* Publisher Solutions */

.publisher_solutions{}

.publisher_solutions .icon{
    width: 300px;
    height: 250px;
    background: #ea862d;
    text-align: center;
    line-height: 250px;
    margin: 0 auto;
}

.publisher_solutions .copy{
    /*display: inline-block;*/
    text-align: center;
}

.publisher_solutions .copy h4{
    font-size: 24px;
    line-height: 33px;
    color: #ea862d;
    font-weight: normal;
}
.publisher_solutions .copy p{
    font-size: 14px;
    line-height: 19px;
    color: #4a4a4a;
}

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

    .publisher_solutions{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;

	    align-items: center;
        
        border-left: 3px solid #ea862d;
    }
    .publisher_solutions:nth-child(even){
        border-left: none;
        border-right: 3px solid #ea862d;
    }
    
    .publisher_solutions .copy{
        flex: 1 0px;
        text-align: left;
        padding: 0 10%;
    }
    
    .publisher_solutions:nth-child(even) .copy {
        order: 1;
    }
    
    .publisher_solutions .copy h4,
    .publisher_solutions .copy p{
        max-width: 300px;
    }
    
    
}


/* Partners */

.partners .item{
    border: 1px solid #ea862d;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    line-height: 130px;
}

.partners .item img{
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

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

    .wpb_content_element.partners:last-child{
        margin-bottom: 35px;
    }
    
    .partners .item{
        height: 202px;
        width: 202px;
        line-height: 202px;
    }
    .partners .item img{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    
}

/* Features */
.custom-icon .services_small dd {
    margin-left: 86px;
}
.custom-icon .services_small dt {
    width: 66px;
    height: 66px;
}
.custom-icon .services_small dt .steadysets-icon-type{
    display: none;
}
.custom-icon .services_small dt:before{
    content: "";
    display: block;
    width: 66px;
    height: 66px;
}

/* Homepage Icons */
.sh-scale .services_small dt:before{
    background: url(img/scale.svg) center center no-repeat;
}
.sh-viewability .services_small dt:before{
    background: url(img/viewability.svg) center center no-repeat;
}
.sh-targeting .services_small dt:before{
    background: url(img/targeting.svg) center center no-repeat;
}
.sh-optimization .services_small dt:before{
    background: url(img/optimization.svg) center center no-repeat;
}
.sh-programmatic .services_small dt:before{
    background: url(img/programmatic.svg) center center no-repeat;
}
.sh-custom-units .services_small dt:before{
    background: url(img/custom-units.svg) center center no-repeat;
}

/* Enterprise Icons */
.sh-make-money .services_small dt:before{
    background: url(img/make-money.svg) center center / contain no-repeat;
}
.sh-easy-implementation .services_small dt:before{
    background: url(img/easy-implementation.svg) center center / contain no-repeat;
}
.sh-collect-demographics .services_small dt:before{
    background: url(img/collect-demographics.svg) center center / contain no-repeat;
}
.sh-increase-engagement .services_small dt:before{
    background: url(img/increase-engagement.svg) center center / contain no-repeat;
}

/* SaaS Icons */
.sh-web-design .services_small dt:before{
    background: url(img/web-design.svg) center center / contain no-repeat;
}
.sh-mobile .services_small dt:before{
    background: url(img/mobile.svg) center center / contain no-repeat;
}
.sh-broadcast .services_small dt:before{
    background: url(img/broadcast.svg) center center / contain no-repeat;
}
.sh-social .services_small dt:before{
    background: url(img/social.svg) center center / contain no-repeat;
}


/* Enterprise */
.sh-units .tabbable.style_2.tabs-left .nav-tabs{
    margin: 20px 20px 0 0;
}
.sh-units .tabs-left > .nav-tabs{
    border-right: none;
}
.sh-units .tabbable.style_2.tabs-left li{
    margin-bottom: 14px;
}
.sh-units .tabbable.style_2.tabs-left .nav-tabs li.active{
    border-right: none;
    right: 0;
}
.sh-units .tabbable.style_2.tabs-left .nav-tabs li:hover,
.sh-units .tabbable.style_2 .nav-tabs li:hover{
    border: none;
}

.sh-units .tabbable.style_2.tabs-left .nav-tabs li a{
    min-width: auto;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: none;
    text-indent: -9999px;
    padding: 0;
    background: rgba(255,255,255,0.5);
}
.sh-units .tabbable.style_2.tabs-left .nav-tabs li.active a{
    background: rgba(255,255,255,1);
}

.sh-units p{
    font-size: 13px;
}

@media only screen and (max-width : 767px) {
    .sh-units .tabbable.style_2.tabs-left .nav-tabs{
        margin: 0;
        transform: translateX(90px) translateY(-80px) rotate(-90deg);
    }
}

/* Testimonials */
.testimonials-wrapper{
    background-size: cover;
}

.testimonials-wrapper h2{
    font-weight: normal;
    margin-bottom: 20px;
}

.testimonials-wrapper .testimonial_carousel .item p{
    color: #fff;
    font-size: 14px;
    line-height: 19px;
}

.testimonials-wrapper .testimonial_carousel .param h6{
    font-size: 24px;
    line-height: 34px;
    color: #fff;
}
.testimonials-wrapper .testimonial_carousel .param span.position{
    font-size: 24px;
    font-style: italic;
    line-height: 34px;
    color: #fff !important;
}

.testimonial_carousel_element .pagination{
    display: none;
}

.testimonial_carousel_element .pagination a{
    background: transparent;
}

.testimonial_carousel_element .pagination a i{
    color: #fff;
}

.testimonials-wrapper .icon-chevron-left:before{
    content: "\f060";
}

.testimonials-wrapper .icon-chevron-right:before{
    content: "\f061";
}

.testimonials-wrapper .pager a{
    padding: 0;
}
.testimonials-wrapper .pager a:before{
    content: '\2022';
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    padding: 10px;
    color: #d47927;
}

.testimonials-wrapper .pager a.selected:before{
    color: #fff;
}

.testimonials-wrapper .pager a span{
    display: none;
}

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

    .testimonials-wrapper .testimonial_carousel .item p{
        font-size: 18px;
        line-height: 24px;
    }
    
    .testimonial_carousel_element .pagination{
        display: block;
    }
    
    .testimonials-wrapper .pager{
        display: none !important;
    }
    
}


/* Companies */

.vc_row.standard_section.companies-wrapper{
    margin-bottom: 0;
}

.companies .item{
    border: 1px solid #ea862d;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    line-height: 130px;
}

.companies .item img{
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

@media only screen and (min-width : 768px) {
    .sister-company{
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .sister-company .wpb_content_element:last-child{
        margin-bottom: 35px;
    }
    
    .sister-company .vc_column{
        min-width: 167px;
        max-width: 167px;
        left: 10px;
    }
    .sister-company .companies{
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
}

@media only screen and (min-width : 992px) {
    
    .companies .item{
        height: 168px;
        width: 168px;
        line-height: 168px;
    }
    .companies .item img{
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }
    
    .sister-company .vc_column{
        min-width: 203px;
        max-width: 203px;
        left: 35px;
    }
    
    /*.column_container:nth-child(1) > .companies{
        background: #f00 !important;
    }
    .column_container:nth-child(2) > .companies{
        background: #f0f !important;
    }
    .column_container:nth-child(3) > .companies{
        background: #0ff !important;
    }
    .column_container:nth-child(4) > .companies{
        background: #00f !important;
    }*/
    
}

@media only screen and (min-width : 1200px) {
    
    .wpb_content_element.companies:last-child{
        margin-bottom: 35px;
    }
    
    .companies .item{
        height: 202px;
        width: 202px;
        line-height: 202px;
    }
    .companies .item img{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    
    .sister-company .vc_column{
        min-width: 235px;
        max-width: 235px;
        left: 80px;
    }
}


/* Team */
.single_staff .content{
    text-align: left;
}

/* Contact form */
.sh-contact-form label{
    font-size: 24px;
    line-height: 33px;
    color: #fff;
}

.sh-contact-form .wpcf7-form input,
.sh-contact-form .wpcf7-form textarea{
    color: #222;
    margin: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.sh-contact-form .btn-bt{
    background: #fff;
    border: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sh-contact-form .btn-bt:hover{
    background: #fff;
    border: none;
    color: #ea862d;
}

.sh-contact-form div.wpcf7 .ajax-loader{
    background-image: url(img/ajax-loader.svg);
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
}

.sh-contact-form div.wpcf7-response-output{
    margin: 2em 0.1em 1em;
    padding: 0.5em 1em;
}

.sh-contact-form span.wpcf7-not-valid-tip{
    background: #f00;
    color: #fff;
    font-size: 0.6em;
    padding: 0em 1em;
}

.sh-contact-form .wpcf7-validation-errors{
    background: #f7e700;
    color: #222;
}

.sh-contact-form .wpcf7-mail-sent-ok{
    background: #398f14;
    color: #fff;
}

/* Modal Window */
.team-modal{
    padding: 20px 10px;
    text-align: center;
}

.team-modal .social-bar a{
    margin: 0 10px;
    font-size: 18px;
}