/*!
 * Base Bootstrap 
 * Template Name: EURODYCAR OnePage - v1
 * Author: EURODYCAR  
 * Copyright EURODYCAR
 */

/*   [Table content]
*      
*       1. GENERAL
*			 
*       2. HEADER
*
*       3. MAIN CONTENT
*			3.1. eurodycar-contenedor
*			3.2. peugeot-contenido
*			3.3. citroen-contenido
*           3.4. sucursal
*           3.5. redes-sociales
*
*       4. FOOTER
*
*       5. RESPONSIVE
*
*       6. COLORES
*       rojo    =  #FF0000
*       azul    =  #203D8D  
*/ 

/*--------------------------------------------------------------
# 1. General
--------------------------------------------------------------*/

body {
  color:#000000;
  font-family: 'Encode Sans', 'Arial', sans-serif;
  font-size: 16px;
  height: 100%;  
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Encode Sans', sans-serif;
    font-weight:800;
}

h2 {
    font-size: 2.5rem;
}

/* Colors */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.bg-dark { 
    background:#000000 !important; 
}

/*--------------------------------------------------------------
# 2. HEADER
--------------------------------------------------------------*/

/* H1 */ 
.header h1 {
    background: url(../img/eurodycar-logo.webp) no-repeat top left;
    display: block;
    height: 27px;
    margin:0px auto;
    overflow: hidden;
    text-indent: -999px;
    width: 210px;    
}


/*--------------------------------------------------------------
# 3. MAIN CONTENT
--------------------------------------------------------------*/

/* 3.1. eurodycar-contenedor */ 
.eurodycar-contenedor {
    background: url(../img/eurodycar-header-bg.webp) no-repeat top center;
}
.auto-contenedor {
    margin-top:100px;
    padding:70px 0px 30px;
}
.visitar-sitio {
    text-align: center;
}
.visitar-sitio a {
    font-weight: bolder;
    font-size: 1.4em;  
}

/* 3.2. peugeot-contenido */
.peugeot-contenido .auto-contenedor {
    background: url(../img/peugeot-logo.webp) no-repeat 20% 9%;
    background-size: 40% 40%;
}
/*
.peugeot-contenido .sucursal-contenido {
    margin-right:4em;
}
*/
.peugeot-contenido .btn-primary:not(:disabled):not(.disabled).active, 
.peugeot-contenido .btn-primary:not(:disabled):not(.disabled):active, 
.peugeot-contenido .show>.btn-primary.dropdown-toggle,
.peugeot-contenido .btn-primary:active, 
.peugeot-contenido .btn-primary:focus,
.peugeot-contenido .btn-primary {
    background-color:#000 !important;
    border:none;
    box-shadow: none;
}

/* 3.3. citroen-contenido */
.citroen-contenido .auto-contenedor {
    background: url(../img/citroen-logo-nuevo.webp) no-repeat 10% 20%;
}
.citroen-contenido .auto-contenedor article {
    background-color:#FF0000;
}
.citroen-contenido .btn-primary:not(:disabled):not(.disabled).active, 
.citroen-contenido .btn-primary:not(:disabled):not(.disabled):active, 
.citroen-contenido .show>.btn-primary.dropdown-toggle,
.citroen-contenido .btn-primary:active, 
.citroen-contenido .btn-primary:focus,
.citroen-contenido .btn-primary {
    background-color:#FF0000 !important;
    border:none;
    box-shadow: none;
}
.citroen-contenido .sucursal-contenido {
    background-color:#FF0000 !important;
    /*margin-left:4em;*/
}

/* 3.4. sucursal */
.sucursal-titulo h2,
.sucursal-titulo-marca h2 {
    border-bottom:1px solid #203D8D;
    color:#203D8D;
    font-weight: bolder;
    font-size: 1.8em;  
    padding:10px 0px 10px;
    text-align: center;
}
.sucursal-contenido {
    background-color:#000;
    border-radius:10px;
    margin:3em;
    padding:1em;
}
.sucursal-contenido h3,
.sucursal-contenido li,
.sucursal-contenido li a {
    color:#FFF;
    font-size: 1em;  
}
.sucursal-contenido h3 {
    color:#FFF;
    font-size: 1.3em;
    text-align:center;
}
.sucursal-titulo {
    position:absolute;
    top:690px;
}
.sucursal-contenido li {
    list-style: none;   
}
.sucursal-contenido ul > li {
    clear: left;
    padding: .2rem 0;
}
.sucursal-contenido ul > li:before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    margin-left: -1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.sucursal-contenido ul > .icon-email:before { 
    background: url("../img/icon-email.svg");
    background-size: cover;
    background-position: center;
    padding: .15rem;
}
.sucursal-contenido ul > .icon-map:before { 
    background: url("../img/icon-map.svg");
}
.sucursal-contenido ul > .icon-reloj:before { 
    background: url("../img/icon-reloj.svg");
}
.sucursal-contenido ul > .icon-tel:before { 
    background: url("../img/icon-reloj.svg");
}

/* 3.5. redes-sociales */
.redes-sociales {
    padding-bottom:100px;
}
.redes-sociales ul {
    display: flex;
    justify-content: center;
}
.redes-sociales ul {
    margin:0px;
    padding:0px;
}
.redes-sociales ul li {
    list-style: none;
    margin:0px 10px;
}
/*
.redes-sociales ul li:first-child {
    margin:0px;
}
*/


/*--------------------------------------------------------------
# 4. FOOTER
--------------------------------------------------------------*/
#footer {
    background-color:#203D8D;
    padding:10px 0px;
}
.footer-copyright {
    color:white;
    font-size: 13px;
    margin:0px;
    padding:0px;
}


/*--------------------------------------------------------------
# 5. RESPONSIVE
--------------------------------------------------------------*/
  
@media (max-width: 600px) {
    .redes-sociales {
        padding-bottom:40px;
    }
    .auto-contenedor {
        padding-bottom: 112px;
    }    
    .citroen-contenido .auto-contenedor {
        padding-bottom: 50px;
    }
	.sucursal-contenido {
	    margin: 0em;
	}
    .citroen-contenido {
        background: url(../img/eurodycar-header-bg.webp) no-repeat top center;
        margin:80px 0px 0px 0px;
        padding-top:80px;
    }
    .citroen-contenido .auto-contenedor {
        background: url(../img/citroen-logo-nuevo.webp) no-repeat 20% 5%    ;
        background-size: 40% 60%;
    }    
}