/**
 * Theme Name: San Francisco Child by Quipux
 * Template: sanfran
 * Version: 1.0
 * Description: Override del theme padre - San Francisco
 * Author: J. Sebastian Suarez A
 **/

body {
	font-size: 16px;
}
:root {
    --tenant-primary-light: #4B5E89;
    --tenant-primary: #203669;
    --tenant-primary-dark: #1A2D5B;
    --tenant-primary-opacity: #edeff3;
    --tenant-secondary-light: #3EBC70;
    --tenant-secondary: #12A74D;
    --tenant-secondary-dark: #0C9141;
    --tenant-tertiary: #dae6de;
    --tenat-secondary-ex: #00FF00;
    --header-line-1: var(--tenant-secondary);
    --header-line-2: var(--tenant-secondary);
    --header-line-3: var(--tenant-primary);
    --header-line-4: var(--tenant-tertiary);
	
    --primary: var(--tenant-primary);
    --secondary: var(--tenant-secondary);

    --tenant-text-to-primary: var(--white);
    --tenant-text-to-secondary: var(--white);
    --color-shadow: var(--tenant-tertiary);

    --loader-color-1: var(--tenant-primary-dark);
    --loader-color-2: var(--tenant-primary);
    --loader-color-3: var(--tenant-primary-light);
    --loader-color-4: var(--tenant-secondary-light);
    --loader-color-5: var(--tenant-secondary);
	
	--white: #fff;
    --white-025: #393939;
    --white-050: #3d3d3d;
    --white-075: #404345;
    --white-100: #4a4e51;
    --white-150: #555a5e;
    --white-200: #697075;
    --white-300: #7d848d;
    --white-350: #959ca3;
    --white-400: #9fa6ad;
    --white-500: #acb2b8;
    --white-600: #c4c8cc;
    --white-700: #cfd2d6;
    --white-750: #dadee0;
    --white-800: #e7e8eb;
    --white-900: #f2f2f3;
    --black: #121212;
    --black-025: #fafafb;
    --black-050: #eff0f1;
    --black-075: #e4e6e8;
    --black-100: #d6d9dc;
    --black-150: #c8ccd0;
    --black-200: #bbc0c4;
    --black-300: #9fa6ad;
    --black-350: #9199a1;
    --black-400: #848d95;
    --black-500: #6a737c;
    --black-600: #535a60;
    --black-700: #3c4146;
    --black-750: #2f3337;
    --black-800: #242729;
    --black-900: #0c0d0e;
    --alert-success: #28A745;
    --alert-warning: #FFC107;
    --alert-danger: #DC3545;
    --alert-info: #17A2B8;
}


#main-content {
	padding: 30px 0;
}

#site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
		padding: 0;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: 100% 5px;
background-image: linear-gradient(to right, var(--tenat-secondary-ex) 20%, var(--tenat-secondary-ex) 25%, var(--tenat-secondary-ex) 20%, var(--tenat-secondary-ex) 65%, var(--header-line-3) 30%);
    filter: drop-shadow(0px 3px 4.8px var(--color-shadow));
	height: 60px;
}

.wpb-content-wrapper{
	padding-top: 50px!important;
}

.header-style-1 #site-header:after {
	display: none;
}
#main-nav > ul > li > a {
	text-decoration: none;
}
#main-nav > ul > li > a > span{
	color: var(--tenant-primary);
}

#main-nav .sub-menu li a:hover{
	background-color: var(--black-025);
}

#main-nav > ul > li:hover > a > span {
	color: var(--tenant-primary-light);
}

#main-nav .selector{
	display:none
}

#main-nav > ul > li.menu-item-has-children > a > span:after{
	font-size: 12px;
	right: -6px;
  top: 21px;
}


#main-nav li:hover > .sub-menu{
	margin-top: -21px;
	border-radius: .25rem;
}

#main-nav .sub-menu li a > span{
	font-size: 15px;
  color: var(--black);
}

.navbar-nav .dropdown-menu .dropdown-item:hover{
	 background-color: var(--black-025);
}

#main-nav .sub-menu li a{
	 padding: 16px 10px 16px 23px;
}
#main-nav .sub-menu{
	padding: 0;
}

#main-nav .sub-menu li.menu-item-has-children > a:after{
	font-size: 25px;
  font-weight: 900;
	right: 10px;
  color: var(--tenant-primary);
}

#main-nav .sub-menu li a:before{
	border-left: 8px solid var(--tenat-secondary-ex);
    background-color: var(--black-025);
}

#main-nav .sub-menu .sub-menu{
	top: 21px!important;
	width: 147%!important;
}
.site-header-inner {
	height: 60px;
}
.hamburger-menu {
    padding: 0 15px;
}
.btn-login-mobile {
	display:none;
}
@media only screen and (max-width: 844px) {
	.site-header-inner {
	justify-content: space-between;
    }
	
	#main-nav-mobi ul li a{
		    color: var(--tenant-primary);
	}
	
	#main-nav-mobi{
		background-color: var(--white);
		top: 61px;
	}
	
	#main-nav-mobi ul li{
		 border-top: 1px solid rgb(96 96 96 / 7%);
	}
	
	.mobi-overlay.show{
		background:transparent;
	}
	
	.mobile-button.hide{
		opacity:1;
	}
	
	.mobi-overlay .close:after{
		display:none;
	}
	
	#main-nav-mobi .menu-item-has-children .arrow:before{
		color: var(--tenant-primary-light);
    font-weight: 800;
    font-size: 26px;
	}
	.right-portal {
		margin-right: 35px;
	}
	
	.mobile-button {
		position: fixed;
		right: 20px;
		top: 43%;
	}
	
	
}

.btn-outline-primary {
	border: 1px solid var(--tenant-primary) !important;
    color: var(--tenant-primary);
    border-radius: 8px;
    padding: 8px 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
	background-color: #fff;
}
.btn-outline-primary:hover {
	border-color: var(--tenant-primary);
	color: var(--white);
	background-color: var(--tenant-primary)
}

.item-flickity.center .deeper-content-box .arrow:after, button:before, .header-button a:before, .wpcf7 .wpcf7-submit:before, .mc4wp-form .submit:before, .hentry .post-link a:before, .widget_custom_html .custom-1 .widget-button:before, .button:before {
	background-color: transparent;
}

.vc_do_toggle.vc_toggle_active .vc_toggle_title h4 {  
	font-weight: bold
}

.ml-auto {
	margin-left:auto;
}

.right-portal {
	display: flex;
}

#main-nav .sub-menu li a > span > i {
	color: var(--tenant-primary-light);
	font-size: 30px;
	width: 30px;
	height: 30px;
	margin-right: 10px !important;
}

#main-nav .sub-menu li a > span {
	display: flex;
	align-items: center;
}

#main-nav .sub-menu li > a {
	text-decoration: none;
}

#main-nav .sub-menu {
	min-width: 400px;
}

@media (min-width:768px) {
/*
    #main-content::before {
        left: 0;
        width: 386px;
        height: 205px;
        background-image: url('https://prafrente.cixbrasil.com/shopping-frontoffice/tenants/cix/images/bg-banner-left.svg');
    }
*/
    
    #main-content::before{
        content: "";
        position: absolute;
        top: 0;
        background-size: cover;
        background-repeat: repeat;
        background-position: center;
        z-index: 0;
        transition: opacity 0.5s ease;
        opacity: 1;
    }
}



.color-secondary {
    color: var(--tenant-secondary)
}
.color-primary {
    color: var(--tenant-primary)
}

 /* Contatos */
.main-contatos .card.border-secondary {
  border-top: 12px solid var(--tenant-secondary) !important;
}

.main-contatos .card .card-header {
  background-color: var(--white);
  border-bottom: none;
  padding: 1rem 1.25rem;
}

.main-contatos .card .card-body {
  padding: 1.25rem;
}

.main-contatos .card p {
  margin-bottom: 0.5rem;
}

@media (min-width: 767px) {
    .main-contatos .card .float-button {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .main-contatos .card .float-button .btn {
        width: auto;
    }
}
.main-contatos .card .float-button .btn {
    width: 100%;
}

/* General */
#site-logo {
    flex-grow: initial;
}
#main-nav > ul > li > a > span {
    font-weight: bold;
}
.bg-primary {
    background-color: var(--tenant-primary) !important;
}
.bg-secondary {
    background-color: var(--tenant-secondary) !important;
}
.btn {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
}

.btn-primary {
    background-color: var(--tenant-primary);
    border-color: var(--tenant-primary);
	border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 17px;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--tenant-primary-dark);
    border-color: var(--tenant-primary-dark);
	color: var(--white);
}

.btn-secondary {
    background-color: var(--tenant-secondary);
    border-color: var(--tenant-secondary);
}
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--tenant-secondary-light);
    border-color: var(--tenant-secondary-light);
}

.badge {
    border-radius: 24px;
}

/* Noticias */
.main-noticias {
	padding-top: 60px !important;
}
.main-noticias .object-fit-cover {
    object-fit: cover;
}
.main-noticias .card-post-noticias img {
    width: 200px;
    height: 200px;
}
.q-pagination {
    gap: 0.4rem;
}
.q-pagination .page-item .page-link {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    color: var(--tenant-primary);
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    font-weight: 500;
    background-color: white;
    transition: all 0.2s ease;
}
.q-pagination .page-item.active .page-link {
    background-color: var(--tenant-primary);
    color: #fff;
    border-color: var(--tenant-primary);
}
.q-pagination .page-item .page-link:hover {
    background-color: white;
    color: var(--tenant-primary);
}
#cont-single-post {
	z-index: 1;
}

/* Este es opcional, solo si el hover está mostrando el submenú */
#main-nav li:hover > .sub-menu {
  display: none;
  visibility: hidden;
}
#main-nav li > .sub-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
}

#main-nav li.open > .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  margin-top: -21px;
}

.sub-menu-servicios {
  display: none;
}
.sub-menu-servicios.active {
  display: block;
}

.menu .sub-menu {
  display: none;
}

.menu .sub-menu.active {
  display: block;
}

.submenu-header {
    display: flex;
    align-items: center;
    padding: 18px 23px;
}
.q-separator-bottom {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--black-400);
}
.q-fs-40 {
    font-size: 40px;
}
.q-text-primary {
    color: var(--tenant-primary) !important;
}
.submenu-header h5 {
    margin-left: 16px;
    font-size: 16px;
}
.q-bold {
    font-weight: 700;
}



.vc_toggle_title {
    background-color: var(--white);
    padding: 23px !important;
    border: 1px solid var(--black-200);
    border-radius: 5px !important;
}

.vc_toggle_title>h4 {
    color: var(--tenant-primary);
    font-size: 18px !important;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
    right: 25px !important;
    left: inherit !important;
}

.vc_toggle_default .vc_toggle_icon::before {
    content: "";
    border-width: 0 3px 3px 0 !important;
    display: inline-block;
    padding: 3px;
    width: initial !important;
    height: initial !important;
    float: right;
    transition: all .3s ease;
    transform: rotate(-135deg) !important;
    border: solid var(--tenant-tertiary);
    background: transparent !important;
    -webkit-transform: rotate(-135deg);
}

.vc_toggle_default .vc_toggle_icon::after {
    display: none !important;
}

.vc_toggle_default .vc_toggle_icon {background: transparent !important; border: none !important;}

.vc_toggle_default.vc_toggle_active .vc_toggle_icon::before {
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    visibility: visible !important;
}

.vc_toggle_content {
    border: 1px solid var(--tenant-primary-opacity);
    margin-top: 0 !important;
    padding-top: 10px !important;
}

.vc_toggle_content a {
    color: var(--black-600);
}




.vc_toggle_title {
    background-color: var(--white);
    padding: 23px !important;
    border: 1px solid var(--black-200);
    border-radius: 5px !important;
}

.vc_toggle_title>h4 {
    color: var(--tenant-primary);
    font-size: 18px !important;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
    right: 25px !important;
    left: inherit !important;
}

.vc_toggle_default .vc_toggle_icon::before {
    content: "";
    border-width: 0 3px 3px 0 !important;
    display: inline-block;
    padding: 3px;
    width: initial !important;
    height: initial !important;
    float: right;
    transition: all .3s ease;
    transform: rotate(-135deg) !important;
    border: solid var(--tenant-tertiary);
    background: transparent !important;
    -webkit-transform: rotate(-135deg);
}

.vc_toggle_default .vc_toggle_icon::after {
    display: none !important;
}

.vc_toggle_default .vc_toggle_icon {background: transparent !important; border: none !important;}

.vc_toggle_default.vc_toggle_active .vc_toggle_icon::before {
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    visibility: visible !important;
}

.vc_toggle_content {
    border: 1px solid var(--tenant-primary-opacity);
    margin-top: 0 !important;
    padding-top: 10px !important;
}

.vc_toggle_content a {
    color: var(--black-600);
}

.footer-info {
  float: left;
  width: 34%;
  text-align: left;
}

.footer-info > p {
	margin-bottom: 0px;
}

.footer-logo {
  max-height: 52px;
  margin-bottom: 8px;
}

.footer-links {
  text-align: left;
  width: 18%;
}

.footer-links h4 {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 8px;
  color: #535a60;
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links ul li {
  margin-bottom: 8px;
}

.footer-links ul li a {
  color: #333;
  text-decoration: underline;
}

.bottom-bar-copyright {
   font-size: 13px;
   color: #535a60;
   padding: 0px 9px;
   display:flex;
   align-items:end;
}

.footer-links > ul > li > a, .footer-info > p > a {
	font-size:12px;
	color:#6a737c!important;
}

.footer-buttons {
  background: #f8f9fa;
  padding: 9px 0;
  margin-top: 10px;
}

.footer-buttons-wrapper {
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 15px;
}

.footer-btn {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid var(--tenant-primary-dark);
  border-radius: 7px;
  color: var(--tenant-primary-dark);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.footer-btn i {
  margin-right: 8px;
  font-size: 16px;
	line-height: 1 !important;
	height: auto !important;
    width: auto !important;
}

.footer-btn:hover {
  background: var(--tenant-primary-dark);
  color: #fff;
}

.footer-btn + .footer-btn {
    margin-left: 24px;
}


#bottom .bottom-bar-inner-wrap{
	border-top:0px!important;
}

#bottom{
	height:auto!important;
}

.copyright-footer > p {
	margin-bottom: 0px;
	text-align: left;
}

div.footer-info > p {
	width:52%;
}

.icon-m-campaign{
	font-size: 0px!important;
}

#main-nav > ul > li + li {
	margin-left: 20px!important;
}

@media (max-width: 768px) {
	
	.bottom-bar-copyright{
		display: block;
	}
	.footer-links {
        width: 50%;
		margin-bottom: 18px;
    }
	.footer-info{
		width:100%;
		margin-bottom: 18px;
	}
	.footer-buttons-wrapper {
		flex-direction: column;
		align-items: stretch;
	 }
	  .footer-btn {
		width: 100%;
		padding: 13px 9px;
	  }
		div.footer-info > p {
		 width:100%;
	   }
	
		#menu-header > li.menu-item.login-item {
			padding: 8px 33px;
			border-bottom: 1px solid var(--tenant-primary);
	   }
	
	.main-logo {
		 padding-left: 15px;
	}
	
	.main-noticias .card-post-noticias img {
        width: 100%;
    	height: 250px;
	}
	.footer-btn + .footer-btn {
		margin-left: 0px;
	}
}