/*   
Theme Name: Our Neighbourhood Living Society
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: 'Raleway', sans-serif;
			 font-size:11pt;
             font-weight:400;
			 color:#000000;
			 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:300px;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;
    background:#657e83;
    line-height:175%;
    display:table;
}
FOOTER a	{font-weight:400;color:inherit;}
FOOTER SECTION.copyright {font-size:9pt;padding-top:10px;width:100%;max-width:1210px;margin:auto;padding-left:20px;padding-right: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:500;}
FOOTER h2 {color:#000000;}

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

SECTION {display:block;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 {
    width:auto !important;
    display:table !important;
    font-size:12px !important;
    margin:0 auto !important;
    padding:3px 10px 5px !important;
    text-align:center !important;
}
.wp-caption IMG {vertical-align:top;}
.wp-caption-text {display:table-caption;caption-side:bottom;line-height:150%;}

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


h1	{
    font-size: 37px;
    margin: 0 0 20px 0;
    line-height: 50px;
    color: #000000;
    font-weight: 100;
	text-align:center;
    font-weight:600;
    text-transform: uppercase;
    }
h2	{font-size:15pt;font-weight:100;color:#000000;margin-top:0;font-weight:600;}
h3	{font-size:12pt;font-weight:700;color:#000000;}
h4	{font-size:12pt;font-weight:600;color:#686868;border-bottom: 1px solid #eaeaea;}

a	{color:#323b97;text-decoration:underline;font-weight:500;text-decoration:none;}
a:hover	{text-decoration:underline;cursor:pointer;}

p {margin-top:0;margin-bottom:1.5em;}
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;margin-top:0px;color:#7a7a7a;}
#breadcrumbs a	{font-weight:normal;text-decoration:none;color:#7f7f7f;}
#breadcrumbs a:hover	{text-decoration:underline}

.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:64%;margin-right:2%;}
SECTION.two-columns DIV.column:last-of-type {width:32%;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 {padding: 30px;
    max-width: 1200px;width:100%;
    margin: auto;
    line-height: 150%;
    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;}
ul.two-columns li {display: inline-block;width:100%;position:relative;}
ul.two-columns li:before {
    content: "•";
    padding-right: 5px;
  }

/* ---- 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: #383838;
}

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

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

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;
}

#topheader .navigation {float:left;}


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


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

#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline;text-transform:uppercase;}
#navigation ul li {float:left; position:relative;}
#navigation ul li a { 
    display:block; 
    padding:0px 17px 0px 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:#ffc50c; }
#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:#323b97;
	color:#ffffff;
    padding: 2px; 
    overflow:visible;
    padding-top:5px;
    border-radius:10px;
}

#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; 
    overflow:visible;
    background:#000000;
}

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

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:10%; }
#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:0;width:100%;text-align:left;}
#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;}

#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:#ffc50c;}

::-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:500;
    line-height:170%;
    padding: 5px 20px !important;
}


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

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

/* 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 {border-bottom:1px solid #ffffff;}
HEADER .logo.section {z-index:10;color:#000000;min-height:100px;position:absolute;left:20px;top:20px;z-index:999;}
HEADER .logo img {width:auto;max-width:140px !important;width:100%;height:auto;padding:0px;vertical-align:top;}
HEADER .header-image {position:relative;}
HEADER .contact {position:absolute;right:20px;top:20px;text-align:right;line-height:200%;}
HEADER .contact a {color:#ffffff;}
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 {font-size:18pt;font-weight:600;}
HEADER .contact p.email {font-size:12pt;font-weight:600;}

HEADER #topheader {position:fixed;z-index:99999;background:#7a7a7a;color:#ffffff;line-height:150%;display:table;width:100%;border-bottom:1px solid #ffffff;text-transform:uppercase;padding:5px;}
HEADER #topheader a {color:inherit;}
HEADER #topheader DIV.left {float:left;}
HEADER #topheader DIV.right {float:right;}
HEADER #topheader .inner {max-width:1250px;width:100%;margin:auto;}


HEADER SECTION.main-bar {width:100%;margin:auto;display:table;padding-bottom:0px;position:relative;}
HEADER SECTION.main-bar .menu-main-menu{display:table;clear:both;float:right;}

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;filter: invert(1);}



/** 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;}
.nf-form-content {padding-left:0 !important;padding-right:0 !important;max-width:initial !important;}

.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;}

#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:300px;background-size: cover;background-position:center;}
#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: uppercase;margin:0;padding:0;font-weight: 500;
    line-height: 200%;
    font-size: 14pt;
    background:#36573e;color:#ffffff;}

#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;}

.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:2% !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;}
.mc_spoiler div.content ul {margin-top: 0;margin-bottom:0;}

/* ** ULITIMATE SHORtCODES STYLES *******************************************************************************/
.su-column img {height:auto;}


#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);}

: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;}


#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;}


SECTION .contactinfo {background:#acd0c0;color:#000080;}
SECTION .contactinfo a {color:inherit;}
SECTION .contactinfo h1 {margin:0;color:inherit;text-transform:none;}

SECTION .locations {word-spacing: 40px;font-weight:600;font-size:1.1em;text-transform:uppercase;}
SECTION .locations .inner {padding:20px 30px;}

.step-navigation {text-align:center;background:none;}
.step-navigation a.su-button {margin-left:20px;margin-right:20px;}


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.full-width.darkblue {background:#323b97;color:#ffffff;}
SECTION.full-width.darkblue h2 {color:inherit;}
SECTION.full-width.darkblue p {line-height:175%;}

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;}

li.donate {background:#57b7f3;color:#ffffff;border-radius: 5px !important;margin-left:20px !important;transition:0.2s;}
li.donate:hover {background:#000000;transition:0.2s;color:#ffffff;}
li.donate a {color:inherit !important;padding: 5px 20px !important;font-size:12pt !important;text-transform: uppercase !important;}

a.donate {background:#57b7f3;color:#ffffff;border-radius: 5px !important;transition:0.2s;}
a.donate:hover {background:#000000;transition:0.2s;color:#ffffff;}
a.donate {padding: 5px 20px !important;font-size:12pt !important;text-transform: uppercase !important;}

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

SECTION.feature-group {display: flex;justify-content: space-around;flex-wrap: wrap;}
SECTION.feature-group SECTION.feature {width:30%;overflow:hidden;margin-bottom:40px;}
SECTION.feature-group SECTION.feature DIV.column:first-child {width:auto;display:inherit;width:100%;}
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.4rem;font-weight:500;text-align:center;text-transform: uppercase;}

SECTION.feature-group.two-column SECTION.feature {width:40%;}
SECTION.feature-group.two-column SECTION.feature DIV.column:first-of-type DIV {height:300px !important;}

DIV.contact-info {background:red;width:100%;z-index:10;}

.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 {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-col-50:first-of-type {padding-right:40px;}
.mc-col-50:last-of-type {padding-left:40px;}

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:top;
}


DIV.right-widget-area {background:#eeeeee;padding:20px;margin-bottom:40px;}

SECTION.content ul.sitemap li.donate {background:inherit;margin-left:0 !important;}
.mobile-nav ul.sitemap li.donate a {padding:0 !important;font-size: inherit !important;}

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

@media screen and (max-width: 1280px) {
    HEADER .logo.section {margin-left:10px;}
    #frontpage-link-boxes .subbox .description {font-size:1.3vw;}
}


@media screen and (max-width: 1050px) {
    HEADER .logo.section {float:none;text-align:center;margin-left:0;left:0;width:100%;}
    HEADER SECTION.main-bar {padding-top:35px;}
}

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

@media screen and (max-width: 950px) {
    HEADER .logo img {max-height:125px;width:auto;height:auto;}
}


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

@media screen and (max-width: 800px) {
   .socialmediaicons {text-align:center;}
}


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


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

@media screen and (max-width: 700px) {
    SECTION.feature-group {display: block;}
    SECTION.feature-group SECTION.feature {width:100% !important;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;}
.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%;}

HEADER .logo img {max-height:90px;width:auto;height:auto;}
}

@media screen and (max-width: 650px) {
	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.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%;}
}


@media screen and (max-width: 640px) {
    HEADER .staticheader {max-height:100% !important;height:130px;}
    HEADER .staticheader img {overflow:hidden;width:initial !important;}
}

@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 .page-title {position:relative;background:rgba(0,147,208,1);}
    HEADER .staticheader h1.entry-title {font-size:18pt;}

    ul.two-columns {columns:1;}
   
   .mc-col-1 {padding:20px;}
  .mc-col-2 {padding:20px;}
  .mc-col-25 {width: 100%;}
  .mc-col-33 {padding:20px;}
  .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-col-50:first-of-type {padding-right:10px;}
.mc-col-50:last-of-type {padding-left:10px;}

}

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


@media screen and (max-width: 480px) {
	SECTION.content img {clear:both;float:none;max-width:100% !important;width:auto !important;height:auto;display:block;margin: 0 auto 20px auto;}
    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;}
}

@media screen and (max-width: 450px) {
  /* 2 columns for smaller screens */
  .grid-sizer, .grid-item  { width: 100%; }
  #posts_feature SECTION.items-3 {width:100%;margin:0%;margin-bottom:40px;}
  #posts_feature SECTION.items-4 {width:100%;margin:0%;margin-bottom:40px;}

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


}