/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
:root {
    --fontTitles: 'Titillium Web', sans-serif;
    --fontBody: 'Tajawal', sans-serif;

    --smBlue: #071968;
    --smGold: #D2AB68;
}
body {
    font-family: var(--fontBody) !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--fontTitles) !important;
    color: var(--smBlue) !important;
}
ul li,
p {
    line-height: 1.3em;
}
.no-padding {
    padding: 0 !important;
}

/* Header */
#header {
    border-bottom: 3px solid var(--smBlue) !important;
}
.sm-logo img,
.inner-container span.logo a img {
    position: fixed;
   	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
    height: 150px;
    max-height: 170px !important;
    padding: 25px 25px;
    background: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: all .5s ease;
}
.resizeLogo {
    height: 130px !important;
	   border-bottom-left-radius:15px;
	   border-bottom-right-radius:15px;
}
/* Menú */
.main_menu {
    position: relative !important;
    padding-left: 175px;
}
.main_menu>ul {
    float: right !important;
}
.main_menu>div {
    float: left !important;
}
.avia-menu.av_menu_icon_beside {
    border-right: none !important;
}
div.avia-menu ul li.menu-item a span {
    font-weight: 400;
    font-size: 17px;
    color: var(--smBlue);
    font-family: var(--fontTitles);
}
div.avia-menu ul li.menu-item a:hover span {
    color: var(--smGold);
}

/* Social Bookmarks */
#top .sm-social ul.social_bookmarks,
#top nav .social_bookmarks {
    margin-top: -14px;
    top: 23%;
    height: 70px;
    overflow: visible;
	display: flex;
	justify-content: center;
	align-items: center;
}
#top .social_bookmarks li {
    margin-left: 3px;
    width: 50px !important;
	height: 50px;
}
#top .social_bookmarks li:nth-child(1) {
	height: 70px !important;
	margin-right: 15px;
}
#top .social_bookmarks li a{
    border: 1px solid #E2E2E2;
    border-radius: 0px !important;
    padding: 10px !important;
    width: 100% !important;
	border-radius: 8px !important;
}
#top .social_bookmarks li a:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
#top .social_bookmarks li:nth-child(1) {
    width: 70px !important;
}
#top .social_bookmarks li:nth-child(1) a {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2024/04/Pagos-PSE-1.png) no-repeat right center !important;
	background-size: contain !important;
    padding: 0;
	border: none !important;
	border-radius: 100px !important;
}
#top .social_bookmarks li:nth-child(1) a:hover {
	opacity: 0.8 !important;
}

#top .social_bookmarks li:nth-child(2) {
    width: 200px !important;
}
#top .social_bookmarks li:nth-child(2) a {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2019/11/metrocuadrado.png) no-repeat right center !important;
    padding: 0;
}

#top .social_bookmarks li a:before {
    content: "";  
}
#top .social_bookmarks li:nth-child(3) a {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2019/11/facebook.png) no-repeat center !important;
    padding: 0;
}
#top .social_bookmarks li:nth-child(4) a {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2019/11/youtube.png) no-repeat center !important;
    padding: 0;
}
#top .sm-social ul.social_bookmarks {
    text-align: center !important;
    display: table;
    margin: 0 auto
}
.sm-social p {
    display: none;
}
@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
		display: block !important;
	}

/* Banner */
.sm-banner .caption_framed .slideshow_caption .avia-caption-title {
    margin: 0;
    text-transform: lowercase;
    font-family: var(--fontBody) !important;
}
.sm-banner .caption_framed .slideshow_caption .avia-caption-title::first-letter {
    text-transform: capitalize;
}
.sm-banner .caption_framed .avia-caption-content p,
.sm-banner .caption_framed .slideshow_caption .avia-caption-title {
    background: rgba(255, 255, 255, 0.7);

}
.sm-banner .caption_framed .avia-caption-content {
    color: var(--smBlue) !important;
    margin: 0px !important;
}
.sm-banner .avia-slideshow-button {
    margin:0 !important;
}
.avia-slideshow-slide {
	border-radius: 30px !important;
}
/* Home Tabs */

.sm-tabs div .av-tab-section-tab-title-container {
    position: relative;
    background: transparent;
    z-index: 50;
    padding-top: 35px !important;
    
}
.sm-tabs div .av-tab-section-inner-container {
    margin-top: -115px;
    
}
.sm-tabs a.av-section-tab-title {
    background: white;
    border: 1px solid var(--smGold);
    text-transform: uppercase;
    margin: 0 11px;
    font-size: 20px !important;
    font-family: var(--fontTitles);
    color: var(--smGold) !important;
    padding-top: 16px !important;
    max-width: 280px;
    width: 20% !important;
}
.sm-tabs a.av-section-tab-title span{
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center;
    
}
.sm-tabs a.av-section-tab-title span.av-outer-tab-title,
.sm-tabs a.av-section-tab-title span.av-inner-tab-title {
    width: 100% !important;
}
.sm-tabs a.av-active-tab-title {
    background: var(--smBlue) !important;
    color: white !important;
    border-color: var(--smBlue);
}
.sm-tabs .av-tab-arrow-container {
    top: 16px;
    transform: rotate(180deg);
}
.sm-tabs .av-active-tab-title .av-tab-arrow-container span {
    top: 19px;
    background: var(--smBlue) !important;
}

.tabs-content p {
    margin-top: 0px !important;
}
.tabs-content .goldButton {
    margin-right: -30px !important;
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}
.goldButton a {
    border-radius: 0 !important;
    background-color: var(--smGold) !important;
    color: var(--smBlue) !important;
    text-transform: uppercase;
    font-family: var(--fontTitles) !important;
    font-size: 16px !important;
    padding: 10px 15px !important;
    border-bottom-width: 0px !important;
    margin-bottom: 0px !important;
}
.sm-banner .avia-slideshow-button,
.sm-form input.blueButton,
.blueButton a {
    font-weight: 400 !important;
    border-radius: 0 !important;
    background-color: var(--smBlue) !important;
    color: var(--smGold) !important;
    text-transform: uppercase;
    font-family: var(--fontTitles) !important;
    font-size: 16px !important;
    padding: 10px 15px !important;
    border-bottom-width: 0px !important;
    margin-bottom: 0px !important;
}
.cta.blueButton a {
    padding: 14px 33px !important;
}

.sm-listicons ul li {
    padding: 0px !important;
}
.sm-listicons ul li .iconlist_icon  {
    width: 36px !important;
    color: var(--smGold) !important;
    height: 30px;
    line-height: 50px;
    font-size: 46px;
    margin-left: 0px;
}
.sm-listicons .av_iconlist_title {
    text-transform: none;
}
.sm-listicons .iconlist_content p{
    margin: 10px 0px !important;
    line-height: 1.1em;
}
.sm-documents .sm-doc-col .avia-icon-list-container{
    float: left;
    width: 60%;
    clear: none !important;
    margin: 0px !important;

}
.sm-documents .sm-doc-col .avia-button-wrap{
    float: left;
    width: 40%;
    min-width: 220px;    
}
.sm-documents .goldButton a,
.sm-documents .blueButton a {
    width: 220px !important;
}
.sm-listicons .iconlist_icon {
    background-color: transparent !important;
    border-radius: 0px;
}
.sm-listicons div.iconlist_icon .iconlist-char {
    width: 40px;
    height: 40px;
    display: block;
}
.sm-listicons div.iconlist_icon .iconlist-char:before {
    display: none;
}
.icon-book  div.iconlist_icon .iconlist-char {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2019/11/newsIcon.png) no-repeat center !important;
    padding: 0;
}
.icon-list  div.iconlist_icon .iconlist-char {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2019/11/listIcon.png) no-repeat center !important;
    padding: 0;
}

#socket {
    font-size: 14px !important;
    text-align: center;
    border: none !important;
}
#socket .copyright {
    float: none !important;
}
#socket .container {
    border-color: white !important;
}
#socket a:last-of-type {
    display: none;
}
.footer .sm-listicons .av_iconlist_title {
    font-size: 16px !important;
    margin: 0 !important;
    margin-top: 4px !important;
}
.footer .sm-listicons ul li .iconlist_icon {
    margin-right: 15px;
}
.footer .sm-logo img {
    position: relative !important;
}
#contact-box {
	display:none;
    position: fixed;
    right: 0;
    z-index: 9999;
    top: 550px;
    margin-right: 0;
    transition: all .6s ease-out;
    width: 230px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.151)
}
#contact-box.stickyContact:hover .container,
#contact-box .container {
    padding: 15px !important;
}
#contact-box .container .template-page {
    padding: 0 !important;
}
#contact-box.stickyContact {
    margin-right: -185px !important;
    /*top: 300px;*/
}
#contact-box.stickyContact .container {
    padding: 5px !important;
}
#contact-box.stickyContact:hover {
    margin-right: 0px !important;
}


/* Contacto */
.sm-form label{
    color: var(--smBlue) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.sm-form textarea,
.sm-form input {
    border-color: var(--smGold) !important;
    
    font-family: var(--fontBody) !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
}
.sm-form textarea {
    resize: vertical;
    height: 100px;
    max-height: 300px !important;
}
.sm-form .input_checkbox{
    border-color: var(--smGold) !important;
    width: 30px !important;
    height: 30px !important;
}
.sm-form label.input_checkbox_label {
    margin-top: 8px;
}
.sm-form input.blueButton {
    width: 200px;
    margin: 0 auto;
    display: block;
}
.sm-form .styleCaptcha  {
    margin: 0 auto !important;
    display: table !important;
    text-align: center;
    margin-bottom: 30px !important;
}
.customicon div.iconbox_icon {
    margin-right: 10px !important;
    border-radius: 0 !important;
}
.customicon div.iconbox_icon:before{
    content: "" !important;  
    display: none !important;
    
}
.icon-people .iconbox_content,
.icon-smartphone .iconbox_content {
    font-size: 25px !important;
}
.icon-smartphone  div.iconbox_icon {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2019/11/smartphoneIcon.png) no-repeat center !important;
    padding: 0;
}
.icon-people  div.iconbox_icon {
    background: url(https://www.smbienesinmobiliarios.com/wp-content/uploads/2019/11/userIcon.png) no-repeat center !important;
    padding: 0;
}
#contact-box.stickyContact:hover div.iconbox_icon, 
.sm-contactBox div.iconbox_icon {
    margin-top: 38px !important;
    margin-right: 10px !important;
    background-position: right !important;
    width: 30px !important;
}
#contact-box.stickyContact:hover .entry-content-header,
.sm-contactBox .entry-content-header {
    position: absolute;
    margin-left: -30px !important;
}
.sm-contactBox .iconbox_content .iconbox_content_title {
    font-size: 18px !important;
    color: #515151 !important;
    text-transform: capitalize !important;
    

}
#contact-box.stickyContact:hover .iconbox_content .iconbox_content_container,
.sm-contactBox .iconbox_content .iconbox_content_container {
    font-size: 16px !important;
    color: var(--smBlue) !important;
    margin-top: 38px !important;
}
.sm-contactBox .iconbox_content .iconbox_content_container strong {
    font-size: 30px !important;
    font-weight: 400 !important;
    display: block;
    margin-top: 2px;
}
#contact-box.stickyContact .entry-content-header {
    position: relative;
    margin-left: 0px !important
}
#contact-box.stickyContact .iconbox_content .iconbox_content_container {
    margin-top: 10px !important;
}

#contact-box.stickyContact div.iconbox_icon {
    margin-top: 20px !important;
}
/*Services*/
.rounded.flex_cell {
	border-radius: 30px;
	border: 4px solid white;
}
.payButton {
	position: fixed;
	right: 10px;
	top: 20vh;
	z-index: 500;
	padding: 0px !important;
	width: 80px !important;
	transition: .3s all ease-in-out
}
.payButton:hover {
	width:90px !important;
}
.payButtonContent {

}

.image-overlay.overlay-type-extern .image-overlay-inside:before {
	display: none;
}
.image-overlay .image-overlay-inside {
	display: none;
}
.image-overlay .overlay-type-extern {
	display: none !important;
	width: 0px !important;
    height: 0px !important;
}
.image-overlay {
	display: none !important;
}
/* Responsive */
@media (max-width: 768px) {
    .sm-logo img,
    .inner-container span.logo a img  {
        position: relative;
        height: 90px !important;
        padding: 12px 15px !important;
        width: auto;
    }
    .resizeLogo {
        height: 90px !important;
        padding: 12px 15px !important;
        width: auto;
    }
    .main_menu {
        position: absolute !important;
        padding-left: 116px;
    }
    #top .sm-social ul.social_bookmarks, #top nav .social_bookmarks {
        height: 50px !important;
    }
    #contact-box .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .footer .sm-listicons,
    .footer .sm-social {
        width: 50% !important;
        float: left;
        clear: none;
    }
    .footer .sm-listicons .av_iconlist_title br{
        display: none;
    }
    .footer .sm-logo {
        margin:20px auto 0 auto !important;
        float: none;
        display: table;
    }
    .sm-tabs a.av-section-tab-title {
        width: auto !important;
    }
    .sm-documents .sm-doc-col{
        margin-top: 30px !important;
    }
    .sm-documents .sm-doc-col .avia-icon-list-container {
        width: 100% !important;
    }
    .sm-documents .sm-doc-col .avia-button-wrap {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

}
@media (max-width: 500px) {
    .footer .sm-listicons,
    .footer .sm-social {
        width: 100% !important;
        float: none;
        clear: both;
        display: table !important;
    }
    .footer .sm-social .hr-invisible {
        display: none;
    }
    .footer .social_bookmarks li:first-of-type {
        float: none !important;
        display: table !important;
        margin: 0 auto !important;
        clear: both !important;
    }
    .footer .sm-logo {
        margin:80px auto 0 auto !important;
    }
}