/* NEW LOOK 2022 
***********************/
@font-face {
  font-family: "Nunito";
  src: url("/fonts/Nunito-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("/fonts/Nunito-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Nunito";
  src: url("/fonts/Nunito-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("/fonts/Nunito-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("/fonts/Nunito-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Playfair";
  src: url("/fonts/PlayfairDisplay-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Playfair";
  src: url("/fonts/PlayfairDisplay-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Playfair";
  src: url("/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* blue/melon color scheme 
blue: 16519f, hsl(214.2,75.7%,35.5%), rgba(22,81,159,1)
melon: f07e74, hsl(4.8,80.5%,69.8%), rgba(240,126,116,1)
yellow: f8dd2e, hsl(52,93.5%,57.6%), rgba(248,221,46,1)
lightblue: 4fcbe9, hsl(191.7,77.8%,61.2%), rgba(79,203,233,1)
-----------------------------------*/
:root {
--blue: hsl(214.2,75.7%,35.5%);
--bluedark: hsl(214.2,75.7%,25.5%);
--melon: hsl(4.8,80.5%,69.8%);
--melondark:hsl(4.8,80.5%,66.8%);
--yellow: hsl(52,93.5%,57.6%);
--yellowdark: hsl(52,93.5%,47.6%);
--lightblue: hsl(191.7,77.8%,61.2%);
--lightbluedark: hsl(191.7,77.8%,51.2%);
--lightblue70: rgba(79,203,233,.7);
--lightblue30: rgba(79,203,233,.3);

--body-color: var(--bluedark);
--link-color: var(--melondark);
--link-hv-color: var(--melon);
--text-muted: var(--melon);

--primary-btn-color: #fff;
--primary-btn-bkg: var(--melon); 
--primary-btn-bdr: var(--melon);
--primary-btn-hv-color: #fff;
--primary-btn-hv-bkg: var(--melondark);
--primary-btn-hv-bdr: var(--melondark);

--secondary-btn-color: #fff;
--secondary-btn-bkg: var(--lightblue); 
--secondary-btn-bdr: var(--lightblue);
--secondary-btn-hv-color: #fff;
--secondary-btn-hv-bkg: var(--lightbluedark);
--secondary-btn-hv-bdr: var(--lightbluedark);

--header-bkg: var(--blue);
--nav-ul-bkg: var(--melon);
--nav-ul-color: #fff;
--nav-ul-hv-color:  var(--bluedark);
--nav-ul-open-color: #fff;
--nav-ul-open-bkg: var(--melondark);
--nav-ul-open-menu-bkg: var(--melondark);
--nav-drop-hilite-color: #fff;
--nav-drop-head-color: #fff;
--nav-drop-color: #fff;
--nav-drop-hv-color: var(--yellow);
--nav-drop-hv-bkg: transparent;

--sectionhead-bdr: var(--melon);
--section-dark-bkg: var(--blue);
--section-dark-bkg-start: var(--lightblue70);
--section-dark-bkg-end: var(--lightblue70);

--block-dark-bkg: var(--blue);
--block-dark-color: #fff;
--block-dark-bdr: var(--blue);
--block-light-bkg: var(--lightblue30);
--block-light-color: var(--blue);
--block-light-bdr: var(--lightblue30);

--footer-bkg: var(--blue);
}

/* MAIN 
***********************/
body {
    font-family: 'Nunito', sans-serif;
    color: var(--body-color);
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Playfair', serif;
}
p a, li a {
    color: var(--link-color);
}
p a:hover, li a:hover {
    color: var(--link-hv-color);
}
h1 a, h2 a, h3 a, h4 a {
    color: var(--body-color);
}
h2 {
    font-size: 2em;
}
.mainContentWrapper > .container,
.container.mainContentWrapper {
	 width: 90vw;
	 max-width: 1500px;
}
.text-muted {
    color: var(--text-muted);
}

/* BUTTONS 
***********************/
.btn-primary,
.btn-secondary,
.section-dark a.btn.btn-default {
  align-items: center;
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
  display: inline-flex;
  max-width: 500px;
  min-width: 150px;
  margin: 5px;
  padding: 1vw 2vw;
  border-radius: 0px;
  line-height: 1.5;
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bkg);
  border: 0px solid var(--primary-btn-bdr);
  text-decoration: none;
  font-size: 1em;
}
.btn-primary:hover,
.btn-primary:active:hover,
.section-dark a.btn.btn-default:hover {
  color: var(--primary-btn-hv-color);
  background-color: var(--primary-btn-hv-bkg);
  border-color: var(--primary-btn-hv-bdr);
  border: none;
  text-decoration: none;
}
.btn-secondary {
  background-color: var(--secondary-btn-bkg);
  color: var(--secondary-btn-color);
  border-color: var(--secondary-btn-bdr);
}
.btn-secondary:hover,
.btn-secondary:active:hover {
  background-color: var(--secondary-btn-hv-bkg);
  color: var(--secondary-btn-hv-color);
  border-color: var(--secondary-btn-hv-bdr);
  border: none;
}
.btn-ics {
  background-color: var(--secondary-btn-bkg);
  color: var(--secondary-btn-color);
  border-color: var(--secondary-btn-bdr);
  border-radius: 0;
  padding: 4px 8px;
}
.btn-ics:hover, .btn-ics:active:hover  {
  background-color: var(--secondary-btn-hv-bkg);
  color: var(--secondary-btn-hv-color);
  border-color: var(--secondary-btn-hv-bdr);
}
/* HEADER 
***********************/
.header-lg {
    height: 33vw;
}
.index.header-lg {
    height: 54vw;
}
@media (max-width: 767px) {
    .index.header-lg {
        height: 90vw;
    }
}
.navbar-brand {
    padding: 0 3vw;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default > .container,
.navbar-default > .container-fluid {
    margin-left: -15px;
    margin-right: -15px;
}
.navbar-header {
    float:none;
    background-color: var(--header-bkg);
    margin-left: -15px;
    margin-right: -15px;
}
.navbar-nav {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    justify-content: center;
    float: none;
    padding-top: 0;
}
@media (max-width: 767px) {
    .navbar-nav {
        display: block;
    }
}
.nav.navbar-nav {
    background-color: var(--nav-ul-bkg);
}
.navbar-nav > li > a {
    padding: 20px 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: clamp(10px, 1.25vw, 18px);
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    color: var(--nav-ul-color);
}
.navbar-default .navbar-nav > li > a:hover {
    color: var(--nav-ul-hv-color);
}
.navbar-default .navbar-nav > li.current > a {
    color: var(--nav-ul-hv-color);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: var(--nav-ul-open-bkg);
    color: var(--nav-ul-open-color);
}
.dropdown-menu {
    background-color: var(--nav-ul-open-menu-bkg);
}
.dropdown-menu h3, .dropdown-menu h3 > small {
    color: var(--nav-drop-hilite-color);
}
.mega-dropdown-menu .dropdown-header {
    color: var(--nav-drop-head-color);
}
.mega-dropdown-menu > li > ul > li > a, .mega-dropdown-menu > li > div > div > div > ul > li > a {
    color: var(--nav-drop-color);
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li div > div > div > ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus, .mega-dropdown-menu > li div > div > div > ul > li > a:focus {
    background-color: var(--nav-drop-hv-bkg);
    color: var(--nav-drop-hv-color);
}

/* SPLASH BANNERS
*****************************/
/* slow zoom on banners */
.carousel-inner .item.active img {
    animation-name: slowzoom;
    animation-duration: 100s;
}
@keyframes slowzoom {
    0% { transform: scale(1,1);}
    100% { transform: scale(2,2);}
}
.splashnav > li > a {
	color: var(--body-color);
}
.splashnav > li > a:hover, 
.splashnav > li > a:focus {
	background-color: transparent;
	color: var(--link-hv-color);
}
.splashnav > li.active > a, 
.splashnav > li.active > a:hover, 
.splashnav > li.active > a:focus {
	background-color: transparent;
	color: var(--link-color);
}
.blogcarouselwrap {
	 margin-bottom: 30px;
	 background-color: rgba(255,255,255,0.6);
}
.carousel-control {
	 color: var(--primary-btn-color);
	 opacity: 1.0;
}
.blogcarousel .carousel-indicators .active {
	 background-color: var(--link-color);
}
.splashWrapperEmbed {
	 margin: 0 -15px;
}
/* MISC 
*****************************/
.sectionheading h2, .sectionheading h3, .sectionheading h4 {
    padding-bottom: 24px;
    border-color: var(--sectionhead-bdr);
}
.more-events {
    display: none;
}
.sidebar h4 {
    background-color: var(--block-dark-bkg);
    color: var(--block-dark-color);
    padding: 12px 0;
    margin-bottom: 0;
}
.timecol h3 {
    background-color: var(--block-dark-bkg);
    color: var(--block-dark-color);
}
.label-default {
    background-color: var(--block-light-bkg);
    color: var(--block-light-color);
}
.simplebox, .imagebox, .blogpostbox, .intentionbox, .contactbox {
    padding: 10px;
    border: 1px solid var(--block-dark-bdr);
}
.simplebox h4, .imagebox h4, .blogpostbox h4, .intentionbox h4, .contactbox h4 {
    margin: -10px -10px 10px -10px;
}
.simplebox a[class*="btn-"], .imagebox a[class*="btn-"], .blogpostbox a[class*="btn-"], .intentionbox a[class*="btn-"], .contactbox a[class*="btn-"] {
    margin: 5px 0;
}

/* FEATURE BOXES 
*****************************/
.featurebox-plain {
margin-bottom: 0;
}
.featurebox-plain .caption h3 {
font-family: 'Playfair', serif;
text-transform: none;
font-weight: 600;
}

/* CAROUSEL 
*****************************/
.flexslider .slides > li > img, .flexslider .slides > li > a > img,
.flexslider .slides > li > .caption {
border-radius: 0;
}
.flex-control-paging li a {
background: rgba(114,98,89,.8);
}

/* SECTIONS 
*****************************/
section {
background-image: linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url(/uploads/images/backgrounds/patternedbackground.png);
}
section.section-light,
section.section-dark {
background-image: none;
}
section.section-dark {
background-image: linear-gradient(var(--section-dark-bkg-start),var(--section-dark-bkg-end)),url(/uploads/images/backgrounds/strosebuilding.jpg);
background-position: center center;
background-size: cover;
background-blend-mode: soft-light;
background-color: var(--section-dark-bkg);
}
.section-first {
padding-top: 15px;
}

/* TABS
*****************************/
.nav-tabs.page-tabs {
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: center;
    align-items: flex-end;
}
.nav-tabs.page-tabs > li {
	float: none;
}
.nav-tabs.page-tabs > li.active > a, 
.nav-tabs.page-tabs > li.active > a:focus, 
.nav-tabs.page-tabs > li.active > a:hover {
	border: 1px solid transparent;
	border-bottom: 3px solid #ddd;
	background-color: transparent;
}
.nav-tabs.page-tabs li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 0;
    
}
.nav-tabs.page-tabs + .tab-content {
	padding: 60px 30px;
}
.nav-tabs.page-tabs + .tab-content h2, 
.nav-tabs.page-tabs + .tab-content h3 {
	margin-top: 10px;
}
.nav-tabs.page-tabs + .tab-content p + h2, 
.nav-tabs.page-tabs + .tab-content p + h3,
.nav-tabs.page-tabs + .tab-content ul + h2, 
.nav-tabs.page-tabs + .tab-content ul + h3 {
	 margin-top: 2em;
}
@media (max-width: 767px) {
    .nav-tabs.page-tabs li a {
	 font-size: .8em;
	 padding: 10px;
    }
}

/* PAGINATION COLOR OVERRIDES 
*****************************/
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	 background-color: #444444;
	 border-color: #84012d;
}
.pagination > li > a, 
.pagination > li > span {
	 color: #444444;
}

/* FOOTER 
*****************************/
.sitefooter {
background-color: var(--footer-bkg);
}

/* RESPONSIVE 
*****************************/
@media (max-width: 767px) {

.mega-dropdown-menu .dropdown-header {
  color: #fff;
}
.mega-dropdown-menu > li > ul > li > a, 
.mega-dropdown-menu > li > div > div > div > ul > li > a {
	 color: #fff;
}
.mega-dropdown-menu p {
	 color: #fff;
}
.dropdown-menu h3 {
	 color: #eee;
	 letter-spacing: .25em;
}
.dropdown-menu h3 > br {
	 display: none;
}
.dropdown-menu h3 > small {
	 color: #eee;
}
}