/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.1
Text Domain: stockholm
Template: stockholm
*/
.font-weight-regular{
	font-weight: 300 !important;
}
.padTop{
	padding-top: 5rem;
}
.padBot{
	padding-bottom: 5rem;
}
.columnPad{
	padding-left:5rem !important;
	padding-right: 5rem !important;
}
.big-font{
	font-size: 48px;
	line-height: 60px;
}
.clr-blue-light{
    color: #41BFEF;
}
.clr-white{
    color: #fff;
}
.clr-blue{
    color: #005A9C;
} 
.clr-orange {
	color: #FA7F22;
}
.mt-4{
	margin-top: 1.8rem;
}
.font-weight-ligh{
	font-weight: 300 !important;
}
.font-weight-bold{
    font-weight: 700 !important;
}

ul.amenidades-list {
  list-style: none;
}
ul.amenidades-list li{
	line-height: 36px;
}
ul.amenidades-list li::before {
    content: "\2022";
    color: #41BFEF;
    font-weight: bold;
    display: inline-block;
    width: .8em;
    margin-left: inherit;
    font-size: 30px;
}
.img-orange-back{
	position: relative;
}
.img-orange-back::before{
	content: '';
	position: absolute;
	top: -10%;
	right: -10%;
	height: calc(100% + 20%);
	width: 100%;
	background-color: #FA7F22;
	z-index: -1;
}
#proyectos{
	height: 100vh;
}
footer#contacto{
	background-image: url('http://173.247.252.133/~glucosa/ecolora/wp-content/uploads/2019/08/footer-bg.jpg');
	background-size: cover;
}
.footer_top_holder {
    display: block;
    background-color: #39393900 !important;
}
.qbutton.none{
	background-color: #005a9c !important;
    color: #fff !important;
}
.qbutton:hover.none{
	background-color:  #D3EEFA !important;
    color: #005a9c !important;
}
.main-title{
	color: #fff;
	line-height: 60px;
	text-transform: none;
	font-weight: 300 !important;
}
.main-title b{
	background-color: #D3EEFA;
	color: #005A9C;
	font-weight: 700;
}
.main-title-bg{
    background-image: url(http://173.247.252.133/~glucosa/ecolora/wp-content/uploads/2019/08/acerca-de.jpg);
    padding: 10% 0;
    margin-top: 5%;
}
.amenidades-add::before{
	content: " ";
    position: absolute;
    height: 100%;
    width: calc(100% + 20%);
    background-color: #41BFEF;
    top: 0;
    left: -20%;
    z-index: -1;
    transform: rotate(7deg);
}
.condominios-add::before{
	content: " ";
    position: absolute;
    height: 100%;
    width: calc(100% + 15%);
    background-color: #005A9C;
    top: 0;
    right: -10%;
    z-index: -1;
    transform: rotate(7deg);
}
.ubicacion-container{
    padding: 4rem 1.5rem;
    width: 60%;
    margin: 0 auto;
}
.ubicacion-container h3{
    font-weight: 300;
    line-height: 48px;
    margin: 10px 0;
}
.ubicacion-container p{
    margin: 20px 0;
    letter-spacing: 0;
    line-height: 30px;

}
.address{
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-left: 30px;
    position: relative;
}
.address:after{
    content: url('http://173.247.252.133/~glucosa/codominio-bosque/wp-content/uploads/2019/06/Condominio-Bosque-ping.png');
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
/*distancias*/
.margin-lat{
    margin: 0 40px !important;
}
.ubicacion-numer{
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin-left: 30px;
    position: relative;
    width: 50%;
    margin: 0 auto;
}
.ubicacion-numer::before{
    position: absolute;
    left: -40%;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 60px;
}
.airport::before{content: '25';}
.market::before{content: '10';}
.build::before{content: '6';}
.crossroad::before{content: '5';}

ul.social-links{
    margin-top: 10%;
    margin-bottom: 15px;
}
ul.social-links li{
margin: 20px 0;
}
.img-social{
	 width: 32px;
    vertical-align: middle;
	margin-right: 10px;
}
li.icon{
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    margin-left: 45px;
    position: relative;
    margin-top: 15px;
}
li.icon a{
    color: #fff;
}
li.icon::before{
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%);
}
li.phone::before{
    content: url('http://173.247.252.133/~glucosa/codominio-bosque/wp-content/uploads/2019/06/Condominio-Bosque-phone.png');
}
li.mail::before{
    content: url('http://173.247.252.133/~glucosa/codominio-bosque/wp-content/uploads/2019/06/Condominio-Bosque-mail.png');
}
li.address-footer::before{
    content: url('http://173.247.252.133/~glucosa/codominio-bosque/wp-content/uploads/2019/06/Condominio-Bosque-ping-white.png');
}

footer h2, footer h3{
    color: #fff;
}
footer h3{
    margin-bottom: 15px;
}
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea{
    border-radius: 3px !important;
}
.wpcf7-form-control.wpcf7-submit.btn-clase{
    font-size: 18px;
    border: solid 2px #FA7F22 !important;
    border-radius: 10px;
    line-height: 45px;
    height: 45px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    position: relative;
}
.wpcf7-form-control.wpcf7-submit.btn-clase:hover{
    color: #005a9c;
    background-color: #fa7f2214 !important;
}
.btn-clase.wpcf7-submit:before{
    content: url('http://173.247.252.133/~glucosa/codominio-bosque/wp-content/uploads/2019/06/Condominio-Bosque-send.png');
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.q_tabs .tabs-nav li a{
    background-color: #fff !important;
    color: #34B1DD !important;
    font-size: 24px !important;
    letter-spacing: 5px !important;
    font-weight: 400;
}
.q_tabs .tabs-nav li.active a{
    background-color: #D3EEFA !important;
    color: #005A9C !important;
    font-weight: 700;
}
.menu-main-menu span.menu-text img{
    width: 40px;
}
.btn-header{
    background-color: #FA7F22;
    border: none;
    color: #fff;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: .5rem 1rem;
    border-radius: 7px;
    cursor: pointer;
}
.img-header{
    width: 45px;
    vertical-align: middle;
}
.gallery-padding{
	padding: 0 5%;
}
.d-block-sm{
	display: none;
}
.d-block-lg{
	display: block;
} 
@media(max-width: 800px){
	#proyectos {
		height: auto;
		background-position: top center;
		background-size: contain;
	}
	.d-block-lg{
		display: none !important;
	} 
	.d-block-sm{
		display: block !important;
	}
	.social-links li{
		font-size: 21px !important;
	}
	h1 {
		font-size: 36px !important;
		line-height: 38px !important;
	}
    h2{
        line-height: 30px;
    }
    .columnPad {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .padBot {
        padding-bottom: 1rem;
    }
    .padTop {
        padding-top: 1rem;
    }
    .big-font {
        font-size: 38px;
        line-height: 40px;
    }
    ul.amenidades-list li {
        line-height: 25px;
        font-size: 18px;
    }
    ul.amenidades-list {
        margin-top: 15px;
    }
    .main-title {
        line-height: 30px;
        font-size: 22px;
    }
    .main-title-bg {
        padding: 15% 0;
        margin-top: 5%;
    }
    .ubicacion-container {
        padding: 4rem 1rem;
        background-color: #ffffffd1;
        width: 80%;
    }
    .ubicacion-numer {
        font-size: 18px;
        line-height: 23px;
        width: 55%;
        margin: 10px auto !important;
        text-align: center;
    }
    footer h2 {
        font-size: 22px;
        line-height: 30px;
    }
    li.icon {
        font-size: 15px;
        line-height: 22px;
    }
    .footer_bottom, .footer_bottom span:not(.q_social_icon_holder):not(.fa-stack):not(.social_icon):not(.q_font_elegant_icon), .footer_bottom p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

