/*
Theme Name: Obed
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi - ᖵP
Author URI: http://www.kriesi.at
Template: enfold
*/


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*Add your own styles here:*/

/* ____________________/Globales
____________________________________________________________*/
:root {
	--color1: #d4af37;
	--color2: #161e2b;
	--color3: #a0aec0;
	--color4: #0a0f16;
	--font1: "Playfair Display", serif;
	--font2: "Montserrat", sans-serif;
}
body {
	font-family: var(--font2);
}
h1 {
	font-size: 85px;
}
h2 {
	font-size: 45px;
}
h3 {
	font-size: 30px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font1);
	font-weight: 500 !important;
	text-transform: initial !important;
}
a.avia-button {
	color: black !important;
	background: var(--color1) !important;
	padding: 25px 40px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	border-radius: 4px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none !important;
}
a.avia-button:hover {
	opacity: .5;
}
.container {
	padding: 0 20px;
}
.avia-image-container, .avia-image-container img {
	border-radius: 8px;
}
.s-100p .template-page {
	padding: 100px 0;
}
/* ____________________/Header
____________________________________________________________*/
.av-section-bottom-logo.header_color {
	display: none;
}
#header_main_alternate {
	border: none !important;
	background: var(--color4);
}
#header_main_alternate ul#avia-menu {
	display: flex;
	flex-direction: row;
	justify-content: center;
	grid-gap: 0 10%;
}
#header_main_alternate ul#avia-menu a {
	padding: 0;
	color: white !important;
	font-size: 15px;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
#header_main_alternate ul#avia-menu a:hover {
	color: var(--color1) !important;
}
span.avia-menu-fx {
	display: none;
}
/* ____________________/Sección01
____________________________________________________________*/
.container_wrap {
	border: none !important;
}
.section-01h:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(rgba(10, 15, 22, 0.75), rgba(10, 15, 22, 0.95));
}
.section-01h h1 {
	color: var(--color1);
}
.section-01h h2 {
	color: white;
	margin: 0 0 40px;
	font-size: 37px;
}
.section-01h p {
	width: 60%;
	margin: 0 auto;
	font-size: 20px;
	color: var(--color3);
}
.section-01h .avia-button-wrap {
	margin: 40px 0 0;
}
/* ____________________/Experiencia
____________________________________________________________*/
.s-experience h2 {
	color: var(--color1) !important;
	margin: 0 0 40px;
}
.s-experience p {
	font-size: 20px;
}
.s-experience .avia-button-wrap {
	margin: 20px 0 0;
}

/* ____________________/Especializado
____________________________________________________________*/
.s-specialization .template-page {
	padding: 0 0 100px;
}
.s-specialization h2 {
	margin: 0 0 30px;
}
.s-specialization .flex_column_table {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
}
.s-specialization .flex_column.col-bg04 {
	margin: 0;
	padding: 40px 20px;
	border-radius: 8px;
	background: var(--color2);
	border-bottom: 3px solid var(--color1);
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.s-specialization .flex_column h3 {
	margin: 0 0 25px;
}
.s-specialization .flex_column.col-bg04:hover {
	margin: -15px 0 15px;
}
.s-specialization .flex_column.col-border {
	font-style: italic;
	padding: 20px;
	border: 1px solid rgba(212, 175, 55, 0.3);
	border-radius: 8px;
}

/* ____________________/Música a tu medida
____________________________________________________________*/
.s-music:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:linear-gradient(rgba(10, 15, 22, 0.5), rgba(10, 15, 22, 0.8));
}
.s-music .av-parallax-inner {
	background-position: 50% 10% !important;
}
.s-music h2 {
	font-size: 50px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}

/* ____________________/Tarifas y paquetes
____________________________________________________________*/
.s-packages .flex_column.col-pre {
	background: var(--color2);
	padding: 50px 30px;
	border-radius: 8px;
	height: 385px;
	margin: 0;
	display: flex !important;
	width: 100% !important;
	border: 2px solid var(--color2);
	align-items: center;
	justify-content: center;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.s-packages .flex_column.col-pre:hover {
	border-color: var(--color1) ;
}
.s-packages  .flex_column.col-desc {
	height: 410px !important;
	background: #1a2333 !important;
	border: 2px solid var(--color1);
}
.s-packages  .flex_column.col-pre h3 {
	margin: 0 0 30px;
}
.s-packages  .flex_column.col-pre h2 {
	color: var(--color1) !important;
	margin: 0 0 20px;
	font-weight: 700 !important;
}
.s-packages  .flex_column.col-pre strong {
	color: #a0aec0 !important;
	font-weight: 400;
	font-size: 18px;
	margin: 0 0 30px;
	display: block;
}
.avia_textblock.txt-special2 p {
	width: 69%;
	padding: 15px 0 0;
	margin: 15px auto 0;
	border-top: 1px solid #333;
}
.avia_textblock.txt-special2 p strong {
	font-weight: 400;
}
/* ____________________/Reserva
____________________________________________________________*/
.s-booking ul li {
	margin: 0;
	padding: 0;
}
.s-booking .avia_textblock.txt-contact {
	margin: 40px 0 0;
}
.s-booking h2 {
	margin: 0 0 70px;
}
.s-booking .avia_textblock.txt-contact ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	list-style: none;
	font-size: 23px;
	grid-gap: 0 2%;
	margin: 0;
}
.s-booking .avia_textblock.txt-social {
	margin: 50px 0 0;
}
.s-booking .avia_textblock.txt-social ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	list-style: none;
	font-size: 21px;
	grid-gap: 0 2%;
	margin: 0;
	align-items: center;
}
.s-booking .avia_textblock a {
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.s-booking .avia_textblock.txt-social a {
	color: var(--color1);
	text-decoration: underline !important;
}
.s-booking .avia_textblock.txt-social a:hover {
	opacity: .5;
}
.s-booking .avia_textblock.txt-contact a {
	text-decoration: none !important;
}
.s-booking .avia_textblock.txt-contact a:hover {
	color: var(--color1) !important;
}
/* ____________________/Footer
____________________________________________________________*/
.s-footer p {
	margin: 0;
}
a#scroll-top-link {
	bottom: 34px;
	left: 24px;
	background: var(--color1);
	opacity: 1 !important;
	border-radius: 100%;
	border: none;
}
a#scroll-top-link svg {
	fill: var(--color2) !important;
	height: 23px !important;
	margin: 13px 0 0 !important;
}



@media (max-width:1100px) {
/* ____________________/Experiencia
____________________________________________________________*/	
	.s-experience .flex_column_table {
		display: flex !important;
		flex-direction: column;
		grid-gap: 20px 0;
	}
	.s-experience .flex_column_table .flex_column {
		width: 100%;
	}
	
/* ____________________/Especializado
____________________________________________________________*/	
	.s-specialization .flex_column_table {
		grid-gap: 20px 2%;
	}
	.s-specialization .flex_column.col-bg04 {
		width: 49%;
	}
	.s-specialization .av-flex-placeholder {
		display: none !important;
	}
	
/* ____________________/Música a tu medida
____________________________________________________________*/
	.s-music .container {
		height: 450px !important;
	}
	
	
	
}

@media (max-width:989px) {
/* ____________________/Globales
____________________________________________________________*/
	h1 {
		font-size: 60px;
	}
	h3 {
		font-size: 27px;
	}
	a.avia-button {
		padding: 22px 35px !important;
		font-size: 18px !important;
	}
	.responsive #top #wrap_all .container {
		width: 100%;
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

/* ____________________/Sección01
	____________________________________________________________*/
	.section-01h h2 {
		color: white;
		margin: 0 0 40px;
		font-size: 32px;
	}
	.section-01h p {
		width: 100%;
		font-size: 22px;
	}
	
/* ____________________/Tarifas y paquetes
____________________________________________________________*/	
	.s-packages .flex_column_table {
		grid-gap: 20px 0;
		display: flex !important;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.s-packages .flex_column.col-pre {
		width: 70% !important;
		padding: 50px 80px;
	}
	.avia_textblock.txt-special2 p {
		width: 100%;
	}
	
}

@media (max-width:767px) {
/* ____________________/Globales
____________________________________________________________*/
	h1 {
		font-size: 55px;
	}
	h2 {
		font-size: 40px;
	}
	h3 {
		font-size: 24px;
	}
	p {
		font-size: 16px;
		line-height: 20px;
	}
	a.avia-button {
		padding: 22px 35px !important;
		font-size: 16px !important;
	}
/* ____________________/Header
____________________________________________________________*/	
	.html_header_top.html_header_sticky #header {
		position: fixed !important;
	}
	.responsive #header_main_alternate {
		display: block;
	}
	.responsive #top .av-main-nav .menu-item {
		display: block;
	}
	.responsive #top .av-main-nav li.av-burger-menu-main {
		display: none;
	}
	#header_main_alternate ul#avia-menu {
		grid-gap: 0 7%;
	}
	#header_main_alternate ul#avia-menu a {
		font-size: 12px;
	}
	.responsive #top #wrap_all .main_menu {
		height: 50px;
		background: var(--color4);
	}
	.html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main {
		padding-top: 50px !important;
	}
/* ____________________/Sección01
____________________________________________________________*/	
	.section-01h h1 {
		margin: 0 0 30px;
	}
	.section-01h p {
		width: 100%;
		font-size: 17px;
	}
	.section-01h h2 {
		margin: 0 0 30px;
		font-size: 30px;
		line-height: 32px !important;
	}
	
/* ____________________/Experiencia
____________________________________________________________*/	
	.s-experience p {
		font-size: 17px;
	}
	
/* ____________________/Especializado
____________________________________________________________*/	
	.s-specialization h2 {
		margin: 0 0 10px;
	}
	
/* ____________________/Música a tu medida
____________________________________________________________*/	
	.s-music h2 {
		font-size: 44px;
	}

/* ____________________/Tarifas y paquetes
____________________________________________________________*/
	.s-packages .flex_column_table {
		grid-gap: 10px 0;
	}
	.s-packages .flex_column.col-pre {
		width: 100% !important;
		padding: 50px 30px;
		margin: 0 !important;
		height: 340px;
	}
	.s-packages .flex_column.col-desc {
		height: 390px !important;
	}
	.s-packages .flex_column.col-pre h3 {
		margin: 0 0 25px;
	}
	.avia_textblock.txt-special1 {
		margin: 40px 0 0;
	}
	
/* ____________________/Reserva
____________________________________________________________*/
	.s-booking .avia_textblock.txt-contact ul {
		flex-direction: column;
		align-items: center;
		font-size: 21px;
		grid-gap: 30px 2%;
	}
	.s-booking .avia_textblock.txt-social ul {
		font-size: 21px;
		grid-gap: 0 13%;
	}
	
/* ____________________/Footer
____________________________________________________________*/	
	.s-footer main.template-page {
		padding: 50px 0 110px;
	}
	
}