/*
Theme Name: Vista El Pomar
Description: Custom theme for Uncode
Author: Brian Kerr Design™
Author URI: http://www.briankerrdesign.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

.box-wrapper{
	background-size: 50% !important;
}

html .uncode-single-media .tmb-bordered .t-entry-visual-tc{background: white;}

#masthead.is_stuck .menu-container{background-color:rgba(255,255,255,0.90) !important;}


#menu-footer li{text-transform: uppercase; font-size: 18px; font-weight: 400; display: block; padding: 6px 10px;}
#menu-legal li{font-size: 12px;}
.contacts  .icon-box-content,
.footer-contacts  .icon-box-content{vertical-align: middle;}
.footer-contacts  .icon-box-content h5{font-size: 18px !important;}

#menu-footer-menu{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.partner-grid .tmb{margin-bottom: 100px;}
.partner-grid .t-entry-visual-cont{height:200px;}
.partner-grid .t-entry-visual-cont a{position: absolute; bottom: 0; top:auto !important; text-align: center;}
.partner-grid .t-entry-visual-cont img{ height: auto; max-height: 200px; width: auto; margin: 0 auto;}


/* DESKTOP ONLY */
@media (min-width: 960px) {
	#menu-cta-menu .btn{padding: 10px 12px 8px 14px !important; font-size: 14px; line-height: 1;}
	#menu-cta-menu .btn .fa{top:-1px;}
	#menu-cta-menu a:hover .btn{background:#ef3e61 !important; color:#fff !important; }	
}

/* TABLET */
@media (max-width: 959px) {
    .submenu-light:not(.isotope-filters) .menu-smart a {color: #fff;}

	.footer-logo .uncode-single-media{text-align: center;}
	#menu-footer li{font-size: 4.0vw; border-bottom: 1px dotted #fff;}
	#menu-footer li:last-of-type{border-bottom:none;}
	
	.footer-contacts  .icon-box-content h5{font-size: 22px !important;}
	.footer-contacts  .icon-box-content{padding-right: 0 !important; margin-bottom: 20px !important;}
	.footer-contacts .icon-box-icon {display: none;}
}

/* MOBILE */
@media (max-width: 569px) {
    .fontsize-headertitle {font-size: 46px;}
	
}

/* FIX MENU SIZING */
@media (min-width:960px) and (max-width: 1300px) {
	#main-logo .logo-image{height:140px !important;}
	.shrinked #main-logo .logo-image{height:80px !important;}
	

	#masthead .navbar-cta{display: block; position:absolute; z-index: 2; top:20px; right:0; height: auto;}
	#masthead .navbar-main{z-index: 1; position: relative;}
	#masthead .navbar-cta{top:10px;}
	#masthead .navbar-cta .btn{padding: 8px 10px 6px 12px !important; font-size: 12px; line-height: 1;}
}


/* sparkling stars */
/*******************/

@keyframes comeInOut {
    0% { transform: scale(0); }
    50% { transform: scale(1); }
    100% { transform: scale(0); }
}

@keyframes fadeInOut {
    0% { opacity:0; }
	20% { opacity:.8; }
    60% { opacity:1; }
    100% { opacity:0; } 
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
	
}

.sparkling {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.header-sparkling .sparkling {
	position: absolute;
	top:0; left:0;
	width: 100%;
	height: 100%;
}

.sparkling > span {
    z-index: -1;
    position: absolute;
    display: block;
    animation: comeInOut 2s forwards;
}

.sparkling > span > svg {
    display: block;
	animation: fadeInOut 2s linear;
	animation: spin 2s linear;
}