/*
        Theme Name: BBkike Custom
        Description: Custom Theme developed specifically for Bbike
        Author: Mykolas Paliokas & Deni Yaneva
*/

body{
    background-color:#fdc146;
}

header{
    background-color:#fff;
}

.header-center{
    width:780px;
    margin:0 auto;
}

.logo{
    width:176px;
    height:176px;
    margin:0 auto -60px;
    position:relative;
    z-index:2;
}

a.menu-toggle{ 
    display:block;
    float:left;
    display:none;
    padding:7px 15px;
    border-radius:5px;
    background-color:#feb632;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    margin:40px auto 10px;
}

nav{
    width:100%;
}

nav:after{
    display:block;
    height:0;
    content:'';
    clear:both;
}

nav > ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
    width:40%;
    float:left;
}

nav > ul:first-child{
    text-align:right;
    margin-right:10%;
}

nav > ul:last-child{
    text-align:left;
    margin-left:10%;
}

nav > ul > li{
    display:inline-block;
}

nav > ul > li:nth-child(3){
    padding-left:160px;
}

nav > ul > li.logo-spacer{
    width:180px;
}

nav > ul > li > a{
    padding:8px 18px;
    font-size:24px;
    color:#404040;
    font-weight:bold;
    text-decoration:none;
    font-family: 'PT Sans', sans-serif;
}

nav > ul > li.current-menu-item > a{
    color:#e37332;
}

.featured-banner{
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:1;
}

.featured-banner img{
    width:100%;
    height:auto;
    max-width:1920px;
    margin-bottom:-5px;
}

main{ 
    background-color:#fff;
}

main > section{
    width:740px;
    margin:0 auto;
    padding:40px 20px 0;
}
main > section article{
    text-align:center;
}

main > section article p{
    font-family: 'PT Sans', sans-serif;
    color:#484848;
    font-size:18px;
    line-height:1.4em;
}

main > section article h1,
main > section article h2,
main > section article h3,
main > section article h4{
    font-family: 'PT Sans', sans-serif;
}

main > section article h4{
    font-size:16px;
}

main > section article h1 strong,
main > section article h2 strong,
main > section article h3 strong,
main > section article h4 strong{
    color:#fcb635;
}

.cta{
    border:1px dotted transparent;
    border-top-color:#898989;
    border-bottom-color:#898989;
    color:#feba32;
    font-family: 'PT Sans', sans-serif;
}

.cta .btn{
    display:inline-block;
    border-radius:4px;
    padding:8px 30px;
    margin-left:20px;
    background-color:#feb632;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
}

.opinion-boxes:after{
    content:'';
    display:block;
    height:0px;
    clear:both;
}

.opinion-boxes .opinion{
    width:30%;
    float:left;
    margin-right:4%;
}
.opinion-boxes .opinion h4{
    font-size:20px;
    margin:10px 0;
    font-family: 'PT Sans', sans-serif;
    color:#fbcb7b;
}

.opinion-boxes .opinion img{
    display:block;
    width:100%;
    max-width:200px;
    margin:0 auto;
}

.opinion-boxes .opinion span{
    color:#535353;
    font-style:italic;
    font-size:16px;
    font-family: 'PT Sans', sans-serif;
}

.opinion-boxes .opinion span:before,
.opinion-boxes .opinion span:after{ 
    content:'"';
    display:inline; 
}

.opinion-boxes .opinion:last-child{
    margin-right:0;
}

.page-id-2 main > section article{

}

footer ul.menu{
    list-style:none;
    padding:0;
    text-align:center;
}

footer ul.menu li{
    display:inline-block;
    padding:0 20px;
}

footer ul.menu li a{
    text-decoration:none;
    font-family: 'PT Sans', sans-serif;
    color:#2f2f2f;
    font-size:18px;
}

.wpcf7 p label{
    display:inline-block;
    width:250px; 
    margin-right:10px;
    text-align:right;
}

.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select{
    width:280px;
}

.wpcf7 textarea{
    resize:none;
    height:80px;
}

.wpcf7 input[type="checkbox"]{
    width:20px;
}

.wpcf7 p:last-child{
    text-align:left;
}

.wpcf7 input[type="submit"]{
    border-radius:4px;
    padding:8px 30px;
    background-color:#feb632;
    color:#fff;
    text-transform:uppercase;
    border:none;
}

.wpcf7 .tc-read{
    font-size:14px;
    width:300px;
    display:block;
    float:right;
    text-decoration:none;
    margin-right:100px;
    margin-bottom:-5px;
    color:#fcb635;
}

.wpcf7 .tc-read:after{
    display:block;
    content:'';
    height:0px;
    clear:both;
}


.overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
    z-index:2;
    display:none;
}

#lightbox-page{
    position:absolute;
    z-index:3;
    top:50px;
    left:50%;
    margin-left:-450px;
    width:860px;
    padding:20px;
    background-color:rgba(255,255,255,.95);
    border-radius:3px;
    font-family: 'PT Sans', sans-serif;
    text-align:center;
    display:none;
}

#lightbox-page h2{
    color:#fdb638;
}

#lightbox-page a.close{
    position:absolute;
    right:5px;
    top:5px;
}

#lightbox-page h3{
    color:#343434;
}

#lightbox-page p{
    line-height: 1.4em;
    color:#343434;
}

.header-widgets{
    float:right;
}

.widget_polylang{
    float:right;
    margin-bottom:5px;
}

.widget_polylang ul{
    padding:0;
    margin:5px 0 0 0;
    list-style:none;
}

.widget_polylang ul li{
    float:left;
    margin-right:5px;
}

.header-widgets h4.phone-number{ margin:0 0 5px; text-align:right; }
.header-widgets .social-bar a{ float:right; margin-left:5px; }

html[lang="es-ES"] .intl-prefix{
    display:none;
}

#ssba{
    margin-top:30px;
}

@media only screen and (max-width : 780px) {
    a.menu-toggle{
        display:block;
    }

    nav{ 
        display:block; 
        clear:both;
        display:none; 
    }
    
    nav > ul{
        width:100%;
        clear:both;
        margin:0!important;
        text-align:center!important;
    }
    
    nav > ul > li{ display:block; }

    .header-center{
        width:100%;
    }

    .logo{ 
        float:left; 
        width:100px;
        height:auto;
        margin:5px;
    }

    .logo img{
        width:100%;
    }

    main > section{
        width:96%;
        padding:20px 2%;
    }

    .header-widgets{
        margin:10px 5px 0 0;
    }

    .header-center:after{
        display:block;
        content:'';
        clear:both;
        height:0;
    }
}

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

    .featured-banner img{
        margin-left:-20%;
        width:140%;
    }

    .opinion-boxes .opinion{
        width:94%;
        margin:10px 3% 0;
    }

    a.menu-toggle{ 
        display:block;
    }
}

@media only screen and (min-width : 780px) {
    nav{display:block!important;}
}

@media only screen and (max-width : 570px){
    .wpcf7 p label{
        width:280px;
        text-align:left;
    }

    .wpcf7 p label.btnpad{
        display:none;
    }

    footer ul.menu li{
        display:block;
        padding-bottom:10px;
    }

    footer ul.menu li:last-child{
        padding-bottom:0;
    }
}

@media only screen and (max-width : 920px){
    #lightbox-page{
        top:0;
        left:0;
        margin:0;
        width:94%;
        padding:3%;
        border-radius:0;
    }
}