/*
Theme Name: Bunny Hole
Template: kadence
Author: Bunny Hole Creative Club
Description: Child theme de Kadence para Bunny Hole - Creative Club.
Version: 1.0.0
*/

:root{
	--bh-black: #0A0A0A;
	--bh-bone: #CDCEC6;
	--bh-white: #FFFFFF;
	--bh-accent: #E8A93D;
	--bh-font-display: "suffer-scratch", "Georgia", serif;
	--bh-font-body: "Georgia", "Times New Roman", serif;
}

html, body{
	background-color: var(--bh-black);
	color: var(--bh-bone);
}

body, p, li, blockquote, .entry-content, .entry-content p, .entry-content li,
input, textarea, select{
	font-family: var(--bh-font-body) !important;
}

.site, .site-content, .content-area, .entry-content,
.wp-block-group, .kadence-sidebar-wrap, main{
	background-color: var(--bh-black);
	color: var(--bh-bone);
}

h1, h2, h3, h4, h5, h6,
.site-title, .kadence-navigation-title,
.entry-title, .entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.wp-block-heading{
	font-family: var(--bh-font-display) !important;
	letter-spacing: 0.03em;
	color: var(--bh-white);
	line-height: 0.95 !important;
}

h1, .entry-title{ font-size: 46px !important; }
h2{ font-size: 41px !important; }
h3{ font-size: 35px !important; }
h4{ font-size: 32px !important; }
h5{ font-size: 29px !important; }
h6{ font-size: 26px !important; }
.site-title{ font-size: 38px !important; }

a{
	color: var(--bh-bone);
}
a:hover, a:focus{
	color: var(--bh-accent);
}

.site-header, .site-footer{
	background-color: var(--bh-black);
	border-color: var(--bh-bone);
}

.main-navigation a, .menu-toggle-open, .menu-toggle-close,
.kadence-navigation-title{
	color: var(--bh-bone);
}

.mobile-navigation ul li > a,
.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{
	color: var(--bh-bone) !important;
}
.mobile-navigation ul li.current-menu-item > a{
	color: var(--bh-accent) !important;
}

.bunny-hole-logo{
	max-height: 52px;
	width: auto;
}

.wp-block-button__link,
button.kadence-button,
.kadence-button{
	background-color: var(--bh-accent);
	color: var(--bh-black);
	border-radius: 0;
	font-family: var(--bh-font-display) !important;
	font-size: 26px !important;
	letter-spacing: 0.03em;
	font-weight: 400 !important;
	border: none;
}
.wp-block-button__link:hover,
button.kadence-button:hover,
.kadence-button:hover{
	background-color: var(--bh-bone);
	color: var(--bh-black);
}

.bh-accent{
	color: var(--bh-accent);
}

::selection{
	background-color: var(--bh-accent);
	color: var(--bh-black);
}

.entry-hero-container-inner{
	background-color: var(--bh-black) !important;
}

.page-id-43 .entry-title{
	color: var(--bh-bone) !important;
	font-size: 73.6px !important;
}
.page-id-43 .content-area{
	margin-top: 1rem !important;
}
.page-id-43 .entry-content h2,
.page-id-43 .entry-content h3{
	color: var(--bh-accent) !important;
}

.page-id-41 .entry-title{
	color: var(--bh-accent) !important;
}

.page-id-41 .bh-qs-stack{display:block; margin-top:8px;}
.page-id-41 .bh-qs-card{
	position:sticky; top:0; min-height:294px;
	display:flex; align-items:center;
	padding:36px 6%;
	border-radius:32px;
	transform-origin:center top;
	will-change:transform, filter;
}
.page-id-41 .bh-qs-card .bh-qs-inner{max-width:800px;}
.page-id-41 .bh-qs-card.is-accent{background:var(--bh-accent);}
.page-id-41 .bh-qs-card.is-cream{background:var(--bh-bone);}
.page-id-41 .bh-qs-card.is-graydark{background:#3A3A38;}
.page-id-41 .bh-qs-card.is-graydark h2,
.page-id-41 .bh-qs-card.is-graydark h3{color:#fff !important;}
.page-id-41 .bh-qs-card.is-graydark p{color:rgba(255,255,255,0.75) !important;}
.page-id-41 .bh-qs-card h2,
.page-id-41 .bh-qs-card h3{
	color:#0A0A0A !important;
	font-size:45px !important;
	margin-bottom:20px;
}
.page-id-41 .bh-qs-card p{
	font-size:22px; line-height:1.7; color:rgba(10,10,10,0.75); margin:0;
}

.page-id-45 .entry-title,
.page-id-45 .entry-content h2,
.page-id-45 .entry-content h3{
	color: var(--bh-accent) !important;
}

.page-id-45 .entry-content h2{
	color: var(--bh-white) !important;
}

.page-id-41 .bh-team-grid{
	display:grid; grid-template-columns:1fr; gap:1px;
	background:rgba(10,10,10,0.12); border:1px solid rgba(10,10,10,0.12); border-radius:24px; overflow:hidden;
	margin-top:32px;
}
@media(min-width:760px){ .page-id-41 .bh-team-grid{grid-template-columns:repeat(3,1fr);} }
.page-id-41 .bh-team-cell{
	background: var(--bh-bone);
	padding:32px 28px;
}
.page-id-41 .bh-team-cell.bh-team-intro{background:#0A0A0A;}
.page-id-41 .bh-team-cell.bh-team-intro h3{color:#fff !important;}
.page-id-41 .bh-team-cell.bh-team-intro p{color:var(--bh-bone);}
.page-id-41 .bh-team-avatar{
	width:48px; height:48px; border-radius:50%; background:var(--bh-accent);
	display:flex; align-items:center; justify-content:center;
	font-family:var(--bh-font-display); font-size:20px; color:#0A0A0A; margin-bottom:18px;
}
.page-id-41 .bh-team-role{font-size:13px; text-transform:uppercase; letter-spacing:0.08em; color:var(--bh-accent); margin-bottom:8px; display:block;}
.page-id-41 .bh-team-cell h3{font-size:45px !important; margin-bottom:10px; color:#0A0A0A !important;}
.page-id-41 .bh-team-cell p{font-size:22px; line-height:1.6; color:rgba(10,10,10,0.72); margin:0;}

.page-id-45 .bh-prep-image{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	margin: 24px 0 32px;
}

.site-branding .custom-logo{
	content: url('https://bunnyhole.es/wp-content/themes/bunny-hole-child/assets/branding/icono-solo-hueso-transparente.svg');
	width: 44px !important;
	height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
}
.site-branding .site-title-wrap{
	display: none;
}

.page-id-43 .bh-prep-image{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	margin-bottom: 32px;
}

.page-id-43 .bh-intro-highlight{
	color: var(--bh-accent) !important;
	font-size: 25.6px;
	text-align: center;
}

.page-id-43 .wp-block-columns{
	gap: 24px;
}
.page-id-43 .wp-block-column{
	background-color: #141414;
	border: 2px solid var(--bh-accent);
	border-radius: 18px;
	padding: 28px 30px;
}

.page-id-43 .bh-plan-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 17.5px;
}
.page-id-43 .bh-plan-head h3{
	margin: 0;
}
.page-id-43 .bh-plan-wa-btn{
	display: inline-block;
	flex-shrink: 0;
	background-color: var(--bh-bone);
	color: var(--bh-black);
	font-family: var(--bh-font-display);
	font-size: 22px;
	letter-spacing: 0.03em;
	padding: 12px 26px;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s, transform .2s;
}
.page-id-43 .bh-plan-wa-btn:hover{
	background-color: var(--bh-accent);
	transform: scale(1.04);
}