/*
Theme Name: MedSpa SLO
Description: Custom Child theme for Uncode theme
Author: Brian Kerr Design
Author URI: http://www.briankerrdesign.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*
OCEAN - #007079
SEAFOAM - #75b4a4
GOLD - #c8a74e
CORAL - #f69372
SAND - #f8f7f0
*/

#menu-top-bar .topbar-menu-phone .fa-angle-right{display: none !important;}
.top-menu a:hover{color:#007079 !important;}

#menu-cta .btn{padding: 12px 14px !important;}


#page-header .breadcrumb{text-align: left;}
/*
#page-header .breadcrumb{text-align: left; display: none;}
#page-header .breadcrumb:has(> li:nth-child(3)){display: block;}
#page-header .breadcrumb li:nth-of-type(n+3){display: none;}
*/

#page-header .header-heading{ padding-top:30px; margin-bottom: 5px;}
#page-header .header-subheading{ max-width: 60%; margin: 0 auto;}

#colophon .copyright{color:#75b4a4;}
#menu-legal a{font-size:13px; color:#75b4a4;}

.style-light p strong, .style-light strong,
.style-light p b, .style-light b,
.style-light form p{color:#007079 !important;}

.map{border:2px solid #c8a74e;}

.wpcf7-submit{background:#75b4a4 !important; color:#f8f7f0 !important; border:1px solid #75b4a4 !important;}
.wpcf7-submit:hover{background:#f8f7f0 !important; color:#75b4a4 !important;}

.services .tmb{border-radius: 12px;}
.services .tmb:hover{background: #fff;}
.services .t-entry-visual{ transform: scale(1); transition: transform 0.3s ease-in-out;}
.services .tmb:hover .t-entry-visual{transform: scale(1.05);}
.services .t-entry-text{padding: 10px;}
.services .t-entry-title{position: absolute; bottom: 5px; left:0; width: 100%; text-align: center; padding:10px; color:#f8f7f0 !important;}


/*
.services-cards{}
.services-cards .service-card .uncode-single-media .uncode-single-media-wrapper .img-round .t-inside{border-radius: 12px;}
.services-cards .service-card .uncol{border-radius: 12px; transform: scale(1); transition: transform 0.3s ease-in-out; }
.services-cards .service-card:hover .uncol{background: #fff; transform: scale(1.05);}
.services-cards .service-card-desc,
.services-cards .service-card-btn{padding-left:20px !important; padding-right:20px !important; margin:0 auto; text-align: center; display: block;}
.services-cards .service-card-btn{margin-bottom: 20px;}
*/

.ti-widget.ti-goog .ti-large-logo{display: none !important;}
.ti-widget.ti-goog .ti-review-item>.ti-inner{background-color: #fff !important;}


/* DESKTOP ONLY */
@media (min-width: 960px) {
	.top-menu{z-index: 1900;}
	.navbar-brand{top:-20px; position: relative;}
	#main-logo{margin-top:-10px;}
	.hmenu-center-split .logo-container{padding: 30px;}
	
	.shrinked #main-logo{margin: 0;}
	.shrinked #main-logo .navbar-brand{overflow: hidden; height:40px !important; margin: 20px auto 10px auto; top:0;}
	.shrinked #main-logo .navbar-brand .main-logo {margin-top:-60px;}
	
	.submenu-light .menu-smart ul li.current-menu-parent > a, .submenu-light .menu-smart ul li.active > a{
		color:#f8f7f0 !important;
	}
	.submenu-light .menu-smart ul li.current-menu-parent > a:hover, .submenu-light .menu-smart ul li.active > a:hover,
	.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover, .submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:focus{
		color:#99FFE5 !important;
		background-color: transparent !important;
	}
	

}

/* TABLET */
@media (max-width: 959px) {
	.navbar-brand{margin-left:-10px;}
	#menu-main li.menu-item-has-children > a > .fa-dropdown{display: inline-flex !important;}
	
	.submenu-light .menu-smart li.active > a, .submenu-light .menu-smart li.current-menu-ancestor > a, .submenu-light .menu-smart li.wpml-ls-current-language > a, .submenu-light .menu-smart li.current-menu-item:not(.menu-item-type-custom) > a{
		color:#f8f7f0 !important;
	}
	.submenu-light:not(.isotope-filters) .menu-smart a:hover, .submenu-light:not(.isotope-filters) .menu-smart a:focus{
		color:#99FFE5 !important;
	}
#menu-cta .btn{font-size:16px !important}	
	.uncode-menu-additional-text, .uncode-menu-additional-text a{
		color:#007079 !important;
	}
	.uncode-menu-additional-text a:hover{color:#99FFE5 !important;}
	.uncode-menu-additional-text .tagline{font-weight:800}
}

/* MOBILE */
@media (max-width: 569px) {
	#menu-top-bar .topbar-menu-phone .fa-phone{display: none;}
	.top-menu.top-menu-enhanced .row-menu-inner{padding: 0 10px;}
	.top-menu-enhanced .menu-mini.menu-smart{padding: 0 5px;}
	
	.btn-lg{padding:16px 26px !important}
	

}