/*
Theme Name: Uncode Child - Hotel La Laguna 
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: https://www.wagnergraphics.de
Template: uncode
Version: 1.0.0
Text Domain: uncode




Braun: 	CMYK: 35 40 50 20
		HEX: #99856f
		rgba(153,133,111,1.00);

		halb so hell: rgba(206,197,186,0.20);

Grün:	CMYK: 65 40 90 35
		HEX: #566433


DIN Condensed Regular
	font-family: din-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;

DIN Condensed Light
	font-family: din-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;

font-family: roboto-condensed, sans-serif;
300 400 700


*/

/* SMOOBU */

#booking-tool-container-allApartments .btn-primary,
  #check-availability-button {
    color: #ffffff;
    background-color: rgba(153,133,111,0.80) !important;
    border-color: rgba(153,133,111,1.00) !important;
}







p, li, dt, dd, dl, address, label, small, pre, code {
    font-size: 18px ;
    font-weight: 300;
}

.uncode_text_column a { font-weight: 400; }


/* Logo ausblenden aus Menü */
xxx#main-logo { display: none !important; }

.counter { margin: 0 0.2em;}


/* Home-Button größer */
i.fa-home,
i.fa-home2,
i.fa-home3 { font-size: 1.2em; }
i.fa-home3 { font-size: 1.2em; }


/* Selection bei dunklem Style */
.style-dark ::-moz-selection,
.style-dark ::selection {
	background: #d69719 !important;
}


input.btn-gruen {
	background-color: #434E7C !important; 
	border:#434E7C !important;  
	color: #fff; 
}

	input:hover.btn-gruen, 
	input:focus.btn-gruen, 
	input:active .btn-gruen{
		background-color: #fff !important; 
		border:#3b9b29 !important; 
		color: #000;
	}



/* Blur bei Overlay  */
.box-container.overlay-open,
html.pum-open-overlay .box-wrapper {   
	-webkit-filter: blur(5px) !important;
	-moz-filter: blur(5px) !important;
	-o-filter: blur(5px) !important;
	-ms-filter: blur(5px) !important;
	filter: blur(5px) !important;
}






/* Linie zwischen Dropdownmenü + Abstände */
	.menu-smart ul > li > a, 
	.menu-smart ul > li > ul > li > a {
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	
	.menu-smart ul > li:last-child > a, 
	.menu-smart ul > li > ul > li:last-child > a{
		border-bottom: none;
	}

	.menu-smart ul > li > a, 
	.menu-smart ul > li > ul > li > a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	/*Überschriften bei Megamenü */
		.menu-primary ul.menu-smart li.dropdown > a {
				border-bottom: none;
				padding-bottom: 20px !important;
			}


/*CTA Click to Action Menü*/
.menu-btn-table {
    background-color: rgba(206,197,186,0.50);
    color: #000;
}
.menu-btn-table:hover {
	transform: translate(0,-1px);
	box-shadow: 2px 2px 10px rgba(0,0,0,0.20);
    background-color: rgba(255,255,255,0.50);
	color: #000;
}





.text-lead, .text-lead > * {
	font-size: 18px;
    margin: 18px 0px 0px 0px;
    margin-top: 18px;
}

.schatten {
    text-shadow: 2px 2px 1px rgba(0,0,0,1.00) !important;
}

.weisser-schatten {
    text-shadow: 0 0 10px rgba(255,255,255,1.00) !important;
}


.small { 
	font-size: 12px !important; 
	line-height: 1.2em !important; 
	margin-top: 0.5em;
	color: #555 !important;
}



.counter-text p { font-size: 1.3em; }





/*Tabs*/
.nav-tabs > li > a span {
    font-size: 14px !important;
	font-weight: 700;
	}
.tab-pane {
    padding-top: 2em;
}












.page-wrapper strong,
.page-wrapper .detail-label { color: inherit !important; } 



/*Link auf Dunkel*/
body.textual-accent-color .post-content .style-dark p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), 
body.textual-accent-color .post-content .style-dark ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn) {
    color: #fff !important;
}
/*Link auf Dunkel - hover*/
body.textual-accent-color .post-content .style-dark  p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn-text-skin):hover:not(.btn){
 	color: #000 !important; 
} 





@media all and (max-width: 640px) {
	
	/* Rückt auf Smartphone die Ränder links und rechts wieder kleiner */	
	.main-container .row-container .single-h-padding {
		padding-left: 18px;
		padding-right: 18px;
	}
	
	
	.main-container .row-container .row-parent {
	padding: 18px 18px 18px 18px !important;
		}
	
	.single-block-padding {
		padding-left: 18px;
		padding-right: 18px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	.smartphone-padding-0 .double-block-padding { 
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.quad-top-padding {
    	padding-top: 24px;
	}
	
}




@media (max-width: 959px){
	
	.schmaler-rand-smartphone > .row { 
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.column-rueckrufservice .shift_y_neg_quad { margin: 0px !important; }
	
}

@media (min-width: 960px){  
	
	/*Blendet Text bei "Startseite" aus */
	#menu-item-279, #menu-item-1999, #menu-item-2083  {  visibility: hidden; width: 2em; }
	#menu-item-279 i, #menu-item-1999 i, #menu-item-2083 i  { visibility: visible; }

}
@media (min-width: 960px) and (max-width: 1180px){}
@media (min-width: 960px) {	}


	


@media (max-width: 440px){
	
	table.responsive  { 
		font-size: 0.875em;
	}
	table.responsive td  { 
		display: block;
    	padding-bottom: 0;
    	padding-top: 0;
	}
	
	table.responsive tr td:last-child  { 
    	padding-bottom: 1em;
	}
	
	
	
}




body {  }

.style-light b, 
.style-light strong { font-weight: 400; }

/*p { hyphens: auto; }*/
h1, h2, h3, h4, ul, li {hyphens: none; }
h2, h3, h4 {color: #99856f !important; }

hr { margin: 4em 0; }
.style-light hr { border-color: rgba(0,0,0,0.25); }

.zentriert { text-align: center; }
.floating-heading{ position: absolute !important; top: 10%; left: 0; z-index: 99;}
.blocksatz p { text-align: justified; }




/* Header Text */
	.style-dark h1.header-title { 
		text-shadow: 1px 1px 6px rgba(0,0,0,0.5) !important;
		}



/* Liste */
	ul.icons {  margin: 0 0 0 2.6em; }
	ul.icons li .fa { margin-left: -1.8em; }
		ul.icons li ul li .fa { color: #FFF200 !important; }




/* Such-Overlay */
	.overlay.style-dark-bg {
		background-color: rgba(42,42,42,0.95) !important;
	}





/* ContactForm 7 */
	
	textarea {
		-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.20);
		box-shadow: 4px 4px 8px rgba(0,0,0,0.20);
	}

	input:focus,
	textarea:focus {
		border-radius: 2px;
		-webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.30);
		box-shadow: 4px 4px 20px rgba(0,0,0,0.30);   
		transform: scale(1.02);
		color: #000;
	}


	fieldset { margin-top: 1.5rem; }
	legend { padding: 1em; }

	legend > h3 { margin-top: 0; margin-bottom: 0; }

	p.plz { width: 15% !important; padding-right: 0 !important; }
	p.ort { width: 35% !important; }

	.your-subject input,
	.your-name input { width: 100% !important; }

	.wpcf7-submit { width: 100% !important; }

	.wpcf7 .wpcf7-mail-sent-ok, 
	.wpcf7 .wpcf7-validation-errors, 
	.wpcf7 span.wpcf7-not-valid-tip,
	.wpcf7 .wpcf7-response-output { 
		font-size: 18px; 
		color: #ff0000 !important; 
		padding-top: 0;
		margin-top: 0px;
}

	
	input.wpcf7-validates-as-required,
	.wpcf7-validates-as-required input,
	textarea.wpcf7-validates-as-required,
	select.wpcf7-validates-as-required,	
	fieldset.required {
		border: 2px solid #99856f !important;
	}

		
		input.wpcf7-not-valid,
		.wpcf7-not-valid input,
		textarea.wpcf7-not-valid,
		select.wpcf7-not-valid,
		fieldset.wpcf7-not-valid {
			border: 2px solid #FF0000 !important;
		}
	


	.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors,
	.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
		border: 0;
		padding: 10px;
		border-radius: 2px;
		-webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.30);
		box-shadow: 4px 4px 20px rgba(0,0,0,0.30);   
		transform: scale(1.05);
		margin: 10px 0;
		}
		.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
			color: #D8000C !important;
			background-color: #FFBABA;   
			}
		.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
			color: #4F8A10 !important;
			background-color: #DFF2BF;
			}
			div.wpcf7-mail-sent-ok:before,
			div.wpcf7-validation-errors:before {
				font: 26px/30px FontAwesome;
				margin-right: 16px;
				vertical-align: middle;
				}
				div.wpcf7-mail-sent-ok:before {
					content:'\f00c';
					}
				div.wpcf7-validation-errors:before {
					content:'\f057';
					}

		span.wpcf7-list-item {
			display: block;
		}




	@media all and (max-width: 640px) {
		.kontaktform .double-block-padding { padding: 0px 0px 0px 0px; }
	}


	@media only screen and (max-width: 767px) {		
		
	/* Formular */
		p.firma { width: 100% !important; padding-left: 0 !important; }
		p.ansprechpartner { width: 100% !important; padding-left: 0 !important; }
		p.telefon { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 15px; }
		p.email { width: 100% !important; padding-left: 0 !important; }
		
		p.strasse { width: 100% !important; padding-right: 0 !important; }
		p.plz { width: 35% !important; padding-left: 0 !important; }
		p.ort { width: 65% !important; }
		
		p.anrede { width: 30% !important; min-width: 60px !important; padding-left: 0 !important; }
		p.vorname { width: 70% !important; padding-right: 0 !important; }
		p.nachname { width: 100% !important; padding-left: 0 !important; }
	}

	@media (min-width: 768px){
		p.plz { width: 15% !important; }
		p.ort { width: 35% !important; }
		
		p.anrede { width: 20% !important; min-width: 50px !important;  padding-left: 0 !important; }
		p.vorname { width: 40% !important; }
		p.nachname { width: 40% !important; }
	}






	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #000;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  color: #000;
	}
	:-ms-input-placeholder { /* IE 10+ */
	  color: #000;
	}
	:-moz-placeholder { /* Firefox 18- */
	  color: #000;
	}


/* Text inner halb des Formulars */
.style-light form p { 
	color: #333; 
	font-weight: normal;
}





/*Pop-Up-Maker - Form*/
	.pum-container input,
	.pum-container textarea { 
		width: 100%;
		background-color: #ffffff;
		border: 1px solid #eaeaea;
		border-radius: 2px;
	}

	.pum-container form p {
    	font-weight: 500;
	}



.no-padding .uncont { padding: 0 !important;}






/* Footer */
	.site-footer p, .site-footer li, 
	.site-footer dt, .site-footer dd,
	.site-footer dl, .site-footer address, 
	.site-footer label, .site-footer small, 
	.site-footer pre, .site-footer code {
		font-size: 16px;
	}

	footer p {
		margin: 0.5em 0 0;
		}
	footer li {
		margin: 0.5em 0 0;
		}

	.style-dark a:not(.btn-text-skin):hover { 
		color:#000; 
		}

	footer ul.menu {
		list-style: none !important;
		padding: 0px !important;
	}


footer .style-dark h3 { color: #fff !important; }

	footer i { margin-right: 9px; }
	footer i.fa-home { margin-right: 7px;}
footer i.fa-lock { margin-left: 2px;}

	
	/* Social Media Footer */	
	footer .footer-center {
		padding-top: 60px;
		padding-bottom: 60px;
	}











/* Navigation zwiswchen den Produkten */
.row-navigation.row-navigation-light {
    outline-color: #fff !important;
	outline: none;
    background-color: #ccc;
	border-top: 3px dashed #fff;
	border-bottom: 3px dashed #fff;
}

.row-navigation.row-navigation-light a {
	color: #fff;
}
.row-navigation.row-navigation-light a:hover {
	color: #000;
}



#audio_iframe {
	position: absolute;
	bottom:10px; 
	right: 25vw;
}




/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
	
	tr,	td, a, input, textarea, .menu-btn-table  {
		transition: all 0.4s ease;
	}