/*
Theme Name: Flash Child
Theme URI: https://themegrill.com/themes/flash
Template: flash
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Flash is free responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. Like never before, it provides multiple pre-built demos which can be imported in seconds using ThemeGrill Demo Importer Plugin. The theme fully integrates with Flash Toolkit and SiteOrigin’s Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts, WooCommerce support, multiple header styles, multiple color options etc.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.4.6.1719557480
Updated: 2024-06-28 08:51:20

*/

@font-face{
    font-family: "Gotham Rounded";
    src: url('./fonts/gothamrnd_light.otf');
}

@font-face{
    font-family: "Gotham Rounded Medium";
    src: url('./fonts/gothamrnd_medium.otf');
}

@font-face{
    font-family: "Gotham Rounded Bold";
    src: url('./fonts/gothamrnd_bold.otf');
}

@font-face{
    font-family: "Tale of hawk";
    src: url('./fonts/Tale_of_Hawks.ttf');
}

h1, h2, h3 {
    font-family: 'Tale of hawk';
    font-weight: 200;
    margin-bottom: 20px;
}

h1{font-size: 40px;}
h2 {font-size: 40px;}
h3 {font-size: 35px; text-align: center;}
h4 { font-family:'Gotham Rounded Bold'; text-align: center; font-size: 17px; text-transform: uppercase; color: #000;}

::placeholder {
    font-family: 'Gotham Rounded';
    font-weight: bold;
    font-size: 14px;
}

strong{ font-family:'Gotham Rounded';}

p {font-size: 16px; margin-bottom: 20px; color: #000; font-family: 'Gotham Rounded'}

a {font-family: 'Gotham Rounded';}
a:focus { outline: none;}

.gotham{font-family: 'Gotham Rounded'!important; text-shadow: 1px 1px 3px #fff}

.quiensoy p{font-size:20px;}
.logo {width: 150px;}
#primary-menu li a { text-transform: uppercase; font-family:'Gotham Rounded'; font-weight:bold;}
.transparent header li a {text-shadow:1px 1px 2px #fff; }
.transparent .header-bottom { border-bottom: none;}
div#content { margin-top: -12px;}
#site-navigation ul li:hover a, .current-menu-item a, .menu-main-container ul li.current-menu-ancestor > a { color: #00a9b8!important;}

.wonder, .wonderrs { font-family: 'Tale of hawk'!important; text-shadow: 1px 1px 5px #fff}
.wonderrs { font-size: 50px!important; color: #fff!important;}


.btn { border: 1px solid #00a9b8; padding: 8px; transition: all .5s ease; cursor: pointer; font-family:'Gotham Rounded'!important; font-size:17px; font-weight:bold;}
.btn:hover, .wpcf7-submit:hover { background: #00a9b8!important; color: #fff!important;}
.btn2 { padding: 6px 10px; background: #d1ecee; border: 3px solid #d1ecee; font-size:17px; font-weight:bold; font-family:'Gotham Rounded'!important;}
.btn2:hover { background: transparent; border-color: #d1ecee;}

.destacada { margin-top: -90px;}
.destacada p { text-align: center; max-width: 780px; margin: 0 auto; margin-bottom: 30px; font-weight: bold;}
.panel-grid:has(.destacada) { z-index: 999999; position: relative;}

.quiensoy { text-align: center;}

.sesiones p { font-size: 14px; text-align: center; margin-bottom: 10px; font-weight: bold;}

.tarjetas{text-align:center;}

.mosaico .textwidget { max-width: 670px; padding: 30px 40px 50px; background: #fff; border: 4px solid #d1ecee; position: relative;}
.mosaico p { font-weight: bold;}
.mosaico .textwidget.custom-html-widget:before { content: url(https://fotografoswonder.es/wp-content/uploads/2024/07/corazones-2.png); position: absolute; top: -30px; left: -30px;}
.mosaico .textwidget.custom-html-widget:after { content: url(https://fotografoswonder.es/wp-content/uploads/2024/07/corazones-1.png); position: absolute; right: 0px; bottom: -10px;}

footer#colophon { background: #d0edee;}
div#top-footer { background-color: #fff; padding: 0; background-image: url(https://fotografoswonder.es/wp-content/uploads/2024/07/corazon-footer.png); background-size: 160px; background-repeat: no-repeat; background-position: top right;}
.rrss-footer { text-align: center;}
.rrss-footer i { font-size: 27px; margin: 0 5px;}
footer section#nav_menu-2 { max-width: 750px; margin: 0 auto; padding-top: 30px;}
footer .menu { display: flex; justify-content: center; gap: 30px; list-style: none; margin-bottom: 20px;}
ul#menu-main { font-family:'Gotham Rounded Bold';}
footer .widget ul li:after {display: none;}
footer .menu a { color: #000!important; text-transform: uppercase;}
footer * { color: #000!Important;}
footer .sub-menu li { text-align: center!important;
}
ul#legal { gap: 0;}
#legal li { padding: 0 13px; border-right: 1px solid; line-height: 11px;}
#legal li:last-child { border: none;}
#legal a { font-size: 14px; font-family:'Gotham Rounded';}

.mosaico h3 { text-align: left;}

a.whatsapp { display: flex; align-items: center; margin-bottom: 15px; font-family:'Gotham Rounded Bold'; font-size: 18px;}
a.whatsapp i { font-size: 30px; margin-right: 10px;}
a.mail { font-size: 17px; font-weight: bold;}

#bottom-footer .copyright { float: none!important;}
div#bottom-footer .tg-container { text-align: center;}
#bottom-footer { background-color: transparent; padding: 0 0 20px; font-family: 'Gotham Rounded'; font-weight: bold;}
section#nav_menu-2 { padding-top: 30px;}

.cuatropilares .textwidget, .mascotas .textwidget { text-align: center;}
p.pilares { text-transform: uppercase; color: #00a9b8; font-size: 25px;}
.separador { display: flex; flex-direction: row; justify-content: center; margin-bottom: 25px;}
.separador div { padding: 0 13px; text-transform: uppercase; font-size: 23px; font-family:'Gotham Rounded Bold'; border-right: 1px solid; line-height: 17px; color: #000;}
.separador div:last-child{border:none;}
p.textopilares { max-width: 780px; margin: 0 auto 30px;}

.mascotas p, .infantil p { max-width: 640px; margin: 0 auto 30px;}
.mascotas p:first-child, .infantil p:first-child{ color: #00a9b8; text-transform: uppercase; font-size: 22px;}
.mascotas p:first-child strong { display: block; font-size: 17px; color: #000;}
.infantil p:nth-child(2) { font-family: 'Gotham Rounded Bold'; font-size: 17px;}

.infantil .textwidget { text-align: center; max-width: 800px; margin: 0 auto; background: #d1ecee; padding: 20px;}
h3.widget-title { font-family: 'Gotham Rounded'; font-size: 20px; font-family:'Gotham Rounded Bold'!important;}
.fotografia-infantil p { max-width: 780px; margin: 0 auto 30px;}
.fotografia-infantil h1 { text-align: center; color: #00a9b8;}
.mt-neg { margin-top: -120px; z-index: 999; position: relative;}
.mt-neg a { margin-left: 220px;}

.fotografa-boda .textwidget { text-align: center;}
.fotografa-boda h1 { color: #00a9b8;}
p.siquiero { font-family:'Gotham Rounded Bold'; font-size: 20px; text-transform: uppercase;}
.fotografa-boda p { max-width: 780px; margin: 0 auto 30px;}
.pelicula, .instagram{ text-align: center; font-size: 21px; font-family:'Gotham Rounded Bold';}

.historias p:first-child { text-align: center; font-size: 20px; color: #00a9b8; margin-bottom:15px text-transform: uppercase;}
.historias p:nth-child(2) { text-align: center; font-size: 20px; font-family:'Gotham Rounded Bold'; margin-bottom: 35px; text-transform: uppercase;}
.historias p:nth-child(3) { text-align: center; max-width: 370px; margin: 0 auto 30px;}
.historias p:nth-child(5) { margin-bottom: 50px;}
.historias p { text-align: justify;}
.historias .textwidget { text-align: center;}

.faq-titulo p:first-child { text-align: center; text-transform: uppercase; color: #00a9b8; font-size: 20px;}
.faq-titulo p:nth-child(2) { text-align: center; font-size: 20px; font-family:'Gotham Rounded Bold'; margin-bottom: 0; text-transform: uppercase;}

.sow-accordion-title { display: block!important; text-align: center; font-family:'Gotham Rounded Bold'; font-size: 21px;}
.sow-accordion { max-width: 780px; margin: 0 auto;}

.contacto { max-width: 500px; text-align: center; margin: 0 auto;}
.contacto p:first-child { text-transform: uppercase; font-size: 17px;}
p.titulo { font-family: 'Tale of hawk'; font-size: 30px;}
.contacto a.whatsapp { justify-content: center;}

.sesiones.bodas p { margin-bottom: 40px;}

.centrado .textwidget { text-align: center; max-width: 680px; margin: 0 auto;}

.grid-form { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px;  margin-bottom: 30px;}
.wpcf7-form input, .wpcf7-form input:focus, .wpcf7-form input:focus-visible, 
.wpcf7-form select, .wpcf7-form select:focus, .wpcf7-form select:focus-visible,
.wpcf7-form textarea, .wpcf7-form textarea:focus, .wpcf7-form textarea:focus-visible{
    outline:none;
    background: transparent!important;
    border: none;
    border-bottom: 1px solid #666;
    width: 100%;
    color:#666;
}
span.wpcf7-not-valid-tip, span.wpcf7-spinner { position: absolute;}
.rrss-contacto p { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px;}
.rrss-contacto br { display: none;}
.wpcf7-submit { border: 1px solid #00a9b8!important; max-width: 160px; text-transform: uppercase; transition: all .5s ease;}
.wpcf7 { max-width: 780px; margin: 0 auto;}

.mapa h3 { font-size: 20px; font-family: 'Gotham Rounded'; font-family:'Gotham Rounded Bold'; color: #000;}
.mapa .textwidget { text-align: center; max-width: 780px; margin: 0 auto;}

.color-azul{color: #00a9b8}

.storytelling p:first-child { font-family:'Gotham Rounded Bold'; text-transform: uppercase; margin-bottom: 10px; font-size:17px;}
.storytelling strong { font-size: 17px;}
.storytelling .textwidget { text-align: center;}

footer img { max-width: 180px!important;}
footer .menu-main-container li a { font-family: 'Gotham Rounded Bold'!important;}

.escalonadas .textwidget { padding: 40px; text-align: justify;}
.titulo-escalon { font-family:'Gotham Rounded Bold'; margin-bottom: 0; font-size: 20px; color:#000;}
.escalonadas.drc { background: #d1ecee;}

.servicios h3 { color: #00a9b8; text-align: left;}

.dudas { background-repeat: repeat-x;}

.tiktok{display: inline-flex; position: relative; top: 10px;}
.tiktok img{width:40px}

footer .widget_media_image { margin-bottom: 0!important;}

.transparent #site-navigation ul li .sub-toggle { color: #000;}

.publicidad { display: flex; justify-content: center; gap: 10px; margin-bottom: 30px;}

.wpml-ls { display: none;}

@media(max-width:900px){
	.destacada { margin-top: 0px;}
	
	footer .menu { flex-direction: column;gap:0px;text-align:center;}
	.separador { flex-direction: column; gap: 20px;place-items:center;}
	.separador div { border-right: 0; border-bottom: 1px solid; padding-bottom: 13px; width: 260px;}
	.mosaico .textwidget { margin: 0 20px;}
	.mosaico .textwidget.custom-html-widget:after { right: -30px; bottom: -60px;}
	a.mail {font-size: 14px;}
	.footer-layout #site-navigation ul li, .menu-main-container ul li{
		padding:13px 0px 13px 0px;
	}
	
	
	.menu-legal-container ul{
		margin:0px 0px 15px 0px;
	} 
	
	#site-navigation ul li:last-child, .menu-main-container ul li:last-child{
		padding-right:0px;
	}
	
	ul#legal { gap: 12px; }
	#legal li{
		border-right:0px;
	}
	
}

.transparent #site-navigation .menu-toggle .fa{
	color:black;
}