/*
    Theme Name: [wilson theme]
    Theme URI: [https://www.hamiltrowebsitedesign.com]
    Description: [Wilson THEME]
    Version: 2024.1.0
    Author: hamiltro
    Author URI: https://www.hamiltrowebsitedesign.com
*/

/* Dev only for debugging
*************************************************************************/
@import url('css/debug.css'); /* can comment out for live *******************/
p.screensize {display: none;} /* set to "block" for testing breakpoints */
/* color changes at 344, 375, 500, 600, 768, 1024, 1440, 1920, 2560 *****/
div.container { border: 0px solid #666;} /* set to 1px for testing ******/
/*p.editLink {display: none;}*/


@media (min-width: 992px) and (max-width: 1230px) { /* home */
    li#menu-item-13 {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1130px) { /* home */
    li#menu-item-237 {
        display: none;
    }
}


/* PALETTE / VARIABLES
*****************************************/
:root {
/* palette */
	--color: #111111;
	--color-strong: BLACK;
	--color-background: #fdfbfb; /* myar #f7f5f1; */
	--color-accent1: #2f3651; /* DARK dark blue - rgba(47,54,81,1) */
	--color-accent2: #805c6b; /* MEDIUM DARK purple - rgba(128,92,107,1) */
	--color-accent3: #373946; /* darkest blue - rgba(55,57,70,1) */
	--color-accent4: #f6f5f1; /* MEDIUM PALE oat buff - rgba(246,245,241,1) */
	--color-accent5: #FFFFFF; /* PALE - readMoreBG;  */
	--color-a: var(--color-accent2);
	--color-a-hover: var(--color-accent1);
	--color-banner-background: transparent;
	--color-editLink: BLACK;
	--color-hero-span-line1: var(--color-accent4);
	--color-hero-span-line2: var(--color-accent4);
	--color-row-border: #EEE;
	--color-box-border: var(--color-accent4);

/* siteTitle/mainNav */
	--color-mainNav-text-link: var(--color-accent1);
	--color-mainNav-text-link-hover: var(--color-accent2);
	--color-mob-menu-li-current-background-color:var(--color-accent5);
	--color-mob-menu-li-background-color:var(--color-accent4);
	--color-mob-menu-li-border: TRANSPARENT;
	--color-navbar-wrapper-background: WHITE;
	--color-navbar-wrapper-border:  TRANSPARENT;
	--color-outline: #DDD; /* tabbing */
	--color-sub-menu-li-background: var(--color-navbar-wrapper-background);
	--color-sub-menu-li-background-hover: rgba(243,243,243,0.98);
	--color-sub-menu-li-border: rgba(209,209,209,0.25);

/* headers by class */
	--color-headers-default: var(--color-accent2); /* or black */
	--color-siteSlogan: var(--color-accent2); 
	--color-siteTitle: var(--color-accent1); 
	--color-siteTitle-hover: var(--color-accent1); 
	--color-siteTitle-shadow-hover: TRANSPARENT;
	--color-overBanner: WHITE;
	--color-pageTitle: var(--color-accent1);
	--color-sectionTitle: var(--color-accent1);
	--color-rowHeader: var(--color-accent1);

/* buttons */
	--color-a-button: var(--color-accent1);
	--color-a-button-background: WHITE;
	--color-a-button-border: var(--color-accent1);
	--color-a-button-hover: WHITE;
	--color-a-button-background-hover: var(--color-accent2); 
	--color-a-button-border-hover: var(--color-accent1);

	--color-readMore-a: var(--color-accent2);
	--color-readMore-a-background: var(--color-accent4);
	--color-readMore-a-border: var(--color-accent2);
	--color-readMore-a-hover: var(--color-accent1);
	--color-readMore-a-hover-background: var(--color-accent5);
	--color-readMore-a-hover-border: var(--color-accent1);

/* forms */
	--color-form-input-border: TRANSPARENT;
	--color-form-button-background: TRANSPARENT;
	--color-form-button-text: TRANSPARENT;
	--color-form-button-bg-hover: TRANSPARENT;
	--color-wpcf7-sent: GREY;
	--color-wpcf7-sent-border: GREY;
	--color-wpcf7-sent-background: WHITE; 

/* footer */
	--color-footer: #eee;
	--color-footer-a: #c99caf;
	--color-footer-a-hover:#FFF;
	--color-footer-background: var(--color-accent1);
	--color-footer-border: var(--color-accent3);
	--color-footer-credit: #aaa;
	--color-footer-credit-a:#bbb;
	--color-footer-credit-a-hover:#FFF;
	--color-icon-style-detail: var(--color-readMore-a);
	--color-icon-style-detail-hover: var(--color-readMore-a-hover);
	--color-icon-style-circleFill: #c7c6cd;
	--color-icon-style-circleFill-hover: var(--color-accent4);	
	--color-icon-style-detail: #333; /* if using threads or X need to edit svgs accordingly */
	--color-icon-style-detail-hover: #000; /* if using threads or X need to edit svgs accordingly */



/* fonts */
	--font-body: 'Whitney SSm', 'Open Sans', sans-serif; 
	--font-input: 'Whitney SSm', 'Open Sans', sans-serif; 
	/*--font-nav:   'Whitney SSm', 'Open Sans', sans-serif;*/
	--font-quote: 'Playfair Display', Baskerville, serif;
	--font-readMore:  'Whitney SSm', 'Open Sans', sans-serif;
	--font-siteTitle:  'Whitney SSm', 'Open Sans', sans-serif;
	--font-siteSubTitle: 'Whitney SSm', 'Open Sans', sans-serif;
	--font-pageTitle:  'Whitney SSm', 'Open Sans', sans-serif;
	--font-sectionTitle:  'Whitney SSm','Open Sans', sans-serif;

/* misc styles */
--p-maxWidth: min(100%, 52rem); /* smallest of these values */

}



@media (min-width: 360px) {
html {font-size: 15px;} /* default is 16px */
}
body {line-height: calc(1.4em + 0.5rem);}

p,li { font-size: clamp(1rem, 1rem + .2vw, 1.4rem);}
h1 {font-size: clamp(2rem, 2rem + .8vw, 2.44rem); line-height: calc(1.1em + 0.5rem);}
h2 {font-size: clamp(1.5rem, 1.5rem + .6vw, 2rem);line-height: calc(1.1em + 0.5rem);}
h3 {font-size: clamp(1.17rem, 1.17rem + .4vw, 1.67rem);line-height: calc(1.1em + 0.5rem);}
h4 {font-size: clamp(1rem, 1rem + .3vw, 1.5rem); line-height: calc(1.1em + 0.4rem);font-weight: bold;}
h5 {font-size: clamp(.83rem, .75rem + .35vw, 1rem);line-height: calc(1.1em + 0.4rem);}
h6 {font-size: clamp(.67rem, .64rem + .22vw, .8rem); line-height: calc(1.1em + 0.4rem); margin-bottom: .5rem}

h1,h2,h3,h4,h5,p {
	margin: 0 auto calc(.1em + 1rem);
	padding: 0;
	font-weight: normal;
	max-width: var(--p-maxWidth);
}

h4.entry-title	{
	color: #000;
	margin: 0 auto 1rem;
}

p	{	
	width: var(--p-maxWidth);
	font-weight: 300;
	text-align: left;
}
strong	{
	font-weight: 500;
}

/* rems (or % or vh?) for divs and ems for font-sizes within divs) */

.readMore a.button {
    text-align: center;
    padding: 9px 24px;
    border-radius: 0px;
    font-weight: 200;
    font-size: .9em;
    text-transform: uppercase
}

#nav-single	{ /* for prev/next nav */
	margin: 3vh 0;
}

.one-col img,
.wp-block-image img,
.gradient-border img,
.subpageContent img,
.featuredImageTop img {
    border: 1px solid; /* Adjust the width as needed */
    border-image: linear-gradient(60deg, #805c66 15%, #373946 64.18%, #b1e3f6 122.12%);
    border-image-slice: 1;
    padding: 0; /* Optional padding to create space inside the border */
}

@media (max-width: 991px) {
	div.image {
    	max-width: 600px;
    	margin: 0 auto 30px;
    }
}

/* Style for the FAQ button */
.faq-button-section {
    margin: 50px 0;
    text-align: center;
    font-size: 1.1rem;
}

.faq-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--color-accent2);
    border: 1px solid var(--color-accent2);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.faq-button:hover {
    background-color: WHITE;
}


/* BREAKPOINTS
****************************************/
.flex, .flexContainer {display: flex; flex-direction: column;}
.mobileOnly { display:block; padding-bottom:15px;}
.desktopOnly { display:none; }

	
@media (min-width:992px) {
	.mobileOnly { display:none;}
	.desktopOnly { display:block; }
	div.left { width: 50%; padding-right: 2px;}
	div.right { width: 50%; padding-left: 2px;}
}

@media (min-width:992px) {
	.flex, .flexContainer {flex-direction: row;}
	.flex-col-11 {width: 91.7%;padding: 0 1%;}
	.flex-col-10 {width: 83.3%;padding: 0 1%;}
	.flex-col-9 {width: 75%;padding: 0 1%;}
	.flex-col-8 {width: 66.7%;padding: 0 1%;flex: 0 0 66.66%;}	
	.flex-col-7 {width: 58.3%;padding: 0 1%;}
	.flex-col-6 {width: 50%;padding: 0 1%;}
	.flex-col-5 {width: 41.7%;padding: 0 1%;}
	.flex-col-4 {width: 33.3%;padding: 0 1%;flex: 0 0 33.33%;}
	.flex-col-3 {width: 25%;padding: 0 1%;}
	.flex-col-2 {width: 16.7%;padding: 0 1%;}
	.flex-col-1 {width: 8.3%;padding: 0 1%;}
	
	.thumb.flex-col-3, .thumb.flex-col-4	{padding-left: 0;} /* for two-col archive pages */
	.excerpt.flex-col-8, .excerpt.flex-col-9	{padding-right: 0;} /* for two-col archive pages */

}

.sub-menu {width: 180px;}
@media (max-width: 992px) {.sub-menu {width: 100%;} }


/* SITE TITLE / MAIN NAVIGATION (default breakpoint from menu-icon @ 992px - change as needed)
================================================================================== */
.navbar-wrapper { 
	position: fixed;
	width: 100%;
	min-height: 120px;
	padding: calc(1vh + 1rem) 0 1vh 0; 
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Adjust the values to control the shadow */	
	z-index: 10000;
}

div.mainContent	{
	margin-top: 120px;
}

@media (max-width: 600px)	{
div.mainContent	{
	margin-top: 170px;
}
}

.navbar-wrapper .container	{
	max-width: 92%;
}

#navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav.navbar {
	width: 100%;
}

.siteTitle {
  flex: 1;
  white-space: nowrap; /* Ensures site title stays on one line */
  line-height: .9em;
  margin-left: 0;
}

h2.siteTitle .siteSlogan {
	font-size: .5em;
	text-transform: uppercase;
}

.mainNavigation {
  flex-grow: 1;
  text-align: right;
}

.navbar-menu {
  white-space: nowrap; /* Prevents links from wrapping */
}

.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item {
	text-align: center;
}

ul.navbar-nav.flexContainer	{
	flex-wrap:wrap;
	justify-content: flex-end;
	list-style: none;
	margin: 18px 0 0;
    max-width: none;
    padding-left: 0;
    position: relative;
}

.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item>a{
    font-size: 1em;
    letter-spacing: 0.09em;
    padding: 0 10px 0 0.4em;
    text-transform: uppercase;
}

.navbar-nav > li {
    height: 30px;
    padding: 0 0 0 1.5rem; /* space out the links */
    padding: 0 0 0 1%; /* space out the links */
    position: relative;
    font-size: .8em;
}

@media (min-width: 1100px)	{
.navbar-nav > li {padding: 0 0 0 2%; }
}


.navbar-nav > li.menu-item-home {
	padding-left: 0;
}

.sub-menu {
	padding:10px;
	font-size: 1em;	
	text-transform: uppercase;
	z-index: 10000;
	box-shadow: 0 0 1px rgba(251, 250, 244, .3), 0 0 10px rgba(184, 165, 160, .3);	
}

@media (max-width: 992px)	{/* change breakpoint as needed */
	.sub-menu	{width: 100%;}
}

.sub-menu > li {
    padding:10px;
	margin-top: 0px;
	font-size: 1em;
	border: none;
}	

.sub-menu > li a	{
	text-transform: none;
}

.navbar-toggle {
    height: 40px;
    width: 40px;
}

.icon-bar,  /* span.icon-bar */
.navbar-toggle:focus .icon-bar, 
.navbar-toggle:hover .icon-bar	{
	height: 2px; /* med */
	margin: 3px;
	width: 25px; /* ??? */
}

.icon-bar { 
    transition: background-color 0.2s ease-in-out,
                transform 0.2s ease-in-out,
                opacity 0.2s ease-in-out;
}

#navbar.opened .navbar-toggle .icon-bar:first-child,
#navbar.opened .navbar-toggle .icon-bar:last-child {
    width: 30px; /* ??? */
}
/* see global.css for rotate transition - needs js? */

/* .sub-menu .sub-menu, .sub-menu{ } */


.menu-item-has-children > a {
    pointer-events: none;
    cursor: default;
}


/* directContact Links 
---------------------------------------*/
.directContact.mobileOnly {
	margin-top: -10px;
	p	{text-align: right;margin-right: 0;width: 100%;}
}

@media screen and (min-width: 992px) { /* change breakpoint as needed */
    .directContact	{position: static;}
    .directContact a	{
		padding: 0 10px 0 50px;
	}
	
	
.navbar-toggle {
        display: none;
    }   
    #navbar .navbar-menu,
    #navbar.opened .navbar-menu {
        display: block!important;
        height: min(50px,100%);
        opacity: 1;
        position: static;
        visibility: visible;
    }

    #navbar .navbar-links,
    #navbar.opened .navbar-links {
        box-shadow: none;
        flex-direction: row;
        height: 100%;
        list-style-type: none;
       margin: 0;
        max-height: max-content;
        padding: 0;
        position: static;
        width: 100%;
    }

    #navbar .navbar-link:last-child {
        margin-right: 0;
    }
	.sub-menu {
		left: 34px;
		list-style: none;
		margin: 0;
		opacity: 0;
		padding: 0;
		position: absolute;
		top: 50px;
		transform: translateY(-2em);
		transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s;
		visibility: hidden;
		width: 200px;
		-webkit-transform:translate3d(0,0,0); /* for Safari */
	}
	.sub-menu > li {
    	padding: 0 10px;
    }
	.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item>ul>li {
		text-align: left;
	}
	.navbar-nav li:hover > ul{
		opacity: 1;
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
		visibility: visible; 
		z-index: 999;
		-webkit-transform:translate3d(0,0,0); /* for Safari */
	}
} 

@media screen and (max-width: 991px) {
	.mainNavigation{
		width: 100%;
	}
	.navbar-header.navbar-icon{
		/*margin: -76px 5% 0 0;*/
		position: absolute;
		right: 20px;
		top: 24px;
		z-index: 1000;
	}
	.navbar.flexContainer, .navbar-nav.flexContainer{
		display: block;
	}
	.navbar-nav > li{
		/*float: revert;*/
		height: auto;
		width: 100%;
	}
	#menu-main-navigation{
    	background-color: transparent;
		margin-bottom: 0px;
		margin-left: -4%;
		margin-top: 0;
		border-top: 1px solid #eee;
		width: 100%;
	}
	.navbar-nav {border-top:  1px solid var(--color-mob-menu-li-border);}
	.navbar-nav > li.menu-item {
		display: block;
		border-bottom: 1px solid var(--color-mob-menu-li-border);
		border-left: 1px solid var(--color-mob-menu-li-border);
		border-right: 1px solid var(--color-mob-menu-li-border);
		padding: 20px 0;
		padding: 18px 0; /* to be safe for when url is showing at bottom */
		background-color: var(--color-mob-menu-li-background-color);
		text-align: center;
	}
	
	/* ul.navbar-nav.flexContainer	{
		margin-top: -27px;
	} */
	.navbar-collapse
	{
		position: absolute;
		width: 100%;
	}
	ul.navbar-nav, ul.navbar-nav li {
		list-style: none;
	}
	.navbar-nav > li .caret{
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px dashed;
		border-top: 8px solid\9;
		height: 0;
		margin-left: 2px;
		position: absolute;
		right: 15px;
		top: 20px;
		width: 0;
		vertical-align: middle;
	}
	.navbar-nav .sub-menu > li.menu-item {
		padding: 14px 0;
		text-align:center;
	}

	.navbar-nav .sub-menu li .sub-menu > li.menu-item a {
		padding-left: 40px;
	}
	.sub-menu.open{
		display: block;
	}
	.navbar-nav  li.current-menu-item{
		background: var(--color-mob-menu-li-current-background-color);
	}
	
	.directContact.mobileOnly p	{margin: .8rem 0 0; text-align: right;max-width: 100%;}
	/* .navbar-nav > li.current-menu-item .sub-menu{
		display: block;
	} */
}

/*@media only screen and (min-width: 992px)	{
	li.current_page_item a	{color: var(--color);}
}*/
@media only screen and (min-width: 992px)	{
	li.current_page_item a:hover	{
		color: var(--color-mainNav-text-link);
		cursor: default;
	}
}

/* MAIN CONTENT LAYOUT, CONTAINERS & COLUMNS
NB: section > wrapper > sectionInner > container > #col-containers 
====================================================== */
.mainContent	{ /* adjust per navbar-wrapper height */
	min-height: calc(100% - 120px);
}

section.bannerImage {
    height: 50vh;
    background-image: url('');
    overflow-x: hidden;
}

/*
@media (orientation:landscape) and (min-device-width: 1367px)	{
	section {background-attachment: fixed;}
}
*/

.breadcrumbs {
    border: 0px solid transparent;
    height: 2em;
    padding: 4px 0 0;
    color: #777;
    font-size: 0.8em;
    width: min (100rem, 100%); /* to left-align with site-title if outside of wrapper */
}

.sectionInner { /* for sections top/bottom space as needed */
	padding: 5rem 0 3rem;
}

.subpageBannerImage .sectionInner { 
	padding: 4rem 0 3.5rem;
}

section.subpageBannerImage .wrapper {
	display: flex;
	align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.one-two-col, /* deprecated */
.one-col, .one-or-two-col,.two-col, .row	{
	margin: 0 auto;

}

.one-col {width: min(clamp(55rem, calc(55rem + 10vw), 81.25rem), 100%);}
.one-col { width: var(--p-maxWidth);}
.two-col {width: min(100rem, 100%);}
.one-two-col, one-or-two-col { width: min(65rem, 100%);} /* for excerpts w/wo thumbs */


/* to left-align text with thumbnails when rows with no thumbnail */
.one-two-col .flex-col-12,
.one-or-two-col .flex-col-12	{
	padding: 0 1%;
} 

.row	{ /* for rows that may be ≤ 100% wide; use containers inside or outside */
	width: 100%;
	margin: 0 auto 6vh;
	padding-bottom: 6vh;
	border-bottom: 1px solid var(--color-row-border);
}

.row:last-child:not(.page-blog .row:last-child )	{
	border-bottom: 1px solid transparent;
	padding-bottom: 1vh;
}

.pagination	{
	/*padding: 20px 0 0;
	border-top: 1px solid var(--color-row-border);*/
	margin-bottom: 3vh;
	width: 100%;
	text-align: center;
}

.wp-block-heading	{ /* for all headers used within main content field */
	margin-top: 1.8rem;
}

.pageIntro	{
	font-size: 1.1rem;
	padding-bottom: 5vh;
}

.sectionTitle,
.rowHeader {
	padding: 2em 0;
	text-align: center;	
}

.pageTitle{
	margin-bottom: 0;
	text-align: center;
	text-transform: capitalize;
}

.postTitle	{
	font-size: 1.8em;
	font-weight: normal;
	margin-top: -.3em;
}

p.button	{
	padding: 40px 0 30px;
}

a.button,
.wp-block-file .wp-block-file__button.wp-element-button     {
	padding: 14px 20px;
	border-radius: 4px;
}

a.button.bigButton     { 
    padding: 1em 2em;
} 

.readMore {
	margin: 30px auto 50px;
	padding-right: 10px;
	text-align: left;
}

.page-home .readMore {
	margin: 50px auto 30px;
}

.wp-block-image figcaption 	{
	font-size: .8em;
	margin-top: .1em !important;
}

.mainContent ul,
.mainContent ol {
	margin: 1.8rem auto;
	max-width: 44rem;
	padding-left: 1.4rem;
	width: 90%;
}

.mainContent ul li,
.mainContent ol li {
	margin-bottom: .8em;
}

p.entry-date	{
	font-size: .9em;
	margin-top: -16px;	
}

/* WP-PATTERN OVERRIDES
****************************************/

div.wp-block-columns	{ /* 1:2 */
	max-width: var(--p-maxWidth);
	margin: 70px auto;
}

.page-second-opinions div.wp-block-columns	{ /* 1:1:1 */
	max-width: 1400px;
}

div.wp-block-columns .wp-block-column.bordered	{
	padding: 50px;
	border: 1px solid var(--color-accent3);
}

.wp-block-heading	{
	max-width: var(--p-maxWidth);
}

blockquote {
    position: relative;
    margin: 20px auto 0;
    font-style: italic;
    color: #333;
    text-align: center; /* Center the content */
    width: min(700px, 100%);
    padding: 40px 50px;
    border: dotted 1px rgba(128,92,107,0.3); /* purple */
    border: dotted 1px rgba(47,54,81,0.3);
    background: white;
    font-family: serif;
}

blockquote::before {
    content: '';
    display: block;
    width: 40px; /* Adjust width as necessary */
    height: 40px;
    margin: 0 auto 10px auto; /* Center the SVG */
    background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='xMidYMid meet' data-bbox='40 40 120 120' viewBox='40 40 120 120' xmlns='http://www.w3.org/2000/svg' data-type='color' role='presentation' aria-hidden='true' aria-label='' %3E%3Cdefs%3E%3Cstyle%3E%23comp-lugj9nxx1 svg %5Bdata-color='1'%5D %7Bfill: %234E5AC3%3B%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M40 160v-45.9c0-40.9 14.8-65 47.1-74.1v25.1c-15.4 6.6-21.5 20.3-21 45.4h21V160H40z' fill='%23484d69' data-color='1'/%3E%3Cpath d='M112.9 160v-45.9c0-40.9 14.8-65 47.1-74.1v25.1c-15.4 6.6-21.5 20.4-21 45.4h21V160h-47.1z' fill='%23484d69' data-color='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    margin-bottom: 50px;

}


    
/* ABOUT PAGE STYLES
****************************************/
.about-quote blockquote{
	font-weight: normal;
    text-align: center;
    width: 90%;
    max-width: 40rem;
    margin: 1vw auto 1.5vw;
    font-size: clamp(1.07rem, 1.09rem + 2.05vw, 2.05rem);
    color: #40c2d5;
    padding: 0.5vw 0 1vw;
    border: 1px solid #fff;
    font-family: var(--font-quote);
    line-height: calc(1em + .5rem);
}

.about-quote blockquote:before,
.about-quote blockquote:after{
    content: "";
    display: block;
    width: 30%;
    border: 0.25px solid #d3dce6;
    margin: 60px auto;
}

/* ABOUT CV
-------------*/
.page-about .wp-block-file object,
.wp-block-file .wp-block-file__button.wp-element-button{
	display: none;
}

.page-about .wp-block-file {
	font-size: 1em;
}

.qualifications.desktopOnly	{
	margin-top: 5vh;
	ul {margin: 1.4rem 0;padding-left: 1.2rem;}
	li {font-size:.9em;line-height: 1.2em;}
}


/* CONDITIONS & TREATMENT STYLES
************************************************************/

/*section.interlude {
	height: 400px;
	margin-bottom: 50px;
	background-image: url('/wp-content/themes/hwd_wilson/images/oncology-site-banner-images/couple-0919-b.jpg');
}*/skin-cancer-on-face

.accordion-section {
    margin-bottom: 20px;
}

/* ACCORDION STYLES
************************************************************/
.accordion-section { /* closed, anyway */
    margin-bottom: 20px;
}

h2.accordion-title,
h2.wp-block-heading {
    /*font-size: 1.5em;
    font-weight: 400;*/
    cursor: pointer;
    position: relative;
    width: var(--p-maxWidth);
    max-width: 1000px;
}

.accordion-section h3 {
	width: var(--p-maxWidth);
	color: var(--color-accent1);
}

.case-studies h3	{
	font-style: italic;
}

.accordion-title {
    position: relative;
    padding-right: 30px; /* Provide space for the arrow */
    padding-top: 30px;
    margin-top: 40px;
    cursor: pointer;
    border-top: 1px solid var(--color-row-border);
}

.accordion-toggle {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0; /* Keep the arrow right-aligned */
    top: 76%;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: var(--color-headers-default); /* arrow  color*/
    border-color: #917480;
    transition: transform 0.3s ease; /* Smooth transition for flipping */
    transform: translateY(-50%) rotate(-45deg); /* Default: pointing down */
}

/* Flip the arrow to point upwards when the accordion is closed */
.accordion-toggle.closed {
    transform: translateY(-50%) rotate(135deg); /* Rotates the arrow upwards */
}

.accordion-content {
    overflow: hidden;
    padding: 10px;  
    margin: 10px auto;
    max-width: 1000px;
    /*background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;*/

}


/* TESTIMONIAL ACCORDION
------------------------------------------------------------------------------------*/
.accordion-section.patient-testimonials {
    background-color: #fdfbfb; /* Default background */
    color: #805c6b; /* Default title color */
    padding-bottom: 50px;
}

.accordion-section.patient-testimonials .accordion-toggle {
    border-color: #917480; /* Default arrow color */
}

/* When the section is open, change the background and title color */
.accordion-section.patient-testimonials.open {
    background-color: #f6efef; /* Darker background when open */
}

/*
.accordion-section.patient-testimonials.open .accordion-title {
    color: #fdfbfb; /* Light color for the title when open 
}

.accordion-section.patient-testimonials.open .accordion-toggle {
    border-color: #fdfbfb; /* Light color for the arrow when open 
}
*/
.page-template-page-accordions-open section.footer.locations	{
	border-top: 1px solid #f6efef; /* only if testimonials has different background */
}

/* rem archives block here */


/* PATIENT INFO
------------------------------------------------------------------------------------*/
.page-id-174 section.accordions .sectionInner	{
	padding-top: 0; /* is h2 directly above accordions */	
}
.page-id-174 h2.wp-block-heading	{
	text-transform: uppercase;	
	margin-top: 50px;
	font-weight: 500;
	color: var(--color-accent1);
}

/* ARTICLES & VIDEOS
------------------------------------------------------------------------------------*/
.articleFeaturedImage {
    max-width: var(--p-maxWidth);
    margin: 50px auto;
    text-align: center;
}

.articleFeaturedImage .featured-image {
    display: inline-block; /* Ensure the image is treated as an inline element */
    margin: 0 auto; /* Center the image itself */
}

.blogPost	{
	max-width: var(--p-maxWidth);
	margin: 0 auto;
}

.postAuthor,
#nav-single {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid rgba(128,92,107,0.2);
}

.postAuthor h5	{
	margin-bottom: 6px;
}


.video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

@media screen and (max-width: 992px) {
    .video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .video-grid {
        grid-template-columns: 1fr;
    }
}

.video-card {
    background-color: #fff; /* Adjust as needed */
    padding: 20px; /* Adjust padding */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Optional: Adds a card shadow */
    border-radius: 8px; /* Optional: Rounds the corners */
}

.video-url iframe, .video-url video {
    width: 100%;
    height: auto;
}

.post-excerpt {
    margin-top: 15px; /* Adds space between the video and the excerpt */
}

.video-url {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}

.video-url iframe, .video-url video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* CONTACT & LOCATIONS | FOOTER
------------------------------------------------------------------------------------*/
.page-contact section.locations	{
	display: none;
}

.map.desktopOnly	{
	margin-top: 70px;
}
a.button.email,
a.button.tel	{
	padding: 16px 20px;
}
a.button.tel	{
	background: linear-gradient(130.82deg, #c2c2ca -25%, #d1d1e3 64.18%, #fdfbfb 142.12%);
}
a.button.tel:hover	{
	background: var(--color-accent2);
}
.page-contact iframe {
	width: 640px; /* default, moved to here */
	height: 480px
}

@media (max-width: 1550px){ /* keeps it from being too wide in single column  */
	.page-contact iframe,
	.footer iframe {
		width: 40vw; 
		height: 30vw; 
		margin-bottom: 30px;
	}
}

/* Child divs of flexContainer */
.flexContainer .contact, /* in section.subpageContent */
.flexContainer .locations, /* in section.subpageContent */
 .flexContainer .map, /* in footer */
 .flexContainer .locationLinks /* in footer */
 {
    flex: 1 1 50%; /* Each child takes 50% of the available space */
    /*max-width: var(--p-maxWidth);*/
    padding: 0 20px;
    box-sizing: border-box; /* Include padding/border in width calculation */
}

.page-contact .mainContent .locations h2 {
	margin-left: 0;
}

.page-contact .mainContent .locations .entry-content p {
	line-height: calc(1em + 0.5rem);
}
.mainContent img	{
	width: 100%;
	max-width: 730px;
	height: auto;
	margin-bottom: 20px;
}


@media (max-width: 992px) {
	div.post-image {
    	display: flex;
    	justify-content: center;
	}
}
/* For screens 768px and below */
@media (max-width: 767px) {
    .flexContainer .contact,
    .flexContainer .locations {
        flex: 1 1 100%; /* Each child takes 100% of the available space (stacked) - only subpageContent */
    }
   .entry-image img	{margin-bottom: 20px;}    
	h4.entry-title {margin-bottom: 0;}
	.page-contact .footer .locations map,
    .page-contact .footer .locations iframe {
        width: 100%;
        height: 60vw;
    	}
}

/* Inside .locations (above 500px), maintain row structure */
.locations .flexContainer {
    flex-direction: row; /* Keep child content in rows */
}

/* For screens below 500px */
@media (max-width: 500px) {
    section.subpageContent .locations .flexContainer {
        flex-direction: column; /* Stack content inside .locations */
    }
    
}

.locations .entry-image {
	margin-bottom: 20px;
}

/* FOOTER
------------------------------------------------------------------------------------
------------------------------------------------------------------------------------*/
footer	{
	margin-top: 30px;
	margin-top: 0px; /* 30px not working on home */
}

section.footer.cta .container p	{
	margin: 0 auto;
}
p.button,
section.footer.cta p,
section.footer.cta p.button a	{
	text-align: center;
	color: black;
	font-weight: 400;
	line-height: 40px;
	width: min(23em, 100%);
}

@media (min-width: 500px)	{
	section.footer.cta p.button a {
		font-size: 1.2rem;
	}
}

section.footer.cta p.ctaText	{
	font-style: italic;
	font-size: 1.8rem;
	text-shadow: 0 0 1px rgba(251, 250, 244, .3), 0 0 10px rgba(184, 165, 160, .3);
	margin-bottom: 40px;
	font-weight: 500;
}

section.footer.cta p.button a:hover	{
	color: white;
}

section.footer.cta a.button {
	box-shadow: 0 0 1px rgba(251, 250, 244, .9), 0 0 10px rgba(184, 165, 160, .9);
}
section.footer.cta a.button:hover {
	box-shadow: 0 0 8px rgba(251, 250, 244, .9), 0 0 18px rgba(184, 165, 160, .9);
}


.footer .flexContainer {
	flex-wrap:wrap; /*- interfering with locations div*/
	margin-bottom: 10px;
	padding: 10px;
} 
.footer .flexContainer .flexItem { 
	margin: 10px 1%;
	transition: width .2s;
	width: 31%; 
}
.footer .flexContainer .flexItem1 { text-align: left;}
.footer .flexContainer .flexItem2 { text-align: left;}
.footer .flexContainer .flexItem3 { text-align: right;}




section.footer	{

	line-height: 1.2rem;
}

@media (max-width: 600px){
	.footer .flexContainer {flex-direction: column;}
	.footer .flexContainer .flexItem1 {order: 1; text-align: center;  width: 98%; }
	.footer .flexContainer .flexItem2 {order: 3; text-align: center; width: 98%; }
	.footer .flexContainer .flexItem3 {order: 2; text-align: center; width: 98%; }
}

/*div.social-icons	{
	margin-top: 30px;
}*/

/* locations
--------------------------------------------------------*/
section.footer.locations {
	background-color: white;
	color: var(--color);
	a{color: var(--color-mainNav-text-link);}
	a:hover{color: var(--color-mainNav-text-link-hover);}
	ul.linksList li span.pipe {color:var(--color-accent2);}
	ul.linksList li span.raquo {color:var(--color-accent2);}
}
.footer h4,
.footer .locationLinks h4	{
	width: min(28em, 100%);
	margin-left: 0;
}
.flexContainer .locationLinks ul.linksList {
	padding: 0;
}

.flexContainer .locationLinks ul.linksList li {
	margin-bottom: 16px;
	list-style: none;
}


@media (max-width: 991px) { /* ie mobileOnly sizes */
	.footer .flexContainer {flex-direction: column;}
	.footer .flexContainer  .map {flex: 1 1 100%; text-align: center; margin-bottom: 30px;padding: 0; }
	.footer iframe {width: 80vw; height: 60vw;}
	.footer ul.linksList li {display: inline;}
	section.footer.locations .map {order:2}
	section.footer.locations .locationLinks {order:1; margin: 0 auto 50px;padding: 0; max-width: 92vw;}
	section.footer.locations .locationLinks ul {width: min(37em, 100%);margin: 0 auto;padding-left: 20px;}
	section.footer.locations .locationLinks ul.linksList li {line-height: 28px;}
	.footer .locationLinks h4	{margin: 0 auto calc(.1em + 1rem); text-align: center;}
	.footer .flexContainer .flexItem { width: 92%;}
	.footer.notices .wrapper { padding: 0}
	.footer.notices .flexContainer { padding-left: 0}
}

.footer .mobileOnly { display:block; padding-bottom:15px;}
.footer .desktopOnly { display:none; }
ul.linksList li span.raquo {display: none;}	

@media (min-width:992px) {
	.footer .mobileOnly { display:none;}
	.footer .desktopOnly { display:block; }
	ul.linksList li span.pipe {display: none;}
	ul.linksList li span.raquo {display: inline-block;}	
	.page-contact .footer div.locations { display: none;}
}

ul.linksList li:first-of-type span.pipe {display: none;}
 

/* cta
--------------------------------------------------------*/
section.footer.cta {	
	background: linear-gradient(130.82deg, #805c66 -15%, #c2c2ca 84.18%, #fdfbfb 110%);
	background: linear-gradient(310.82deg, #805c66 -25%, #c2c2ca 90%, #fdfbfb 145%);

}

/* summaries
--------------------------------------------------------*/
section.footer.summaries .sectionInner	{
	padding-bottom: 1rem;
}

section.footer.summaries h4 {
	color: white;
}
.summaries {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
}

.summary {
    flex: 1 1 25%; /* Each div takes 25% width */
    padding: 10px;
    box-sizing: border-box;
}

.summary h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.summary p {
    font-size: 0.9rem;
    max-width: 80%;
    margin-left: 0;
}

.summary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.summary ul li {
    margin-bottom: 14px;
    font-size: clamp(1rem, .9rem + .2vw, 1.3rem);
    line-height: 1.3em;
}



/* Responsive breakpoints */
@media (max-width: 1024px) {
    .summary {
        flex: 1 1 50%; /* Two columns */
    }
}

@media (max-width: 500px) {
    .summary {
        flex: 1 1 100%; /* One column */
        p {font-size: 1rem; line-height: 1.5rem;}
    }
}



/* social & notices
--------------------------------------------------------*/
section.footer.social {
border-top: var(--color-footer-background);
}

section.footer.social .sectionInner {
	padding: 0 0 40px;
}

p.copyright,
p.credit	{ text-align: center; }

p.copyright, p.credit	{
	font-size: .8rem;
	margin: 0 auto 2px;
}


section.footer.notices	{
	background: var(--color-accent3);
	.sectionInner: padding-bottom: 0;
	.flexContainer .flexItem {
    margin: 0 1%;
}
}

section.footer.notices  .sectionInner {
	padding: 15px 0;
}	

/* Initially place the back-to-top button off-screen (below the window) */
#back-to-top {
    display: flex; /* Flexbox used for centering */
    position: fixed;
    bottom: -100px; /* Move it below the visible area */
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(47,54,81,.5);
    background-color: rgba(201,200,207,.5);
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    cursor: pointer;
    z-index: 999;
    transition: bottom 0.5s ease, background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* Hide the back-to-top button on screens less than 500px wide */
@media (max-width: 500px) {
    #back-to-top {
        display: none;
    }
}

/* Arrow inside the back-to-top button */
#back-to-top .back-to-top-arrow {
    width: 16px;
    height: 16px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: rgba(47,54,81,.5); /* Default arrow color */
    transform: rotate(-45deg); /* Up arrow */
    transition: border-color 0.3s ease;
}

/* Hover and click state */
#back-to-top:hover,
#back-to-top:active {
    background-color: white;
    border-color: grey;
}

#back-to-top:hover .back-to-top-arrow,
#back-to-top:active .back-to-top-arrow {
    border-color: black; /* Arrow turns black on hover/click */
}



/* end-footer */



/* IMAGES (MEDIA in global)
------------------------------------------------------------------------------------*/

img.marginBottom {margin-bottom: 30px;}

.wp-block-image img	{margin-bottom: 0;}  /* ??? */

figure, .wp-block-image {
	max-width: 52rem;
	margin: 0 auto 1em;
	padding: 0;
}
@media (min-width: 769px)	{
	figure.wp-block-video {
		max-width: min(100%,calc(600px + 50vw));
	}
}

.featuredImageTop	{
	width: var(--p-maxWidth);
	margin: 0 auto 50px;
	display: flex;
    justify-content: center;
}

.featuredImageThumbails img{
	height: 80px;
	margin: 5px;
}

.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Aspect ratio for 16:9 video */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 30px;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: min(100%, calc(600px + 50vw));
    height: 100%;
}



::selection, /* selection is not well-supported */
::-moz-selection,/* Firefox */
::-webkit-selection { /* Safari and Chrome */ 
  color: white !important;
  background: grey !important;
}

/* dev */



/* PAGINATION - Currently not in use anywhere
------------------------------------------------------------------------------------*/

.page-prev { /* for get_next_post() ie « Previous */
    display:flex;
    order: 1;
    margin-right: 15px;
    margin-bottom: 8px;
    padding: 3px;
    border: 0px dotted #525665;
}

.page-next { /* for get_previous_post() ie Next » */
    display:flex;
    order: 2;
    margin-left: 15px;
    margin-bottom: 8px;
    padding: 3px;
    border: 0px dotted #525665;
}

/* for archive page pagination (eg 1 2 »): */

.page-numbers {
	padding: 6px 8px 2px;
	margin: 1px;
}

.page-numbers.current {
	border: 1px solid grey;	
}

/* FONTS */
@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-MediumItalic.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-MediumItalic.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-MediumItalic.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-MediumItalic.svg#WhitneySSm-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Semibold.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Semibold.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Semibold.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Semibold.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Semibold.svg#WhitneySSm-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Bold.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Bold.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Bold.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Bold.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Bold.svg#WhitneySSm-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Book.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Book.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Book.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Book.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Book.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Book.svg#WhitneySSm-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Medium.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Medium.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Medium.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Medium.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Medium.svg#WhitneySSm-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Light.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Light.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Light.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Light.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-Light.svg#WhitneySSm-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BoldItalic.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BoldItalic.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BoldItalic.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BoldItalic.svg#WhitneySSm-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BookItalic.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BookItalic.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BookItalic.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BookItalic.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-BookItalic.svg#WhitneySSm-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-SemiboldItalic.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-SemiboldItalic.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-SemiboldItalic.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-SemiboldItalic.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-SemiboldItalic.svg#WhitneySSm-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney SSm';
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-LightItalic.eot');
    src: url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-LightItalic.woff') format('woff'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-LightItalic.ttf') format('truetype'),
        url('/wp-content/themes/hwd_wilson/fonts/WhitneySSm-LightItalic.svg#WhitneySSm-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


