

/* ------------------------------------------------
 GENERAL
------------------------------------------------- */

/* ------------------------------------------------
 HERO SECTIONS
------------------------------------------------- */
/* 
	https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488
*/
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .hero-section .uk-heading-primary { font-size: 36px; }
  .hero-section .uk-text-lead { font-size: 18px; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
	.hero-section .uk-heading-primary { font-size: 32px; }
	.hero-section .uk-text-lead { font-size: 16px; }
	.hero-section .uk-h4, h4 { font-size: 20px; }
	.hero-section .uk-position-relative { margin-top: -25%; }
}

/* 
  ##Mobile with a very Low Resolution.
*/
@media only screen and (max-resolution:300dpi) and (max-width: 480px) {
	.hero-section .uk-heading-primary { font-size: 28px; }
	.hero-section .uk-position-relative { margin-top: 0%; }
}
/* ------------------------------------------------
 NAVBAR
------------------------------------------------- */
.tm-header .uk-navbar-container .uk-navbar-item,
.tm-header .uk-navbar-container .uk-navbar-nav > li > a,
.tm-header .uk-navbar-container .uk-navbar-toggle, 
.tm-header .uk-navbar-container .uk-logo img {
	webkit-transition: max-height 0.35s;
	-moz-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
.tm-header .uk-navbar-container .uk-logo img {
	max-height: 70px;
}

.tm-header .uk-navbar-container.uk-navbar-sticky .uk-navbar-item,
.tm-header .uk-navbar-container.uk-navbar-sticky .uk-navbar-nav > li > a,
.tm-header .uk-navbar-container.uk-navbar-sticky .uk-navbar-toggle {
	min-height: 60px;
	max-height: 60px;
}
.tm-header .uk-navbar-container.uk-navbar-sticky .uk-navbar-nav > li > a::before,
.tm-header .uk-navbar-container.uk-navbar-sticky .uk-navbar-nav > li > a:hover::before {
	bottom: 12px;
}
.tm-header .uk-navbar-container.uk-navbar-sticky .uk-logo img {
	max-height: 48px;
}

/* ------------------------------------------------
 MOBILE & DESKTOP MODAL NAVBAR
------------------------------------------------- */
#tm-navbar.uk-open > .uk-modal-dialog, 
#tm-mobile.uk-open > .uk-modal-dialog {
	background: rgba(0,0,0,0.95);
}
#tm-navbar.uk-open .uk-nav-primary > li > a, 
#tm-mobile.uk-open .uk-nav-primary > li > a {
	color: rgba(255,255,255,0.95);
	text-transform: uppercase;
}
#tm-navbar.uk-open .uk-nav-primary > li.uk-active > a
#tm-navbar.uk-open .uk-nav-primary > li > a:focus, 
#tm-navbar.uk-open .uk-nav-primary > li > a:hover, 
#tm-navbar.uk-open .uk-modal-close-full, 
#tm-mobile.uk-open .uk-nav-primary > li.uk-active > a, 
#tm-mobile.uk-open .uk-nav-primary > li > a:focus, 
#tm-mobile.uk-open .uk-nav-primary > li > a:hover, 
#tm-mobile.uk-open .uk-modal-close-full {
	color: rgba(255,255,255,1);
}
#tm-navbar.uk-open .uk-modal-close-full, 
#tm-mobile.uk-open .uk-modal-close-full {
	background: transparent;
}

/* ------------------------------------------------
 GDPR Cookie Consent
------------------------------------------------- */
#cookie-law-info-bar { padding: 6px 6px; }
#cookie-law-info-bar { font-size: 14px; }
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
	#cookie-law-info-bar { font-size: 11px; }
}

/* 
  ##Mobile with a very Low Resolution.
*/
@media only screen and (max-resolution:300dpi) and (max-width: 480px) {
	#cookie-law-info-bar { font-size: 11px; }
}

/* ------------------------------------------------
 ESTILO DEL BOTÓN DE WHATSAPP
------------------------------------------------- */
.uk-button-whatsapp {
	background-color: #00E676;
	border-color: 1px solid transparent;
	color: #fff;
}
.uk-button-whatsapp:hover {
	background-color: transparent;
	border-color: #00E676;
	color: #00E676;
}


/* ------------------------------------------------
 ERROR BOTON CONTACT FORM 7 EN IOS
------------------------------------------------- */
.wpcf7-form .uk-button {
	-webkit-appearance: none;
}

/* ------------------------------------------------
 CONTACT FORM 7
------------------------------------------------- */
.wpcf7-form .ajax-loader { display: none !important; }
.wpcf7-validation-errors { display: none !important; }
/* .wpcf7-form .wpcf7-mail-sent-ok { display: none !important; } */
.wpcf7-acceptance span.wpcf7-list-item { margin: 0 2px 0 0; }
.wpcf7-form .uk-checkbox:checked { background-color: #333 !important; }
.use-floating-validation-tip span.wpcf7-not-valid-tip { min-width: 300px; }
