@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Gig Harbor Now
Theme URI: https://www.gigharbornow.org
Description: For the use of Gig Harbor Now
Author: Carina Gomez
Author URI:  https://www.kstudiofx.com/
Version: 1.0
.
This theme is for the use of Gig Harbor Now only. It is not to be redistributed or resold in any way.
.
*/

/* Modified on 5-15-2023 */

:root {
  --teal: #2a8289;
  --yellow: #ffbf00;
  --orange: #bd3928;
  --sand: #ead6b2;
  --txtgray: #111;
  --text: #154144;
}
*{
	box-sizing: border-box;
}
html {
  position: static ;
  top: 0 ;
  box-sizing: border-box;
}

*, :after, :before {
  box-sizing: inherit;
}

body, html {
  max-width: 100%;
  -webkit-tap-highlight-color: transparent;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

body {
	font-family: 'Merriweather', serif;
	font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
	margin: 0;
	padding: 0;
	background: #fff;
}
*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
 }
input[type=submit], textarea { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; }
* { -webkit-tap-highlight-color:transparent; }
/*
div, a, section, article, span, img, h1, h2, h3, h4, h5, h6 { -webkit-user-select:none; -moz-user-select:none; }
*/
p {
	font-family: 'Merriweather', serif;
	font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
	margin: 25px 0;
}
p:first-child {
	margin-top: 0;
}
img {
    height: auto;
    vertical-align: top;
    max-width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a {
color: var(--teal);
text-decoration:underline;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}

a:visited {
color: #2093bb;
}
a:hover, a:active, a:focus{
color: var(--orange);
outline: 0px none!important;
cursor: pointer;
}
a:active, a:focus { outline: none; }
input::-moz-focus-inner { 
  border: 0; 
}
.row{width:100%;max-width:1200px;min-width:320px;margin:0 auto;padding-left:20px;padding-right:20px;position: relative;}
img,object,embed{max-width:100%;height:auto}
img{-ms-interpolation-mode:bicubic}
@media only screen and (max-width:1023px){body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0}
.container{min-width:0;margin-left:0;margin-right:0}
.row{width:100%;min-width:0;margin-left:0;margin-right:0}
}
.grid, .blog-grid, .page-grid, .flex, .cat-grid, .icon-grid {
	display: block;
}    
@media only screen and (min-width: 1024px) {
	.blog-grid, .cat-grid {
		display: grid;
	    grid-column-gap: 40px;
	    grid-row-gap: 40px;
	    grid-template-columns: 3fr 1fr;
		grid-template-rows: 1fr;
		}
	}
@media only screen and (min-width: 768px) {
	.grid, .page-grid {
		display: grid;
	    grid-column-gap: 40px;
	    grid-row-gap: 40px;
		}
	.page-grid {
		grid-template-columns: 3fr 1fr;
		grid-template-rows: 1fr;
	}
	.grid.four-col {
		grid-template-columns: repeat(4, 1fr);
	}
	.grid.three-col {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid.two-col {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid.sidebar-col {
		grid-template-columns: 4fr 2fr;
	}
	.grid.icon-grid {
		grid-template-columns: 1fr 7fr;
		margin-bottom:20px;
	}
	
	.flex {
		display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding-left:20px;
    padding-right:20px;
        gap: 35px;
    }
}
.short-row, .stripe-icons .row {
	    max-width: 1000px;
	    margin: 0 auto 35px;
	    width: 90%;
	}
	/* Rounded edge */
	.redge {
		border-radius: 10px;
	}
#logo img {
	max-height: 100px;
}
@media only screen and (min-width: 1023px) {
	#logo img {
		max-height: unset;
	}
}
#logo a:hover {
   text-decoration: none;
   cursor: pointer;
}
.clear {
	clear:both;
} 

.last {
	margin-right: 0;
}
hr {
	border-top: 1px solid #e1e1e1;
	width: 100%;
	clear: both;
}
ul, ol{
    margin-bottom: 25px;
    padding-left: 15px;
}
ul li {
	margin-bottom:5px;
	font-size: 16px;
	line-height: 24px
}
ol li {
    list-style: decimal outside none;
	margin-bottom:5px;
}


img.alignleft, img.alignright, img.aligncenter, img.alignnone, .featuredimg img{
	border: 0;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.alignright, .alignnone, .alignleft  {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    margin-top: 5px;
}
@media only screen and (min-width: 1024px) {
	.alignright {
	    float:right;
	    margin: 5px 0 20px 20px;
	}
	
	.alignleft {
	    float: left;
	    margin: 5px 20px 20px 0;
	}
	
	.aligncenter {
	    display: block;
	    margin: 5px auto 5px auto;
	}
	.alignnone {
	    margin: 5px 20px 20px 0;
	}
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	font-family: 'Merriweather', serif;

}
h1, h1 a {
		font-size: 42px;
		line-height: 46px;
	}
	h2, h2 a, h1.page-title, h1.page-title a, .tribe-events-single-event-title {
	font-size: 30px;
		line-height: 32px;
		 margin-bottom: 20px;
	}
	h3, h3 a {
	font-size: 24px;
		line-height: 26px;
	}
	h4, h4 a {
	font-size: 20px;
		line-height: 24px;
	}
	h5, h5 a {
	font-size: 18px;
		line-height: 21px;
	}
	
	

@media only screen and (min-width: 1024px) {
	h1, h1 a {
	    font-size: 40px;
	    line-height: 55px;
	    margin-bottom: 20px;
	    
	}
	h2, h2 a, h1.page-title, h1.page-title a, h1.tribe-events-single-event-title {
		font-size: 34px;
		line-height: 40px;
		margin-bottom:20px;
		
	}
	h3, h3 a {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	h4, h4 a{
		font-size: 21px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	
	h5, h5 a {
		font-size: 18px;
		line-height: 24px;
	
		margin-bottom: 15px;
	}
	h6, h6 a {
		font-size: 16px;
		line-height: 18px;
	
		margin-bottom: 15px;
	}

}

small, .tribe-events-calendar-list__event-datetime, .tribe-events-calendar-list__event-datetime span, .tribe-events-schedule h2 span, .tribe-events-schedule span {
    font-family: 'Roboto'!important;
        font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: var(--teal);
    text-transform: uppercase;
}
.tribe-events-schedule .tribe-events-cost {
    font-size: 14px!important;
  }
/* HEADER */
#header {
	position: absolute;
	top: 20px;
	width: 100%;
	z-index: 4;
}
@media only screen and (min-width: 1025px) {
	#header {
		top: 50px;
	}
}
/* HERO */
.hero {
    height: 80vh;
    position: relative;
    display: flex;
    align-content: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.hero {
	    height: 60vh;
	}
}
.hero:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0;
    top: 0;
    opacity: .3;
    z-index: 1;
    background: linear-gradient(
180deg
,rgba(0,0,0,.98) 0,rgba(0,0,0,.92) 12%,rgba(0,0,0,.83) 21%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.36) 48%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.16) 63%,rgba(0,0,0,.05) 78%,transparent);
    pointer-events: none;
}
.hero:after {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(
180deg
,transparent 0,rgba(0,0,0,.05) 22%,rgba(0,0,0,.17) 38%,rgba(0,0,0,.31) 49%,rgba(0,0,0,.65) 67%,rgba(0,0,0,.81) 77%,rgba(0,0,0,.91) 85%,rgba(0,0,0,.97) 97%,#000);
    pointer-events: none;
}
@media only screen and (max-width: 1200px) {
	.hero:after, .kfx-title:after {
    height: 100%;
    }
}
@media only screen and (max-width: 1023px) {
	.hero:after, .kfx-title:after {
    height: 150%;
    }
}
.hero a {
	color: #fff;
	text-decoration: none;
}
.kfx-date {
	font-family: 'Roboto';
}
.title-stripe {
	color: #fff;
	z-index: 10;
	max-width: 850px;
}
.title-stripe h2 {
	text-transform: uppercase;
}
.title-stripe h2 a{
	color:#fff;
	text-decoration: none;
}
.hero .title-stripe {
	max-width: 850px;
	display: inline-block;
}

.hero-holder {
	z-index: 10;
}
.kfx-cat {
	margin: 0;
}
@media only screen and (max-width: 767px) {
.hero-holder h1.page-title {
	margin-bottom: 10px;
}
}
.kfx-cat a {
    background: var(--yellow);
    color: var(--text);
    font-family: 'Roboto';
    text-transform: uppercase;
    display: inline-block;
    padding: 3px 5px 2px 5px;
    font-size: 21px;
    text-decoration: none;
    line-height: 23px;
    margin-bottom: 5px;
}
.single .kfx-cat a {
	font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px;
}
.kfx-meta {
    font-family: 'Roboto';
    text-transform: uppercase;
        font-size: 14px;
    line-height: 14px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: top;
    margin-top: 20px;
    margin-bottom: 20px;
}
.kfx-meta span {
    display: block;
    vertical-align: top;
    margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.kfx-meta span {
	display: inline-block;

}
}
@media only screen and (min-width: 768px) {
.kfx-meta span + span:before {
	content: ' | ';
	position: relative;
	color: var(--text);
}
}
.hero h2, .hero h2 a, .title-stripe h2, .title-stripe h2 a {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
	.hero h2, .hero h2 a, .title-stripe h2, .title-stripe h2 a {
		font-size: 45px;
		line-height: 55px;
	}
}
.kfx-bg-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	    position: relative;
}
.arrow-down i{
    color: var(--sand);
    font-size: 40px;
}
@media only screen and (min-width: 768px) {
	.arrow-down i{
	    font-size: 50px;
	}
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}	
.color-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background:rgb(42 130 137 / 80%);
    height: 100%;
    z-index: -1;
}
blockquote {
	width: 350px;
    max-width: 50%;
    margin: 0 0 .875rem 40px;
    padding: 1em;
    border-top: 1px var(--yellow) solid;
    border-bottom: 1px var(--yellow) solid;
    float: right;
    font-size: 18px;
}
blockquote p {
	 font-size: 18px;
}
blockquote p:last-child {
	margin-bottom: 0;
}
/* INTERNAL TITLES */
.title-holder {
    height: 300px;
    display: flex;
    align-content: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 20px;
    text-align: right;
    position: relative;
}
@media only screen and (min-width: 1025px) {
	.single .title-holder {
	height: 400px;
}
}
.kfx-title {
	position: relative;
}
/* MENU */
.menu-holder  {
	display: none;
	border: 1px solid rgb(47 143 152 / 15%);
	background-color:#fff;
  box-shadow: 0px 4px 4px 0px rgba(42, 130, 137, 0.1);
  margin-bottom: 50px;
position: sticky;
    top: 0px;
    z-index: 3;
    position: -webkit-sticky
}
@media only screen and (min-width: 768px) {
	.menu-holder  {
		display: block;
	}	
}
.navigation {
	margin-bottom: 20px;
}
#navigation .right-extras {
	display: inline-block;
	float: right;
	text-align: right;
	padding: 0;
	    color: var(--teal);
    font-size: 19px;
    vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	#navigation .right-extras {
		display: block;
	    text-align: center;
	    float: none;
	}
}
#navigation .navbtn {
    padding: 0;
    margin-left: 15px;
}
#navigation {
	padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	#navigation {
		text-align: center;
		padding-top: 0;
	}
}
#navigation ul, .navigation ul {
	margin: 0;
	padding: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #6FB7E9;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #3C8DC5;
}
#navigation li {
    display: inline-block;
    margin: 0;
	vertical-align: middle;
    padding: 15px 17px;
    font-size: 17px;
    line-height: 24px;
}
#navigation li.menu-item {
	padding: 0;
}
#navigation li.social-icon {
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 1065px) {

}
#navigation li:before, .overlay-menu li:before {
	display: none;
}
#navigation > li:first-child {

}
#navigation li:last-child {

}
#navigation li a {
    color: var(--teal);
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    transition-duration: 0.2s;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    text-decoration: none;
}
#navigation li.menu-item a {
	padding: 15px 17px;
    display: inline-block;
}

.menu-item-has-children {
	padding-left: 10px!important;
}


.current-menu-item:not(.footer-menu li), #navigation .current-menu-item .sub-toggle, #navigation li:hover, #navigation .sub-toggle:hover {
	cursor: pointer;
	background:#f5f5f5;
}
.btn-header-search:hover {
	background:transparent;
	color:var(--orange);
}
#search-top{
    position: absolute;
    top: 9px;
    right: 100px;
    cursor: pointer;
    z-index: 1000;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    color: #fff;
    font-size: 30px;
    text-shadow: 3px 3px 9px var(--text);
}
#search-top a {
	color:#fff;
}
.sub-menu {
    display: none;
    position: absolute;
    top: 55px;
    padding: 0;
    background: #fff;
    border: 1px solid #f5f5f5;
    width: 300px;
    z-index: 100;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	.sub-menu {
	    top: 50px;
	    text-align: left;
	}
}
.sub-menu li {
    display: block!important;
    line-height: 21px;
    border: 0!important;
    padding: 0!important;
}

.sub-menu li:last-child {
	
}
.sub-menu li a {
font-size: 16px;
    line-height: 16px;
    padding: 15px 17px;
    display: block!important;
}
.sub-menu li a:hover {
    color:var(--teal);
}
.sub-menu li ul.sub-menu {
    width: 100%;
    position: relative;
    top: 10px;
    margin-bottom: 0;
    border: 0;
    background: transparent;
    padding-left: 25px;
}
.sub-menu li ul.sub-menu li {
	padding: 10px!important;
}
span.sub-toggle {
    top: 1px;
    position: relative;
    color: var(--teal);
    font-size: 21px;
    margin-right: 6px;
}
.overlay-menu span.sub-toggle {
    position: absolute;
    color: var(--teal);
    left: 0;
}
.overlay-menu .menu-item-has-children > a{
	padding-left: 25px;
}
.overlay-menu .sub-menu li {
    padding: 0 20px 15px 20px;
 
}
#navigation .button, .button.yellowbtn {
    background: var(--yellow);
    border: 0!important;
    color: #004245;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 22px;
    
    font-family: 'Merriweather', serif;
    text-transform: none;
}
#navigation .btn-header-search {

}
#navigation .btn-header-search a {

}

#navigation .button:hover {

	cursor: pointer;
}

#navigation .orangebtn:hover {
	
}
.overlay-menu .button {
	    font-size: 18px!important;
    line-height: 24px;
    display: inline-block;
}
#navigation .current_page_item.button a {
	color:var(--orange)!important;
}
#navigation .current_page_item.button:hover a {
	color:var(--orange)!important;
	cursor: pointer;
}
.button_container {
    position: absolute;
    top: 0;
    right: 20px;
    height: 55px;
    width: 55px;
    cursor: pointer;
    z-index: 1000;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: var(--teal);
}
@media only screen and (min-width: 1025px) {
	.button_container {

	}
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top, .overlay-menu-holder.open .button_container .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background:#fff;
}
.button_container.active .middle, .overlay-menu-holder.open .button_container .middle {
  opacity: 0;
  background: #fff;
}
.button_container.active .bottom, .overlay-menu-holder.open .button_container .bottom {
  -webkit-transform: translateY(-13px) translateX(0) rotate(-45deg);
          transform: translateY(-13px) translateX(0) rotate(-45deg);
  background:#fff;
}
.button_container span {
    background: #fff;
    border: none;
    height: 6px;
    width: 66%;
    position: absolute;
    top: 13px;
    left: 18%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    border-radius: 2px;
}
.button_container span:nth-of-type(2) {
    top: 25px;
}
.button_container span:nth-of-type(3) {
    top: 37px;
}
#overlay .button_container.active {
	top: 50px;
}
.overlay-menu #logo {
	text-align: left;
	margin-bottom: 25px;
}
.overlay-menu #logo img {
	max-height: 100px;
}
.overlay-menu .sub-menu {
    border: 0;
    font-size: 16px;
    position: relative;
    top: 0;
    display: none;
    margin: 15px auto;
    width: 100%;
    opacity: 1;
    padding: 20px;
    border: 1px solid rgb(48 48 48 / 10%)
}
.overlay-menu .sub-menu li {
	margin-bottom: 5px;
}
.overlay-menu .sub-menu li a {
	font-size: 18px;
	line-height: 28px;
	padding: 0;
}
.overlay-menu .sub-menu .sub-menu li a {
    font-size: 16px;
    line-height: 21px;
}
.overlay-menu .sub-menu li a:hover{

}
.overlay-menu .sub-menu li ul.sub-menu {
    top: 0;
    padding: 0 0 0 25px;
}
.overlay-menu-holder {
  position: fixed;
  background: #f5f5f5;
  top: 0;
  right: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index: 100;
      max-width: 500px;
      padding: 30px 60px 40px 40px;
}
@media only screen and (min-width: 768px) {
	.overlay-menu-holder {
	  width: 60%;
	}
}
@media only screen and (min-width: 1025px) {
	.overlay-menu-holder {
	  width: 40%;
	}
}
.overlay-menu-holder.open {
  opacity:1;
  visibility: visible;
  height: 100%;
  z-index: 1000;
      overflow-y: auto;
}
.noscroll { 
  overflow: hidden;
}
.overlay-menu-holder.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay-menu-holder.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay-menu-holder.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay-menu-holder.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay-menu-holder nav {
  position: relative;
  height: 70%;
  font-size: 21px;
  font-weight: 400;
  padding-bottom: 30px;
    text-align:left;
}
.overlay-menu-holder ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay-menu-holder ul li {
  display: block;
  min-height: 30px;
  position: relative;
  opacity: 0;
}
.overlay-menu-holder ul li a {
  display: block;
  position: relative;
  color: #FFF!important;
  text-decoration: none;
  overflow: hidden;
}
.overlay-menu-holder ul li a:hover:after, .overlay-menu-holder ul li a:focus:after, .overlay-menu-holder ul li a:active:after {
  width: 85%;
}
.overlay-menu-holder ul li.current-menu-item a {
	color:var(--orange)!important;
	border: 0!important;
}

.overlay-menu-holder ul.sub-menu li {
	padding-bottom: 5px;
}
.overlay-menu-holder > ul.sub-menu li:not(.menu-item-has-children) {
       padding-left: 47px!important;
}
.overlay-menu-holder ul.sub-menu li a:after {
	
}
.overlay-menu-holder ul li.button a:hover:after {
	width: 0%;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.overlay-menu-holder.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay-menu-holder.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}

.overlay-menu-holder ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: unset;

  width: 100%;
}
.overlay-menu-holder ul li {
  display: block;
  min-height: 30px;
  position: relative;
  opacity: 0;
  margin-bottom: 20px;
  width: 100%;
}
.overlay-menu-holder ul li a {
  display: block;
  position: relative;
  color:var(--text)!important;
  text-decoration: none;
  overflow: hidden;
    font-size: 21px;
  font-weight: 400;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.button_container.outside.active {
	/*display: none; disappear when overlay menu open */
}
.overlay-menu li.btn-header-search {
    display: inline-block;
    margin-right: 15px;
    width: auto;
}
.overlay-menu .menuline {
	margin-right: 15px;
}
.overlay-menu li.social-icon {
	display: inline-block;
    margin-right: 15px;
    width: auto;
}

/* SEARCH BOX */
#search {
    position: fixed;
  top: 0;
  left: 0;
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  background-color: rgb(0 0 0 / 80%);
  opacity: 0;
  z-index: 99999;
  transition: all 0.3s ease 0s;
}

#search.open {
    visibility: visible;
  opacity: 1;
}


#search .btn {

}
#search .close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgb(255 255 255 / 25%);
    font-size: 18px;
    border: 1px solid #fff;
    opacity: 1 !important;
    z-index: 999;
    transition: all 0.3s;
    outline: none;
    color: #ffffff;
}
#search .close:hover {
	 background: var(--teal)!important;
	color: #ffffff;
    
	cursor: pointer;
}
.search-global-input {
    width: 100%;
    padding-right: 50px!important;
    padding-bottom: 12px!important;
    font-weight: 700;
    font-size: 36px!important;
    color: var(--teal);
    border: none;
    border-bottom: 1px solid #e0e0e0;
    background-color: transparent;
    opacity: 1;
}
.search-global-btn {

    top: 0;
    right: 0;
    font-size: 40px;
    color: #dedede;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
    outline: none;
}
.search-global-btn:hover {
    color: var(--teal);
    cursor: pointer;
}
.navbar-search {
    max-width: 750px;
    position: relative;
    top: 50vh;
    width: 100%;
    margin: -120px auto;
    padding: 0 35px;
}
input[type=search] {
    -webkit-appearance: none;
}
.search-global-input:focus {
    outline-style: none;
}
.search-global-input:focus-visible {
  outline-style: none;
}
#searchform {
	position: relative;
	border-radius: 2px;
    border: 1px solid #dbdbdb;
    padding: 14px!important;
    display: flex;
    align-items: center;
    align-content: center;
        background: #fff;
}

@media (max-width: 1024px){
  .search-global-input{
    font-size: 46px;
  }

  .search-global-btn{

  }
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

::-moz-placeholder{color:#d2d2d2;opacity:1}
:-ms-input-placeholder{color:#d2d2d2}
::-webkit-input-placeholder{color:#d2d2d2}

@media (max-width: 980px) {
	.search-global-input {
		font-size: 50px;
  }
  
  .search-field{
    font-size: 50px !important;
  }
	
	.search-global-btn {
 
	}
}

@media (max-width: 786px){
  .search-global-input{
    font-size: 40px;
  }

  .search-global-btn{

  }
}


@media (max-width: 630px) {
	.search-global-input {
		font-size: 20px;
  }
  
  .search-field{
    font-size: 20px !important;
  }

}


@media only screen and (max-width: 570px) {

  .search-global-btn {
    font-size: 20px;
  }
}

@media (max-width: 295px) {
	.search-global-input {
		font-size: 15px;
  }
  
  .search-field{
    font-size: 15px !important;
  }
}
/* FOOTER */


.footer-grid {
    display: grid;
    grid-template-columns:2fr 5fr 5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 0px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.footer-grid {
    display: block;
    }
}
footer a, footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
}
.footer-menu {
	text-align:center;
}
@media only screen and (min-width: 1024px) {
	.footer-menu {
		text-align: right;
	}
}
.contact-info {
	min-width: 175px;
}
.contact-info a {
	color: #fff;
}
.copyright .contact-info a {
	color: var(--yellow);
}
@media only screen and (max-width: 767px) {
.contact-info {
	text-align: center;
}

footer {
	text-align: center;
}
.right {
	text-align: center;
}
}
.footer-menu li {
    list-style: none;
    margin-bottom: 5px;
}
.footer-menu li a {
	text-transform:none;
	color:#fff;
	font-weight: 700;
	text-decoration: none;
	font-size: 15px;
    line-height: 21px;
    font-family: 'Merriweather', serif;
}
.footer-menu li a:hover, .footer-menu li.current-menu-item > a {
	color:var(--yellow);
	padding-bottom: 0;
	border: 0;
}
.social-links {
    padding: 0;
    list-style: none;
    margin: 0;
}
.social-links li {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}
.social-links li:last-child {
	margin-right: 0;
}
.social-links li a {
    font-size: 24px;
    color: #fff;
    line-height: 26px;
}
.social-links a:hover {
	color:var(--yellow)!important;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
footer .social-links a {
	color:#fff;
}

footer a:hover {
	color:var(--yellow);
	cursor: pointer;
}
.copyright {
	font-weight: bold;
	margin-top: 25px;
}
footer .custom-html-widget {
	margin: 20px 0;
}
@media only screen and (min-width: 1023px) {
	.copyright {
		text-align: right;
		margin-top: 0;
	}
	footer .custom-html-widget {
	margin: 0;
}
}
.copyright a {
	color:var(--yellow);
	text-decoration: none;
}
.copyright a:after {
	content:' | ';
	color:#fff;
}
.copyright a:first-child {
	margin-left: 5px;
}
.copyright a:last-child:after {
	content: none;
}
.copyright a:hover {
	color:#fff;
}
footer p {
	font-size: 12px;
	line-height: 16px;
	font-family: 'Merriweather', serif;
	color:#fff;
	    margin-bottom: 0;
    margin-top: 5px;
}
.footer-logo {
	margin-bottom: 25px;
}
.footer-logo img {
	max-width: 140px;
}
/* FORMS */
footer .kfx-form .color-filter{
	display: none;
}
@media only screen and (min-width: 1025px) {
footer .kfx-form {
	min-width: 420px;
}
}
footer .gform_legacy_markup_wrapper div.validation_error {
    color: #fff!important;
    border-top: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
}
footer .gform_validation_errors {
    border: 1px solid #fff!important;
    box-shadow: 0 0 0 #fff!important;
    border-radius: 2px!important;
}
.gform_validation_errors>h2 {
    line-height: 24px;
}
footer .gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255,255,255,.25)!important;
    margin-bottom: 6px!important;
    border-top: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
}
footer .gform_legacy_markup_wrapper .validation_message {
    color: #fff!important;
    padding: 0 10px!important;
}
footer .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper li.gfield_error textarea {
    border: 0px solid #fff!important;
}
footer .gform_validation_errors>h2 {
    color: #fff!important;
}
.kfx-form .gform_description {
	font-family: 'Merriweather', serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}
.kfx-form .gform_wrapper {
    margin-top: 0;
}
.gform_wrapper .gform_footer {
    margin: 0!important;
}
.gform_body input, input:not(.tribe-events-c-search__input), textarea, .gform_wrapper.gravity-theme .ginput_complex input, select {
    font-family: 'Merriweather', serif!important;
    font-size: 16px!important;
    line-height: 21px!important;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    padding: 14px;
}
.navbar-search input {
	border: 0!important;
	padding: 0!important;
}
.gform_wrapper li.hidden_label input {
    margin-top: 0!important;
}
.gform_button, input[type="submit"] {
    background: var(--yellow);
    border: 0!important;
    color: #004245;
    font-size: 18px!important;
    line-height: 21px!important;
    padding: 15px 30px;
    
    font-family: 'Merriweather', serif;
    text-transform: none;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gform_button:hover {
	background:#d19e01!important;
	cursor: pointer;
}
#extensions_message_3_9, .ginput_counter {
    font-size: 14px!important;
    line-height: 18px;
    margin-bottom: 10px;
    display: inline-block;
}
.gfield_consent_label{
    font-size: 15px;
}
/* INTERNAL PAGES */
.pagecontent, .eventscontent {
	margin-top: 35px;
	overflow: hidden;
}
@media only screen and (min-width: 1023px) {
	.pagecontent, .eventscontent {
		margin-top: 0;
	}
}
/* CATEGORY CUSTOM & INDEX */
.kfx-category {
    display: block;
    margin-bottom:25px;
    clear: both;
}
@media only screen and (min-width: 767px) {
	.kfx-category {
    display: grid;
    grid-template-columns: repeat(12, [col-start] 1fr);
    grid-column-gap: 35px;
    margin-bottom: 50px;
}
}
.kfx-category .sticky .featuredimg, .blog-content .sticky .featuredimg {
	margin-bottom: 20px;
}
.featuredimg {
	margin-bottom: 20px;
	max-width: 100%;
}
@media only screen and (min-width: 1024px) {
	.featuredimg {
		margin-bottom: 0px!important;    
	}
}
 .sticky .featuredimg, .kfx-1 .featuredimg {
	margin-bottom: 20px!important;
}

.category-stripe .kfx-category .post:not(.sticky) .featuredimg.desktop {
    max-width: 200px;
}
.kfx-1 .featuredimg {
	max-width: 100%!important;

}
@media only screen and (min-width: 1024px) {
	.kfx-category .featuredimg {
		max-width: unset!important;   
	}
}
.kfx-category .post.sticky, .kfx-category .kfx-1 {
	display: block;
}
@media only screen and (min-width: 767px) {
.kfx-category .post.sticky, .kfx-category .kfx-1 {
    grid-column:col-start / span 8!important;
    grid-row: 1 / 4;
    display: block!important;
}
.kfx-category .post:not(.sticky):not(.kfx-1), .search-results .post, .search-results .page, .search-results .tribe_events {
    grid-column: col-start 9 / span 8;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 30px;
     border-top: 1px solid #eaeaea;
    padding-top: 25px;	
    margin-bottom: 15px;
}
}
@media only screen and (min-width: 1025px) {

.kfx-category .post:not(.sticky):not(.kfx-1), .search-results .post, .search-results .page, .search-results .tribe_events {
    grid-column: col-start 9 / span 4;
}
}
.kfx-category a:hover, .blog-grid a:hover {

}
.kfx-category .post {
	margin-bottom: 35px;
}
@media only screen and (min-width: 767px) {
	.kfx-category .post {
		margin-bottom: 0px;
	}
}

.excerpt, .excerpt p{
	font-size: 16px;
}


.sub-post .post .post-content {
	margin-bottom: 15px;
}
.blog-grid .post, .cat-grid .post {
	margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;
}
.blog-grid .post.has-post-thumbnail, .cat-grid .post.has-post-thumbnail{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 35px;
}
.blog-grid .post.has-post-thumbnail.sticky {
    display: block;
}

@media only screen and (max-width: 1023px) {
	.blog-grid .post.has-post-thumbnail, .cat-grid .post.has-post-thumbnail {
	    display: block;
	}
}
.author .blog-grid .post.has-post-thumbnail.sticky {
    display: grid;
}
.blog-grid .post .excerpt p, .cat-grid .post .excerpt p {
	margin: 15px 0;
}
.tribe-events-calendar-list__event-description p {
	margin: 15px 0;
	    font-size: 16px;
	    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
    font-family: 'Merriweather', serif;
}

.post:not(.sticky):not(.kfx-1) h3.post-title, .post:not(.sticky):not(.kfx-1) h3.post-title a, .post:not(.sticky):not(.kfx-1) .title h3.post-title, .post:not(.sticky):not(.kfx-1) .title h3.post-title a, .post:not(.sticky):not(.kfx-1) h2.post-title, .post:not(.sticky):not(.kfx-1) h2.post-title a, .post:not(.sticky):not(.kfx-1) .title h2.post-title, .post:not(.sticky):not(.kfx-1) .title h2.post-title a, h3.tribe-events-calendar-list__event-title, h3.tribe-events-calendar-list__event-title a, .author h3.post-title, .author h3.post-title a, h2.members-title, .archive .sticky .post-title, .category .sticky .post-title , .archive .sticky .post-title a, .category .sticky .post-title a{
	font-size: 20px;
    line-height: 24px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
} 
.wp-caption {
    width: 100% !important;
  }
.wp-caption a img {
    max-width: 99.03225806%; 
    height: auto;
  }

.wp-caption p, .wp-caption-text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
    color: var(--teal);
    font-style: italic;
}
.sub-post h4.post-title, .sub-post h4.post-title a {
    font-size: 18px;
    line-height: 22px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
}
h3.post-title, h3.post-title a, h2.post-title, h2.post-title a {
	text-decoration: none;
	color:var(--text);
	margin-bottom: 0;
   font-size: 28px;
    line-height: 34px;
}
@media only screen and (min-width: 767px) {
	h3.post-title, h3.post-title a, h2.post-title, h2.post-title a {
    font-size: 36px;
    line-height: 42px;
}
}
h2.catname a, .blog-content h2.catname, h1.catname a, .blog-content h1.catname, .tribe-events-page-template h1.page-title, h1.catname, h2.headname {
    font-size: 33px;
    line-height: 38px;
    text-transform: uppercase;
    border-left: 10px solid var(--teal);
    padding-left: 10px;
    margin-bottom: 15px;
    text-decoration: none;
    display: block;
    color: var(--text);
}
@media only screen and (min-width: 767px) {
	h2.catname a, .blog-content h2.catname, h1.catname a, .blog-content h1.catname, .tribe-events-page-template h1.page-title, h1.catname, h2.headname {
	    font-size: 48px;
	    line-height: 48px;
	}
}
h2.catname a:hover, h1.catname a:hover {
	color:var(--teal);
}
 .search-results h2, .search-results h2 a {
	font-size: 20px;
    line-height: 24px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
} 
.stripe-section:nth-child(3) h2.catname a{
	border-left: 10px solid var(--yellow);
}
.stripe-section:nth-child(4) h2.catname a{
	border-left: 10px solid var(--orange);
}
.stripe-section:nth-child(2) h2.catname a{
	border-left: 10px solid var(--sand);
}
/* Shortcode */
.stripe-shortcode {
	margin-bottom: 50px;
}
/* CTA */
.stripe-cta {
	padding: 40px;
	color:#fff;
	margin-bottom: 50px;
}
.stripe-cta .grid {
	    grid-column-gap: 30px;
	    align-items: center;
}
.stripe-cta .left, .stripe-cta .right {
	text-align: center;
}
@media only screen and (min-width: 767px) {
	.stripe-cta .left {
	text-align: left;
}
.stripe-cta .right {
	text-align: right;
}
}
.stripe-cta h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
	.stripe-cta h2 {
	    font-size: 46px;
	    line-height: 50px;
	}
}
.stripe-cta p {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    font-family: 'Merriweather', serif;
    color: #fff;
    margin-bottom: 10px;
}
/* SIDEBAR */
@media only screen and (min-width: 768px) {
.sidebar {
	min-width: 300px;
}
}
.sidebar .widget {
	margin-bottom: 35px;
}
.sidebar .kfx-form {
	padding: 40px 30px;
	position: relative;
	margin-bottom: 35px;
	font-family: 'Merriweather', serif;
}
.sidebar .kfx-form h3 {
	margin-bottom: 5px;
}
.sidebar .kfx-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0!important;
}
.sidebar .kfx-form .gform_body input {
    font-size: 15px!important;
}
.tealbg {
	background: var(--teal);
}
.orangebg {
	background: var(--orange);
}
.yellowbg {
	background:var(--yellow);
}

.tealbg, .tealbg h1, .tealbg h2, .tealbg h3, .tealbg h4, .tealbg h5, .tealbg h6, .tealbg p, .orangebg, .orangebg h1, .orangebg h2, .orangebg h3, .orangebg h4, .orangebg h5, .orangebg h6, .orangebg p, .kfx-form.kfx-bg-img, .kfx-form.kfx-bg-img h1, .kfx-form.kfx-bg-img h2, .kfx-form.kfx-bg-img h3, .kfx-form.kfx-bg-img h4, .kfx-form.kfx-bg-img h5, .kfx-form.kfx-bg-img h6, .kfx-form.kfx-bg-img p {
	color:#fff;

}
/* EVENTS */
.eventscontent .tribe-events-l-container {
    padding-bottom: 0!important;
    padding-top: 0!important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
    padding-left: 0!important;
    padding-right: 0!important;
}
h1.tribe-events-single-event-title {
	color: var(--text)!important;
}
.single-tribe_events .tribe-events-schedule {
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: top;
    margin-top: 20px;
    color: var(--text);
}
.single-tribe_events .tribe-events-schedule span {
	color: var(--text);
	    font-weight: normal;
}
.single-tribe_events .tribe-events-content p {
	    font-family: 'Merriweather', serif;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
    margin: 25px 0;
}
.single-tribe_events h1.page-title {
	display: none;
}
.single-tribe_events #tribe-events-pg-template {
    padding: 0;
}
.single-tribe_events .kfx-cat .tribe-events-event-categories-label {
	display: none;
}
.single-tribe_events .share {
margin-left: auto;
}
.single-tribe_events .tribe-events-schedule .tribe-events-cost {
    order: unset;
}
/* TESTING MENU */

.navbar a {

}

#navigation .menu-item-has-children {
	position: relative;
}

#navigation .menu-item-has-children > a {
 padding-left: 0!important;
  margin: 0;
}


#navigation .sub-menu {
  display: none;
  position: absolute;
  z-index: 1;
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    left: 0px;
    opacity: 0;
}

#navigation .sub-menu a {
    float: none;
    padding: 15px 17px;
    display: block!important;
}
#navigation > li.menu-item-has-children:hover > .sub-toggle .fas, #navigation ul.sub-menu li.menu-item-has-children:hover > .sub-toggle .fas {
    transform:rotate(90deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#navigation .sub-menu .sub-menu li:hover a{
   color: var(--orange)!important;
}
#navigation .sub-menu .sub-menu {
	position: relative;
}
.sub-menu a:hover {

}

#navigation .menu-item-has-children:hover > .sub-menu {
  display: block;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}
/* PAGINATION */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: var(--teal);
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	padding: 0.75rem;
	color:#fff!important;
	
}

.navigation li a:hover,
.navigation li.active a {
	background-color: var(--orange);
	color:#fff!important;
}
/* SHARE */
.share {
    display: block;
    float: none;
    margin: 20px 0 5px 0;
}
@media only screen and (min-width: 1025px) {
.share {
    display: inline-block;
    float: right;
    margin-top: 0;
}
}
.share ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-left: 7px;
}
.share ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
        font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
}
.share ul li a:hover {
	color: var(--orange)!important;
}
/* AUTHOR */
.kfx-author a {
	text-decoration: none;
}
.shortcode-author-avatars div.author-list .user {
    display: grid!important;
    float:none;
    width: 100%;
    padding:30px!important;
    text-align: left!important;
}
.author-head {
	display: block;
}
@media only screen and (min-width: 1024px) {
.author-head {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 40px;
}
}
.author-box, .author-list .user, .single .obituary, .member {
    padding: 30px;
    margin-bottom: 50px;
    border: 2px solid var(--teal);
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.obituary {
   display: block;

     border-top: 1px solid #eaeaea;
    padding-top: 25px;	
}

.obit-extra {
	display: block;
	margin-top: 25px;
}
 .obitdetails h2, .obitdetails h2 a, .anndetails h2, .anndetails h2 a {
	font-size: 20px;
    line-height: 24px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
} 
@media only screen and (min-width: 1024px) {
.author-box, .author-list .user, .single .obituary, .archive .obituary, .member, .archive .announcement {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: 20px;
}
}
.author-img, .member-img {
	margin-bottom: 20px;
}
.member-img img {
	max-width: 200px;
}
.author-list .biography p, .author-bio, .member p{

    font-size: 16px;
    line-height: 24px;
        margin-top: 0;
}
.author-list .avatar {
	margin-bottom: 15px;
}
.author-list .name {

    font-size: 21px!important;
    line-height: 24px;
}
.author-desc h3, .author-desc h3 a {

    font-size: 21px;
    line-height: 24px;
    text-decoration: none;
    margin-bottom: 10px;
}
p.author-bio:empty {
	display: none;
}
.author-desc h3 a:hover {
	color:var(--yellow)!important;
}
.author-archive .button:hover {
	color:#fff!important;
}
.social-author {
	margin-bottom: 15px;
	}
@media only screen and (min-width: 1024px) {
	.social-author {
	text-align: right;
	}
}
.social-author a {

	display: inline-block;
	vertical-align: top;
	margin: 0px 15px 10px 0;
	text-decoration: none;
	font-size: 21px;
	line-height: 21px;
}
.social-author a:hover {
	color: var(--orange)!important;
}
/* PHOTO CREDIT CAPTION */
.photo-credit {
    display: inline-block;
    margin-left: 10px;
}
/* OBITUARY */
.obitdetails p, .anndetails p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 5px;
}
.obitdetails p:last-child {

}
.archive .veteran img {
	max-width: 75px;
}
.archive .obituary, .archive .announcement {
    margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;
    border-top: 0;
}
.archive .obitimg, .archive .annimg {
	margin-bottom: 25px;
}
.obit-head {
    display: block;
    position: relative;
    overflow: hidden;
}
.obit-head .page-title {
	float: left;
}
.obit-head .veteran {
	margin-bottom: 20px;
}
.veteran {
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.2em;
     margin: 0 0 0 20px;
}
.veteran.desktop {
	display: none;
}
.veteran.mobile {
    display: block;
}
@media only screen and (min-width: 1024px) {
.veteran.desktop {
	display: block;
}
.veteran.mobile {
	display: none;
}
}

.veteran img {
	display: block;
	margin-bottom: 5px;
}
h2.obit-name, h2.obit-name a {
    font-size: 24px;
    line-height: 26px;
     margin-bottom: 5px;

     text-decoration: none;
}
@media only screen and (min-width: 1024px) {
h2.obit-name, h2.obit-name a {
   
    font-size: 26px;
    line-height: 32px;
}
}
.obitdetails h4, .anndetails h4 {
    margin-top: 25px;
    margin-bottom: 10px;
}
.obitdetails .button {
	margin-top: 25px;
}
.obitdetails .button:hover {

}
/* BUTTON */
.button {
	margin-bottom: 10px;
}
.button, .pagination .alignright a, .pagination .alignleft a{
    background: var(--yellow);
    border: 0!important;
    color: #004245!important;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 22px;
    display: inline-block;
    font-family: 'Merriweather', serif;
    text-transform: none;
    text-decoration: none!important;
    font-weight: bold;
}
.button:hover, .pagination .alignright a:hover, .pagination .alignleft a:hover {
	background:#d19e01!important;
	color: #004245!important;
}

.yellowbtn:hover {
	background:#d19e01!important;
}
.button.orangebtn {
	background:var(--orange)!important;
	color:#fff!important;
}
.button.orangebtn:hover {
	background: #952d1f!important;
}
.yellowbg .button {
	background:var(--orange)!important;
	color:#fff!important;
}
.yellowbg .button:hover {
	background: #952d1f!important;
	color:#fff!important;
}
.orangebg .button:hover {
	background:#d19e01!important;
	color:#004245!important;
}
.button.bigbtn {
    font-size: 21px;
    line-height: 24px;
    padding: 18px 45px;
    display: inline-block;
}
.button.btnrow:not(:last-child) {
	margin-right: 10px;
}

/* STICK */
.stick {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
}
/* STRIPE TEXT SIDEBAR W/ FORM */

.stripe-text .sidebar .gform_wrapper {
	padding: 40px 30px;
    position: relative;
    margin-bottom: 35px;
    font-family: 'Merriweather', serif;
    background: var(--teal);
    color:#fff;
}
.page-template-site-stripes .row .row {
	padding: 0;
}
/* MEMBERS STRIPE */
.member .social-links {
	margin: 10px 0;
}
.member .social-links li a {
    font-size: 18px;
    color: var(--teal);
    line-height: 21px;
}
.member .social-links a:hover {
	color:var(--orange)!important;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.member-desc h3 {

    font-size: 21px;
    line-height: 24px;
    text-decoration: none;
    margin-bottom: 0px;
}
.member-desc small {
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.featuredimg.desktop {
		display: none;
	}	
}
@media only screen and (min-width: 768px) {
	.featuredimg.mobile {
		display: none;
	}	
}
.refresh-please {
	
}
.tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    border: 1px solid var(--teal)!important;
    color: var(--teal)!important;
}

ribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: var(--teal)!important;
    color: var(--tec-color-background)!important;
}

.tribe-events .tribe-events-c-search__button {
    background-color: var(--teal)!important;
}

.tribe-events .tribe-events-c-search__button:hover {
    background-color: var(--orange)!important;
}
.home .kfx-bg-img.hero {
	background-position-y: top !important;
}
.gallery {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.gallery.gallery-columns-1 {
		grid-template-columns: repeat(1, 1fr);
}
.gallery.gallery-columns-2 {
		grid-template-columns: repeat(2, 1fr);
}
.gallery.gallery-columns-3 {
		grid-template-columns: repeat(3, 1fr);
}
.gallery.gallery-columns-4 {
		grid-template-columns: repeat(4, 1fr);
}
.gallery.gallery-columns-5 {
		grid-template-columns: repeat(5, 1fr);
}
.gallery.gallery-columns-6 {
		grid-template-columns: repeat(6, 1fr);
}
.gallery.gallery-columns-7 {
		grid-template-columns: repeat(7, 1fr);
}
.gallery.gallery-columns-8 {
		grid-template-columns: repeat(8, 1fr);
}
.gallery.gallery-columns-9 {
		grid-template-columns: repeat(9, 1fr);
}
/* SPONSORS */
.sponsor {
    border: 1px solid #dfdfdf;
    padding: 25px;
    text-align: center;
}
.sponsor-grid .sponsor {
    align-content: center
}
.stripe-headline {
	margin-bottom: 50px;
}
/* PRINT FRIENDLY */
.printfriendly {
    z-index: 0!important;
}
/* TEAL BORDER AROUND TEXT STRIPE  */
.stripe-text.highlight {
	border: 3px solid var(--teal);
    padding: 35px;
    margin-bottom: 35px;
}
.stripe-text.highlight p:last-child {
	margin-bottom:0;
}
/* CODE BOX */
.stripe-code {
	margin-bottom: 30px;
    text-align: center;
}
/* DOTLESS BULLETS */
ul.nodots {
	list-style:none;
}
/* MULTI COLUMN LIST */
ul.multi {
}
@media only screen and (min-width: 767px) {
	ul.multi {
	  columns: 2;
	  -webkit-columns: 2;
	  -moz-columns: 2;
	}
}
@media only screen and (min-width: 769px) {
	ul.multi {
	  columns: 3;
	  -webkit-columns: 3;
	  -moz-columns: 3;
	}
}
@media only screen and (min-width: 1025px) {
	ul.multi {
	  columns: 4;
	  -webkit-columns: 4;
	  -moz-columns: 4;
	}
}
/* STRIPE LINKS */
ul.link-list  {
    margin: 0 0 25px 0;
    display: block;
    padding: 0;
    list-style: none;
}
ul.link-list li {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-family: roboto;
    font-weight: 700;
    border-bottom: 1px solid #c8c8c8;
    padding: 0 0 15px 0;
    margin: 0 0 10px 0;
}
@media only screen and (min-width: 767px) {
ul.link-list li {
	display: inline-block;
    border-right: 1px solid #333;
    padding: 0 15px 0 0;
   margin: 0px 10px 0 0px;
   border-bottom: 0;
}
}
ul.link-list li:last-child {
	padding-right: 0;
	border-right: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
ul.link-list li a {
	color: var(--teal);
}
ul.link-list li a:hover {
	color: var(--orange);
}
.ad {
	margin: auto;
}
.ad::before {
    content: "Advertisement";
    font-size: 12px;
    font-weight:bold;
	display: block;
	text-align: center;
}
.ad-container.adhesion {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(250, 250, 250, 0.9);
	z-index: 100;
}

@media only screen and (min-width: 1023px) {
	.mobile, .mobile-ad {
		display: none;
	}
}
@media only screen and (max-width: 1023px) {
	.desktop, .desktop-ad {
		display: none;
	}
}
@media only screen and (min-width: 1023px) {
	.pagecontent {
		overflow: unset !important;
	}
}
.kfx-ad, .sidebar div:last-child {
	position: sticky;
	top: 6em;
}
@media only screen and (min-width: 1151px) {
	.kfx-ad, .sidebar div:last-child {
		top: 3em;
	}
}
.cmplz-bottom-right {
    bottom: 100px
}

/* Spotlight Ad */
.spotlight {
    width: 100%;
    z-index: 99;
    position: relative;
    display: block;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0;
    transition: 1s;
    z-index: -1;
}
.overlay.active {
    z-index: 98;
    opacity: 0.5;
}
.spotlight {
    background: #fff;
    border: 1px solid var(--teal);
    padding: 40px 30px 30px;
    margin-bottom: 35px;
    box-shadow: 0 10px 10px 0 rgb(42 130 137 / 10%);
    border-left: 20px solid var(--teal);
}
.spotlight-container {
    display: inline-grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}
 @media(max-width:767px) {
    .spotlight-container {
	    display: block;
	}
}
.logo-container {
	margin-bottom: 20px;
}
.spotlight-button:hover {
    color: white;
    background-color: var(--orange);
    transition: 1s;
}

@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Gig Harbor Now
Theme URI: https://www.gigharbornow.org
Description: For the use of Gig Harbor Now
Author: Carina Gomez
Author URI:  https://www.kstudiofx.com/
Version: 1.0
.
This theme is for the use of Gig Harbor Now only. It is not to be redistributed or resold in any way.
.
*/

/* Modified on 11-15-21 */

:root {
  --teal: #2a8289;
  --yellow: #ffbf00;
  --orange: #bd3928;
  --sand: #ead6b2;
  --txtgray: #111;
  --text: #154144;
}
*{
	box-sizing: border-box;
}
html {
  position: static ;
  top: 0 ;
  box-sizing: border-box;
}

*, :after, :before {
  box-sizing: inherit;
}

body, html {
  max-width: 100%;
  -webkit-tap-highlight-color: transparent;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

body {
	font-family: 'Merriweather', serif;
	font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
	margin: 0;
	padding: 0;
	background: #fff;
}
*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
 }
input[type=submit], textarea { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; }
* { -webkit-tap-highlight-color:transparent; }
/*
div, a, section, article, span, img, h1, h2, h3, h4, h5, h6 { -webkit-user-select:none; -moz-user-select:none; }
*/
p {
	font-family: 'Merriweather', serif;
	font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
	margin: 25px 0;
}
p:first-child {
	margin-top: 0;
}
img {
    height: auto;
    vertical-align: top;
    max-width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a {
color: var(--teal);
text-decoration:underline;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}

a:visited {
color: #2093bb;
}
a:hover, a:active, a:focus{
color: var(--orange);
outline: 0px none!important;
cursor: pointer;
}
a:active, a:focus { outline: none; }
input::-moz-focus-inner { 
  border: 0; 
}
.row{width:100%;max-width:1200px;min-width:320px;margin:0 auto;padding-left:20px;padding-right:20px;position: relative;}
img,object,embed{max-width:100%;height:auto}
img{-ms-interpolation-mode:bicubic}
@media only screen and (max-width:1023px){body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0}
.container{min-width:0;margin-left:0;margin-right:0}
.row{width:100%;min-width:0;margin-left:0;margin-right:0}
}
.grid, .blog-grid, .page-grid, .flex, .cat-grid,.sponsor-box {
	display: block;
}    
@media only screen and (min-width: 1024px) {
	.blog-grid, .cat-grid {
		display: grid;
	    grid-column-gap: 40px;
	    grid-row-gap: 40px;
	    grid-template-columns: 3fr 1fr;
		grid-template-rows: 1fr;
		}
	}
@media only screen and (min-width: 768px) {
	.grid, .page-grid {
		display: grid;
	    grid-column-gap: 40px;
	    grid-row-gap: 40px;
		}
	.page-grid {
		grid-template-columns: 3fr 1fr;
		grid-template-rows: 1fr;
	}
	.grid.four-col {
		grid-template-columns: repeat(4, 1fr);
	}
	.grid.three-col {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid.two-col {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid.sidebar-col {
		grid-template-columns: 4fr 2fr;
	}
		.sponsor-box {
		grid-template-columns: 1fr 2fr;
	    display: grid;
	    grid-column-gap: 20px;
	    grid-row-gap: 20px;
}
	.flex {
		display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding-left:20px;
    padding-right:20px;
        gap: 35px;
    }
}
#logo img {
	max-height: 100px;
}
@media only screen and (min-width: 1023px) {
	#logo img {
		max-height: unset;
	}
}

#logo a:hover {
   text-decoration: none;
   cursor: pointer;
}
.clear {
	clear:both;
} 

.last {
	margin-right: 0;
}
hr {
	border-top: 1px solid #e1e1e1;
	width: 100%;
	clear: both;
}
ul, ol{
    margin-bottom: 25px;
    padding-left: 15px;
}
ul li {
	margin-bottom:5px;
	font-size: 16px;
	line-height: 24px
}
ol li {
    list-style: decimal outside none;
	margin-bottom:5px;
}


img.alignleft, img.alignright, img.aligncenter, img.alignnone, .featuredimg img{
	border: 0;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.alignright, .alignnone, .alignleft  {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    margin-top: 5px;
}
@media only screen and (min-width: 1024px) {
	.alignright {
	    float:right;
	    margin: 5px 0 20px 20px;
	}
	
	.alignleft {
	    float: left;
	    margin: 5px 20px 20px 0;
	}
	
	.aligncenter {
	    display: block;
	    margin: 5px auto 5px auto;
	}
	.alignnone {
	    margin: 5px 20px 20px 0;
	}
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	font-family: 'Merriweather', serif;

}
h1, h1 a {
		font-size: 42px;
		line-height: 46px;
	}
	h2, h2 a, h1.page-title, h1.page-title a, .tribe-events-single-event-title, .h2, .h2 a {
	font-size: 30px;
		line-height: 32px;
		 margin-bottom: 20px;
	}
	.h2 {
		font-weight: bold;
	}
	h3, h3 a {
	font-size: 24px;
		line-height: 26px;
	}
	h4, h4 a {
	font-size: 20px;
		line-height: 24px;
	}
	h5, h5 a {
	font-size: 18px;
		line-height: 21px;
	}
	
	

@media only screen and (min-width: 1024px) {
	h1, h1 a {
	    font-size: 40px;
	    line-height: 55px;
	    margin-bottom: 20px;
	    
	}
	h2, h2 a, h1.page-title, h1.page-title a, h1.tribe-events-single-event-title {
		font-size: 34px;
		line-height: 40px;
		margin-bottom:20px;
		
	}
	h3, h3 a {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	h4, h4 a{
		font-size: 21px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	
	h5, h5 a {
		font-size: 18px;
		line-height: 24px;
	
		margin-bottom: 15px;
	}
	h6, h6 a {
		font-size: 16px;
		line-height: 18px;
	
		margin-bottom: 15px;
	}

}

small, .tribe-events-calendar-list__event-datetime, .tribe-events-calendar-list__event-datetime span, .tribe-events-schedule h2 span, .tribe-events-schedule span {
    font-family: 'Roboto'!important;
        font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: var(--teal);
    text-transform: uppercase;
}
.tribe-events-schedule .tribe-events-cost {
    font-size: 14px!important;
  }
/* HEADER */
#header {
	position: absolute;
	top: 20px;
	width: 100%;
	z-index: 4;
}
@media only screen and (min-width: 1025px) {
	#header {
		top: 50px;
	}
}
/* HERO */
.hero {
    height: 80vh;
    position: relative;
    display: flex;
    align-content: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.hero {
	    height: 60vh;
	}
}
.hero:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0;
    top: 0;
    opacity: .3;
    z-index: 1;
    background: linear-gradient(
180deg
,rgba(0,0,0,.98) 0,rgba(0,0,0,.92) 12%,rgba(0,0,0,.83) 21%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.36) 48%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.16) 63%,rgba(0,0,0,.05) 78%,transparent);
    pointer-events: none;
}
.hero:after {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(
180deg
,transparent 0,rgba(0,0,0,.05) 22%,rgba(0,0,0,.17) 38%,rgba(0,0,0,.31) 49%,rgba(0,0,0,.65) 67%,rgba(0,0,0,.81) 77%,rgba(0,0,0,.91) 85%,rgba(0,0,0,.97) 97%,#000);
    pointer-events: none;
}
@media only screen and (max-width: 1200px) {
	.hero:after, .kfx-title:after {
    height: 100%;
    }
}
@media only screen and (max-width: 1023px) {
	.hero:after, .kfx-title:after {
    height: 150%;
    }
}
.hero a {
	color: #fff;
	text-decoration: none;
}
.kfx-date {
	font-family: 'Roboto';
}
.title-stripe {
	color: #fff;
	z-index: 10;
	max-width: 850px;
}
.title-stripe h2 {
	text-transform: uppercase;
}
.title-stripe h2 a{
	color:#fff;
	text-decoration: none;
}
.hero .title-stripe {
	max-width: 850px;
	display: inline-block;
}

.hero-holder {
	z-index: 10;
}
.kfx-cat {
	margin: 0;
}
@media only screen and (max-width: 767px) {
.hero-holder h1.page-title {
	margin-bottom: 10px;
}
}
.kfx-cat a {
    background: var(--yellow);
    color: var(--text);
    font-family: 'Roboto';
    text-transform: uppercase;
    display: inline-block;
    padding: 3px 5px 2px 5px;
    font-size: 21px;
    text-decoration: none;
    line-height: 23px;
    margin-bottom: 5px;
}
.single .kfx-cat a {
	font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px;
}
.kfx-meta {
    font-family: 'Roboto';
    text-transform: uppercase;
        font-size: 14px;
    line-height: 14px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: top;
    margin-top: 20px;
    margin-bottom: 20px;
}
.kfx-meta span {
    display: block;
    vertical-align: top;
    margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.kfx-meta span {
	display: inline-block;

}
}
@media only screen and (min-width: 768px) {
.kfx-meta span + span:before {
	content: ' | ';
	position: relative;
	color: var(--text);
}
}
.hero h2, .hero h2 a, .title-stripe h2, .title-stripe h2 a {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
	.hero h2, .hero h2 a, .title-stripe h2, .title-stripe h2 a {
		font-size: 45px;
		line-height: 55px;
	}
}
.kfx-bg-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	    position: relative;
}
.arrow-down i{
    color: var(--sand);
    font-size: 40px;
}
@media only screen and (min-width: 768px) {
	.arrow-down i{
	    font-size: 50px;
	}
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}	
.color-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background:rgb(42 130 137 / 80%);
    height: 100%;
    z-index: -1;
}
blockquote {
	width: 350px;
    max-width: 50%;
    margin: 0 0 .875rem 40px;
    padding: 1em;
    border-top: 1px var(--yellow) solid;
    border-bottom: 1px var(--yellow) solid;
    float: right;
    font-size: 18px;
}
blockquote p {
	 font-size: 18px;
}
blockquote p:last-child {
	margin-bottom: 0;
}
/* INTERNAL TITLES */
.title-holder {
    height: 300px;
    display: flex;
    align-content: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 20px;
    text-align: right;
    position: relative;
}
@media only screen and (min-width: 1025px) {
	.single .title-holder {
	height: 400px;
}
}
.kfx-title {
	position: relative;
}
/* MENU */
.menu-holder  {
	display: none;
	border: 1px solid rgb(47 143 152 / 15%);
	background-color:#fff;
  box-shadow: 0px 4px 4px 0px rgba(42, 130, 137, 0.1);
  margin-bottom: 50px;
position: sticky;
    top: 0px;
    z-index: 3;
    position: -webkit-sticky
}
@media only screen and (min-width: 768px) {
	.menu-holder  {
		display: block;
	}	
}
.navigation {
	margin-bottom: 20px;
}
#navigation .right-extras {
	display: inline-block;
	float: right;
	text-align: right;
	padding: 0;
	    color: var(--teal);
    font-size: 19px;
    vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	#navigation .right-extras {
		display: block;
	    text-align: center;
	    float: none;
	}
}
#navigation .navbtn {
    padding: 0;
    margin-left: 15px;
}
#navigation {
	padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	#navigation {
		text-align: center;
		padding-top: 0;
	}
}
#navigation ul, .navigation ul {
	margin: 0;
	padding: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #6FB7E9;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #3C8DC5;
}
#navigation li {
    display: inline-block;
    margin: 0;
	vertical-align: middle;
    padding: 15px 17px;
    font-size: 17px;
    line-height: 24px;
}
#navigation li.menu-item {
	padding: 0;
}
#navigation li.social-icon {
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 1065px) {

}
#navigation li:before, .overlay-menu li:before {
	display: none;
}
#navigation > li:first-child {

}
#navigation li:last-child {

}
#navigation li a {
    color: var(--teal);
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    transition-duration: 0.2s;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    text-decoration: none;
}
#navigation li.menu-item a {
	padding: 15px 17px;
    display: inline-block;
}

.menu-item-has-children {
	padding-left: 10px!important;
}


.current-menu-item:not(.footer-menu li), #navigation .current-menu-item .sub-toggle, #navigation li:hover, #navigation .sub-toggle:hover {
	cursor: pointer;
	background:#f5f5f5;
}
.btn-header-search:hover {
	background:transparent;
	color:var(--orange);
}
#search-top{
    position: absolute;
    top: 9px;
    right: 100px;
    cursor: pointer;
    z-index: 1000;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    color: #fff;
    font-size: 30px;
    text-shadow: 3px 3px 9px var(--text);
}
#search-top a {
	color:#fff;
}
.sub-menu {
    display: none;
    position: absolute;
    top: 55px;
    padding: 0;
    background: #fff;
    border: 1px solid #f5f5f5;
    width: 300px;
    z-index: 100;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	.sub-menu {
	    top: 50px;
	    text-align: left;
	}
}
.sub-menu li {
    display: block!important;
    line-height: 21px;
    border: 0!important;
    padding: 0!important;
}

.sub-menu li:last-child {
	
}
.sub-menu li a {
font-size: 16px;
    line-height: 16px;
    padding: 15px 17px;
    display: block!important;
}
.sub-menu li a:hover {
    color:var(--teal);
}
.sub-menu li ul.sub-menu {
    width: 100%;
    position: relative;
    top: 10px;
    margin-bottom: 0;
    border: 0;
    background: transparent;
    padding-left: 25px;
}
.sub-menu li ul.sub-menu li {
	padding: 10px!important;
}
span.sub-toggle {
    top: 1px;
    position: relative;
    color: var(--teal);
    font-size: 21px;
    margin-right: 6px;
}
.overlay-menu span.sub-toggle {
    position: absolute;
    color: var(--teal);
    left: 0;
}
.overlay-menu .menu-item-has-children > a{
	padding-left: 25px;
}
.overlay-menu .sub-menu li {
    padding: 0 20px 15px 20px;
 
}
#navigation .button {
    background: var(--yellow);
    border: 0!important;
    color: #004245;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 22px;
    
    font-family: 'Merriweather', serif;
    text-transform: none;
}
#navigation .btn-header-search {

}
#navigation .btn-header-search a {

}

#navigation .button:hover {

	cursor: pointer;
}

#navigation .orangebtn:hover {
	
}
.overlay-menu .button {
	    font-size: 18px!important;
    line-height: 24px;
    display: inline-block;
}
#navigation .current_page_item.button a {
	color:var(--orange)!important;
}
#navigation .current_page_item.button:hover a {
	color:var(--orange)!important;
	cursor: pointer;
}
.button_container {
    position: absolute;
    top: 0;
    right: 20px;
    height: 55px;
    width: 55px;
    cursor: pointer;
    z-index: 1000;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: var(--teal);
}
@media only screen and (min-width: 1025px) {
	.button_container {

	}
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top, .overlay-menu-holder.open .button_container .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background:#fff;
}
.button_container.active .middle, .overlay-menu-holder.open .button_container .middle {
  opacity: 0;
  background: #fff;
}
.button_container.active .bottom, .overlay-menu-holder.open .button_container .bottom {
  -webkit-transform: translateY(-13px) translateX(0) rotate(-45deg);
          transform: translateY(-13px) translateX(0) rotate(-45deg);
  background:#fff;
}
.button_container span {
    background: #fff;
    border: none;
    height: 6px;
    width: 66%;
    position: absolute;
    top: 13px;
    left: 18%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    border-radius: 2px;
}
.button_container span:nth-of-type(2) {
    top: 25px;
}
.button_container span:nth-of-type(3) {
    top: 37px;
}
.overlay-menu #logo {
	text-align: left;
	margin-bottom: 25px;
}
.overlay-menu #logo img {
	max-height: 100px;
}
.overlay-menu .sub-menu {
    border: 0;
    font-size: 16px;
    position: relative;
    top: 0;
    display: none;
    margin: 15px auto;
    width: 100%;
    opacity: 1;
    padding: 20px;
    border: 1px solid rgb(48 48 48 / 10%)
}
.overlay-menu .sub-menu li {
	margin-bottom: 5px;
}
.overlay-menu .sub-menu li a {
	font-size: 18px;
	line-height: 28px;
	padding: 0;
}
.overlay-menu .sub-menu .sub-menu li a {
    font-size: 16px;
    line-height: 21px;
}
.overlay-menu .sub-menu li a:hover{

}
.overlay-menu .sub-menu li ul.sub-menu {
    top: 0;
    padding: 0 0 0 25px;
}
.overlay-menu-holder {
  position: fixed;
  background: #f5f5f5;
  top: 0;
  right: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index: 100;
      max-width: 500px;
      padding: 30px 60px 40px 40px;
}
@media only screen and (min-width: 768px) {
	.overlay-menu-holder {
	  width: 60%;
	}
}
@media only screen and (min-width: 1025px) {
	.overlay-menu-holder {
	  width: 40%;
	}
}
.overlay-menu-holder.open {
  opacity:1;
  visibility: visible;
  height: 100%;
  z-index: 1000;
      overflow-y: auto;
}
.noscroll { 
  overflow: hidden;
}
.overlay-menu-holder.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay-menu-holder.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay-menu-holder.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay-menu-holder.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay-menu-holder nav {
  position: relative;
  height: 70%;
  font-size: 21px;
  font-weight: 400;
  padding-bottom: 30px;
    text-align:left;
}
.overlay-menu-holder ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay-menu-holder ul li {
  display: block;
  min-height: 30px;
  position: relative;
  opacity: 0;
}
.overlay-menu-holder ul li a {
  display: block;
  position: relative;
  color: #FFF!important;
  text-decoration: none;
  overflow: hidden;
}
.overlay-menu-holder ul li a:hover:after, .overlay-menu-holder ul li a:focus:after, .overlay-menu-holder ul li a:active:after {
  width: 85%;
}
.overlay-menu-holder ul li.current-menu-item a {
	color:var(--orange)!important;
	border: 0!important;
}

.overlay-menu-holder ul.sub-menu li {
	padding-bottom: 5px;
}
.overlay-menu-holder > ul.sub-menu li:not(.menu-item-has-children) {
       padding-left: 47px!important;
}
.overlay-menu-holder ul.sub-menu li a:after {
	
}
.overlay-menu-holder ul li.button a:hover:after {
	width: 0%;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.overlay-menu-holder.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay-menu-holder.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay-menu-holder.open nav.overlay-menu {
	top: 20px;
}
.overlay-menu-holder ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: unset;

  width: 100%;
}
.overlay-menu-holder ul li {
  display: block;
  min-height: 30px;
  position: relative;
  opacity: 0;
  margin-bottom: 20px;
  width: 100%;
}
.overlay-menu-holder ul li a {
  display: block;
  position: relative;
  color:var(--text)!important;
  text-decoration: none;
  overflow: hidden;
    font-size: 21px;
  font-weight: 400;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.button_container.outside.active {
	/*display: none; disappear when overlay menu open */
}
.overlay-menu li.btn-header-search {
    display: inline-block;
    margin-right: 15px;
    width: auto;
}
.overlay-menu .menuline {
	margin-right: 15px;
}
.overlay-menu li.social-icon {
	display: inline-block;
    margin-right: 15px;
    width: auto;
}

/* SEARCH BOX */
#search {
    position: fixed;
  top: 0;
  left: 0;
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  background-color: rgb(0 0 0 / 80%);
  opacity: 0;
  z-index: 99999;
  transition: all 0.3s ease 0s;
}

#search.open {
    visibility: visible;
  opacity: 1;
}


#search .btn {

}
#search .close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgb(255 255 255 / 25%);
    font-size: 18px;
    border: 1px solid #fff;
    opacity: 1 !important;
    z-index: 999;
    transition: all 0.3s;
    outline: none;
    color: #ffffff;
}
#search .close:hover {
	 background: var(--teal)!important;
	color: #ffffff;
    
	cursor: pointer;
}
.search-global-input {
    width: 100%;
    padding-right: 50px!important;
    padding-bottom: 12px!important;
    font-weight: 700;
    font-size: 36px!important;
    color: var(--teal);
    border: none;
    border-bottom: 1px solid #e0e0e0;
    background-color: transparent;
    opacity: 1;
}
.search-global-btn {

    top: 0;
    right: 0;
    font-size: 40px;
    color: #dedede;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
    outline: none;
}
.search-global-btn:hover {
    color: var(--teal);
    cursor: pointer;
}
.navbar-search {
    max-width: 750px;
    position: relative;
    top: 50vh;
    width: 100%;
    margin: -120px auto;
    padding: 0 35px;
}
input[type=search] {
    -webkit-appearance: none;
}
.search-global-input:focus {
    outline-style: none;
}
.search-global-input:focus-visible {
  outline-style: none;
}
#searchform {
	position: relative;
	border-radius: 2px;
    border: 1px solid #dbdbdb;
    padding: 14px!important;
    display: flex;
    align-items: center;
    align-content: center;
        background: #fff;
}

@media (max-width: 1024px){
  .search-global-input{
    font-size: 46px;
  }

  .search-global-btn{

  }
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

::-moz-placeholder{color:#d2d2d2;opacity:1}
:-ms-input-placeholder{color:#d2d2d2}
::-webkit-input-placeholder{color:#d2d2d2}

@media (max-width: 980px) {
	.search-global-input {
		font-size: 50px;
  }
  
  .search-field{
    font-size: 50px !important;
  }
	
	.search-global-btn {
 
	}
}

@media (max-width: 786px){
  .search-global-input{
    font-size: 40px;
  }

  .search-global-btn{

  }
}


@media (max-width: 630px) {
	.search-global-input {
		font-size: 20px;
  }
  
  .search-field{
    font-size: 20px !important;
  }

}


@media only screen and (max-width: 570px) {

  .search-global-btn {
    font-size: 20px;
  }
}

@media (max-width: 295px) {
	.search-global-input {
		font-size: 15px;
  }
  
  .search-field{
    font-size: 15px !important;
  }
}
footer {
    padding: 40px 20px;
    margin: 40px 0 100px 0;
    font-size: 12px;
    line-height: 16px;
    background: var(--text);
    color: #fff;
    font-family: 'Merriweather', serif;
	
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
	footer .flex {
		display: block;
		text-align: center;
	}
	footer .right {
		text-align: center;
	}
}
.footer-grid {
    display: grid;
    grid-template-columns:2fr 5fr 5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 0px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.footer-grid {
    display: block;
    }
}
footer a, footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
}
.footer-menu {
	text-align:center;
}
@media only screen and (min-width: 1024px) {
	.footer-menu {
		text-align: right;
	}
}
.contact-info {
	min-width: 175px;
}
@media only screen and (max-width: 767px) {
.contact-info {
	text-align: center;
}
.contact-info a {
	color: var(--yellow);
}
footer {
	text-align: center;
}
.right {
	text-align: center;
}
}
.footer-menu li {
    list-style: none;
    margin-bottom: 5px;
}
.footer-menu li a {
	text-transform:none;
	color:#fff;
	font-weight: 700;
	text-decoration: none;
	font-size: 15px;
    line-height: 21px;
    font-family: 'Merriweather', serif;
}
.footer-menu li a:hover, .footer-menu li.current-menu-item > a {
	color:var(--yellow);
	padding-bottom: 0;
	border: 0;
}
.social-links {
    padding: 0;
    list-style: none;
    margin: 0;
}
.social-links li {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}
.social-links li:last-child {
	margin-right: 0;
}
.social-links li a {
    font-size: 24px;
    color: #fff;
    line-height: 26px;
}
.social-links a:hover {
	color:var(--yellow)!important;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
footer .social-links a {
	color:#fff;
}

footer a:hover {
	color:var(--yellow);
	cursor: pointer;
}
.copyright {
	font-weight: bold;
}
@media only screen and (min-width: 1023px) {
	.copyright {
		text-align: right;
	}
}
.copyright a {
	color:var(--yellow);
	text-decoration: none;
}
.copyright a:after {
	content:' | ';
	color:#fff;
}
.copyright a:first-child {
	margin-left: 5px;
}
.copyright a:last-child:after {
	content: none;
}
.copyright a:hover {
	color:#fff;
}
footer p {
	font-size: 12px;
	line-height: 16px;
	font-family: 'Merriweather', serif;
	color:#fff;
}
.footer-logo {
	margin-bottom: 25px;
}
.footer-logo img {
	max-width: 140px;
}
/* FORMS */
footer .kfx-form .color-filter{
	display: none;
}
@media only screen and (min-width: 1025px) {
footer .kfx-form {
	min-width: 420px;
}
}
footer .gform_legacy_markup_wrapper div.validation_error {
    color: #fff!important;
    border-top: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
}
footer .gform_validation_errors {
    border: 1px solid #fff!important;
    box-shadow: 0 0 0 #fff!important;
    border-radius: 2px!important;
}
.gform_validation_errors>h2 {
    line-height: 24px;
}
footer .gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255,255,255,.25)!important;
    margin-bottom: 6px!important;
    border-top: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
}
footer .gform_legacy_markup_wrapper .validation_message {
    color: #fff!important;
    padding: 0 10px!important;
}
footer .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper li.gfield_error textarea {
    border: 0px solid #fff!important;
}
footer .gform_validation_errors>h2 {
    color: #fff!important;
}
.kfx-form .gform_description {
	font-family: 'Merriweather', serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}
.kfx-form .gform_wrapper {
    margin-top: 0;
}
.gform_wrapper .gform_footer {
    margin: 0!important;
}
.gform_body input, input:not(.tribe-events-c-search__input), textarea, .gform_wrapper.gravity-theme .ginput_complex input, select {
    font-family: 'Merriweather', serif!important;
    font-size: 16px!important;
    line-height: 21px!important;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    padding: 14px!important;
}
.navbar-search input {
	border: 0!important;
	padding: 0!important;
}
.gform_wrapper li.hidden_label input {
    margin-top: 0!important;
}
.gform_button, input[type="submit"] {
    background: var(--yellow);
    border: 0!important;
    color: #004245;
    font-size: 18px!important;
    line-height: 21px!important;
    padding: 15px 30px;
    
    font-family: 'Merriweather', serif;
    text-transform: none;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gform_button:hover {
	background:#d19e01!important;
	cursor: pointer;
}
#extensions_message_3_9, .ginput_counter {
    font-size: 14px!important;
    line-height: 18px;
    margin-bottom: 10px;
    display: inline-block;
}
.gfield_consent_label{
    font-size: 15px;
}
/* INTERNAL PAGES */
.pagecontent, .eventscontent {
	margin-top: 35px;
	overflow: hidden;
}
@media only screen and (min-width: 1023px) {
	.pagecontent, .eventscontent {
		margin-top: 0;
	}
}
/* CATEGORY CUSTOM & INDEX */
.kfx-category {
    display: block;
    margin-bottom:25px;
}
@media only screen and (min-width: 767px) {
	.kfx-category {
    display: grid;
    grid-template-columns: repeat(12, [col-start] 1fr);
    grid-column-gap: 35px;
    margin-bottom: 50px;
}
}
.kfx-category .sticky .featuredimg, .blog-content .sticky .featuredimg {
	margin-bottom: 20px;
}
.featuredimg {
	margin-bottom: 20px;
	max-width: 100%;
}
@media only screen and (min-width: 1024px) {
	.featuredimg {
		margin-bottom: 0px!important;    
	}
}
 .sticky .featuredimg, .kfx-1 .featuredimg {
	margin-bottom: 20px!important;
}

.category-stripe .kfx-category .post:not(.sticky) .featuredimg.desktop {
    max-width: 200px;
}
.kfx-1 .featuredimg {
	max-width: 100%!important;

}
@media only screen and (min-width: 1024px) {
	.kfx-category .featuredimg {
		max-width: unset!important;   
	}
}
.kfx-category .post.sticky, .kfx-category .kfx-1 {
	display: block;
}
@media only screen and (min-width: 767px) {
.kfx-category .post.sticky, .kfx-category .kfx-1 {
    grid-column:col-start / span 8!important;
    grid-row: 1 / 4;
    display: block!important;
}
.kfx-category .post:not(.sticky):not(.kfx-1), .search-results .post, .search-results .page, .search-results .tribe_events {
    grid-column: col-start 9 / span 8;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 30px;
     border-top: 1px solid #eaeaea;
    padding-top: 25px;	
    margin-bottom: 15px;
}
}
@media only screen and (min-width: 1025px) {

.kfx-category .post:not(.sticky):not(.kfx-1), .search-results .post, .search-results .page, .search-results .tribe_events {
    grid-column: col-start 9 / span 4;
}
}
.kfx-category a:hover, .blog-grid a:hover {

}
.kfx-category .post {
	margin-bottom: 35px;
}
@media only screen and (min-width: 767px) {
	.kfx-category .post {
		margin-bottom: 0px;
	}
}

.excerpt, .excerpt p{
	font-size: 16px;
}


.sub-post .post .post-content {
	margin-bottom: 15px;
}
.blog-grid .post, .cat-grid .post {
	margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;
}
.blog-grid .post.has-post-thumbnail, .cat-grid .post.has-post-thumbnail{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 35px;
}
.blog-grid .post.has-post-thumbnail.sticky {
    display: block;
}

@media only screen and (max-width: 1023px) {
	.blog-grid .post.has-post-thumbnail, .cat-grid .post.has-post-thumbnail {
	    display: block;
	}
}
.author .blog-grid .post.has-post-thumbnail.sticky {
    display: grid;
}
.blog-grid .post .excerpt p, .cat-grid .post .excerpt p {
	margin: 15px 0;
}
.tribe-events-calendar-list__event-description p {
	margin: 15px 0;
	    font-size: 16px;
	    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
    font-family: 'Merriweather', serif;
}

.post:not(.sticky):not(.kfx-1) h3.post-title, .post:not(.sticky):not(.kfx-1) h3.post-title a, .post:not(.sticky):not(.kfx-1) .title h3.post-title, .post:not(.sticky):not(.kfx-1) .title h3.post-title a, .post:not(.sticky):not(.kfx-1) h2.post-title, .post:not(.sticky):not(.kfx-1) h2.post-title a, .post:not(.sticky):not(.kfx-1) .title h2.post-title, .post:not(.sticky):not(.kfx-1) .title h2.post-title a, h3.tribe-events-calendar-list__event-title, h3.tribe-events-calendar-list__event-title a, .author h3.post-title, .author h3.post-title a, h2.members-title, .archive .sticky .post-title, .category .sticky .post-title , .archive .sticky .post-title a, .category .sticky .post-title a{
	font-size: 20px;
    line-height: 24px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
} 
.wp-caption {
    width: 100% !important;
  }
.wp-caption a img {
    max-width: 99.03225806%; 
    height: auto;
  }

.wp-caption p, .wp-caption-text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
    color: var(--teal);
    font-style: italic;
}
.sub-post h4.post-title, .sub-post h4.post-title a {
    font-size: 18px;
    line-height: 22px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
}
h3.post-title, h3.post-title a, h2.post-title, h2.post-title a {
	text-decoration: none;
	color:var(--text);
	margin-bottom: 0;
   font-size: 28px;
    line-height: 34px;
}
@media only screen and (min-width: 767px) {
	h3.post-title, h3.post-title a, h2.post-title, h2.post-title a {
    font-size: 36px;
    line-height: 42px;
}
}
h2.catname a, .blog-content h2.catname, h1.catname a, .blog-content h1.catname, .tribe-events-page-template h1.page-title, h1.catname, h2.headname {
    font-size: 33px;
    line-height: 38px;
    text-transform: uppercase;
    border-left: 10px solid var(--teal);
    padding-left: 10px;
    margin-bottom: 15px;
    text-decoration: none;
    display: block;
    color: var(--text);
}
@media only screen and (min-width: 767px) {
	h2.catname a, .blog-content h2.catname, h1.catname a, .blog-content h1.catname, .tribe-events-page-template h1.page-title, h1.catname, h2.headname {
	    font-size: 48px;
	    line-height: 48px;
	}
}
h2.catname a:hover, h1.catname a:hover {
	color:var(--teal);
}
 .search-results h2, .search-results h2 a {
	font-size: 20px;
    line-height: 24px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
} 
.stripe-section:nth-child(3) h2.catname a{
	border-left: 10px solid var(--yellow);
}
.stripe-section:nth-child(4) h2.catname a{
	border-left: 10px solid var(--orange);
}
.stripe-section:nth-child(2) h2.catname a{
	border-left: 10px solid var(--sand);
}
/* CTA */
.stripe-cta {
	padding: 40px;
	color:#fff;
	margin-bottom: 50px;
}
.stripe-cta .grid {
	    grid-column-gap: 30px;
	    align-items: center;
}
.stripe-cta .left, .stripe-cta .right {
	text-align: center;
}
@media only screen and (min-width: 767px) {
	.stripe-cta .left {
	text-align: left;
}
.stripe-cta .right {
	text-align: right;
}
}
.stripe-cta h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
	.stripe-cta h2 {
	    font-size: 46px;
	    line-height: 50px;
	}
}
.stripe-cta p {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    font-family: 'Merriweather', serif;
    color: #fff;
    margin-bottom: 10px;
}
/* SIDEBAR */
@media only screen and (min-width: 768px) {
.sidebar {
	min-width: 300px;
}
}
.sidebar .widget {
	margin-bottom: 35px;
}
.sidebar .kfx-form {
	padding: 40px 30px;
	position: relative;
	margin-bottom: 35px;
	font-family: 'Merriweather', serif;
}
.sidebar .kfx-form h3 {
	margin-bottom: 5px;
}
.sidebar .kfx-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0!important;
}
.sidebar .kfx-form .gform_body input {
    font-size: 15px!important;
}
.tealbg {
	background: var(--teal);
}
.orangebg {
	background: var(--orange);
}
.yellowbg {
	background:var(--yellow);
}

.tealbg, .tealbg h1, .tealbg h2, .tealbg h3, .tealbg h4, .tealbg h5, .tealbg h6, .tealbg p, .orangebg, .orangebg h1, .orangebg h2, .orangebg h3, .orangebg h4, .orangebg h5, .orangebg h6, .orangebg p, .kfx-form.kfx-bg-img, .kfx-form.kfx-bg-img h1, .kfx-form.kfx-bg-img h2, .kfx-form.kfx-bg-img h3, .kfx-form.kfx-bg-img h4, .kfx-form.kfx-bg-img h5, .kfx-form.kfx-bg-img h6, .kfx-form.kfx-bg-img p {
	color:#fff;

}
/* EVENTS */
.eventscontent .tribe-events-l-container {
    padding-bottom: 0!important;
    padding-top: 0!important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
    padding-left: 0!important;
    padding-right: 0!important;
}
h1.tribe-events-single-event-title {
	color: var(--text)!important;
}
.single-tribe_events .tribe-events-schedule {
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: top;
    margin-top: 20px;
    color: var(--text);
}
.single-tribe_events .tribe-events-schedule span {
	color: var(--text);
	    font-weight: normal;
}
.single-tribe_events .tribe-events-content p {
	    font-family: 'Merriweather', serif;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
    margin: 25px 0;
}
.single-tribe_events h1.page-title {
	display: none;
}
.single-tribe_events #tribe-events-pg-template {
    padding: 0;
}
.single-tribe_events .kfx-cat .tribe-events-event-categories-label {
	display: none;
}
.single-tribe_events .share {
margin-left: auto;
}
.single-tribe_events .tribe-events-schedule .tribe-events-cost {
    order: unset;
}
/* TESTING MENU */

.navbar a {

}

#navigation .menu-item-has-children {
	position: relative;
}

#navigation .menu-item-has-children > a {
 padding-left: 0!important;
  margin: 0;
}


#navigation .sub-menu {
  display: none;
  position: absolute;
  z-index: 1;
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    left: 0px;
    opacity: 0;
}

#navigation .sub-menu a {
    float: none;
    padding: 15px 17px;
    display: block!important;
}
#navigation > li.menu-item-has-children:hover > .sub-toggle .fas, #navigation ul.sub-menu li.menu-item-has-children:hover > .sub-toggle .fas {
    transform:rotate(90deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#navigation .sub-menu .sub-menu li:hover a{
   color: var(--orange)!important;
}
#navigation .sub-menu .sub-menu {
	position: relative;
}
.sub-menu a:hover {

}

#navigation .menu-item-has-children:hover > .sub-menu {
  display: block;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}
/* PAGINATION */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: var(--teal);
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	padding: 0.75rem;
	color:#fff!important;
	
}

.navigation li a:hover,
.navigation li.active a {
	background-color: var(--orange);
	color:#fff!important;
}
/* SHARE */
.share {
    display: block;
    float: none;
    margin: 20px 0 5px 0;
}
@media only screen and (min-width: 1025px) {
.share {
    display: inline-block;
    float: right;
    margin-top: 0;
}
}
.share ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-left: 7px;
}
.share ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
        font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
}
.share ul li a:hover {
	color: var(--orange)!important;
}
/* AUTHOR */
.kfx-author a {
	text-decoration: none;
}
.shortcode-author-avatars div.author-list .user {
    display: grid!important;
    float:none;
    width: 100%;
    padding:30px!important;
    text-align: left!important;
}
.author-head {
	display: block;
}
@media only screen and (min-width: 1024px) {
.author-head {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 40px;
}
}
.author-box, .author-list .user, .single .obituary, .member {
    padding: 30px;
    margin-bottom: 50px;
    border: 2px solid var(--teal);
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.obituary {
   display: block;

     border-top: 1px solid #eaeaea;
    padding-top: 25px;	
}

.obit-extra {
	display: block;
	margin-top: 25px;
}
 .obitdetails h2, .obitdetails h2 a, .anndetails h2, .anndetails h2 a {
	font-size: 20px;
    line-height: 24px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 5px;
} 
@media only screen and (min-width: 1024px) {
.author-box, .author-list .user, .single .obituary, .archive .obituary, .member {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: 20px;
}
 .archive .announcement {
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-column-gap: 20px;
}
}
.author-img, .member-img {
	margin-bottom: 20px;
}
.member-img img {
	max-width: 200px;
}
.author-list .biography p, .author-bio, .member p{

    font-size: 16px;
    line-height: 24px;
        margin-top: 0;
}
.author-list .avatar {
	margin-bottom: 15px;
}
.author-list .name {

    font-size: 21px!important;
    line-height: 24px;
}
.author-desc h3, .author-desc h3 a {

    font-size: 21px;
    line-height: 24px;
    text-decoration: none;
    margin-bottom: 10px;
}
p.author-bio:empty {
	display: none;
}
.author-desc h3 a:hover {
	color:var(--yellow)!important;
}
.author-archive .button:hover {
	color:#fff!important;
}
.social-author {
	margin-bottom: 15px;
	}
@media only screen and (min-width: 1024px) {
	.social-author {
	text-align: right;
	}
}
.social-author a {

	display: inline-block;
	vertical-align: top;
	margin: 0px 15px 10px 0;
	text-decoration: none;
	font-size: 21px;
	line-height: 21px;
}
.social-author a:hover {
	color: var(--orange)!important;
}
/* PHOTO CREDIT CAPTION */
.photo-credit {
    display: inline-block;
    margin-left: 10px;
}
/* OBITUARY */
.obitdetails p, .anndetails p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 5px;
}
.obitdetails p:last-child {

}
.archive .veteran img {
	max-width: 75px;
}
.archive .obituary, .archive .announcement {
    margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;
    border-top: 0;
}
.archive .obitimg {
	margin-bottom: 25px;
}
.obit-head {
    display: block;
    position: relative;
    overflow: hidden;
}
.obit-head .page-title {
	float: left;
}
.obit-head .veteran {
	margin-bottom: 20px;
}
.veteran {
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.2em;
     margin: 0 0 0 20px;
}
.veteran.desktop {
	display: none;
}
.veteran.mobile {
    display: block;
}
@media only screen and (min-width: 1024px) {
.veteran.desktop {
	display: block;
}
.veteran.mobile {
	display: none;
}
}

.veteran img {
	display: block;
	margin-bottom: 5px;
}
h2.obit-name, h2.obit-name a {
    font-size: 24px;
    line-height: 26px;
     margin-bottom: 5px;

     text-decoration: none;
}
@media only screen and (min-width: 1024px) {
h2.obit-name, h2.obit-name a {
   
    font-size: 26px;
    line-height: 32px;
}
}
.obitdetails h4, .anndetails h4 {
    margin-top: 25px;
    margin-bottom: 10px;
}
.obitdetails .button {
	margin-top: 25px;
}
.obitdetails .button:hover {

}
/* BUTTON */
.button {
	margin-bottom: 10px;
    margin-top: 10px;
}
.button, .pagination .alignright a, .pagination .alignleft a{
    background: var(--yellow);
    border: 0!important;
    color: #004245!important;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 22px;
    display: inline-block;
    font-family: 'Merriweather', serif;
    text-transform: none;
    text-decoration: none!important;
    font-weight: bold;
}
.button:hover, .pagination .alignright a:hover, .pagination .alignleft a:hover {
	background:#d19e01!important;
	color: #004245!important;
}

.yellowbtn:hover {
	background:#d19e01!important;
}
.button.orangebtn {
	background:var(--orange)!important;
	color:#fff!important;
}
.button.orangebtn:hover {
	background: #952d1f!important;
}
.yellowbg .button {
	background:var(--orange)!important;
	color:#fff!important;
}
.yellowbg .button:hover {
	background: #952d1f!important;
	color:#fff!important;
}
.orangebg .button:hover {
	background:#d19e01!important;
	color:#004245!important;
}
.button.bigbtn {
    font-size: 21px;
    line-height: 24px;
    padding: 18px 45px;
    display: inline-block;
}
.button.btnrow:not(:last-child) {
	margin-right: 10px;
}

/* STICK */
.stick {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
}
/* STRIPE TEXT SIDEBAR W/ FORM */

.stripe-text .sidebar .gform_wrapper {
	padding: 40px 30px;
    position: relative;
    margin-bottom: 35px;
    font-family: 'Merriweather', serif;
    background: var(--teal);
    color:#fff;
}
.page-template-site-stripes .row .row {
	padding: 0;
}
/* MEMBERS STRIPE */
.member .social-links {
	margin: 10px 0;
}
.member .social-links li a {
    font-size: 18px;
    color: var(--teal);
    line-height: 21px;
}
.member .social-links a:hover {
	color:var(--orange)!important;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.member-desc h3 {

    font-size: 21px;
    line-height: 24px;
    text-decoration: none;
    margin-bottom: 0px;
}
.member-desc small {
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.featuredimg.desktop {
		display: none;
	}	
}
@media only screen and (min-width: 768px) {
	.featuredimg.mobile {
		display: none;
	}	
	.featuredimg.desktop {
		display: block!important;
	}	
}
.refresh-please {
	
}
.tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    border: 1px solid var(--teal)!important;
    color: var(--teal)!important;
}

ribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: var(--teal)!important;
    color: var(--tec-color-background)!important;
}

.tribe-events .tribe-events-c-search__button {
    background-color: var(--teal)!important;
}

.tribe-events .tribe-events-c-search__button:hover {
    background-color: var(--orange)!important;
}
.home .kfx-bg-img.hero {
	background-position-y: top !important;
}
.gallery {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.gallery.gallery-columns-1 {
		grid-template-columns: repeat(1, 1fr);
}
.gallery.gallery-columns-2 {
		grid-template-columns: repeat(2, 1fr);
}
.gallery.gallery-columns-3 {
		grid-template-columns: repeat(3, 1fr);
}
.gallery.gallery-columns-4 {
		grid-template-columns: repeat(4, 1fr);
}
.gallery.gallery-columns-5 {
		grid-template-columns: repeat(5, 1fr);
}
.gallery.gallery-columns-6 {
		grid-template-columns: repeat(6, 1fr);
}
.gallery.gallery-columns-7 {
		grid-template-columns: repeat(7, 1fr);
}
.gallery.gallery-columns-8 {
		grid-template-columns: repeat(8, 1fr);
}
.gallery.gallery-columns-9 {
		grid-template-columns: repeat(9, 1fr);
}
/* SPONSORS */
.sponsor {
    border: 1px solid #dfdfdf;
    padding: 25px;
    text-align: center;
}
.stripe-headline {
	margin-bottom: 50px;
}
/* PRINT FRIENDLY */
.printfriendly {
    z-index: 0!important;
}
/* TEAL BORDER AROUND TEXT STRIPE  */
.stripe-text.highlight {
	border: 3px solid var(--teal);
    padding: 35px;
    margin-bottom: 35px;
}
/* CODE BOX */
.stripe-code {
	margin-bottom: 30px;
    text-align: center;
}
/* MULTI COLUMN LIST */
ul.multi {
}
@media only screen and (min-width: 767px) {
	ul.multi {
	  columns: 2;
	  -webkit-columns: 2;
	  -moz-columns: 2;
	}
}
@media only screen and (min-width: 769px) {
	ul.multi {
	  columns: 3;
	  -webkit-columns: 3;
	  -moz-columns: 3;
	}
}
@media only screen and (min-width: 1025px) {
	ul.multi {
	  columns: 4;
	  -webkit-columns: 4;
	  -moz-columns: 4;
	}
}
/* STRIPE LINKS */
ul.link-list  {
    margin: 0 0 25px 0;
    display: block;
    padding: 0;
    list-style: none;
}
ul.link-list li {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-family: roboto;
    font-weight: 700;
    border-bottom: 1px solid #c8c8c8;
    padding: 0 0 15px 0;
    margin: 0 0 10px 0;
}
@media only screen and (min-width: 767px) {
ul.link-list li {
	display: inline-block;
    border-right: 1px solid #333;
    padding: 0 15px 0 0;
   margin: 0px 10px 0 0px;
   border-bottom: 0;
}
}
ul.link-list li:last-child {
	padding-right: 0;
	border-right: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
ul.link-list li a {
	color: var(--teal);
}
ul.link-list li a:hover {
	color: var(--orange);
}
.ad {
	margin: auto;
}
.ad::before {
    content: "Advertisement";
    font-size: 12px;
    font-weight:bold;
}
.ad-container.adhesion {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(250, 250, 250, 0.9);
	z-index: 100;
}

@media only screen and (min-width: 1024px) {
	.mobile, .mobile-ad {
		display: none;
	}
}
@media only screen and (max-width: 1023px) {
	.desktop, .desktop-ad {
		display: none;
	}
}
@media only screen and (min-width: 1023px) {
	.pagecontent {
		overflow: unset !important;
	}
}
.kfx-ad, .sidebar div:last-child {
	position: sticky;
	top: 6em;
}
@media only screen and (min-width: 1151px) {
	.kfx-ad, .sidebar div:last-child {
		top: 3em;
	}
}
.cmplz-bottom-right {
    bottom: 100px
}

/* Spotlight Ad */
.spotlight {
    width: 100%;
    z-index: 99;
    position: relative;
    display: block;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0;
    transition: 1s;
    z-index: -1;
}
.overlay.active {
    z-index: 98;
    opacity: 0.5;
}
.spotlight {
    background: #fff;
    border: 1px solid var(--teal);
    padding: 40px 30px 30px;
    margin-bottom: 35px;
    box-shadow: 0 10px 10px 0 rgb(42 130 137 / 10%);
    border-left: 20px solid var(--teal);
}
.spotlight-container {
    display: inline-grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}
 @media(max-width:767px) {
    .spotlight-container {
	    display: block;
	}
}
.logo-container {
	margin-bottom: 20px;
}
.spotlight-button:hover {
    color: white;
    background-color: var(--orange);
    transition: 1s;
}

/* Secondary Menu */
.secondary-menu-holder {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #2b828a;
	width: 100%;
	z-index: 99;
}
#secondary-nav {
	line-height: 1;
}
#secondary-nav li {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	font-size: 14px;
}
#secondary-nav li:hover {
	background: rgba(0,0,0,0.1);
}
#secondary-nav li a {
	color: white;
	font-family: roboto;
	font-weight: 700;
	font-size: 14px;
	transition-duration: .2s;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
}
#secondary-nav .current-menu-item {
	background: rgba(0,0,0,0.1);
}
#secondary-nav .sub-menu {
	background: #2b828a;
	border: 0;
	position: absolute;
	z-index: 99;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}
#secondary-nav .sub-toggle {
    display: none;
}
#secondary-nav .menu-item-has-children {
	position: relative;
	padding-left: 0 !important;
}
#secondary-nav .sub-menu a {
	float: none;
	padding: 10px 17px;
	font-size: 14px;
}
#secondary-nav > li.menu-item-has-children:hover > .sub-toggle .fas, #navigation ul.sub-menu li.menu-item-has-children:hover > .sub-toggle .fas {
	transform:rotate(90deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#secondary-nav .menu-item-has-children:hover > .sub-menu {
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
	left: 0;
	top: 34px;
}

#secondary-nav .right-extras {
	color: white;
	display: inline-block;
	float: right;
	text-align: right;
	padding: 0;
	font-size: 19px;
	vertical-align: middle;
}

@media only screen and (min-width: 1023px) {
	.kfx-title {
		margin-top: 34px;
	}
	#header {
		top: 75px;
	}
}
.overlay-menu-holder {
    padding-left: 55px;
}
.overlay-menu .navbtn {
    margin-bottom: 0;
}
ul.primary-overlay-menu li.menu-item-has-children {
    margin-left: -25px;
}
.overlay-menu ul.primary-overlay-menu .menu-item-has-children>a {
    padding-left: 15px;
}
ul.secondary-overlay-menu {
    border-top: 1px solid black;
    margin-top: 20px;
    padding-top: 30px;
    font-size: 14px;
}
ul.secondary-overlay-menu li.menu-item {
    margin-bottom: 5px;
}
ul.secondary-overlay-menu li.menu-item a {
    font-size: 16px;
}
.overlay-menu ul.secondary-overlay-menu .menu-item-has-children>a {
    padding-left: 15px;
}
ul.secondary-overlay-menu li.menu-item-has-children {
    margin-left: -25px;
}
ul.secondary-overlay-menu ul.sub-menu li.menu-item {
    padding-bottom: 0;
}
ul.secondary-overlay-menu li.menu-item-has-children ul.sub-menu li.menu-item a {
    font-size: 16px;
}
body.admin-bar .secondary-menu-holder {
    top: 32px
}
body.admin-bar #header {
    top: 107px;
}
/* announcements */
.termimg {
	max-width: 100px!important;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
}
.announcements, .announcements .catname {
	margin-bottom: 30px;
}
.announcements h3 {
	margin-bottom: 0;
}
.announcements h3 a {
	text-decoration: none!important;
	color:var(--teal);
}
.announcements .box {
	padding: 25px;
	border: 1px solid var(--teal);
	display: grid;
    align-items: center;
    margin-bottom: 25px;
    color:#fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.announcements .box h3 a {
  color:#fff;
}
.announcements .box div {
	align-self: center;
}
.announcements .box:nth-child(3n+0) {
  background-color: var(--text);
  border: 1px solid var(--text);
}
.announcements .box:nth-child(3n-2) {
  background-color: var(--orange);
  border: 1px solid var(--orange);
}
.announcements .box:nth-child(3n-1) {
  background-color: var(--teal);
  border: 1px solid var(--teal);
}
/* ICON GRID */
.icon-grid .icon {
		max-width: 100px;
		text-align: center;
		margin: 0 auto 15px;
}
/* ADS ORDER FORM */
.ghn_ads_tax .ginput_product_price_label {
	display: none;
}
.ginput_container_total input {
	padding: 0 !important;
}
.why-advertise {
	list-style: none;
}
.why-advertise li::before {
	font-family: 'FontAwesome';
    content: '\f00c';
    font-weight: 900;
    margin-right:  8px;
    margin-left: -16px;
}
/* TRIBE EXTRAS */
.tribe-events-c-subscribe-dropdown .button.yellowbtn {
    margin-right: 10px;
    margin-bottom: 15px;
}

.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
    padding: 5px 20px!important;
    border-radius: 0!important;
}
/* SPONSORED POSTS */
.sponsored.post {
  border: 5px solid var(--text)!important;
  padding: 40px 10px 10px!important;
  position: relative;
}
.archive.category .sponsored.post {
  padding: 40px 10px 25px!important;
}
.sponsored.post.sticky, .sponsored.post.kfx-1 {
  padding: 0px 0px 20px!important;
}

.sponsored.post.sticky .title, .sponsored.post.kfx-1 .title {
  padding: 0 20px;
}
.sponsored:after {
    content: "Sponsored Article";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: var(--text);
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
}
.single-post .sponsored:after {
  left: unset;
  right: 0;
}
.cat-holder.News .sponsored.post {
  border: unset!important;
  padding: unset!important;
  margin-bottom: 25px;
  border-bottom: 1px solid #eaeaea!important;
  padding-bottom: 25px!important;
}
.cat-holder.News .sponsored:after {
    content:none!important;

}
/* event */
#main.site-main {
	position: relative!important;
	z-index: 1;
}

/* Alert Banner */
.alert-banner {
    background-color: #ffbf00;
    color: #004245 !important;
    font-weight: bold;
	font-size: 17px;
    text-align: center;
	padding: 10px;
}
.alert-banner .button {
    margin-left: 20px
}
.alert-banner.mobile {
	position: sticky;
	top: 0;
	z-index: 999;
}
@media only screen and (max-width: 1022px) {
	.alert-banner .button {
		display: block;
		width: max-content;
		margin: 0 auto;
	}
}

.ghn-slide-down {
    position: fixed;
    top: 0;
    left:50%;
	transform: translate(-50%) !important;
    z-index: 999;
    width: 500px;
    -webkit-animation-name: slideDownEnter;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-name: slideDownEnter;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 1px 6px #051b2c0f,0 2px 32px #051b2c29!important;
    background: #fff!important;
    color: #051b2c;
    padding: 1em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}
.ghn-slide-down img {
    box-sizing: border-box;
    float: left;
    width: 80px;
    height: 80px;
    position: relative
}
.ghn-slide-down p {
    box-sizing: border-box;
    padding: 0 0 0 1em;
    margin: 0;
    font-weight: 400;
    float: left;
    width: calc(100% - 80px);
    line-height: 1.45em;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    color: #051b2c!important
}
.ghn-slide-down button {
    position: relative;
    float: right;
}