/*
Theme Name: BNE Minimal
Description: A starter template ready for full customizations. Inspired by Sweetness, a full fledge theme by BNE Creative.
Author: Kerry Kline
Author URI: https://www.bnecreative.com
Version: 2023.02.05
Text Domain: bne
License: GPL2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Globals */
:root {
	/* Typography */
	--body-font-size: 16px;
	--body-font-family: system-ui;
	--body-font-color: #fff;	
	
	--heading-font-family: 'Tangerine', cursive;
	--heading-font-color: var(--primary-color);
	
	--link-color: var(--primary-color);
	--link-color-hover: #7575ff;	
	
	--btn-color: var(--primary-color);
	--btn-color-hover: #fff;
	
	/* Theme Colors (Defined in functions.php) */
	/*
	--primary-color: #0099ff
	--secondary-color: #7892BC
	--tertiary-color: #EEE8A9
	*/
		
	/* Menu */
	--menu-alignment: center; /* use "center" for centering links */
	--menu-bg-color: rgba(0,0,0,.3); /* wrapper */
	
	--menu-top-color: var(--primary-color);
	--menu-top-color-hover: #fff;
	--menu-top-bg-color: transparent;	
	--menu-top-bg-color-hover: #444;
	
	--menu-sub-color: var(--primary-color);
	--menu-sub-color-hover: var(--primary-color);
	--menu-sub-bg-color: #222;
	--menu-sub-bg-color-hover: #444;
	
	
	/* Layout */
	--content-area-width: 1024px; /* Full Content Area */
	--sidebar-width: 300px; /* Sidebar width on desktop */
	--sidebar-gutter: 2rem;
	
	/* Forms */
	--input-color: #535165;
	--input-bg-color: #f4f4f4;
	
}

/* =================================
 * BEGIN DESIGN CSS
 * =============================== */

body {
	background-image: url('https://www.dinohernandezcosmeticdentistry.com/wp-content/themes/bne-minimal/assets/images/page-bg.jpg');
	background-repeat: repeat;

}


/* == Utility == */




/* == Typography == */
h1 { font-size: 3.20em; }
h2 { font-size: 2.70em; }
h3 { font-size: 2.40em; }
h4 { font-size: 2.25em; }
h5 { font-size: 2em; }
h6 { font-size: 1.75em; }

#content article .entry-title {
	border-bottom: 1px solid #888;
}

.wp-block-image figcaption {
	color: #fff;
}

/* == Main Menu == */
ul.primary-nav {
	border: 1px solid var(--primary-color);
}

ul.primary-nav a {
	text-transform: uppercase;
	font-size: 16px;
}

ul.primary-nav > li:not(:last-of-type) {
	border-right: 1px solid #444;
}

ul.primary-nav .sub-menu {
	width: 250px;
}


/* SVG Icon Background Image */
ul.primary-nav li.has-sub-menu > a:after,
ul.primary-nav li li.has-sub-menu > a:after {
	content: "";
	background-color: currentColor;
	background-size: 1em 1em;
	mask-repeat: no-repeat;
	mask-position: center;
	height: 1em;
	width: 1em;
	position: absolute;
	right: 8px;
	line-height: inherit;
}

ul.primary-nav li.has-sub-menu > a:after {
	/* Mask allows color change */
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
}

@media(min-width:768px) {
	ul.primary-nav li li.has-sub-menu > a:after {
		/* Mask allows color change */
		mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');
	}
}


/* == Header == */
.header-logo {
	text-align: center;
	margin: 0 auto;
}
.header-logo img {
	max-width: 80%;
}

@media( min-width: 768px ) {
	body.has-transparent-header #header-wrapper {
		position: fixed;
		left: 0;
		right: 0;
	}

}

/* == Sticky Header == */




/* == Main == */
.sidebar-layout {
	border: 1px solid var(--primary-color);
	background-color: rgba(0,0,0,.3);
	padding: 20px;
}

.widget {
	background: rgba(0,0,0,.3);
	padding: 15px;
	border: 1px solid #9999ff;
}


/* == Footer == */




/* == Widgets / Sidebar == */




/* == Blocks == */




/* == Plugins == */