/*
 Theme Name:     Coche theme
 Theme URI:      https://www.santirivas.info/wp-thmes/coche
 Description:    Coche theme
 Author:         Santi Rivas
 Author URI:     https://www.santirivas.info
 Template:       _tk
 Version:        1.0.0
*/
 
@import url("../_tk/style.css");
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
 
/* =Theme customization starts here
------------------------------------------------------- */
*{
  font-family: 'Ubuntu', sans-serif;
}

body {
    background-color: #f5f5f5;
}

#masthead {
    min-height: 60px;    
}

.parallax-window {
    min-height: 400px;
    background: transparent;
    background: rgba(0, 0, 0, 0.3);
}

.navbar {   
    min-height: 60px;
}

.navbar-brand {
    padding: 0;
}

.navbar-default {
    background-color: #fff;
    border: none;
}

.navbar-right{
    padding-right: 30px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #c4c4c4;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #cccccc;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
    border: none;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.navbar-header {
    min-height: 60px;
}

.navbar-header p {
    line-height: 60px;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
    width: 325px;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    border: none;
    color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
}

.navbar-nav>li>a {
    line-height: 30px;
}

.home.page .main-content-inner{
    padding: 0;
}

#home-blocks {
    background: url(images/fondo-home-1.png) no-repeat center center;
    background-size: cover;
    padding: 1em 0 2em 0;
    margin: 0;
    min-height: 400px
}

.home-icon {
    padding: 10px;
}

#gallery-coches {
    background-color: #f5f5f5;
    color: #000;
    display: block;
}

.gallery-wrap {
    overflow: hidden;
    margin: 10px;
    padding-bottom: 60px;
    padding-top: 50px;
}
.box {
    float: left;
    position: relative;
    width: 25%;
    padding-bottom: 17%;
}
.boxInner {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    overflow: hidden;
}
.boxInner img {
    width: 100%;
    border: 1px solid #c5c5c5;
}
.boxInner .titleBox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 18px;
    font-weight: 500;
}
.boxInner .titleBox span {
    color: rgba(255, 255, 255, 0.32);
}
.boxInner:hover .titleBox, .boxInner.touchFocus .titleBox {
    margin-bottom: 0;
}
@media only screen and (max-width : 480px) {
    /* Smartphone view: 1 tile */
    .box {
        width: 100%;
        padding-bottom: 68%;
    }
    #img-logo {
        max-width: 200px;
    }
    .modal-botton-logo {
        max-width: 165px !important;
    }
    #car-view-title {
        font-size: 20px !important;
    }
    .gigya-share-widget {
       width: 100% !important;
    }
    .gig-bar-container {
        width: 100% !important;
    }
    div.gig-button-text {
        display:none;
    }
    .post-ratings {
        width: 100% !important;
        float: left !important;
        height: 34px !important; 
    }    
    #txt-votar {
        padding: 5px;
        font-size: 10px !important;
    }
    #home-slider-content {
        max-height: 85px;
  
    }
}
@media only screen and (max-width : 550px) {
    div.gig-button-text {
        display:none;
    }
}
@media only screen and (max-width : 650px){
   /*div.modal-content {
     max-height: 60vh !important;
   }
   div.modal-content {
     max-height: 225px !important;
   }*/
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
    /* Tablet view: 2 tiles */
    .box {
        width: 50%;
        padding-bottom: 34%;
    }
    #img-logo {
        max-width: 265px;
    }        
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
    /* Small desktop / ipad view: 3 tiles */
    .box {
        width: 33.3%;
        padding-bottom: 23.3%;
    }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
    /* Medium desktop: 4 tiles */
    .box {
        width: 25%;
        padding-bottom: 17%;
    }
}    
.overlay-mobile {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.72);
}

#content-coche {
    color: #fff;
    padding: 20px 0;
}

#content-coche .page-title {
    font-weight: 700;
    font-style: italic;
    font-size: 50px;
    line-height: 1;
    margin: 0 0 8px 0;
    padding: 10px 0 10px 0;
    position: relative;
    text-align: center;
    color: #000;
} 

/*resposive video container*/ 
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}    

#thevideo,
#theimage,
#description {
    margin: 20px 0;
}

#description {
    padding: 20px;
    background: #fff;
    color: #000;
    border-radius: 4px;
}

#description p{
    font-size: 17px;
    font-weight: 500;    
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {   
    background-color: transparent;
    border: none;
    color: #3a3a3a;
    font-weight: 700;
    font-size: 18px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background: none;
    border: none;
    color: #fff;
}

.nav-tabs>li a{
    color: #5d5d5d;
    border: none;
    font-size: 18px;
}

@media only screen and (min-width : 768px) {
    #content-coche .page-title {
        font-weight: 700;
        font-style: italic;
        font-size: 50px;
        line-height: 1;
        margin: 0 0 8px 0;
        padding: 10px 0 10px 0;
        position: relative;
        text-align: left;
    } 
}

#share-bar {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    min-height: 95px;
}

.post-ratings {
    width: 100%;
    float: left;
    height: 50px;
    cursor: pointer;
}

#txt-votar {
    position: relative;
    padding: 15px;
    /*height: 50px;*/
    text-align: center;
    font-size: 20px !important;
    font-weight: 500;
    cursor: pointer;
    margin-top: -50px;
    background-color: #f62;
    line-height: 20px;
}

.votar-wrapper {
    padding: 10px;
    background-color: #f62;
    color: #fff;
}

.votar-wrapper:hover {
    background-color: #f62;
    color: #fff;
}

.post-ratings IMG, .post-ratings-image IMG {
    height: 50px;
    width: 100%;
    cursor: pointer;
}

.post-ratings-loading{
    height: 50px !important;
    text-align: center !important;
    padding: 15px !important;
    color: #fff !important;
}

.text-loading {
    margin-top: 39px !important;
    position: absolute;
    z-index: 1000000000;
    width: 100%;
    color: #fff;
}

.disableClick {
    pointer-events: none;
}
.navbar {
    margin-bottom: 0px !important;
}
.container-fluid label {
    float: left;
}
.container-fluid label, .container-fluid .button_div {
    color: #fff !important;
}

.gigya-share-widget {
    width: 100% !important;
    float: right;
}

#gigyaCommentsWrapperDiv {background:#FFFFFF;margin:0px auto 20px;border:1px solid #FFFFFF;padding:10px 0px;border-radius:5px;clear:both;width:100% !important;}
#gigyaShare {width:90%;margin:0px auto 20px auto;clear:both;}
#detalleCarta #gigyaShare {width:94%;}
#gigyaShareV {clear:both;width:100%;float:left;}
#gigyaShare table {margin:0px auto;}
div.gig-button-container table {height: 34px; width: 100% !important;}
div.gig-share-button-container{height:34px;margin-right: 5px;} 
div.gig-button-container-comments {background-color:#dbdbea;width: 142px;margin-right: 18px;}
div.gig-button-container-twitter {background-color:#0dc3f3;width: 100% !important;  background-image: none !important;}
div.gig-button-container-facebook {background-color:#2d609b;width: 100% !important;}    
div.gig-button-container-linkedin {background-color:#007ab8;width: 100% !important;}
div.gig-button-container-googleplus {background-color:#ec3d24;width: 100% !important;}
div.gig-button-container-meneame {background-color:#ef6b00;width: 100% !important;}
div.gig-button-container-whatsapp { background-color:#00bf29;width: 100% !important;}
div.gig-button-container-share {background-color:#b6b6c5;width: 100% !important;}
span.gig-counter-text-right {height: 34px;float:right;color:#fff;line-height: 34px !important;}
div.gig-button {margin-left: 5px;}    
div.gig-button-text {color: #fff !important;font-size: 14px !important;font-weight: 700;}
#gigya-share-widget-0-reaction0-icon,
#gigya-share-widget-0-reaction1-icon,
#gigya-share-widget-0-reaction2-icon,
#gigya-share-widget-0-reaction3-icon {width: 47px;}
#detalleCarta div.gig-button-container-comments, #detalleCarta div.gig-button-container-twitter, #detalleCarta div.gig-button-container-facebook, #detalleCarta div.gig-button-container-linkedin, #detalleCarta div.gig-button-container-googleplus, #detalleCarta div.gig-button-container-meneame, #detalleCarta div.gig-button-container-share {width:75px;margin-right:5px;}
.gig-bar-container {width: 100%;float: right;overflow: hidden !important;}
.gig-bar-container table{width: 100% !important;}

.entry-meta{
    display: none;
}

footer {
    background-color: #212121;
    padding: 10px;
}

footer a {
    color: #fff;
}

footer a:hover, footer a:focus {
    color: #ccc;
}

.home .hentry {
    margin: 0;
}

.sep {
    color: #fff;
    float: right;
}

.credits {
    float: right;
    padding: 0 5px 0 5px;
}

@media only screen and (max-width : 378px) and (min-width : 319px) {
    .navbar-header p {
        line-height: 60px;
        margin-bottom: 0px;
        font-size: 17px;
        font-weight: 600;
        width: 300px;
    }
}

@media only screen and (max-width : 320px) {
    .navbar-header p {
        line-height: 60px;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 600;
        width: 300px;
    }
}

*.gig-bar-container img {
    display: block;
    margin: 0 auto;
}

.mdl-grid {
    max-width: 1200px;
}
.mdl-card__media {
    margin: 0;
}
.mdl-card__media > img {
    max-width: 100%;
}
.mdl-card__actions {
    display: flex;
    box-sizing:border-box;
    align-items: center;
}
.mdl-card__actions > .mdl-button--icon {
    margin-right: 3px;
    margin-left: 3px;
}
.mdl-layout__container {
    position: relative !important;
    width: 100%;
    height: 100%;
}

.mdl-card__media {
    background-color: #fff !important;    
}

.text-oneline{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mdl-card__title a {
    color: rgb(0, 0, 0) !important;
    font-weight: 500;
}

.play-icon {
    position: relative;
    top: 50%;
    left: 50%;
}

p#ci-txt {
    font-size: 30px !important;
    line-height: 32px !important;
    text-shadow: 0 0 10px #000 !important;
}

@media only screen and (max-width : 550px) {
    a.copyright {
        width: 90%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    a.credits,
    span.sep {
        float: none;
        font-size: 12px;
    }
    .site-footer-inner.col-sm-12 {
        padding: 0;
    } 
    p#ci-txt {
        font-size: 15px !important;
        line-height: 17px !important;
        text-shadow: 0 0 10px #000 !important;
    }   
}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    /*width: 100%;*/
}

.text-loading {
	color: #000;
}

.text-loading img{
    max-width: 25px;
    margin-right: 20px;

}
#menu-item-23.active,
#menu-item-23.active a{
	background-color: transparent;
}
div#slide-1-layer-5 {
    display: none !important;
}

.gigya-style-modern div.gigya-screen-dialog-close > a > img {   
    width: 15px !important;
}

.gigya-screen input[type=submit] {
   width: 90% !important; 
}

#aceptar-bases-btn {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 50px;
    background-color: #ff6900;
    border: none;
    font-size: 20px;
}