/*
Theme Name: St. George Custom Theme for Gutenberg
Theme URI: http://wordpress.org/
Description: Custom theme, hand crafted perfection.
Author: Christina Dunham
Version: 1.5
Tags: blank
Text Domain: blanktheme
*/

/*	Global Colours
Navy: #15263c;
Medium blue; #26446c;
Light blue: #dde8ee;
Red: #991111;

*/

/* Reset All */

* {
	margin: 0px;
	padding: 0px;
}

body,
html {
	background-color: #15263c;
}

.main {
	background-color: #fff;
}

.row .column,
.row .columns {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	text-align: left;
	color: #000;
}

a img {
	border: none;
}

/* Basic Content Styles */
h1, 
h2 {
	font-family: "Instrument Serif", serif;
	font-weight: 400;
  	font-style: normal;
  	color: #991111;
}

h1 {
	margin-bottom: 25px;
	font-size: 48px;
	line-height: 53px;
}

h2 {
	margin-bottom: 15px;
	font-size: 45px;
	line-height: 50px;
}

h3 {
	margin-bottom: 15px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 27px;
	line-height: 33px;
	color: #15263c;
}

p, 
.main ul, 
.main ol, 
table {
	margin-bottom: 15px;
}

.main ul li,
.main ol li {
	
}

.main ul {
	padding-left: 15px;	
}

.main ol {
	padding-left: 20px;	
}

a {
	color: #991111;	
}

a:hover {
	text-decoration: none;	
	color: #15263c;
}

ul.block-grid {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/* End Content Styles */

header {
	background-color: #15263c;
	padding: 20px 20px;
}

header .large-3 a {
	display: block;
	max-width: 250px;
}



/* =Menu
-------------------------------------------------------------- */
nav {
	background: transparent;
	display: block;
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 9999;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	*zoom: 1;
	text-align: right;
}

nav li {
	float: none;
	display: inline-block;
	position: relative;
	list-style: none;
	padding: 0 15px;
}

nav a {
	color: #FFFFFF;
	display: block;
	line-height: 42px;
	font-size: 18px;
	text-decoration: none;
	border-bottom: 4px solid transparent;
}

nav ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	float: left;
	width: 210px;
	z-index: 99999;
	padding: 5px;
	background-color: #26446c;
	text-align: left;
}
nav ul ul ul {
	left: 100%;
	top: -5px;
	background-color: #666;
}

nav ul li:hover > ul {
	display: block;
}

nav ul ul li {
	padding: 0;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #2f5687;
}

nav ul ul li:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

nav ul ul a {
	padding: 5px 20px;
	font-size: 15px;
	line-height: 20px;
	min-width: 170px;
	border-bottom: 0;
}

nav li:hover > a,
nav ul li.current_page_item > a,
nav ul li.current-menu-ancestor > a,
nav ul li.current-menu-item > a,
nav ul li.current-menu-parent > a,
* html nav ul li.current_page_item a,
* html nav ul li.current-menu-ancestor a,
* html nav ul li.current-menu-item a,
* html nav ul li.current-menu-parent a,
* html nav ul li a:hover {
	color: #fff;
	border-color: #991111;
}

nav ul ul li:hover > a,
nav ul ul li.current_page_item > a,
nav ul ul li.current-menu-ancestor > a,
nav ul ul li.current-menu-item > a,
nav ul ul li.current-menu-parent > a {
	background-color: #991111;
}


ul ul .menu-item-has-children {
	width: 175px;
}

nav a.menu-link {
   display:  none;
   background: #26446c;
   padding-top: 6px;
   padding-bottom: 35px;
   height: 42px;
   line-height: 33px;
   text-transform: uppercase;
   width: 100%;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
   font-size: 15px;
   padding-left: 15px;
}

.menu:before,
.menu:after {
    content: " "; 
    display: table; 
}

.menu:after {
    clear: both;
}

.menu-link:after {
	content: url( images/menu.png );
	right: 20px;
	top: 6px;
	position: absolute;
}

.menuMobile {
	display: none;
}

.active .menuMobile {
	display: block;
	text-align: left;
	padding: 10px 20px;
}

/* =Main styles
-------------------------------------------------------------- */
body.home header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(21, 38, 61, 0.7);
	z-index: 99999;
}

.slideshow {
	height: 700px;
	width: 100%;
	background-color: #000;
	position: relative;
}

.slideshow .slide {
	width: 100%;
	height: 100%;
	position: relative;
}

.slideshow .slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wrapper.white {
	background-color: #fff;
}

.wrapper.lightBlue {
	background-color: #dde8ee;
}

.wrapper.medBlue {
	background-color: #26446c;
}

.wrapper.navy {
	background-color: #15263c;
}

.wrapper.red {
	background-color: #991111;
}

.wrapper.normal {
	padding: 100px 20px;
}

.wrapper.reduced {
	padding: 50px 20px;
}

.wrapper.noTop {
	padding: 0px 20px 100px;
	margin-top: -75px;
}

.wrapper.medBlue,
.wrapper.medBlue h1,
.wrapper.medBlue h2,
.wrapper.medBlue h3,
.wrapper.medBlue p,
.wrapper.medBlue ul,
.wrapper.medBlue a, 
.wrapper.navy,
.wrapper.navy h1,
.wrapper.navy h2,
.wrapper.navy h3,
.wrapper.navy p,
.wrapper.navy ul,
.wrapper.navy a,
.wrapper.red,
.wrapper.red h1,
.wrapper.red h2,
.wrapper.red h3,
.wrapper.red p,
.wrapper.red ul,
.wrapper.red a {
	color: #fff;
}

.wrapper.twoCol .large-6:first-of-type {
	padding-right: 50px;
}

.wrapper.twoCol .large-6:last-of-type {
	padding-left: 50px;
}

a.button {
	background-color: #15263c;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 10px 30px;
	display: inline-block;
}

.wrapper.medBlue a.button:hover,
.wrapper.navy a.button:hover,
a.button:hover {
	background-color: #991111;
}

.wrapper.red a.button:hover,
.wrapper.medBlue a.button,
.wrapper.navy a.button {
	background-color: #fff;
	color: #15263c;
}

hr {
	border: 0px;
	border-top: 4px solid #991111;
	max-width: 200px;
	margin: 30px auto;
}

span.redText {
	color: #991111;
}

.bulletinArea .column {
	padding: 0 20px 20px;
}

.contentGrid .column {
	padding: 0 20px 40px;
}

.ctaArea {
	background-color: #15263c;
}


.ctaArea a {
	background-color: #15263c;
	display: block;
	height: 400px;
	width: 100%;
	position: relative;
	text-decoration: none;
}

.ctaArea a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 9;
	position: relative;
}

.ctaArea a .text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 99999;
	padding: 20px;
	text-align: center;
	width: 100%;
}


.ctaArea a .text h3,
.ctaArea a .text p {
	color: #fff;
}

.ctaArea a .text h3 { 
	font-family: "Instrument Serif", serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 40px;
}

.ctaArea a:hover {
	background-color: #991111;
}


.ctaArea a .text p {
	text-decoration: underline;
	font-size: 16px;
	text-underline-offset: 5px;
}

.ctaArea a:hover .text p {
	text-decoration: none;
}

.bulletinArea .column {
	text-align: center;
}

header.tribe-events-header {
	background-color: #fff;
}

.tribe-events-calendar-month__header-column-title span {
	display: none;
}

.tribe-events-calendar-month__header-column-title .screen-reader-text {
	clip-path: none;
	width: auto;
	height: auto;
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;

}

.tribe-events-calendar-month__header {
	background-color: #26446c;
	color: #fff;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
	padding: 15px 10px;
}

.tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum a,
.tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum {
	color: #555 !important;
}

.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
	color: #991111;
}

header.tribe-events-calendar-latest-past__event-header {
	background-color: #fff;
}


.subPages a {
	background-color: #15263c;
	height: 200px;
	position: relative;
	text-decoration: none;
	display: block;
}

.subPages a:hover {
	background-color: #991111;
}

.subPages a .inner {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	padding: 20px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

#envirabox-title {
	display: none !important;
}

.gform_wrapper {
	background-color: #dde8ee;
	padding: 30px;
}

.gform_wrapper input.gform_button {
	background-color: #15263c !important;
	color: #fff;
  	text-decoration: none;
  	text-transform: uppercase !important;
  	font-weight: 700 !important;
  	padding: 10px 30px !important;
	border-radius: 0 !important;
}

.gform_wrapper input.gform_button:hover {
	background-color: #991111 !important;
}



footer {
	background-color: #15263c;
	padding: 50px 20px;
}

footer,
footer p,
footer ul,
footer a {
	color: #fff;
	font-size: 16px;
}

footer a:hover {
	color: #fff;
}


footer .large-4:last-of-type {
	text-align: right;
}

footer .large-4:nth-of-type(2) {
	text-align: center;
}

footer .large-4:nth-of-type(2) p:first-of-type {
	margin-bottom: 40px;
}

footer svg {
	max-width: 250px;
}




/* =Photo Gallery
-------------------------------------------------------------- */
.collapseRow {
	padding: 0 20px 20px;
}

a.photo {
	display: block;
	height: auto;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

a.photo img {
	margin: auto;
	width: 100%;
}

.accordionWrap h2.title {
	background-color: #26446c;
	position: relative;
	padding: 10px 45px 10px 20px;
	color: #fff;
	font-family: "Open Sans", sans-serif;
  	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
}

.accordionWrap h2.title:hover {
	background-color: #991111;
	cursor: pointer;
	color: #fff;
}

.accordionWrap h2.title:after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translatey(-50%);
	font-size: 30px;
	color: #fff;
	padding-left: 10px;
}

.accordionWrap h2.title.open:after {
	content: '-';
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { 
	display: inline-block; 
}

* html .clearfix { 
	height: 1%; 
}

.clearfix { 
	display: block; 
}

/* =Auxilary Pages
-------------------------------------------------------------- */
body.search .entry-utility,
body.search .entry-meta {
	display: none;
}

body.blog .row.pagination {
	padding: 15px 0;
}

body.blog .row.pagination .columns {
	text-align: center;
}

/* =Images
-------------------------------------------------------------- */
.main img,
.entry-content img {
	margin: 0;
	max-width: 100%;
}

.main .alignleft,
.main img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.main .alignright,
.main img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.main .aligncenter,
.main img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main img.alignleft,
.main img.alignright,
.main img.aligncenter {
	margin-bottom: 12px;
}

/* =Gutenberg Styles
-------------------------------------------------------------- */
.wp-block-image {
	text-align: center;
}


/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul {
	list-style: none;
	margin-left: 0;
}

.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 100%;
}

.widget_search label {
	display: none;
}

.widget-container {
	margin: 0 0 18px 0;
}

.widget-title {
	color: #222;
	font-weight: bold;
}

.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}

.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}

.widget-area .entry-meta {
	font-size: 11px;
}

/* Main sidebars */
#primary {
	width: 100%;
	padding: 26px 20px;
}

div.entry-meta {
	margin-bottom: 10px;
	font-style: italic;	
}

/*body.blog .large-9,
body.archive .large-9,
body.single .large-9 {
	padding-right: 20px !important;
	border-right: 1px solid #000;
}

body.blog .post,
body.search .post,
body.archive .post {
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
}*/

/* =Table Styles
-------------------------------------------------------------- */
table thead tr td {
	border-left: 1px solid #49176E;
}

table {
	border-spacing: 0px;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}

table tr td {
	padding: 5px 10px;
	border-left: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
}

table tr.shaded td {
	background-color: #EEEEEE;
}

table thead tr.shaded td,
table thead tr td {
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
}

table.No-Style-Table,
table.No-Style-Table tr td,
table.No-Style-Table tr.shaded td {
	border: 0px !important;
	padding: 0px !important;
	background-color: transparent !important;
}

/* =MEDIA QUERIES
-------------------------------------------------------------- */
@media only screen and (max-width: 1240px) {
	header .row .columns {
		width: 100%;
	}

	header .large-3 a {
		margin: 0 auto 15px;
	}

	nav {
		text-align: center;
	}
}

@media only screen and (max-width: 1024px) { /*  MEDIUM GRID BREAK  */
	.wrapper.twoCol .large-6:first-of-type {
	  	padding-right: 0px;
	}
	.wrapper.twoCol .large-6:last-of-type {
		padding-left: 0px;
	}

	footer .large-4:first-of-type,
	footer .large-4:last-of-type {
	  text-align: center;
	}

}

@media only screen and (max-width: 960px) {
	header {
		padding: 20px 0 0;
	}
	/* Override other menu code */
	nav ul li:hover > ul {
		display: none;
	}
	
	nav ul ul {
		top: 0px;
		position: relative;
		float: none;
		display: none !important;
	}

	nav li {
		height: auto; /* override for menu height issue */
		/* set list item height */
		min-height: 36px; 
		height: auto !important;
		height: 36px;
		display: block;
		padding: 0;
	}

	/*mobile menu */
	.active {
        display: block !important;
    }

    .menu > li {
        float: none !important;
    }

    .menu > li > .menu-item-has-children {
   		background-image: none; 
    }

    .menu-item-has-children {
    	width: 100%;
    }

    nav ul li {
    	margin-bottom: 0px !important;
    	border-bottom: 1px solid #666;
    }

    .menu li .more {
        background-image: url(images/list.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        float: right;
      	width: 20%;
		border-left: 1px solid rgba(255,255,255,.3);
		padding: 8px 15px;
        cursor: pointer;
    	z-index: 200;
        position: relative;
    }

   .menu li .more:before {
		content: "";
		background: rgba(0,0,0,.3);
		width: 1px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
  		left: -2px;
    }

    ul.menu {
    	border-top: 4px solid #666;
    }
    
    .menu ul {
        display: block;
        width: 100%;
        z-index: 9999999;
    }
   	
   	.menu > li.hover > ul, 
   	.menu li li.hover ul {
        position: static;
        display: block !important; /* Show Menu Fix */
    }
    
    nav a {
    	width: 100%;
    	padding: 3px 15px;
    	text-align: left;
    	line-height: 35px;
    	border-bottom: 0;
    }

    nav ul ul ul li a {
		padding-left: 45px;
	}

	nav ul ul a {
		padding: 8px 20px 8px 30px;
	}

    nav ul ul,
    nav ul ul li {
    	width: 100%;
    }

    nav ul ul {
    	padding: 0px !important;
    }

    nav ul ul li {
    	float: none;
    	padding-bottom: 0;
    	margin-bottom: 0;
    }

    nav {
   		width:100% !important;
   	}

   	nav ul ul ul {
		left: 0;
		top: 0;
	}

	.menuWrap.active ul#menu-menu-1 {
		display: block !important;
	}

	nav ul li:hover > a,
	nav ul li.current_page_item > a,
	nav ul li.current-menu-ancestor > a,
	nav ul li.current-menu-item > a,
	nav ul li.current-menu-parent > a {
		background-color: #991111;
	}



}

@media only screen and (max-width: 820px) {
	.tribe-events-calendar-month__header-column-title span {
		display: block;
		color: #fff;
		font-weight: 700;
	}

	.tribe-events-calendar-month__header-column-title .screen-reader-text {
		display: none;
	}


}

@media only screen and (max-width: 640px) { /*  SMALL GRID BREAK  */
	h3 {
		font-size: 22px;
		line-height: 25px;
	}
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#fff;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#eea904;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#eea904}