/*   
Theme Name: North Mountain News
Description: Custom WordPress theme
Author: Rob Place | Mumford Connect Web Design
Author URI: http://mumfordconnect.com
Version: 1.0
*/

/* Basic WordPress Styles */
@import url('styles/wp.min.css');

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/* Set CSS for iOS **************************************************/
* { 
    -webkit-tap-highlight-color: transparent; 
}
/*
a, article, div, h1, h2, h3, h4, h5, h6, img, section, span {
    -moz-user-select: none; 
    -webkit-user-select: none; 
}
*/
textarea,
button,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="search"] { 
   -webkit-appearance: none;
    border-radius: 0;
}
/* *****************************************************************/

BODY		{
            font-family: 'Poppins', sans-serif;
			 font-size:12pt;
             font-weight:300;
			 color:#202320;
			 margin:0;
			 padding:0;
			 height:100%;
             text-rendering: optimizeLegibility;
             overflow-x:hidden;
			 }

MAIN {
		width:100%;
		background-color:#ffffff;
}

HEADER .header {position:relative;}
HEADER .header img.static {width:100%;}
HEADER .staticheader {max-height:400px;overflow:hidden;position:relative;}
HEADER .staticheader img {vertical-align:top;}
HEADER .staticheader .page-title {position:absolute;bottom:0;left:0;width:100%;background:rgba(0,147,208,0.7);padding-top:10px;padding-bottom:10px;}
HEADER .staticheader .page-title h1.entry-title {text-align:center;color:#ffffff;margin:0;padding:0;line-height:125%;padding-left:5%;padding-right:5%;}
HEADER .top-header-menu a:hover {color:#fcb033 !important;}

FOOTER	{
	width:100%;
	margin:auto;
	margin-top:0px;
	color:#ffffff;
	text-align:center;
    line-height:142%;
    background:#20314f;
}
FOOTER a	{font-weight:400;color:inherit;text-decoration:none;}
FOOTER SECTION.copyright {font-size:9pt;padding-top:10px;width:100%;margin:auto;padding: 10px 20px;}
FOOTER p.copyright {margin-bottom:0 !important;}
FOOTER p.copyright a,FOOTER p.footer-links a {color:inherit;}
FOOTER p.footer-links {margin-bottom:0 !important;}

FOOTER SECTION.mumfordconnect {display:block;padding-bottom:10px;padding-top:15px;}
FOOTER SECTION.mumfordconnect img {width:100%;max-width:180px;}
FOOTER .section {margin-bottom:20px;}
FOOTER .section a {font-weight:300;}
FOOTER h2 {color:#ffffff;}

FOOTER .footer-widget p {margin-bottom:10px;}
FOOTER SECTION:first-of-type {padding-top:20px;}

.mumfordconnect a {border:0;}

SECTION {display:table;clear:both;width:100%;}
SECTION.subsection {background:#eeeeee;padding-top:15px;padding-bottom:15px;}

SECTION.quote {font-size:20pt;text-align:center;background:#92c8ef;color:#ffffff;font-style: italic;}

IMG.left {float:left;margin-right:20px;margin-bottom:20px;}
IMG.right {float:right;margin-left:20px;margin-bottom:20px;}
IMG.responsive {
  max-width: 100%;
  height: auto;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {
    display:table !important;
    font-size:12px !important;
    padding:0px 0px 10px !important;
    text-align:center !important;
}
.wp-caption IMG {vertical-align:top;width:100%;height:auto;padding-bottom:10px;}
.wp-caption-text {display:initial;caption-side:bottom;line-height:150%;width:100%;font-size:9pt;}

.content	{
	width:100%;
	max-width:1250px;
	margin:auto;
	line-height:1.7em;
	padding:40px 40px 40px 40px;
    font-weight:300;
}
.content ul {overflow:hidden;padding-left:20px;}

BODY.home .content {padding-bottom:0;}

h1	{
    font-size: 30px;
    margin: 0 0 20px 0;
    line-height: 40px;
    color: #202320;
    font-weight:800;
    text-transform:uppercase;
    text-align:center;
    }
h2	{font-size:17pt;font-weight:600;color:#202320;margin-top:0;line-height:140%;text-transform: uppercase;}
h3	{font-size:12pt;font-weight:500;color:#202320;line-height:120%;}
h4	{font-size:12pt;font-weight:400;color:#202320;border-bottom: 1px solid #eaeaea;}

a	{color:#545d64 ;text-decoration:none;font-weight:inherit;border-bottom:1px dotted #545d64;}
a:hover	{text-decoration:none;cursor:pointer;}

p {margin-top:0;margin-bottom:0.75em;}
p:last-of-type {margin-bottom:0;}


li	{padding-bottom:10px}

#breadcrumbs	{font-weight:normal;margin-top:0px;font-size:8pt;color:#7a7a7a;}
#breadcrumbs p	{margin-bottom:5px !important;margin-top:0px;color:#7a7a7a;}
#breadcrumbs a	{font-weight:normal;text-decoration:none;color:#7f7f7f;}
#breadcrumbs a:hover	{text-decoration:underline}
p#breadcrumbs {margin-bottom:5px !important;}

.navigation-wrapper {display:table;width:100%;margin-top:30px;}

#navigation {margin: auto;display: table;}
#primary_nav_wrap
{
	margin-top:0px;
	background:none;
	width:100%;
	clear:both;
	display:table;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	z-index:99999;
}

#primary_nav_wrap ul a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:100;
	font-size:12pt;
	line-height:32px;
	padding:0 25px;
	text-shadow: #000000 0px 0 7px;
}

#primary_nav_wrap ul a:hover {
	color:#ffffff;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border-right:0;
	text-transform: uppercase;
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd;
	color:#000000;
}

#primary_nav_wrap ul li.current-menu-item a {color:#ffffff;}

#primary_nav_wrap ul li:hover
{
	background:#000000;
	color:#ffffff;
}

#primary_nav_wrap ul li:hover a {color:#ffffff;}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#d1201f;
	padding:0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color:#ffffff;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
}

.site-title {position:absolute;top:0;width:100%;left:0;z-index: 999;text-align:center;margin-top:50px;padding-left:20px;padding-right:20px;}
.site-title img {max-width:698px;width:100%;}

hr {margin-top:30px;margin-bottom:30px;clear:both;}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

IFRAME {vertical-align:top;}

h2.center {text-align:center;}

SECTION.two-columns {display:table;}
SECTION.two-columns DIV.column {float:left;vertical-align:top;}
SECTION.two-columns DIV.column:first-of-type {width:68%;margin-right:2%;}
SECTION.two-columns DIV.column:last-of-type {width:28%;margin-left:2%;}

SECTION.three-columns {display:flex;display:flexbox;}
SECTION.three-columns DIV.column {display:inline-block;vertical-align:top;flex:1;width:29%;margin-left:2%;margin-right:2%;}

DIV.spacer {clear:both;display:block;height:40px;}
SECTION.spacer {margin-bottom:50px;}

SECTION.full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;

}
SECTION.full-width img {width:auto !important;max-width:100% !important;height:auto !important;}
SECTION.full-width .inner {
    max-width: 1200px;width:100%;
    margin: auto;
    line-height: 125%;
    display:table;}

SECTION.fullwidth-basic {
    width:100%;
}
SECTION.fullwidth-basic img {width:100% !important;}
SECTION.full-width.map .inner {
    padding: 0;
    max-width: 100%;
    width: 100%;
}

ul.two-columns {columns:2;}

/* ---- grid ---- */

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
  padding:10px;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
  border-radius: 5px;
}


blockquote {
font-family: none;
font-size: 21px;
font-style: italic;
width: 90%;
margin: auto;
margin-bottom:10px;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #000000;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #000000;
}

blockquote:after {
display: block;
content: "\201D";
font-size: 80px;
position: absolute;
right: -10px;
top: -20px;
color: #000000;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	z-index:99;
	margin-top:0px;
	display:table;
    float:right;
}
.navigation-container.menu-main-menu {display: flex;margin-top: 5px;margin-bottom: 5px;justify-content: right;}

#topheader .navigation {float:left;}

#header_image img {width:100%;vertical-align:top;}

/* Top Navigation **************************************************************************************************/
#top-navigation {display: table;padding-right: 15px;}
#top-navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline;text-transform:uppercase;}
#top-navigation ul li {float:left; position:relative;padding:0;margin: 10px 0 10px 0;}
#top-navigation ul li a { 
    display:block; 
    padding: 5px 10px;
    margin:1px; 
    font-size:11pt; 
    white-space:nowrap; 
    border-radius:3px;
	font-weight:500;
    text-transform: initial;
    color:#6f6e6e;
}
#top-navigation ul li a:hover{text-decoration:none;color:#a7a7a7; }
#top-navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    left:-10px;
    opacity: 0; /* Hide sub level */
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497; 
    background-color: rgba(0,0,0,1);
	color:#ffffff;
    padding: 2px; 
    border-bottom:0px solid #000000; 
    border-top:none; 
	/*box-shadow:#ffffff 0 3px 4px;*/
    overflow:visible;
    padding-top:5px;
}

#top-navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:10%; 
    opacity: 0;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius:6px;
	z-index:495; 
    padding: 2px; 
    border:1px solid #ffffff; 
    border-top:none; 
    /*box-shadow:#ffffff 0 1px 2px; */
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
    border:1px solid #ffffff;
	overflow:visible;
}

#top-navigation ul li ul li a {color:#ffffff;}

#top-navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:10%; }
#top-navigation ul ul li:hover>ul{ position:absolute; top:5px; left:100%; opacity: 1; z-index:497;}

#top-navigation ul li ul li {clear:both;padding:0px;margin:0;}
#top-navigation ul li.last-menu-item:hover>ul{ opacity: 1; position:absolute; top:99%; left:-100%; }
#top-navigation ul li.last-menu-item {border-right:0;}

/* Navigation ******************************************************************************************************/
#menu-main-menu	ul	{padding:0;}
#menu-main-menu .menu-item a	{font-weight:normal;text-decoration:none;}
#menu-main-menu .menu-item {padding-left:10px;padding-right:10px;}
#menu-main-menu li.current_page_item a {background:none;color:#e2cf45 !important;}
#menu-main-menu .sub-menu a {background:none;color:#ffffff;}
#menu-main-menu li.current_page_item .sub-menu a {color:#ffffff !important;}

#navigation	{margin:auto;text-align:center;display:table;padding-top:0px;padding-bottom:0px;}

#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline-flex;text-transform:none;align-items: center;}
#navigation ul li {float:left; position:relative;}
#navigation ul li a { 
    display:block; 
    padding:10px 17px 10px 17px; 
    margin:1px; 
    font-size:10pt; 
    white-space:nowrap; 
    border-radius:3px;
	color:#ffffff;
	font-weight:bold;
}
#navigation ul li a:hover{text-decoration:none;color:#fdb814; }
#navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    opacity: 0; /* Hide sub level */
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497; 
    background-color: #184b5c ;
	color:#ffffff;
    padding: 2px; 
    border-bottom:0px solid #000000; 
    border-top:none; 
	/*box-shadow:#ffffff 0 3px 4px;*/
    overflow:visible;
    padding-top:5px;
    border-radius:8px;
}

#navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:10%; 
    opacity: 0;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius:6px;
	z-index:495; 
    padding: 2px; 
    border:1px solid #ffffff; 
    border-top:none; 
    /*box-shadow:#ffffff 0 1px 2px; */
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
    border:1px solid #ffffff;
	overflow:visible;
}

#navigation ul li ul li a {color:#ffffff;text-transform: none;}

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; right:0;width:fit-content;flex-direction: column; }
#navigation ul ul li:hover>ul{ position:absolute; top:5px; left:95%; opacity: 1; z-index:497;}
/*#navigation ul ul ul li:hover>ul{ position:absolute; top:0; left:-100%; opacity: 1; z-index:497; background:#eeeeee; }*/

#navigation ul li ul li {clear:both;padding:4px;padding-left:0;padding-right:0px;width:100%;}
#navigation ul li.last-menu-item:hover>ul{ opacity: 1; position:absolute; top:99%; left:-100%; }

.navigation-container	{z-index:999;}

#navigation .menu-main-menu-container	{margin:auto;}

ul#menu-main-menu.menu {padding:0;}
ul#menu-main-menu.menu li.last-menu-item	{border-right:0;}
ul#menu-main-menu.menu li ul li	{border-right:0;}

#top-navigation .stub a:hover	{text-decoration:none;cursor:default;}
#top-navigation .stub ul.sub-menu a:hover	{text-decoration:underline;cursor:pointer;}

#navigation .stub a:hover	{text-decoration:none;cursor:default;}
#navigation .stub ul.sub-menu a:hover	{text-decoration:underline;cursor:pointer;}
#navigation ul.sub-menu li a:hover {text-decoration:none !important;color:#000000;}

* {
    scrollbar-width: thin;
  }
 

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color:#a7a7a7;
    box-shadow: 0 0 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#navigation  ul li	{line-height: 100%;}

#navigation  ul li a { 
    display:block; 
    margin:0; 
    font-size:12pt; 
    white-space:nowrap; 
    border-radius:0px;
	color:#ffffff;
    font-weight:600;
    line-height:100%;
    text-decoration: none;
    text-transform: uppercase;
}


/*BODY.home #navigation  ul li a { color:#ffffff;}*/

#navigation  ul.sub-menu li a {border-right:0;line-height:20pt;}
#navigation ul li:last-of-type:hover>ul {left:-40%;}
#navigation  ul.sub-menu li a {padding-bottom:0;width:100%;padding: 0 20px;}

/* Responsive iFrame */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive	{width:100%;}

/*
.g-recaptcha{
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
*/

HEADER .logo.section {position:absolute;left:3%;top:10px;z-index:99999999;}
HEADER .logo-container .text {float:left;color:#6c6c6c;font-size:14pt;font-weight:400;margin-top:15px;}
HEADER .logo img {width:auto;width:100%;height:auto;max-width:175px;display:block;padding:0px;}
HEADER .logo a {color:inherit;}
HEADER .logo a:hover {text-decoration: none;}
HEADER .header-image {position:relative;}
HEADER .contact {position:absolute;right:20px;top:45px;text-align:right;line-height:200%;}
HEADER .contact a:hover {text-decoration: none;}
HEADER .contact p {margin-bottom:0;padding-bottom:0;}
HEADER .contact p.address {font-size:10pt;font-weight:600;}
HEADER .contact p.phone a {font-size:14pt;font-weight:400;color:inherit;}
HEADER .contact p.email {font-size:12pt;font-weight:600;}

HEADER #topheader {background:#0d83bc;color:#ffffff;line-height:170%;display:table;width:100%;padding:5px;}
HEADER #topheader a {color:inherit;margin-right:0px;margin-left:5px;font-weight:400;}
HEADER #topheader a:last-of-type {margin-right:0px;}
HEADER #topheader DIV.left {float:left;}
HEADER #topheader DIV.right {float:right;}
HEADER #topheader .inner {max-width:1250px;width:100%;margin:auto;}
HEADER #topheader DIV.icons {float:right;}
HEADER #topheader DIV.icons a {margin-left:0px;margin-right:0;}
HEADER #topheader DIV.socialmediaicons img {max-height:27px;filter:none;vertical-align:middle;}

HEADER SECTION.main-bar {display:table;padding-bottom:0;position:absolute;top:0;right:0;margin-bottom:0px;background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));height: 150px;}
HEADER SECTION.main-bar DIV.inner {width:100%;max-width:1250px;margin:auto;position:relative;display:table;
  
    
}

SECTION .feature {display:inline-flex;width:100%;background:#f5f5f5;vertical-align:top;line-height:150%;}
SECTION .feature DIV {vertical-align:top;}
SECTION .feature DIV.column:first-child {width:50%;display: flex;
    align-items: center;
    justify-content: center;margin:0;}
SECTION .feature DIV.column:last-child {width:50%;display: flex;
    align-items: center;
    justify-content: center;margin:0;}
SECTION .feature IMG {vertical-align:top;width:100%;object-fit:cover;height:100%;}
SECTION .feature DIV.inner {display:table;padding:40px;}
SECTION .feature DIV a {padding:0;color:#000000;line-height:125%;font-weight:400;}
SECTION .feature DIV a:hover {text-decoration: underline;cursor:pointer;}
SECTION .feature DIV h2 {font-size: 2.1rem;font-weight:100;text-align:center;line-height:125%;padding:0;margin:0;margin-bottom:10px;transition:0.2s;}
SECTION .feature DIV a.image {padding:0;display:contents;}
SECTION .feature DIV a.image:hover {background:initial;padding:0;}
SECTION .feature ul {padding-left: 17px;}


.socialmediaicons {width:100%;max-width:1200px;padding-top:0px;padding-bottom:0px;margin:auto}
.socialmediaicons h2 {font-size: 1.6rem;font-weight:100;line-height:125%;padding:0;margin:0;margin-bottom:10px;}
.socialmediaicons img {max-width:35px;margin-right:10px;}

SECTION.feature-group.staff DIV.column.details {padding:15px;}
SECTION.feature-group.staff DIV.column.details h3 {margin:0;}

/** Ninja Forms CSS *********************************************************************************/
/*
.nf-field-element input, .nf-field-element select, .nf-field-element textarea {padding:10px;border:1px solid #a7a7a7;}
.nf-form-fields-required {font-size:9pt;}
.nf-field-element select {height:39px;}
*/
.contact-form {    margin: 1.125rem 0 5.375rem 0;
    background: #efefef;
    padding: 1.75rem 6rem 2.75rem 6rem;
    position: relative;
    margin-bottom: 35px;}
.contact-form h3 {text-align:center;font-size: 20pt;
    border-bottom: 1px solid #000000;
    padding-bottom: 20px;}

.field-wrap input[type=button] {width:100% !important;border:0;background:#4b4b4b;color:#ffffff;text-transform:uppercase;font-size:12pt;}
.field-wrap input[type=button]:hover {background:#000000;cursor:pointer;}

.full-width {background:#f3f3f3;}
.full-width h2 {text-transform: uppercase;}

.full-width.bayside {background:#0d5ba4;font-size:20pt;line-height:170%;color:#ffffff;}
.full-width.bayside a {color:#ffffff;}

#posts_feature SECTION {display:inline-block;vertical-align:top;}

#posts_feature SECTION img {width:100%;height:100%;}
#posts_feature SECTION h3 {font-weight:600;font-size:12pt;text-align:center;margin:5px 0 5px 0;text-transform: uppercase;}

#posts_feature SECTION.items-3 {width:29.33333333333%;margin:2%;}
#posts_feature SECTION.items-4 {width:21%;margin:2%;}

.post-content thumbnail img {width:100%;}

.su-column-size-1-5 {width:16.2% !important;}
.su-column-size-1-5 img {margin:auto !important;}
.su-column-size-4-5 {width:75.2% !important;}

#frontpage-link-boxes {display:table;width:100%;color:#ffffff;}
#frontpage-link-boxes .subbox {display:inline-grid;width:50%;margin:0;padding:15px;}
#frontpage-link-boxes .subbox .img_wrap {position: relative;width:100%;height:250px;background-size: cover;background-position:center;transition:0.5s;}
#frontpage-link-boxes .subbox .inner {background:none;width:100%;line-height:175%;}
#frontpage-link-boxes .subbox img {width:100%;vertical-align:top;}
#frontpage-link-boxes .subbox h2 {text-align:center;text-transform: initial;margin:0;padding:0;font-weight: 400;
    line-height: 200%;
    font-size: 14pt;
    background:#0067b2;color:#ffffff;}

#frontpage-link-boxes .subbox a h2 {transition:0.5s;}
#frontpage-link-boxes .subbox a:hover {text-decoration:none;}
#frontpage-link-boxes .subbox a:hover h2 {text-decoration:none;background:#000000;transition:0.5s;}
#frontpage-link-boxes .subbox a:hover .img_wrap {transform: scale(1.1);transition:0.5s;}

#frontpage-link-boxes .subbox .img_wrap_parent {overflow:hidden;}
#frontpage-link-boxes .descriptiontext .inner {padding:40px;}

#frontpage-link-boxes .subbox .description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(54,87,62, 0.72);
    color: #fff;
    visibility: visible;
    opacity: 0;
    padding: 4% 4% 0 4%;
    overflow: hidden;

    /* transition effect. not necessary */
    transition: opacity .4s, visibility .4s;
    font-size: 11pt;
    line-height: 150%;
    z-index:-1000;
}

#frontpage-link-boxes .subbox:hover .description {
  visibility: visible;
  opacity: 1;
  z-index:1;
}

#frontpage-link-boxes .subbox:hover .description.open {visibility: visible;  opacity: 1;}
#frontpage-link-boxes .box {display:flex;}

HR {border: 0;
    height: 1px;
    background: #a7a7a7;}

/* ** SEARCH RESULTS STYLES *******************************************************************************/
#search-results .post	{margin: 0 0 20px 0;}
#search-results .published	{font-size:9pt;color:#a7a7a7;}
#search-results p	{margin:0;}

.nav-previous, .nav-next	{font-size:12pt;font-weight:bold;}
.nav-previous	{float:right;}

#nav-above	{margin-bottom:20px;display:table;width:100%;}
#nav-below	{margin-top:5px;display:table;width:100%;}

#search-results .search-results	{display:table;width:100%;}
#search-results .search-results-items	{margin-bottom:15px;border-bottom: 1px dotted #a7a7a7;padding-bottom: 15px;}

#search-results  h1.entry-title {margin:0;}
#search-results p.post-type	{font-size:9pt;color:#a7a7a7;}
#search-results p.permalink	{font-size:9pt;}
#search-results nav.navigation	{margin-top:10px;width:100%;}
#search-results p.items-found {border-bottom:1px solid #a7a7a7;}
#search-results h3 {margin-bottom:0;}

.nav-links	{text-align:center;}
.nav-links a.prev {float:left;background:black;color:#ffffff;padding:10px;margin:0 !important;font-weight:bold;text-decoration:none;font-size:12pt;text-transform:uppercase;}
.nav-links a.next {float:right;background:black;color:#ffffff;padding:10px;margin:0 !important;font-weight:bold;text-decoration:none;font-size:12pt;text-transform:uppercase;}
.nav-links a.prev:hover, .nav-links a.next:hover{background:#c40000;}

.nav-links a.page-numbers	{margin-left:10px;margin-right:10px;}
.nav-links .current {margin-left: 10px;margin-right:10px;font-size: 13pt;font-weight: bold;}

#search-results INPUT.search-field	{width:100%;border:0;height:100%;font-size:13pt;}

.gallery .gallery-item {padding: 1%;vertical-align:top;margin-top:0 !important;}

.gallery-item img {border:0 !important;width:auto;max-width:100% !important;height:auto;text-align:center;}
.gallery-columns-5 .gallery-item {width: 20% !important;padding: 0 4% !important;}
.gallery {display: flex;justify-content: center;align-items: center;flex-wrap:wrap;}

#search-header-form BUTTON {border:0;background:none;padding:1px;}
#search-header-form BUTTON:hover {cursor: pointer;}


DIV.backtotop {display:table;margin-top:10px;margin-bottom:5px;width:100%;text-align:right;}
DIV.backtotop a.scrollLink {font-size:9pt;}
DIV.backtotop a.scrollLink:before {content: "\02191";font-size:12pt;padding-right:5px;}

/* ** ACCORDIAN SPOILER STYLES *******************************************************************************/
.mc_spoiler {border-bottom:1px solid #999;}
.mc_spoiler h2.spoiler-title {
    background: none;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0;
    padding: .33em;
    font-weight:500;
}

.mc_spoiler h2.spoiler-title:after {content:'+';float:right;}
.mc_spoiler h2.spoiler-title.active:after {content:'-';}

.mc_spoiler:first-child {
border-top:1px solid #999;
}
.mc_spoiler div.content {
    padding: 1em;
}

.mc_spoiler .content h3 {border-bottom:1px dashed #a7a7a7;}

#searchform {display:block;margin-top:10px;}
#searchform INPUT {border:1px solid #a7a7a7;padding:5px;}
#searchsubmit {background:#0093d0;color:#ffffff;text-transform: uppercase;border:1px solid #0093d0 !important;}

.fa, .fas {transform: rotate(0.001deg);}
.fas.left {float:left;}

:target::before {
  content: "";
  display: block;
 /*
  height: 38px; /* fixed header height*/
  /*margin: -38px 0 0; /* negative fixed header height */
}

.sharestory {display:block;margin-top:20px;}
#share-buttons {font-size:10pt;}
#share-buttons img {width:40px;}
#share-buttons a {text-decoration:none;}
#share-buttons p {padding-bottom:10px;}

#latestnews .img {position: relative;
    width:  100%;
    height: 170px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;margin-bottom:10px;
}

#frontpage-link-boxes a {color:#ffffff;}
#frontpage-link-boxes h2 a {font-weight:500;transition:0.2s;}
#frontpage-link-boxes h2 a:hover {color:#ffc50c;transition:0.2s;text-decoration:none;}

#frontpage-link-boxes .readmore {text-align:center;margin-bottom:20px;margin-top:10px;}
#frontpage-link-boxes .readmore a {text-align:center;padding:5px 20px;background:#0a6590;margin-bottom:10px;transition: 0.2s;}
#frontpage-link-boxes .readmore a:hover {background:#000000;transition:0.2s;text-decoration:none;}

.mc_spacer {
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}

ol li ol {margin-top:10px;}

ol.style-1 {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
ol.style-1 li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol.style-1 li::before {
  content: counter(my-awesome-counter);
  color: #fcd000;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: black;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}

SECTION.full-width.body-section-1 {background:#61821a;color:#ffffff;}
SECTION.full-width.body-section-1 a {color:inherit;}
SECTION.full-width.body-section-1 h1, SECTION.full-width.body-section-1 h2, SECTION.full-width.body-section-1 h3 {color:inherit;}

SECTION.content img ~ p {margin-top:10px;}

DIV.images_block {width:50%;display:grid;grid-column-gap: 10px;grid-template-columns:auto auto;margin:auto;}
DIV.images_block IMG {margin:auto;text-align:center;}

SECTION .feature.fquote {line-height:210%;font-family:none;text-align:center;}
SECTION .feature.fquote IMG {height:300px;object-position: top;}

SECTION .feature.fquote DIV.column:first-child {width:70%;}
SECTION .feature.fquote DIV.column:last-child {width:30%;}

BODY.alt-title h1.entry-title {text-transform: none;}

ul.menu li.no-transform a {text-transform: none !important;}


DIV.nivoSlider {max-height:800px !important;}

SECTION.topbar {background:#cd7b99;color:#ffffff;}
DIV.topbar-content {display:table;padding:0px;padding-right:5%;width:100%;text-transform: uppercase;}
DIV.topbar-content .extrainfo {float:right;}
DIV.topbar-content a {padding-right:20px;color:#ffffff;font-weight:500;font-size:10pt;float:right;text-decoration: none;}
DIV.topbar-content a.register {border-radius: 15px;color:#ffffff;text-transform: uppercase;background:#5d1630;margin-left:40px;text-align:center;padding: 5px 20px;text-decoration: none;transition:0.2s;}
DIV.topbar-content a.register:hover {background:#000000;transition:0.2s;}
DIV.topbar-content DIV.socialmediaicons a {margin:0;padding:0;}
DIV.topbar-content DIV.socialmediaicons {margin-right:0px;}

SECTION.feature-group {display: flex;justify-content:center;flex-wrap: wrap;}
SECTION.feature-group SECTION.feature {width:31.33333333%;overflow:hidden;margin-bottom:0px;margin:1%;color:#ffffff;background:#20314f;align-items:flex-start;}
SECTION.feature-group SECTION.feature DIV.column:first-child {width:auto;display:inherit;width:100%;overflow:hidden;}
SECTION.feature-group SECTION.feature DIV.column:last-child {width:auto;display:inherit;align-items:normal;width:100%;}
SECTION.feature-group SECTION.feature DIV.inner {display:block;overflow: hidden;width:100%;padding:20px 25px;}
SECTION.feature-group SECTION.feature DIV h2 {font-size:1.3rem;font-weight:400;text-align:center;margin:0;line-height:250%;color:#ffffff;text-transform:none;}
SECTION.feature-group SECTION.feature a {line-height:100%;text-decoration:none;font-weight:400;}
SECTION.feature-group SECTION.feature DIV h2 a {font-weight:400;line-height:250%;color:#ffffff;text-decoration: none;border-bottom:1px dotted #ffffff;}
SECTION.feature-group SECTION.feature a:hover {text-decoration: underline;}
SECTION.feature-group SECTION.feature DIV h2 a:hover {text-decoration: none;}

SECTION.feature-group.homepage SECTION.feature {color:#ffffff;padding-top:20px;}
SECTION.feature-group.homepage SECTION.feature h2 {color: inherit;
    text-transform: none;
    text-align: left;
    padding: 0 25px;
    margin-bottom: 0;
    font-size: 20pt;}
    SECTION.feature-group.homepage SECTION.feature h2 a {color:inherit;text-decoration: none;}
    SECTION.feature-group.homepage SECTION.feature a {color:inherit;}
    SECTION.feature-group.homepage SECTION.feature a.learn_more {margin-top:100px;display:table;}
/*
SECTION.feature-group SECTION.feature:nth-child(odd) {background:#a6959e;}
SECTION.feature-group SECTION.feature:nth-child(even) {background:#445b7b;}
*/
SECTION.feature.fullwidth {width:100% !important;display:block;}

.socialmediaicons.footer, .socialmediaicons.header {text-align:right;}
.socialmediaicons.footer img, .socialmediaicons.header img {margin-right:0;margin-left:10px;}

.top-header-options {margin-top:15px;display: inline-flex;justify-content: right;width: 100%;}

.hidden {
    height:0px;
       -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}
    .hidden.open {
        height:200px;
     -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
    }

#arrowup, #arrowdown {position:absolute;right:20px;top:5px;}

p ~ DIV.mc-row:first-of-type {margin-top:20px;}

.mc-row {display:flex;margin:auto;}
.mc-row::after {
  content: "";
  clear: both;
  display: table;
}

.mc-row-50 {width:50%;}

[class*="mc-col-"] {
  float: left;
  padding: 10px;
}

.mc-col-1 {width: 8.33%;}
.mc-col-2 {width: 16.66%;}
.mc-col-25 {width: 25%;}
.mc-col-33 {width: 33.33%;}
.mc-col-5 {width: 41.66%;}
.mc-col-50 {width: 50%;}
.mc-col-7 {width: 58.33%;}
.mc-col-66 {width: 66.66%;}
.mc-col-75 {width: 75%;}
.mc-col-10 {width: 83.33%;}
.mc-col-11 {width: 91.66%;}
.mc-col-100 {width: 100%;}

.mc-row.logos .mc-col-25 {display:inline-flex;align-items:center;}

.flex-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flex-hero .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right:20px;
    background:#ffffff;
}

.flex-hero .item.left {
    width: 50%;
    padding: 85px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-position: 50% 50%;
    background-size: cover;
}

.flex-hero .item.textleft {padding-right:20px;}
.flex-hero .item.textright {padding-left:20px;}

.greybackground {background:#f5f6f9;padding:20px;}

/* setting base styles to image containers*/
[class*="bg__"] {
  height: 50vh;

 position: relative;
 margin-left: -50vw;
 left: 50%;
  text-indent: -9999px;

  /* fix background */
  background-attachment: fixed;

  /* center it */
  background-position: center center;

  /* Scale it nicely to the element */
  background-size: cover;

}


.fullscreen {position: fixed;left: 0;right: 0;top: 0;width:100%;height:100%;z-index:99;}


#canvas_wrap {
    position: relative;
  margin: auto;
  max-width: 28vw;
  width:100%;
  padding-top:15px;
  background:#ededed;
}

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    overflow: hidden;
  }
  .video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%; 
    min-height: 100%; 
  
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
  
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  DIV.scrolldown {position:absolute;bottom:5%;width:100%;text-align:center;}
DIV.scrolldown IMG {width:100px;opacity:0.5;}
DIV.scrolldown IMG:hover {cursor: pointer;opacity:1.0;transition:0.3s;}

DIV.event_notices {width:100%;border-bottom:1px solid #a7a7a7;background:#eae9f7;}
DIV.event_notices:last-child {border-bottom:0;}
DIV.event_notices .inner {padding:20px;}
DIV.event_notices h2 {text-align:center;}


.active_description {display:block !important;transition:1.2s;}


.header-container {width:100%;max-height:890px;height:auto;overflow:hidden;position:relative;}

.paddle {
	position: absolute;
	top: 0;
	bottom: 0;
    width: 2em;
    opacity:0.5;
    font-weight:900;
    border:0;
    font-size:20pt;
    z-index:99999;
    background-color:#ffffff;
}
.left-paddle {
	left: 0;
}
.right-paddle {
	right: 0;
}
.hidden {
	display: none;
}


ul.menu > .menu-item-has-children > a::after {
    content: "▼";
    padding-left: 5px;
    font-size:8pt;
    vertical-align:middle;
}

ul.sub-menu > .menu-item-has-children > a::after {
    content: "►";
    padding-left: 5px;
    font-size:8pt;
    vertical-align:middle;
}

SECTION.full-width.design-services {
    background:#2397f5;
    color:#ffffff;
    text-align:center;
    background-image:url(images/design-services-background.jpg);
    background-size:cover;
    padding:70px 0;
    font-size:20pt;font-weight:500;
}

SECTION.full-width.design-services p {margin-bottom:0;}
SECTION.full-width.design-services a {color:inherit;}

.page_excerpt {width:100%;display:block;margin-top:40px;margin-bottom:40px;}
.page_excerpt DIV.intro {width:60%;float:left;vertical-align:top;box-sizing:border-box;}
.page_excerpt DIV.intro label.pagetitle {color:#0886f3;font-size:10pt;}
.page_excerpt DIV.intro a.discovermore {display:table;background:#0886f3;color:#ffffff;border-radius:5px;padding:10px 30px;transition:0.2s;font-weight:400;margin-top:25px;}
.page_excerpt DIV.intro a.discovermore:hover {text-decoration:none;background:#000000;transition:0.2s;}
.page_excerpt DIV.image {width:36%;float:left;vertical-align:top;box-sizing:border-box;margin-left:4%;}
.page_excerpt DIV.image img {width:auto;max-width:100%;height:auto;}

.page_excerpt {display: flex;}
.page_excerpt DIV.intro {flex: 1; /* additionally, equal width */
    width:60%;padding: 1em;}
.page_excerpt DIV.image {flex: 1; /* additionally, equal width */
  width:40%;padding: 1em;    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.metaslider .msHtmlOverlay .layer .content {margin:auto !important;    text-shadow: 3px 4px 7px rgba(0,0,0,1);}

SECTION.feature.design_product_areas {background:#2397f5;transition:0.2s;}
SECTION.feature.design_product_areas:hover {background:#000000;transition:0.2s;}
SECTION.feature.design_product_areas h2 {padding:15px;text-align:center !important;}
SECTION.feature.design_product_areas a h2 {color:#ffffff;}
SECTION.feature.design_product_areas h2:hover {text-decoration:none;}
SECTION.feature.design_product_areas a:hover {text-decoration:none;}

SECTION.feature.design_product_areas p {text-align:center;padding:10px;padding-top:0;color:#ffffff;line-height:150%;}
SECTION.feature.design_product_areas DIV.column:first-of-type {background:#ffffff;}

a.button {display:block;text-align:center;width:100%;margin:auto;color:#ffffff;background:#255dab;padding:10px;transition:0.2s;}
a.button:hover {background:#000000;transition:0.2s;text-decoration:none;}

SECTION.feature.news {transition:0.2s;padding:15px;}
SECTION.feature.news h2 {padding:15px;text-align:center !important;line-height:140% !important;}
SECTION.feature.news h2:hover {text-decoration:none;}
SECTION.feature.news a {color:#2397f5;}
SECTION.feature-group SECTION.feature.news {width:31%;}

DIV.slogan {width:100%;background:#899aaa;color:#ffffff;text-transform:uppercase;text-align:center;line-height:150%;font-size:15pt;}
DIV.slogan .inner {padding:20px;}

.slider-wrapper {max-height:800px;overflow:hidden;}

DIV.overlaytext {font-family: 'Alex Brush', cursive;position:absolute;z-index:10;top:37%;width:100%;text-align:center;}
DIV.overlaytext img {width:auto;max-width:100%;height:auto;}
DIV.overlaytext p {
    font-size: 2.0vw;
    line-height: 125%;
    color: #ffffff;
    font-weight: 100;
    text-shadow: 2px 2px 6px #1f1f1f;
    margin: 0 20px;
}
DIV.overlaytext p.smaller {font-size:2.0vw;}
DIV.overlaytext p.title {font-size:4.8vw;}

DIV.overlaytext a {color:inherit;text-decoration:none;}
DIV.overlaytext img.logo {max-width:200px;width:100%;}

SECTION.certification {width:100%;border-top:1px solid #899aaa;}
SECTION.certification .certification-container {max-width:1250px;margin:auto;padding:40px;}

SECTION.full-width.calltoaction {background:#899aaa;font-size:20pt;color:#ffffff;font-weight:500;line-height:150%;padding:20px;}
SECTION.full-width.calltoaction p {padding:0;margin:0;line-height:150%;}


li.book-now a {background:#fcb900;color:#000000 !important;font-weight: 600 !important;}
li.book-now a:hover {background:#000000;color:#ffffff !important;transition:0.2s;}

DIV.homepagefeatures_details {text-align:center;display:flex;width:100%;}
DIV.homepagefeatures_details h2 {background:none;color:initial;font-size:21pt;font-weight:800;line-height:120%;padding-top:0;}
DIV.homepagefeatures_details DIV.left {width:50%;padding:100px 40px;}
DIV.homepagefeatures_details DIV.right {width:50%;}
DIV.homepagefeatures_details:nth-child(odd) DIV.left {order:2;}
DIV.homepagefeatures_details a {background:#245699;color:#ffffff;padding:10px 30px;display:inline-flex;text-decoration:none;margin-top:15px;}
DIV.homepagefeatures_details a:hover {transition:0.2s;background:#000000;}
.homepagefeatures-details-area {background-color:#f5f5f5;padding:20px;border-radius:10px;}

DIV.homepagefeatures_details:nth-child(odd) {background:#eeefe9;}

#hamburger {height:36px;}
#hamburger #menu-btn {float:right;}

.responsive-menu {display: block;
    width:50%;
    max-width: 250px;
    background: #0e355a;
    float: right;
}
.responsive-menu li a {white-space: nowrap;padding: 0px 20px;width: 100%;display:block;}
.responsive-menu li a:hover {background:#000000 !important;transition:0.2s;}
.responsive-menu ul.mobilemenu {margin:0;padding:0;}
.responsive-menu li.current_page_item a:hover {background:#000000 !important;}
.responsive-menu li .sub-menu a {font-size:initial !important;}


#wpadminbar {z-index: 999999999 !important;}

SECTION.red {background:#ed3337;color:#ffffff;}
SECTION.red .inner {padding:0 20px;}
SECTION.red h2 {color:inherit;margin:0;padding:0;}
SECTION.red a {color:inherit;}

SECTION.feature-group.challengecoins DIV.column.details {background:#eeeeee;padding:20px;text-align:center;}
SECTION.feature-group.challengecoins DIV.column.details h3 {margin-top:0;padding-top:0;}

SECTION.feature-group.latestpostsgrid DIV.column.details {background:#eeeeee;padding:20px;}
SECTION.feature-group.latestpostsgrid DIV.column.details h3 {margin-top:0;padding-top:0;}

SECTION.notice {display:table;padding: 10px 20px;box-sizing:border-box;width:100%;}
SECTION.notice.warning {background:#993131;color:#ffffff;font-weight: 600;}
SECTION.notice.warning a {color:inherit;}

SECTION.twocolumns .inner {column-count: 2;}

.mc-row.truro {color:#ffffff;}
.mc-row DIV.purple {background:#770088;padding:40px;display:flex;flex-direction:column;justify-content:center;line-height:200%;}
.mc-row DIV.orange {background:#ff8d00;padding:40px;display:flex;flex-direction:column;justify-content:center;line-height:200%;}
.mc-row DIV.orange h2 {color:#ffffff;}

.mc-row.info {color:#ffffff;}
.mc-row.info DIV {padding:40px;display:flex;flex-direction:column;line-height:200%;justify-content:end;height:300px;}
.mc-row.info DIV:nth-child(1) {background-image:url(images/about-background.jpg);background-size:cover;background-position:center;}
.mc-row.info DIV:nth-child(2) {background-image:url(images/get-involved-background.jpg);background-size:cover;background-position:center;}
.mc-row.info DIV:nth-child(3) {background-image:url(images/pride-week-background.jpg);background-size:cover;background-position:center;}
.mc-row.info h2 {color:#ffffff;margin:0;text-transform:uppercase;text-align: left !important;}
.mc-row.info a {color:inherit;text-decoration:none;}
.mc-row.info a:hover {text-decoration:underline;}

SECTION.topfooter {padding:20px;}
SECTION.boardmembers SECTION.feature DIV.details {padding:20px;background:#fcda00;color:#000000;}
SECTION.boardmembers SECTION.feature DIV.details h3 {margin:0;color:inherit;}

SECTION.imagetext5050 {display:flex;}
SECTION.imagetext5050 DIV.col1 {display:flex;width:50%;background-size:cover;background-position:center;}
SECTION.imagetext5050 DIV.col2 {display:flex;width:50%;}
SECTION.imagetext5050 DIV.text {padding:20px;flex-direction:column;background:#7b9dce;color: #ffffff;}
SECTION.imagetext5050 DIV.text h2 {color:inherit;}
SECTION.imagetext5050 DIV.text p:first-of-type {display: none;}
SECTION.imagetext5050 a {color:inherit;text-decoration:none;border-bottom:1px dotted #ffffff;}
SECTION.imagetext5050 a:hover {text-decoration:none;}

SECTION.grid {display:flex;flex-wrap:wrap;width:100%;justify-content: center;}
DIV.griditem {display:flex;align-items:center;padding:40px;}
SECTION.grid.boxes-2 DIV.griditem {width:50%;}
SECTION.grid.boxes-3 DIV.griditem {width:33.333333%;}
SECTION.grid.boxes-4 DIV.griditem {width:25%;}
SECTION.grid.boxes-5 DIV.griditem {width:20%;}

SECTION.grid DIV.griditem:nth-child(odd) {background:#eeeeee;}

.tribe-common * {font-family: 'Poppins', sans-serif !important;}
.tribe-events-content * {font-family: 'Poppins', sans-serif !important;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-top:0 !important;}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {padding-left:0 !important;padding-right:0 !important;}
.tribe-events .tribe-events-l-container {padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {background:#7b9dce;color:#ffffff;}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime * {color:inherit !important;}
span.tribe-events-calendar-list__event-date-tag-daynum {font-size:27pt !important;}
.tribe-events-single-event-title {font-family:inherit;}
.tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul {font-size:inherit;}
#tribe-events-pg-template {padding:0 !important;max-width: initial;}
.tribe-events-single-event-title {color:#7b9dce;}
.tribe-events-schedule {margin-top:0;margin-bottom: 10px;}
.tribe-events-calendar-list-nav ul {padding-left:0;}
.tribe-events-calendar-list__event-details.tribe-common-g-col {width:100% !important;}
.tribe-events-calendar-list__event-date-tag.tribe-common-g-col {width:14% !important;}


div.wpforms-container-full .wpforms-form label.wpforms-error {color:#ffffff !important;}
.wpforms-confirmation-container-full p {display:block !important;}
div.wpforms-container-full .wpforms-form .wpforms-field-label {font-weight:500 !important;}
.wpforms-submit.green {background:#028121 !important;padding:10px 20px !important;margin-top:10px !important;display:table !important;border-radius: 5px !important;text-decoration:none !important;color:#ffffff !important;border:0 !important;}
.wpforms-submit.green:hover {text-decoration:none !important;transition:0.2s !important;background:#000000 !important;}

a.green {background:#028121;padding:10px 20px;margin-top:10px;display:table;border-radius: 5px;text-decoration:none !important;}
a.green:hover {text-decoration:none;transition:0.2s;background:#000000;}

.become-a-member {background:#3e4196;color:#ffffff;text-transform:uppercase;text-align:center;font-size:15pt;}
.become-a-member a {color:inherit;}

.mc-row.infoboxes .yellow {background:#fcda00;padding:40px;}
.mc-row.infoboxes .yellow h2 {color:inherit;text-transform:uppercase;}
.mc-row.infoboxes .red {background:#ed3337;color:#ffffff;padding:40px;}
.mc-row.infoboxes .red h2 {color:inherit;text-transform:uppercase;}

.mc-row.news {color:#ffffff;}
.mc-row.news h2 {color:inherit;}
.mc-row.news a {color:inherit;}
.mc-row.news .mc-col-50 {padding:40px;}

.mc-row.contacts .mc-col-50 {padding:40px;}

li.members {background:#ed3337;padding:0px !important;}
li.members a {color:#ffffff !important;}


DIV.logo-container {position:absolute;text-align:center;top:2%;left:2%;z-index:99;}
DIV.logo-container a {border:0;}
DIV.logo-container img {width:auto;max-width:400px;height: auto;}

DIV.pagination {display:table;margin:auto;margin-top:20px;width:100%;}
DIV.pagination .nav-previous {margin:0;margin-left: 20px;float:right;}
DIV.pagination .nav-next {margin:0;margin-right: 20px;float:left;}
DIV.pagination a {font-weight:400;}
DIV.item_post {margin-bottom:30px;display:inline-flex;flex-direction:column;width:46%;padding:20px;background:#eeeeee;margin:2%;}
DIV.item_post h2 {margin-bottom:5px;}

.content li a {/* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
  
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}

.imagecontainer:hover {transform: scale(1.1);}

#upcomingevents-shortcode h3 {margin:0;}
#upcomingevents-shortcode DIV.item {margin-bottom:20px;}
#upcomingevents-shortcode a {color:#ffffff;border-bottom:1px dotted #ffffff;}
#upcomingevents-shortcode a:hover {text-decoration: none;}

.newslettersignup {height:600px;color:#ffffff;}

.newslettersignup .inner {padding:40px;}
.newslettersignup h2 {color:inherit;}

.newsletter-container {display:inline-flex;flex-direction:row;flex-wrap:wrap;}
.newsletter	{width:25%;vertical-align:top;margin-bottom: 40px;}
.newsletter img {margin-bottom:0 !important;width:100%;vertical-align: top;}
.newsletter .inner {margin:auto;text-align:center;}
.newsletter p.title {text-align: center;clear:both;}
.newsletter a {border:0;}

/*** IE10-11 CSS **********************************************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    /* add your IE10-IE11 css here */
    section.feature-group {display:inline;}
    section.feature-group section.feature {margin:10px;}
    section.feature-group.news section.feature a {font-size:15pt;}
  
    SECTION.feature-group.news SECTION.feature a:hover {color:#000000 !important;}

    section.feature-group.programs section.feature {display:inline-block;width:48%;}
    SECTION.aftermovie {background:#ffffff;}
    SECTION.content {display:block;}
 }



/*** Responsive CSS **********************************************************************************/

@media (max-width: 500px){
    .wp-caption {
      /* Force the box to be 100% */
      width: 100% !important;
    }
    #content .wp-caption a img {
      /* Scale down if too big */
      max-width: 99.03225806%; /* 614/620 */
      height: auto;
    }
    .wp-caption IMG {padding-bottom:0;}
  }

@media screen and (max-width: 1280px) {
    HEADER .logo.section {margin-left:0px;}
    #frontpage-link-boxes .subbox .description {font-size:1.3vw;}
    DIV.overlaytext img.logo {max-width:18vw;width:100%;}
}

@media screen and (max-width: 1280px) {
    SECTION.full-width .inner {padding-left:20px;padding-right:20px;}
}

@media screen and (max-width: 1050px) {
    DIV.scrolldown {display:none;}
    HEADER .logo.section {text-align:center;float:none;margin-top:30px;}
    DIV.topbar-content {width:100%;line-height:175%;padding-left:0;}
    DIV.topbar-content a {padding-left:10px;padding-right:10px;}
    DIV.logo-container {display:table;margin:auto;}
    .fullscreen {z-index:999999;}
    HEADER .contact {display:none;}
    HEADER .logo img {margin:auto;}

    [class*="bg__"] {
        background-attachment:initial !important;
        overflow: hidden;
        margin:0;left:0;width:100%;
        text-indent: 0;
        background-size: cover;
        background-position: center;
    }
}

@media screen and (max-width: 950px) {
    DIV.images_block {width:75%;}
    ul.annualreports {columns:2;}

    SECTION.feature-group SECTION.feature {width:46% !important;margin-bottom:25px;}

    #canvas_wrap {max-width:40vw;}

    SECTION#topheader DIV.left {float:none;text-align:center;}
    SECTION#topheader DIV.right {float:none;margin:auto;display:table;}
    HEADER #topheader a {margin:0px;}
    DIV.contactdetails span.block {margin-left:20px;margin-right:20px;}
}

@media screen and (max-width: 855px) {
.tribe-events-calendar-list__event-wrapper.tribe-common-g-col {margin-left:10px;}
}

@media screen and (max-width: 850px) {
    #frontpage-link-boxes .subbox h2 {font-size:2.2vw;}
    #frontpage-link-boxes .subbox .description {font-size:1.5vw;}
}

@media screen and (max-width: 800px) {
   .socialmediaicons {text-align:center;}
   DIV.overlaytext {bottom:30%;}
    DIV.overlaytext p {font-size: 2.5vw;}
    DIV.overlaytext p.smaller {font-size:3.0vw;}
    DIV.overlaytext p.title {font-size:6.0vw;}

    SECTION.grid.boxes-5 DIV.griditem {width:33.333333%;}

    .mc-row.contacts {flex-direction: column;width:100%;}

    .mc-row.contacts .mc-col-50.text {order:1;width:100%;padding-bottom:0;padding-top:0;}
    .mc-row.contacts .mc-col-50.map {order:2;width:100%;}
}


@media screen and (max-width: 768px) {
  /* 2 columns for smaller screens */
  .grid-sizer, .grid-item  { width: 50% }

    HEADER .top-header-menu {display:table;width:100%;}
    HEADER .top-header-menu .navigation {float:left;text-align:center;margin:initial;}
    #top-navigation ul li:first-child a {padding-left:0;}

    DIV.story-details IMG.storyimage {float:none;max-width:100%;width:100%;padding:0px;padding-bottom:20px;}

    DIV.slideoverlay {display:none;}
    DIV.slideoverlay-alt {display:table;}
}


@media screen and (max-width: 730px) {
    DIV.homepage-feature h2 {font-size:11pt;}

    DIV.topbar-content DIV.socialmediaicons {display:table;}
    .mobile-nav {z-index:99999999 !important;}

    DIV.logo-container {top:15%;left:0;width:100%;}
    DIV.overlaytext {top:50%;}
}

@media screen and (max-width: 700px) {
    SECTION.two-columns {display:block;margin-bottom:40px;}
    SECTION.two-columns DIV.column:first-of-type, SECTION.two-columns DIV.column:last-of-type {width:100%;margin-left:0 !important;margin-right:0 !important;}
    SECTION.two-columns DIV.column:last-of-type {margin-top:40px;}

    SECTION.two-columns.room DIV.column {width:100% !important;}
    SECTION.two-columns.room DIV.column:last-of-type {margin-top:0;}


    SECTION.feature-group {display: block;}
    SECTION.feature-group SECTION.feature {width:100% !important;margin:0;margin-bottom:20px;}

    #frontpage-link-boxes .box {display:block;}
#frontpage-link-boxes .subbox {width:100%;}

#frontpage-link-boxes .subbox .inner .responsive {display:block !important;}
#frontpage-link-boxes .box.descriptions {display:none !important;}
#frontpage-link-boxes .subbox h2 {font-size:14pt;}
#frontpage-link-boxes .subbox .description {font-size:initial;}

#canvas_wrap {max-width:55vw;}
  
  .mc-col-1 {width: 8.33%;}
  .mc-col-2 {width: 16.66%;}
  .mc-col-25 {width: 50%;}
  .mc-col-33 {width: 33.33%;}
  .mc-col-5 {width: 41.66%;}
  .mc-col-50 {width: 50%;}
  .mc-col-7 {width: 58.33%;}
  .mc-col-66 {width: 66.66%;}
  .mc-col-75 {width: 75%;}
  .mc-col-10 {width: 83.33%;}
  .mc-col-11 {width: 91.66%;}

    SECTION.imagetext5050 {flex-direction:column;}
    SECTION.imagetext5050 DIV.col1 {width:100%;height:300px;}
    SECTION.imagetext5050 DIV.col2 {width:100%;order:4 !important;}

    SECTION.grid.boxes-2 DIV.griditem {width:100%;}
    SECTION.grid.boxes-3 DIV.griditem {width:100%;}
    SECTION.grid.boxes-4 DIV.griditem {width:100%;}
    SECTION.grid.boxes-5 DIV.griditem {width:100%;}

    DIV.item_post {width:100%;margin:0;margin-bottom:20px;}
}

@media screen and (max-width: 650px) {
	
	SECTION.three-columns {display:block;margin-bottom:40px;}
    SECTION.three-columns DIV.column {width:100%;margin-left:0 !important;margin-right:0 !important;}

    SECTION .feature {display:table;}
    SECTION .feature DIV.column:first-child, SECTION .feature DIV.column:last-child {width:100%;}
    
    SECTION .feature.left DIV.column:first-child {padding-top:20px; }
    SECTION .feature.left DIV.column:last-child {display: table-header-group; }
    SECTION .feature DIV.inner {width:100%;padding-top:10px;padding-bottom:30px;}

    SECTION .feature.right DIV.column:last-child {padding-top:20px;}
    SECTION.feature-group SECTION.feature.right DIV.column:last-child {padding-top:0;}

    .contact-form {margin: 1.125rem 0 5.375rem 0;
    background: #efefef;
    padding: 1rem 2rem 1rem 2rem;
    position: relative;
    margin-bottom: 35px;
    }
    

    img ~ ul {width:100%;}

    img.alignleft {clear:both;float:none;display:table;}
    DIV.images_block {width:100%;}

   #staticfooter {font-size:0.9rem;}

    .page_excerpt {flex-direction:column;}
    .page_excerpt DIV.intro {width:100%;}
    .page_excerpt DIV.image {display:inline-table;width:100%;margin-left:0;height:300px;}
    .page_excerpt DIV.intro a.discovermore {margin:20px auto;}

    DIV.homepagefeatures_details:nth-child(odd) DIV.left {order:1;}
    DIV.homepagefeatures_details:nth-child(odd) DIV.right {order:2;}
    DIV.homepagefeatures_details {display:block;background:#eeeeee !important;margin-bottom:20px;}
    DIV.homepagefeatures_details DIV.left {width:100%;padding:40px 40px;}
    DIV.homepagefeatures_details DIV.right {width:100%;height:300px;}
}


@media screen and (max-width: 600px) {
    #posts_feature SECTION.items-3 {width:100%;margin:0%;margin-bottom:40px;}
  
    #frontpage-link-boxes .subbox .description {font-size:3.0vw;}
    #frontpage-link-boxes .subbox .img_wrap {height:300px;}

    HEADER .staticheader {max-height:100% !important;}
    HEADER .staticheader .page-title {position:relative;background:rgba(0,147,208,1);}
    HEADER .staticheader h1.entry-title {font-size:18pt;}

    ul.two-columns {columns:1;}

   HEADER .logo-container .text {float:none;text-align:center;}

   DIV.topbar-content a.homelink {display:none;}
   DIV.topbar-content .extrainfo {float:none;margin:auto;text-align:center;}
   DIV.topbar-content {padding-right:0;}

   .mc-col-1 {padding:20px;}
  .mc-col-2 {padding:20px;}
  .mc-col-25 {width: 100%;}
  .mc-col-33 {padding:0px;width:100%;flex-direction: row;margin-bottom:40px;}
  .mc-col-5 {padding:20px;}
  .mc-col-50 {width: 100%;}
  .mc-col-7 {padding:20px;}
  .mc-col-66 {padding:20px;}
  .mc-col-75 {padding:20px;}
  .mc-col-10 {padding:20px;}
  .mc-col-11 {padding:20px;}

  .mc-row {flex-direction: column;}
  HEADER #topheader DIV.icons {float:none;margin-top:5px;}
  .socialmediaicons img {margin-right:5px;margin-left:5px;}
  HEADER #topheader a:last-of-type {margin-right:0;}
  HEADER span.block {padding: 0 20px;}
  .mc-row.truro {display:block;}
  .mc-row.info {display:block;}
  .mc-row.info DIV {width:100%;height:200px;justify-content:center;}
  SECTION.twocolumns .inner {column-count: 1;}

  .mc-row.news .mc-col-50:nth-child(1) {display:none;}
}

@media screen and (max-width: 550px) {
DIV.slideoverlay-alt {font-size:1.5rem;}
SECTION.content img {clear:both;float:none;max-width:100% !important;width:100% !important;height:auto;display:block;margin: 0 auto 20px auto;}
.newsletter	{width:50%;}
}

@media screen and (max-width: 500px) {
    .mc-col-1 {width: 8.33%;}
    .mc-col-2 {width: 16.66%;}
    .mc-col-25 {width: 100%;}
    .mc-col-33 {width: 100%;}
    .mc-col-5 {width: 41.66%;}
    .mc-col-50 {width: 100%;}
    .mc-col-7 {width: 58.33%;}
    .mc-col-66 {width: 66.66%;}
    .mc-col-75 {width: 75%;}
    .mc-col-10 {width: 83.33%;}
    .mc-col-11 {width: 91.66%;}

    .gallery .gallery-item {float:none !important;width: 50% !important;padding: 5% !important;}
    HEADER span.block {padding: 0px;display:block;text-align:center;}
    .page_excerpt DIV.intro label.pagetitle {text-align:center;display:block;}
    .page_excerpt {margin-top:20px;}
    h2.spoiler-title {text-align:left;}

    HEADER .logo.section {left:0;width:100%;z-index:88888888;}
}

@media screen and (max-width: 480px) {
	
    SECTION .feature img {margin-bottom:0 !important;}
    #frontpage-link-boxes .subbox img {margin:0 !important;}
    HEADER .contact {position:relative;top:0;right:0;text-align:center;}
    #frontpage-link-boxes .subbox .description {font-size:12pt;}
    IMG.alignright,IMG.alignleft {margin:0;text-align:center;}

    #staticfooter {display:none;}
    FOOTER {padding-bottom:0;}
    SECTION.content {padding:20px 30px;}
}

@media screen and (max-width: 450px) {
  /* 2 columns for smaller screens */
  .grid-sizer, .grid-item  { width: 100%; }

  HEADER .logo.section {min-height:auto;}
  SECTION .feature DIV h2 {font-size:6vw;}
}