/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.menu-link{font-size: 0.74rem;}
.menu-link, .button{font-weight: 400;letter-spacing:1 }
.menu-link:hover{color: #5c9455!important;}
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4{text-transform: none;letter-spacing:0}
.lead2 {font-size: 1.1rem; line-height: 1.6; font-weight: 300;}
.button{padding: 15px 22px;letter-spacing:0;font-size: 0.8rem; border: 1px solid #dedede;}
ul{margin-left: 20px;}
.greenlight{color: #c2d8b4;}
.greenlightneon{color: #b5f0af;}

/* ----------------------------------------------------------------
	Containers
-----------------------------------------------------------------*/
@media (max-width: 768px){
    .container-fluid{padding-left: 40px; padding-right: 40px}
}
/* ----------------------------------------------------------------
	Page title
-----------------------------------------------------------------*/

#page-title h1{
    text-transform: none; 
    text-align: center;
    line-height: 1.3;
    letter-spacing:0 !important;
    }
#page-title span{text-align: center;}

@media (max-width: 768px){
    #page-title h1 br{display: none}
}

/* ----------------------------------------------------------------
	Tables
-----------------------------------------------------------------*/
.border-green{border: 1px solid #698d54 !important;}

/* ----------------------------------------------------------------
	Soiuris Simbol Background
-----------------------------------------------------------------*/

.simbol-right-bkg{background: url(../images/backgrounds/dark-simbol-right.jpg) no-repeat 100% 0;}
.section.simbol-right-bkg{margin: -60px 0 !important;}
.section.simbol-right-bkg .fbox-icon{
    width: 8rem;
    height: 6rem;
    padding: 0 1rem;
    }
.section.simbol-right-bkg .feature-box .fbox-icon img{padding: 1rem;}
.section.simbol-right-bkg .feature-box .fbox-icon img:hover{background-color: #8bc783;}

/* ----------------------------------------------------------------
	Parallax Letras en Vertical Background
-----------------------------------------------------------------*/

.derechocivil-bkg{background: url(../images/civil/abogados-derecho-civil-bilbao-parallax.jpg) no-repeat 100% 0;}
.section.derechocivil-bkg{margin: -60px 0 !important;}

.derechomercantil-bkg{background: url(../images/mercantil/abogados-derecho-mercantil-bilbao-parallax.jpg) no-repeat 100% 0;}
.section.derechomercantil-bkg{margin: -60px 0 !important;}

.herencias-bkg{background: url(../images/herencias/abogados-herencias-sucesiones-bilbao-parallax.jpg) no-repeat 100% 0;}
.section.herencias-bkg{margin: -60px 0 !important;}

.trafico-bkg{background: url(../images/trafico/abogados-accidentes-trafico-bilbao-parallax.jpg) no-repeat 100% 0;}
.section.trafico-bkg{margin: -60px 0 !important;}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
.footer-logo{width: 80%; max-width: 300px; margin: 0 auto 30px;}
#footer.dark{color:#cacaca; border-top: 8px solid #000000;}
.dark .footer-widgets-wrap a{color: #aec5aa;}
.dark #copyrights {background: #151515; border-top: 1px solid #466043; font-size: 0.8em}
.dark #copyrights .separator{color: #5c9455;}
.copyright-links{display: inline}
.copyright-links a{border: 0; color: #999 !important;}

#footer.dark p.lead::after {
    content: '';
    display: block;
    margin: 20px auto 0;
    width: 30px;
    border-top: 1px solid #aec5aa;
}

.footer-top-column{display: none;}
@media (max-width: 768px){
    .footer-center-column{display: none;}
    .footer-top-column{display: block;}

}

/* ----------------------------------------------------------------
	Img position for mobiles
-----------------------------------------------------------------*/

.desktop{display: block}
@media (max-width: 768px){
    .desktop{display: none}
}
.mobile{display: none}
@media (max-width: 768px){
    .mobile{display: block}
}
/* ----------------------------------------------------------------
	Icon List IMG
-----------------------------------------------------------------*/
.iconlistimg{
    margin-right: 20px;
    margin-left: 10px;
    max-width: 60px
    }