/*   
Theme Name: Progeny Genealogy
Description: Custom WordPress theme for the Progeny Genealogy
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: 'Georgia', sans-serif;
			 font-size:12pt;
             font-weight:500;
			 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;
	line-height:1.7em;
	padding-top:20px;
	color:#ffffff;
	text-align:center;
    font-size:9pt;
    background:#77981c;
}
FOOTER a	{font-weight:400;color:#000000;}
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.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:600;}
FOOTER h2 {color:#000000;}

FOOTER SECTION.signup {
    background: #0093d0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0;
    display: table;
    line-height: 100%;
    color: #ffffff;
    font-weight: 500;}
FOOTER SECTION.signup .inner {width:100%;max-width:1250px;margin:auto;}
FOOTER SECTION.signup LABEL {font-size:13pt;line-height:200%;}
FOOTER SECTION.signup INPUT {border:0;padding:8px;}
FOOTER SECTION.signup INPUT[type=submit] {background:#015c86;color:#ffffff;padding-left:20px;padding-right:20px;}
FOOTER SECTION.signup INPUT[type=submit]:hover {background:#000000;transition:0.4s;cursor: pointer;}

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;max-width: 100%;width: auto;height: auto;}
.wp-caption-text {display:table-caption;caption-side:bottom;line-height:150%;padding-bottom:10px;}

.content	{
	width:100%;
	max-width:1400px;
	margin:auto;
	line-height:1.4;
	padding:20px 70px 40px 70px;
}
.content ul {overflow:hidden;padding-left:20px;}
.content ul li:first-child {padding-top:10px;}
.content ul li:last-child {padding-bottom:0px;}

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

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:#658022;text-decoration:underline;font-weight:600;text-decoration:none;}
a:hover	{text-decoration:underline;cursor:pointer;}

p {margin-top:0;margin-bottom:1.5em;line-height:1.4;}
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: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 {padding: 30px;
    max-width: 1200px;
    margin: auto;
    line-height: 150%;
    display:table;}

SECTION.full-width.basic .inner {
    padding:0;
    width:100%;
    max-width:none;
}
SECTION.full-width.basic img {width:100% !important;vertical-align:bottom;}

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: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 90%;
margin: auto;
margin-bottom:50px;
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;
    margin:auto;
}

#topheader .navigation {float:left;}

/* Top Navigation **************************************************************************************************/
#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;line-height:100%;border-right:1px solid #ffffff;margin: 10px 0 10px 0;}
#top-navigation ul li a { 
    display:block; 
    padding:0px 10px 0px 10px; 
    margin:1px; 
    font-size:8pt; 
    white-space:nowrap; 
    border-radius:3px;
	color:#ffffff;
	font-weight:500;
    
}
#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:4px; padding-right:20px;}
#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;}
#top-navigation ul li ul.sub-menu	{left:-60%;}

/* 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:#000000 !important;}
#menu-main-menu .sub-menu a {background:none;color:#ffffff;}


#navigation	{max-width:1100px;margin:auto;text-align:center;display:table;padding-top:7px;padding-bottom:6px;}

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

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

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:10%; }
#navigation ul ul li:hover>ul{ position:absolute; top:5px; left:100%; 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-right:20px;}
#navigation ul li.last-menu-item:hover>ul{ opacity: 1; position:absolute; top:99%; left:-100%; }

/*#navigation ul li ul.sub-menu	{left:-60%;}*/

.navigation-container	{
    background:#ffffff;
    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;}


::-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; 
    padding:0px 30px 0px 30px; 
    margin:0; 
    font-size:11pt; 
    white-space:nowrap; 
    border-radius:0px;
	color:#ffffff;
	text-transform:uppercase;
    font-weight:400;
    line-height:170%;
}

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

#navigation  ul.sub-menu li a {border-right:0;line-height:20pt;font-weight:100;padding-left:5px;padding-right:5px;}

/* 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%;}

.responsive-container {
        position: relative;
        padding-bottom: 50.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-bottom: 1em;
}
.responsive-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

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

BODY.home HEADER {padding-bottom:20px;}
HEADER .logo.section {float:left;z-index:10;background:#ffffff;color:#000000;min-height:75px;}
HEADER .logo img {width:auto;max-width:100% !important;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;height:36px;background:#0093d0;color:#ffffff;line-height:150%;display:table;width:100%;border-bottom:1px solid #ffffff;}
HEADER #topheader .topheader-socialmedia {float:right;margin-left:30px;margin-top:5px;display:block;}
HEADER #topheader .topheader-socialmedia img {width:25px;vertical-align: middle;}
HEADER #topheader .inner {width:96%;max-width:1250px;margin:auto;}
HEADER #topheader .fa-search {font-size:16pt;color:#ffffff;vertical-align:middle;}

#topsearch {float:right;margin-left:40px;display:block;}
#topsearch INPUT {margin-top: 5px;
    font-size: 10pt;
    border: 0;
    padding: 5px;
    width: 170px;
    text-transform: uppercase;
    border:1px solid #a7a7a7;
    }

.metaslider.homepageslideshow {padding-bottom:0 !important;overflow:hidden;max-height:1200px;}

HEADER SECTION.main-bar {padding-top:20px;width:100%;max-width:1250px;margin:auto;display:table;}
HEADER SECTION.navigation .menu-main-menu {clear:both;background:#77981c;background-image: linear-gradient(#bfdb7b, #77981c);}

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:10px 40px 10px 40px;background:#ffffff;color:#000000;line-height:300%;font-weight:100;}
SECTION .feature DIV a:hover {background:#000000;color:#ffffff;text-decoration: none;cursor:pointer;}
SECTION .feature DIV h2 {font-size: 1.9rem;font-weight:100;text-align:center;text-transform: uppercase;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;}

SECTION .feature.pool DIV a {padding:0;background:none;line-height:100%;}
SECTION .feature.pool DIV h2 {background:none;padding: 10px 40px 10px 40px;transition:0.4s;}
SECTION .feature.pool DIV h2:hover {background:#000000;transition:0.4s;}
SECTION .feature.pool DIV h2:hover a {color:#ffffff;transition:0.2s;}

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

.leaflet-map a {padding:0 !important;background:none !important;line-height:100% !important;}

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


.free-estimate {font-weight:600;font-size:14pt;line-height:140%;text-align:center;text-transform: uppercase;}
.free-estimate a {background:#f98e26;color:#ffffff;text-transform: none;padding:10px;margin-top:10px;display: inline-block;}
.free-estimate a:hover {background:#000000;text-decoration:none;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;}

.slogan {background:#f98e26;color:#ffffff;font-size:21pt;font-weight:700;text-align:center;}
.warranty {background:#f98e26;color:#ffffff;font-size:21pt;font-weight:700;text-transform: uppercase;text-align:center;}

.hiring {background:#ffffff;color:#000000;}
.hiring a {background:#f98e26;color:#ffffff;text-transform: none;padding:10px;margin-top:10px;display: inline-block;}
.hiring a:hover {background:#000000;text-decoration:none;cursor:pointer;}

.hiring a[href^="tel"] {background:unset;color:unset;font-weight: unset;padding:unset;}

a.discover {background:#f98e26;color:#ffffff;text-transform: none;padding:10px;margin-top:10px;display: inline-block;}
a.discover:hover {background:#000000;text-decoration:none;cursor:pointer;}

HEADER .tagline {text-align:center;width:100%;padding:15px;color:#ffffff;background: radial-gradient(circle farthest-side, #b0d057, #77981c);}
HEADER .tagline h1 {color:#ffffff;font-size:3.9vw;width:100%;max-width:1250px;margin:auto;font-weight:600;line-height:100%;padding-bottom:15px;width:90%;text-transform:none;}


#notice	{width:100%;background:#6ed8f2;display:table;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;padding-top:10px;padding-bottom:10px;color:#ffffff;font-size:12pt;line-height: 160%;}
#notice p	{padding:0;margin:0;}
#notice h2	{padding:0;margin:0;color:#ffffff;}
#notice img	{float:left;margin-right:20px;}
#notice .body	{vertical-align:top;padding-right:30px;}
#notice .icon	{display:table-cell;vertical-align:middle;padding: 0 30px 0 30px;font-size:24pt;}
#notice.high {background:#d80808 !important;}
#notice.medium {background:#00928f !important;}
#notice.low {background:#686a72 !important;}
#notice + #notice {border-top:0;}
#notice .inner {display:table;margin:auto;width:100%;max-width:1250px;}

#frontpage-link-boxes {display:table;width:100%;}
#frontpage-link-boxes .subbox {display:inline-block;width:31.3333333333%;margin:1%;}
#frontpage-link-boxes .subbox.size-4 {display:inline-block;width:23%;margin:1%;}
#frontpage-link-boxes .subbox .img_wrap {position: relative;width:100%;height:250px;background-size: cover;}
#frontpage-link-boxes .subbox .inner {background:#0093d0;width:100%;}
#frontpage-link-boxes .subbox img {width:100%;vertical-align:top;}
#frontpage-link-boxes .subbox h2 {background:#77981c;color:#ffffff;text-align:center;text-transform: uppercase;margin:0;padding:0;font-weight: 500;
    line-height: 200%;
    font-size: 1.0em;}

#frontpage-link-boxes .subbox .description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(29, 106, 154, 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;}


.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #9b642c;
  margin:auto;
}


#testimonials-shortcode h2 {background:#9b642c;width:100%;line-height:200%;color:#ffffff;text-align:center;margin-bottom:0;}
#testimonials-shortcode.full-width {background:#ffffff;}
#testimonials-shortcode.full-width .inner {padding-top:0;padding-bottom:0;}

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

FOOTER SECTION.sponsors {background:#e7e8e8;width:100%;}
FOOTER SECTION.sponsors .inner {width:100%;max-width:1170px;margin:auto;}
FOOTER SECTION.sponsors .gallery-item img {border:0 !important;width:auto;max-width:100% !important;height:auto;text-align:center;}
FOOTER SECTION.sponsors .gallery-item {width:20% !important;padding:2% !important;}
FOOTER SECTION.sponsors .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;}

.bubble {width:100%;display:block;background:#a7a7a7;padding:20px;}
.bubble.programs {background:#eeeeee;margin-bottom:20px;}
.bubble.programs DIV.inner {display:table;}
.bubble.programs DIV.inner img {max-width:300px !important;width:auto;height:auto;}

.guests-access {background:#009390;color:#ffffff;}
.guests-access ul {columns:2;padding-left:0;}
.guests-access ul li {margin-right:20px;display:inline-block;width:100%;}
.guests-access ul li:before {content:'\25CF';padding-right:5px;font-size:9pt;}
.guests-access .inner {width:100%;max-width:800px !important;margin:auto;}
.guests-access h1, .guests-access h2, .guests-access h3 {color:#ffffff;}

.su-table.rates TABLE {border:0 !important;width:100%;}
.su-table.rates TABLE TBODY {display:block;}
.su-table.rates TABLE tr th, .su-table.rates TABLE td:first-child {background:#009390 !important;color:#ffffff;border:0 !important;color:#ffffff  !important;font-weight:100 !important;}
.su-table.rates TABLE tr th:empty {background:#ffffff !important;}
.su-table.rates TABLE tr td {border:2px solid #ffffff !important;}
.su-table.rates TABLE td:first-child {width:50%;}
 
.su-table.rates.options TABLE tr th {font-size:9pt;color:#ffffff;}
/*.su-table.rates.options TABLE td:first-child {width:auto;}*/

.su-table.rates td.free {background:#f7f7f7 !important}

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

/* ** EVENTS CALENDAR STYLES *******************************************************************************/
.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {max-width:100% !important;}
a.tribe-events-gmap {display:none}
.tribe-events-gmap {display:none}
.tribe-events-tooltip h3 {margin:0;}
.tribe-events-tooltip .tribe-event-duration {line-height:250%;}
.tribe-events-tooltip .tribe-events-event-body {padding-bottom:20px;}
.tribe-events-list-separator-month {margin:0;}
.tribe-events-list-separator-month + .type-tribe_events.tribe-events-first {padding-top:0;margin-top:1rem;}

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

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


BODY.page-template-portagepool HEADER {padding-bottom:0;}
BODY.page-template-portagepool #header-submenu {margin:0;background:#33525e;margin-bottom:20px;    font-family: Arial;}
BODY.page-template-portagepool #header-submenu .inner {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
}
BODY.page-template-portagepool #header-submenu UL {
    list-style: none;
    padding: 0 10px;
    margin: 0;
    display: block;
    text-transform: uppercase;}

BODY.page-template-portagepool #header-submenu UL LI {list-style: none;
    padding: 10px 20px;
    font-size:10pt;
    margin: 0;
    display: inline-block;
    text-transform: uppercase}

BODY.page-template-portagepool #header-submenu UL LI a {color:#ffffff !important;font-weight:500 !important;}

BODY.page-template-portagepool #header-submenu UL LI.current_page_item {background:#000000;}

.news-grid {
    display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}
.news-grid .col {flex: 0 0 33.33333333%;padding: 0 20px 40px 20px;-ms-flex:0 0 29.3333333%;}
.news-grid .col .thumbnail img {width:100%;height:auto;}
.news-grid a h2 {color:inherit;padding-bottom:0;margin:0;line-height:120%;}
.news-grid a:hover {text-decoration: none;}
.news-grid .published {font-size:9pt;}
.news-grid .col .img {position: relative;
    width:  100%;
    height: 170px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;margin-bottom:10px;}



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

.tablepress.portagepool TR TD:first-child,.tablepress.portagepool thead th, .tablepress.portagepool tfoot th {background:#33525e;color:#ffffff;}
.tablepress.progeny TR TD:first-child,.tablepress.progeny thead th, .tablepress.progeny tfoot th {background:#009390;color:#ffffff;}
.tablepress-id-3 .column-1 {width: 50%;}
.tablepress-id-4 .column-1 {width: 50%;}
.tablepress-id-5 .column-1 {width: 50%;}
.tablepress-id-6 .column-1 {width: 50%;}

.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;}
#frontpage-link-boxes h2 a:hover {text-decoration:none;color:#77981c;}
#frontpage-link-boxes .subbox h2 {transition:0.2s;}
#frontpage-link-boxes .subbox:hover h2 {background:#000000;transition:0.2s;}

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

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


/* 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;

}


DIV.buynow {margin:auto;text-align:center;background:#ec9151;padding:5px 40px;display:table;transition:all 0.2s linear;border-collapse: initial;border-radius: 15px;background-image: linear-gradient(#f0b89c, #f36807);line-height:125%;}
a.buynow {color:#ffffff;font-weight:600;text-align:center;text-decoration:none;}
DIV.buynow:hover {background:#000000;transition:all 0.2s linear;}

DIV.download {text-align:center;background:#ec9151;padding:5px 40px;display:table;transition:all 0.2s linear;border-collapse: initial;border-radius: 15px;background-image: linear-gradient(#f0b89c, #f36807);line-height:125%;}
a.download {color:#ffffff;font-weight:600;text-decoration:none;}
DIV.download:hover {background:#000000;transition:all 0.2s linear;}

table {  
    border-collapse: collapse;
}
th, td {
  border: 1px solid #ddd;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

table.no-styling th,td {border:1px solid #000000;background-color:transparent;color:#000000;}
table.no-styling tr:nth-child(even){background-color: transparent;}
table.no-styling tr:hover {background-color: transparent;}

table.products-and-trial-versions tr th {background:#eeeeee;color:#000000;text-align:center;border:0;}
table.products-and-trial-versions tr td {border:0;}

.su-column-size-3-4 ~ .su-column-size-1-4 {
    margin-right:0;
}

SECTION.content DIV.mc-row {display:table;width:100%;}
SECTION.content DIV.mc-column-size-1-2 {width:46%;float:left;}
SECTION.content DIV.mc-column-size-1-3 {width:29%;float:left;margin-bottom:20px;}
SECTION.content DIV.mc-column-size-1-4 {width:19%;float:left;}
SECTION.content DIV.mc-column-size-3-4 {width:71%;float:left;}
SECTION.content DIV.mc-column {margin-left:4%;margin-right:4%;}
SECTION.content DIV.mc-column:first-of-type {margin-left:0;}
SECTION.content DIV.mc-column:last-of-type {margin-right:0;}

SECTION.content DIV.mc-column .mc-column-inner {display:table;margin:auto;}

.gallery-caption {width: 100%;display: table;font-size: 9pt;margin:0;}


BODY.page-template-default SECTION.two-columns DIV.column:first-of-type {width:28%;margin-right:2%;padding:10px;font-size:9pt;background:#77981c;background: radial-gradient(circle farthest-side, #cbe289, #77981c);line-height:175%;order:1;}
BODY.page-template-default SECTION.two-columns DIV.column:first-of-type a {color:#000000;}
BODY.page-template-default SECTION.two-columns DIV.column:last-of-type {width:68%;margin-left:2%;order:2;}

BODY.page-template-default SECTION.content DIV.mc-column {margin-left:2%;margin-right:2%;}

a + h3 {margin-top:0 !important;}

DIV.leftbar_custom {padding:10px;}
DIV.leftbar_custom ul {padding-left:0;}
DIV.leftbar_custom ul li {list-style-type: none;}
DIV.leftbar_custom ul li:first-child {padding-top:0;}

.wpcf7-form INPUT {border:1px solid #a7a7a7;width:100%;padding:4px;}
.wpcf7-form TEXTAREA {border:1px solid #a7a7a7;width:100%;padding:4px;}

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

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

@media screen and (max-width: 1150px) {
  
}


@media screen and (max-width: 950px) {
    HEADER .logo.section {float:none;text-align:center;margin-left:0;}
    HEADER .tagline h1 {font-size:31pt;}

    #topsearch {margin-left:0;float:none;text-align:center;margin-bottom:15px;}

      HEADER .logo.section {margin-left:0px;width:100%;text-align:center;}
    .main-bar .navigation {float:none;margin:auto;}
    #navigation ul li a {padding: 0px 18px 0px 18px;}
}

@media screen and (max-width: 900px) {
    #frontpage-link-boxes .subbox {width:48%;}
    #frontpage-link-boxes .subbox.size-4 {width:48%;}
    #frontpage-link-boxes .subbox .description {font-size:2.0vw;}
#frontpage-link-boxes .subbox h2 {font-size:13pt;}

    #latestnews .item {width:48%;margin-bottom:30px;}
    #latestnews .item img {max-height:100% !important;}

    .news-grid .col {flex: 0 0 50%;}

    #frontpage-link-boxes .subbox .description {font-size:1.8vw;}
}


@media screen and (max-width: 850px) {
    #posts_feature SECTION.items-4 {width:46%;margin:2%;margin-bottom:40px;}
}

@media screen and (max-width: 800px) {
    .gallery .gallery-item {width:50% !important;}
}


@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;}
    #upcomingevents-shortcode ul {column-count: 1;}
}

@media screen and (max-width: 700px) {
SECTION.content DIV.mc-column-size-1-2 {width:100%;float:none;margin:0 0 40px 0;}
SECTION.content DIV.mc-column-size-1-4 {width:100%;float:none;margin:0 0 40px 0;}
SECTION.content DIV.mc-column-size-3-4 {width:100%;float:none;margin:0 0 40px 0;}
}

@media screen and (max-width: 650px) {
    SECTION.two-columns {display:flex;flex-direction: column;margin-bottom:40px;}
    SECTION.two-columns DIV.column:first-of-type, SECTION.two-columns DIV.column:last-of-type {width:100% !important;margin-left:0 !important;margin-right:0 !important;}
	SECTION.two-columns DIV.column:last-of-type {order:1 !important;margin-bottom:20px;}
    SECTION.two-columns DIV.column:first-of-type {order:2 !important;}
    
    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;}

    .contact-form {margin: 1.125rem 0 5.375rem 0;
    background: #efefef;
    padding: 1rem 2rem 1rem 2rem;
    position: relative;
    margin-bottom: 35px;
    }
    
    #notice img	{float:none;margin-right:0px;}
	#notice .body	{float:none;padding-right:0;}
    #notice .body h2 {margin-top:10px;margin-bottom:10px;}

}

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

    #notice .icon {display:table;font-size:16pt;text-align:center;width:100%;}
    #notice .body h2 {text-align:center;}
    #notice .inner {padding: 10px 20px 10px 20px;}

    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;}
    #latestnews .item {width:98%;}
    #latestnews .item h3 {text-align:center;}

    .news-grid .col {flex: 0 0 100%;}

    ul.two-columns {columns:1;}
    .guests-access ul {columns:1;}
    .guests-access ul li {text-align:center;}
    .guests-access ul li:before {display:none;}

    .bubble.programs DIV.inner img {float:none;width:auto;margin:0;max-width: 100% !important;display:block;margin: 20px auto;}
}


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

@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 #topheader .topheader-socialmedia {display:block;text-align:center;float:left;margin-left:0;}
  HEADER #topsearch {float:right;margin-left:0;display:block;text-align:center;}
  /*HEADER SECTION.main-bar {padding-top:98px;}*/
  HEADER .top-header-menu .navigation {float:none;text-align:center;margin:auto;}

  #top-navigation ul li a {padding:0px 5px 0px 5px;font-size:8pt;}

  HEADER .logo.section {min-height:auto;}
  HEADER .logo img {width:auto;}
  .content {padding: 0px 15px 40px 15px;}
  FOOTER SECTION.signup {padding-left:15px;padding-right:15px;}
  FOOTER SECTION.signup LABEL {line-height: 140%;padding-bottom: 10px;}
  SECTION .feature DIV h2 {font-size:6vw;}

  #latest-activityguide .issue {display:block;text-align:center;padding:0;}
#latest-activityguide .info {display:block;text-align:center;margin-top:15px;}
}