/*!
 * Base Bootstrap 
 * Template Name: LA CONCORDE OnePage - v1
 * Author: LA CONCORDE  
 * Copyright 2022 LA CONCORDE
 */

/*   [Table content]
*      
*       01. GENERAL
*			_ body
*			_ h1, h2, h3, h4, h4, h5, h6
*			_ hr
*			_ w-75
*			_ Colors
*			 
*       02. MAIN CONTENT
*			_ header h3 h4
*			_ horarios
*			_ sucursal-info
*
*       03. FOOTER
*			_ footer-down
*			_ 
*
*       04. RESPONSIVE
*			_ #footer-copyright 
*			_ 
*
*/ 

/*--------------------------------------------------------------
# 01. General
--------------------------------------------------------------*/

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

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

h2 {
    font-size: 2.5rem;
}

hr {   
	background-color: #000000;
	height: 1px;
    margin: -21px auto 0px;
    width:70%;
}

.w-75 {
    width: 77% !important;
}

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

.bg-degrade-petroleum { 
    background: #0fb6c3;
    background: linear-gradient(90deg, #0fb6c3 0%, #00323a 100%);
}

.bg-degrade-dark { 
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, #666666 100%);
}

/*--------------------------------------------------------------
# 03. MAIN CONTENT
--------------------------------------------------------------*/

/* horario + sucursal-info */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.horarios {
    background-color: #7f7f7f;
    border-radius: 10px;
    padding:20px 10px;
}

.horarios h4 {
    border-bottom:1px solid white;
}

.horarios h4,
.horarios p,
.sucursal-info p {
    color:white;
    font-size: 1.5rem;  
    line-height: 150%;  
    margin-bottom:20px;
    text-align: center;  
}

/* sucursal-info */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sucursal-info h4 {
    background-color: #000;
    color:white;
    font-weight: normal;
    margin:auto;
    width:70%;    
}

.sucursal-info p {
    color:black; 
}


/*--------------------------------------------------------------
# 03. FOOTER
--------------------------------------------------------------*/

#footer-copyright {
    font-size: 12px;
}


/*--------------------------------------------------------------
# 04. RESPONSIVE
--------------------------------------------------------------*/
@media (min-width: 576px) {
    .mx-sm-0 {
      margin: 0px;
    }
  }
  
@media (max-width: 640px) {
    h1 {
        text-align:center;
    }
    h1 img {
        margin:5px auto 0px;
        width: 75%;
    }
    h2 {
        font-size: 1.2rem;
    }
    hr {   
        margin: -16px auto 0px;
        width:100%;
    }
    .width-50 {
        margin:2px auto 0px;
        width:60%;    
    } 
    .w-75 {
        margin-top:4px !important;
        width:60% !important;    
    } 
    .sucursal-info h4 {
        width:75%;    
    }
    .horarios h4,
    .horarios p,
    .sucursal-info h4,
    .sucursal-info p {
        font-size: .8rem; 
    }    
    .horarios.w-75 {
        margin:0px -10px 0px !important;
        width: 100% !important;
    } 
    .sucursales-content {
        margin-top:30px !important;
    }     
    img.pr-5 {
        padding-right: 0rem!important;
    }    
}