/*MOVED TO SCSS*/
/* Global */
/*-->parallax section overlays */
.page-title,
.callout { background-color: rgba(173, 199, 189, 0.8)!important; }

/* Home page */
/*-->add padding to home page post and event loop containers */
.posts-loop, .events-loop { padding: 0.625rem; }

/*-->featured pages */
#featured-pages a,
/*#featured-pages a > img  { height: 280px; }*/
#featured-pages a > img { width: 100%; }

/* Business Archive */
/*-->header */
.business-page-title img { max-width: 100px; }

/*-->business grid */
#business-grid img { width: 100%; }
#business-grid > li { max-height: 400px; overflow: hidden; }

/* Single Business View */
/*-->content box */
.single-business .entry-content { padding: 2rem 2rem; }

/*-->image slider -- uses slick slider js */
.business-slider .slick-track > div { background-size: cover!important; background-repeat: no-repeat!important; height: 600px; }

/*-->single business map */
#business-map { height: 500px; }

/* Blog Post Archive */
.blog-roll .sharedaddy { display: none; }

/* Get Involved Page */
#get-involved-nav-grid > .rect-grid > span.filter { height: 15.6rem; overflow: hidden; }
#get-involved-nav-grid > .rect-grid > span.filter > a { min-height: 15.6rem; }
#get-involved-nav-grid > .rect-grid > span.filter > h3 { pointer-events: none; }

@media ( max-width: 762px ) {
    #get-involved-nav-grid > .rect-grid span h3 { font-size: 1rem; position: absolute; top: 0; width: 100%; }
}

/* Tours Page */
#tours-page-content { padding: 5px; margin-bottom: 2rem; }
#tour-listing > .tour-item { margin-bottom: 10px; width: 50%; height: auto; padding: 8px; }
.alternating .is-light .alt-container,
.alternating .tour-item .alt-container { text-shadow: -1px 1px 0 rgba(255,255,255,0.3); background-color: #EFE9D4; }
.alternating .alt-container { padding: 2rem; }
.alternating .alt-container ul { margin-left: 0; }
.alternating .alt-container ul li { list-style-type: none; font-weight: bold; }

@media ( max-width: 762px ) {
    #tour-listing > .tour-item { width: 100%; }
}

/* Events Archive */
/*-->list view selections */
#list-view-alternator { padding: 20px; }
#list-view-alternator > a.ghost-button.active { background: #893101; color: white; }

/*-->listing */
#events-archive-listing .events.is-featured .emodule { min-height: 275px; height: 100%; margin: 3px!important; margin-bottom: 0px!important; }
#events-archive-listing > .events > .emodule { width: 49%; display: inline-block; }
#events-archive-listing .tribe-events-event-image > img.attachment-full { width: 100%; }
#events-archive-listing > .events h3 { font-size: 1rem; }
#events-archive-listing > .events .date { float: none; }
#events-archive-listing > .events .date .month-name { font-size: 1rem; }
#events-archive-listing > .events .date .month-date { font-size: 1.1rem; }
#events-archive-listing > .events h3 { margin-bottom: 0.5rem; }
#events-archive-listing > .events #event-excerpt { padding-left: 10px; }
#events-archive-listing > .events > .emodule .emodule-excerpt { padding: 8px; }

/* Single Event Page */
#event-details > div { height: 350px; padding: 0!important; overflow: hidden; }
#event-details > #event-details-container { background: #EFE9D4; }
#event-details > #event-details-container #event-information { padding: 20px; }
#event-details > #event-details-container #event-information > p { font-size: 1rem; }
#event-details > #event-details-container h4 { font-family: "Gotham-Bold","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif !important; font-size: 1rem; }
#event-details > #event-details-container > .tribe-events-single-section { background: #EFE9D4; }
#event-details .tribe-events-event-image img { min-height: 350px; max-width: 100%; }

@media ( max-width: 762px ) {
    #events-archive-listing > .events > .emodule { width: 100%; display: block; }
}

/*-->tribe mini calendar */
#events-archive-calendar { display: none; }
.tribe-mini-calendar td, .tribe-mini-calendar th { padding: 10px!important; }

/* Rental Space Short Code */
.photo-copy.is-light, .alternating .photo-copy.columns { margin: 0; background-color: #EFE9D4; }
.photo-copy > .is-photo { background-size: cover; background-position: center center; }
.photo-copy .is-copy {
    padding: 2rem;
    background-color: #EFE9D4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Sidebar Widgets */
/*-->review widget */
#review-btn { background: transparent; }

/*-->instagram widget */
.instagram-pics { margin-left: 0.5rem; }
.instagram-pics > li { list-style-type: none; margin: 0.3rem; max-width: 28.33%; display: inline-block; }
.instagram-pics img:hover { opacity: 0.4; }

/* Footers */
/*-->sub footer -- home page */
.main-content > .row.subfooter { padding: 20px; }

.alignleft {
    float: left;
    padding: 10px 10px 10px 0;
}
.alignright {
    float: right;
    padding: 10px 0 10px 10px;
}

.alignleft:after,
.alignright:after {
  clear: both;
}
.filter-results.active {
    max-height: none;
}
.mix {
  height: 15.6rem;
  background-color: #ffffff !important;
}
.mix img {
  height: 15.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rect-grid span:hover h3 {
    background-color: #893101;
}
.mix:hover { background-color: #efe9d4; }
.site-logo img { height: 7rem; background: #ffffff; padding: 1rem; }
#wpstats{ display:none }
.g-4 { background:#ffffff !important; max-width:100% !important; }

/* Event ticket listing */
/*-->ticket table */
.tribe-events-tickets tr td { padding: 10px!important; }
.tribe-events-tickets tr td.tickets_name { font-size: 1.2rem; }



/***
 * NEW STYLES FOR 2023 HOMEPAGE / NAV REFRESH
 */

/** Breakpoints **/
@media screen and (max-width: 39.9375em) { } /* S */
@media screen and (max-width: 63.9375em) { } /* S & M */
@media screen and (min-width: 40em) and (max-width: 63.9375em) { } /* M */
@media screen and (min-width: 40em) { } /* M & L & XL */
@media screen and (min-width: 64em) { } /* L & XL */
@media screen and (min-width: 75em) { } /* XL */

@media screen and (min-width: 40em) and (max-width: 51.1875em) { } /* M1 */ /** new for 2023 homepage **/
@media screen and (min-width: 51.25em) and (max-width: 63.9375em) { } /* M2 */ /** new for 2023 homepage **/
@media screen and (min-width: 51.25em) { } /* M2, L, XL */ /** new for 2023 homepage **/

/** Homepage Header + Structure **/
header ul.auxnav { list-style-type: none; margin: 0; padding: 0; }
header ul.auxnav li { margin: 0; padding: 0; }
header ul.auxnav li a { display: block; float: right; background: #fff; padding: 4px 12px; margin-top: -16px; margin-right: 8px; font-weight: bold; }

@media screen and (max-width: 39.9375em) { 
	nav.main-nav { background-color: #fff !important; }
	nav.main-nav .nav-wrapper > ul { background-color: #f1eee9; }

	nav.main-nav h1.site-logo { padding: 0 !important; margin: 0; height: 56px; overflow: hidden; }
	nav.main-nav h1.site-logo a { display: block; }
	nav.main-nav h1.site-logo a img { height: 6rem !important; position: relative; top: -5px; box-shadow: none; }
	nav.main-header .header-business { display: none !important; }
}
@media screen and (min-width: 40em) { 
	.main-header .header-business { padding-top: 1rem !important; }
	nav.main-nav h1.site-logo { padding: 0 !important; max-width: none !important; top: -50px; margin: 0; }
	nav.main-nav h1.site-logo a { display: block; }
	nav.main-nav h1.site-logo a img { width: 132px; height: 106px; margin: 0; }
}
@media screen and (min-width: 64em) { 
	nav.main-nav h1.site-logo a img { width: 200px; height: 160px; }
}

main.main-content { margin-bottom: -6rem; }

/** Main Navigation **/

@media screen and (min-width: 64em) { /** If only one sub-item, use narrow drop-down box **/
	li.menu-item-has-children>.sub-menu-wrapper:has(>.sub-menu>li:only-child) { width: 300px !important; }
	.menu>li .sub-menu:has(>li:only-child) { min-width: 300px !important; }
	li.menu-item-has-children:hover>.sub-menu-wrapper>.sub-menu .menu-item-has-children:only-child { width: 100% !important; }
}

@media screen and (max-width: 63.9375em) {
	.main-nav .menu li.active-li.menu-item-has-children>a { background-color: transparent; color: #7D6A55; border-bottom: 3px solid #7D6A55; padding: 0 !important; margin: 0.75rem; }
	.main-nav .menu li .sub-menu { padding-left: 1rem; }
	.main-nav .menu li .sub-menu>li>a { color: #7D6A55; text-transform: none; }
	.main-nav .menu li .sub-menu>li.menu-item-has-children>a { color: #8db1a2; text-transform: uppercase; }
	.main-nav .menu>li.active-li>.sub-menu-wrapper>.sub-menu { border-bottom: 2px solid #7D6A55; }
	.main-nav .menu>li.active-li:last-child>.sub-menu-wrapper>.sub-menu { border-bottom: none; }
}

/** Hoempage Hero **/
div.hero-callout, div.cta-callout { min-height: 290px; }
div#gv-virtual-tour button.close-button { background-color: #D16D26; color: white; }

@media screen and (min-width: 40em) and (max-width: 51.1875em) {
	.callout { max-width: 75% !important; }
} 

/** Homepage Section Titles **/
div.section-headline { width:75%; margin: 2em auto; }
div.section-headline p { text-align: center; }
h3.sub-title { font-size: 14px; line-height: 20px; color: #D16D26; font-weight: bold; margin: 0 0 16px 0; text-align: center; }
h3.section { font-size: 32px;  text-transform: uppercase; font-weight: bold;  margin: 0 0 16px 0;  text-align: center; }

@media screen and (max-width: 39.9375em) { 
	h3.sub-title { font-size: 12px; margin: 0 0 12px 0; }
	h3.section { font-size: 24px; margin: 0 0 12px 0; }
	div.section-headline p { font-size: 1rem; }
}

/** Homepage Featured Pages **/
ul#featured-pages { padding: 0 0 3rem 0; display: flex; flex-wrap: wrap; }
ul#featured-pages li { padding: 3%; width: 25%; vertical-align: top; display: flex; }
ul#featured-pages li a { background-color: transparent; }
	ul#featured-pages li div { display: block; width: 100%; overflow: hidden; }
	ul#featured-pages li h5 { margin-top: 1rem; padding: 0; position: relative; width: auto; background-color: transparent; transform: none; top: 0; left: 0; transition: none; color: rgba(209,109,38,1); }
	ul#featured-pages li p { color: #7D6A55; margin-top: 0; }

@media screen and (max-width: 39.9375em) { 
	ul#featured-pages li h5 { font-size: 1rem !important; }
	ul#featured-pages li p { font-size: 0.85rem; }
	ul#featured-pages li { width: 50%; }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) { /* decrease font slightly on smaller screens */
	ul#featured-pages li h5 { font-size: 1rem; }
	ul#featured-pages li p { font-size: 0.85rem; }
} 


/** Homepage Events **/
div.events-loop { margin: -6rem auto 2rem auto; transform: translateY(-50px); }

section.upcoming-events { }
section.upcoming-events ul { list-style-type: none; margin: 0; padding: 0; display: flex; }
section.upcoming-events ul li { width: 33.3%; background-color: #EFE9D4; margin: 1rem; padding: 0; }
section.upcoming-events ul li a.event-tile { display: block; position: relative; }
section.upcoming-events ul li div.event-image { width: 100%; background-position: center center; background-size: cover; min-height: 160px; }
section.upcoming-events ul li h4.event-title { font-size: 1.25rem; color: #7D6A55; margin: 1rem 0 0 0; padding: 0 1rem;}
section.upcoming-events ul li h6.event-date { font-family: "Gotham-Bold","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif !important; text-transform: uppercase; font-size: 0.8rem; margin: 0; font-weight: bold; padding: 0 1rem; }
section.upcoming-events ul li p.event-description { display: block; color: #7D6A55; margin: 0; font-size: .85rem; line-height: 1.4; padding: 0 1rem 1rem; }
section.upcoming-events div.more { text-align: center; margin: 1rem; }
section.upcoming-events div.more a.button { display: inline-block; margin: 2px 1rem; }

@media screen and (max-width: 51.1875em) { 
	section.upcoming-events ul { display: block; }
	section.upcoming-events ul li { width: auto; margin: 1rem; }
}

@media screen and (min-width: 40em) and (max-width: 51.1875em) { 
	section.upcoming-events ul li { width: auto; margin: 1rem 10%; }
} 

/** Board Reports Page Nav **/
section.pagenav-columns { margin-bottom: 2em; }
section.pagenav-columns div.content { display: flex; }
section.pagenav-columns div.right-col { background: #EFE9D4; padding: 2rem; width: 50%; }
section.pagenav-columns div.left-col { width: 50% !important; margin: 0 !important; }
section.pagenav-columns div.rect-grid span { width: 100% !important; margin: 0 !important; background-color: transparent; padding-right: 3px; }
section.pagenav-columns div.rect-grid span:hover:before { background-color: transparent !important; }
section.pagenav-columns div.rect-grid span:hover h3 { background-color: rgba(137,49,1,0.75) !important; }
section.pagenav-columns div.rect-grid span a { display: block; position: relative; width: 100%; background-size: cover; background-position: center center; min-height: 180px; margin-bottom: 3px; }
section.pagenav-columns div.rect-grid span a:last-child { margin-bottom: 0; }
section.pagenav-columns div.rect-grid span a:hover h3 { background-color: #893101 !important; }


@media screen and (max-width: 39.9375em) { 
	section.pagenav-columns { margin-top: 1em; }
	section.pagenav-columns div.content { display: block; }
	section.pagenav-columns div.right-col { width: 100%; }
	section.pagenav-columns div.left-col { width: 100% !important; }
	section.pagenav-columns div.rect-grid span a { min-height: 0; } 
}

/* .rect-grid span:only-child { width: 100%; } */
.rect-grid span:only-child div { background-position: center center !important; }