/*
Theme Name: Nassau Pools & Spas - Kaya child theme
Author: Anphira, LLC
Template: kaya
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kaya
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Nassau Pools & Spas Specific Constants
# Typography
# Elements
# Forms
# Header
# Footer
# Blog
--------------------------------------------------------------*/

/*******************
 * 
 * Nassau Pools & Spas Specific Constants
 * 
 *******************/
:root {
	--nassau-grey: #323233;
	--nassau-dark-blue: #27176d;
	--nassau-blue: #247aa6;
}

picture {
	display: inline-block;
}








/*******************
 * 
 * Typography
 * 
 *******************/
@font-face {
	font-family: 'Poppins';
	src:  url('/wp-content/themes/kaya-child/Poppins/Poppins-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src:  url('/wp-content/themes/kaya-child/Poppins/Poppins-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src:  url('/wp-content/themes/kaya-child/Poppins/Poppins-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
.white-text a:hover {
	color: white;
}







/*******************
 * 
 * Elements
 * 
 *******************/
.entry-content > .gb-container {
	padding-right: 15px;
	padding-left: 15px;
}

body a, body a:visited {
	text-underline-offset: 4px;
}

/* FAQ block */
.wp-block-wpseopress-faq-block-v2 summary {
	font-size: 1.5rem;
	padding: 10px 0;
}
.wp-block-wpseopress-faq-block-v2 .wp-block-details {
	position: relative;
	border: 2px solid transparent;
}
.wp-block-wpseopress-faq-block-v2 .wp-block-details:hover {
	border: 2px solid var(--nassau-blue);
}
.wp-block-wpseopress-faq-block-v2 .wp-block-details:after {
	content: '\f0d7';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 1.5rem;
}






/*******************
 * 
 * Forms
 * 
 *******************/







/*******************
 * 
 * Header
 * 
 *******************/

/* top header */
.top-header :where(.wp-block-columns) {
	margin-bottom: 0;
}
.top-header p {
	margin-top: 0;
	margin-bottom: 0;
}

.top-header .flexbox {
	align-items: center;
}

/* main menu */
#site-navigation {
	padding-top: 10px;
}

@media (max-width: 767px) {
	#masthead .flexbox {
		display: flex;
		justify-content: space-between;
	}
}

/* max mega menu */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	background: var(--nassau-blue);
	color: white;
}
@media (max-width: 767px) {
	body #mega-menu-wrap-primary #mega-menu-primary {
		border: 2px solid var(--nassau-blue);
	}
	.announcement-bar .announcement-button,
	.top-header a {
		display: block;
	}
}






/*******************
 * 
 * Footer
 * 
 *******************/
#colophon {
	padding-top: 50px;
}

#menu-footer-left {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#menu-footer-left .menu-item {
	width: calc(50% - 10px);
}
@media (min-width: 768px) {
	#colophon .flexbox > div:first-child {
		width: 33%;
	}
}






/*******************
 * 
 * Blog
 * 
 *******************/
@media (min-width: 767px) {
	.blog #main,
	.archive #main {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}
	.blog #main > header,
	.archive #main > header {
		width: 100%;
	}
	.blog #main article,
	.archive #main article {
		width: calc(50% - 15px);
	}
}