/*
Theme Name:		 ATLAS
Description:	 Quadsimia ATLAS CSS is a framework for rapid web development
Author:			   Rob Perry, Creative Director / Senior Web Developer, Quadsimia
Author URI:		 https://www.quadsimia.com/
Version:		   1.0.1

      You are about to
        develop a
      Quadsimia website.
        Please develop responsibly.
      And have Fun!
        –Rob Perry, Creative Director & Senior Web Developer

-------------------------------------------------------------- */
/* TABLE OF CONTENTS
 1: FONTS
 2: GENERAL STYLES
    2a: Structural
    2b: Typography
    2c: Links/CTAs
    2d: Lists
    2e: Tables
    2f: Grids/Columns
    2g: Flex
    2h: Images
    2i: Videos
    2j: Forms
    2k: Formatting
 3: HEADER
    3a: Header
    3b: Header - Sticky
    3c: Alert Bar
    3d: Top Nav Bar
    3e: Logo
 4: NAV
    4a: Nav Menu
    4b: Nav Menu - Position
    4c: Nav Menu - Full Background
    4d: Mobile Nav Menu
    4e: Mobile MeanMenu
 5: BODY/CONTENT
    5a: Breadcrumbs
    5b: Homepage
    5c: Interior
 6: SIDEBAR
    6a: Aside
 7: FOOTER
    7a: Footer Content
    7b: Copyright
    7c: Return to Top Button
    7d: Google Recaptcha Badge
 8: ANIMATION/FX
    8a: Grid Effects
    8b: Owl Carousel
    8c: Parallax Images - Using Simple Parallax JS
    8d: Animate.css - See /styles/animate/animate.css
 9: RESPONSIVE
 10: CMS
    10a: QDYNAMO
      QD1: HEADER
      QD2: NAV
      QD3: BODY/CONTENT
      QD4: SIDEBAR
      QD5: FOOTER
      QD6: MODULES
        QD6a: Popup
`11: CUSTOM CSS
-------------------------------------------------------------- */
/* 1: FONTS */
/* Add fonts and all customizations to your screen.css file */

/*------------------------------------------------------------ */
/* 2: GENERAL STYLES */

/* -- 2a: Structural ----------------------------------------- */
html{scroll-behavior:smooth;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{position:relative;width:100%;padding:0;margin:0;background-color:#fff;}
main{position:relative;margin:0;padding:0;}
section{position:relative;margin:0;padding:2em 0;}
.container{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:0 1.25em;}
.container:after{content:"";display:table;clear:both;}

/* -- 2b: Typography ----------------------------------------- */
body{font:normal 1em/1.45em 'Helvetica Neue', Helvetica, Arial, 'sans-serif';text-rendering: optimizeLegibility;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6{margin:0.65em 0 0.35em 0;font-weight:normal;text-rendering:optimizeLegibility;line-height:normal;}
h1{font-size:3em;}
h2{font-size:2.25em;}
h3{font-size:2em;}
h4{font-size:1.75em;}
h5{font-size:1.5em;}
h6{font-size:1.25em;}
p{margin:0.8em 0;}
blockquote{margin:1em 1em 1em 0;padding:0 0 0 0.5em;font-size:1.5em;line-height:1.5em;font-style:italic;border-left:1px solid #ccc;}
blockquote span{font-size:0.7em;display:block;}
hr{margin:1em 0;border-bottom:1px solid #f1f1f1;border-left:none;border-right:none;border-top:none;}
address{display:block;margin:0 0 0.75em;}
sub,sup{font-size:50%;margin-left:0.1em;margin-right:0.1em;line-height:0;position:relative;}
sup{top:0;vertical-align:super;}
sub{bottom:0;vertical-align:sub;}

abbr, acronym{
  border-bottom: 1px dotted #ccc;
  cursor: help;}
hgroup{margin-bottom: 0.75em;}
del{color: #595959;}
cite{
   background-color: #fff;
   padding: 0.5em 1.5em;
   margin: 0.25em auto;
   display: table;
   font-size: 1.4em;}
cite:before {
  content: '\2014 \00A0'; }
figure figcaption{
   font-size: 0.8em;
   line-height: 1.3em;}

@media screen and (max-width:680px){
  h1{font-size:2.5em;}
  h2{font-size:1.75em;}
  h3{font-size:1.5em;}
  h4{font-size:1.25em;}
  h5{font-size:1.125em;}
  h6{font-size:0.95em;}
}
/* type helpers */
.nowrap{white-space: nowrap;}

/* -- 2c: Links/CTAs ----------------------------------------- */
a{transition:all 0.3s ease;}
a{color:#0085CA;text-decoration:none;}
a:hover{color:#551A8B;}
a:active{color:#EE0000;}
a:focus,:focus{outline:3px solid #c1e0fe;outline:3px solid rgba(131,192,253,0.5);outline-offset:1px;/* added for accessibility enhancement */}
.cta{display:inline-block;margin:0 0.125em;padding:0.5em 1.125em;background-color:#0085CA;color:#fff;border-radius:2em;font-weight:bold;vertical-align: middle;}
.cta:hover{background-color:#551A8B;color:#fff;}
.cta.outline{padding:0.3em 1.125em;background-color:transparent;border:3px solid #0085CA;color:#0085CA;}
.cta.outline:hover{border:3px solid #551A8B;color:#551A8B;}
/* Secondary color */
.cta.secondary{background-color:#6CC24A;color:#fff;}
.cta.secondary:hover{background-color:#009739;color:#fff;}
.cta.outline.secondary{padding:0.3em 1.125em;background-color:transparent;border:3px solid #6CC24A;color:#6CC24A;}
.cta.outline.secondary:hover{border:3px solid #009739;color:#009739;}
/* Contact color */
.cta.contact{background-color:#D60078;color:#fff;}
.cta.contact:hover{background-color:#f64cab;color:#fff;}
.cta.outline.contact{padding:0.3em 1.125em;background-color:transparent;border:3px solid #D60078;color:#D60078;}
.cta.outline.contact:hover{border:3px solid #f64cab;color:#f64cab;}
/* CTA Sizes */
.cta.large{
  font-size:1.5em;
  min-width:200px;}
/* CTA Widths */
.cta{width:auto;}
.card .cta{width:100%;}
.cta.full, .card .cta.full{width:100%;}
.cta.half, .card .cta.half{width:50%;}
.cta.thirds, .card .cta-thirds{width:33.333%;}
.cta.quarter, .card .cta.quarter{width:25%;}

@media screen and (max-width:680px){
  .cta, .card .cta,
  .cta.full, .card .cta.full,
  .cta.half, .card .cta.half,
  .cta.thirds, .card .cta-thirds,
  .cta.quarter, .card .cta.quarter{width:100%;}
  .card .cta,
  .card .cta.full,
  .card .cta.half,
  .card .cta-thirds,
  .card .cta.quarter{width:100%;}
}

/* -- 2d: Lists ---------------------------------------------- */
ul,ol{}
li{margin:0;padding:0.25em 0;}
ul.inline,ol.inline{padding:0;}
ul.inline li,ol.inline li{display:inline-block;}
ul.nobull{list-style-type:none;padding-left:0;}
ul.icons li{list-style-type:none;/*list with icons*/}
ul.icons li:before{padding-right:0.5em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0da";}
dl{/* definition list */}
dt{clear:both;float:left;padding:0 1em 0.25em 0;width:150px;font-weight:bold;}
dd{float:left;}

/* -- 2e: Tables --------------------------------------------- */
table{border:1px solid #ccc;margin:1em 0;padding:0;width:100%;border-collapse:collapse;border-spacing:0;text-align:left;background-color:#fff;}
th{border-bottom:1px solid #ccc;padding:0.75em;font-weight:bold;background-color:#f1f1f1;}
td{border-bottom:1px solid #ccc;padding:0.75em;}
tr,th,td{vertical-align:middle;}
table.striped tr:nth-child(even){background-color:#f1f1f1;}

/* -- 2f: Grids/Columns -------------------------------------- */
.group:before,.group:after{content:"";display:table;}
.group:after{clear:both;}
.group{zoom:1;/* For IE 6/7 */}
.col{display:block;float:left;margin:1% 0 1% 1.6%;}
.col:first-child{margin-left:0;}
.span1{width:6.86%;}.span2{width:15.33%;}.span3{width:23.8%;}.span4{width:32.26%;}.span5{width:40.73%;}.span6{width:49.2%;}.span7{width:57.66%;}.span8{width:66.13%;}.span9{width:74.6%;}.span10{width:83.06%;}.span11{width:91.53%;}.span12{width:100%;}
.grid-example .col{padding:0.5em;background-color:#f1f1f1;border:1px dotted #ccc;}
/* column handling */
.col.span6:nth-child(2n+1){margin-left:0; /* 2 column */}
.col.span4:nth-child(3n+1){margin-left:0; /* 3 column */}
.col.span3:nth-child(4n+1){margin-left:0; /* 4 column */}
.col.span2:nth-child(6n+1){margin-left:0; /* 6 column */}
@media screen and (max-width:840px){
  .span1{width:6.86%;}.span2{width:15.33%;}.span3{width:23.8%;}.span4{width:32.26%;}.span5{width:40.73%;}.span6{width:49.2%;}.span7{width:57.66%;}.span8{width:66.13%;}.span9{width:74.6%;}.span10{width:83.06%;}.span11{width:91.53%;}.span12{width:100%;}
}
@media screen and (max-width:680px){
  .col{margin:1% 0;}
  .span1{width:100%;}.span2{width:100%;}.span3{width:100%;}.span4{width:100%;}.span5{width:100%;}.span6{width:100%;}.span7{width:100%;}.span8{width:100%;}.span9{width:100%;}.span10{width:100%;}.span11{width:100%;}.span12{width:100%;}
}

/* -- 2g: Flex ----------------------------------------------- */
@media screen and (min-width:681px){
  .flex{display:-webkit-flex;display:flex;flex-wrap:wrap;}
  .flex.center{align-items:center;}
  .flex.stretch{align-items:stretch;}
  .flex.space-between{justify-content:space-between;}
  .flex.space-around{justify-content:space-around;}
  .flex.space-evenly{justify-content:space-evenly;}
}

/* -- 2h: Images --------------------------------------------- */
img{margin:0;width:100%;max-width:100%;height:auto;}
img.left{float:left;margin:0 0.5em 0.5em 0;}
img.right{float:right;margin:0 0 0.5em 0.5em;}

/* -- 2i: Videos --------------------------------------------- */
video{width:100%;}

/* -- 2j: Forms ---------------------------------------------- */
form{position:relative;margin:0 auto;padding:0;max-width:100%;}
form .group{margin:0;padding:0;}
form .col{margin:0 0 0 1.6%;padding:0;}
fieldset{position:relative;margin:0 0 0.75em 0;padding:0.75em;border:1px solid #f1f1f1;background:rgba(255,255,255,0.3);-moz-border-radius:0.1875em;-webkit-border-radius:0.1875em;border-radius:0.1875em;}
legend{position:relative;display:block;margin:0;padding:0.25em 0.75em;border:1px solid #ccc;background:#f5f5f5;-moz-border-radius:0.1875em;-webkit-border-radius:0.1875em;border-radius:0.1875em;}
/*IE ONLY - I know, this is a stop gap*//*.msie fieldset{padding-top:25px;}.msie legend{position:absolute;top:-0.7em;left:10px;}*/
label{position:relative;display:block;margin:0 0 0.3em 0;padding:0;text-align:left;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;zoom:1;}
label.inline{display:inline;/* used next to checkbox and radio box */}
label span{color:#999;font-size:0.9em;}
input,input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"],textarea,select{position:relative;display:block;margin:0 0 0.75em 0;padding:0.75em;width:100%;height:2.5em;vertical-align:middle;font-size:1em;background:#fff;border:1px solid #ccc;-moz-border-radius:0.1875em;-webkit-border-radius:0.1875em;border-radius:0.1875em;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.06);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.06);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.06);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;zoom:1;}
input::-webkit-input-placeholder,input:-moz-placeholder,.placeholder{color:#bbb;}
input::-moz-focus-inner{border:0;}
input.checkbox,input[type="checkbox"],input.radio,input[type="radio"]{display:inline;margin:0 0.375em 0 0;padding:0;width:auto;height:auto;border:0;background:none;vertical-align:baseline;}
input.file,input[type="file"]{display:block;margin:0;padding:0;width:auto;height:auto;background:transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;}
select{padding:0.3em;}
select[multiple],textarea{height:auto;}
/* DISABLED */
label.disabled{color:#ccc;}
input[disabled="disabled"],input.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0 0 2px #ccc;-webkit-box-shadow:inset 0 1px 2px #ccc;box-shadow:inset 0 1px 2px #ccc;}
select[disabled="disabled"],select.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0 0 2px #ccc;-webkit-box-shadow:inset 0 1px 2px #ccc;box-shadow:inset 0 1px 2px #ccc;}
/* FOCUS STATES */
textarea:focus,input,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="radio"]:focus,input.radio:focus,input[type="checkbox"]:focus,input.checkbox:focus,input[type="file"]:focus,input.file:focus,select:focus,button:focus{border-color:#477dca;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.06),0 0 1px rgba(55, 112, 192, 0.7);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.06),0 0 1px rgba(55, 112, 192, 0.7);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.06),0 0 1px rgba(55, 112, 192, 0.7);outline:none;}
/* TRANSITION */
textarea,input,input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"],input[type="radio"],input.radio,input[type="checkbox"],input.checkbox,input[type="file"],input.file,select,button{-moz-transition:-moz-box-shadow 0.25s,border 0.25s,background 0.25s;-webkit-transition:-webkit-box-shadow 0.25s,border 0.25s,background 0.25s;-o-transition:box-shadow 0.25s,border 0.25s,background 0.25s;transition:box-shadow 0.25s,border 0.25s,background 0.25s;}
/* SUBMIT BUTTON */
button, input[type="submit"]{position:relative;display:block;margin:0;padding:0.75em 1.5em;width:auto;font-size:1.15em;font-weight:bold;/*background:#4CAF50;border-color:#388e3c;*/color:#fff;text-decoration:none;/*text-shadow:0 -1px 1px #388e3c,1px 0 1px #388e3c,0 1px 1px #388e3c,-1px 0 1px #388e3c;transition:all 0.25s ease;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;*/vertical-align:middle;white-space:nowrap;-moz-border-radius:0.1875em;-webkit-border-radius:0.1875em;border-radius:0.1875em;cursor:pointer;}
button:hover{/*background:#5cc661;border-color:#4CAF50;color:#fff;*/text-decoration:none;/*text-shadow:0 -1px 1px #4CAF50,1px 0 1px #4CAF50,0 1px 1px #4CAF50,-1px 0 1px #4CAF50;*/}
/* INLINE FORM // Example: A header search bar */
form.inline label,form.inline input{display:inline-block;width:auto;margin:0 0.5em 0 0;vertical-align:middle;}
form.inline button{display:inline-block;width:auto;margin:0;padding:0.45em 0.45em;vertical-align:middle;}
/* FORM VALIDATION */
label.error{color:red;}
input.error,select.error{border:1px solid red;}
/* NOTICES */
.notice{
border:1px solid gold;
background:lightyellow;
padding:10px 20px 10px 40px;
margin:10px 0;
-moz-border-radius:0.1875em;
-webkit-border-radius:0.1875em;
border-radius:0.1875em;
color:#DEAE00;
line-height:120%;
vertical-align: center;
text-shadow:0px 1px rgba(255,255,255,0.5);
position:relative;
top:0;
left:0;
clear:both;}

	.notice.warning{}/*default*/
	.notice.error{border:1px solid red;background:pink;color:red;}
	.notice.success{border:1px solid green;background:lightgreen;color:green;}
	.notice i.fas{position:absolute;top:50%;left:0.8em;margin-top:-0.6em;}
	.notice a.fa-remove,.notice a.fa-remove:active,.notice a.fa-remove:visited{text-decoration:none;font-size:12px;position:absolute;top:5px;right:5px;color:inherit;margin-top:0;left:auto;}

/* -- 2k: Formatting ----------------------------------------- */
/* Display */
@media screen and (min-width:681px){
  .mobile{display:none;}
  .desktop{display:block;}
}
@media screen and (max-width:680px){
  .mobile{display:block;}
  .desktop{display:none;}
}
/* Positioning */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{margin-left:auto;margin-right:auto;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
.textright{text-align:right;}
/* Shading */
.shadow{-webkit-box-shadow:0px 2px 8px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 2px 8px 2px rgba(0, 0, 0, 0.05);box-shadow:0px 2px 8px 2px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.shadow:hover{-webkit-box-shadow:0px 2px 15px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 2px 15px 2px rgba(0, 0, 0, 0.05);box-shadow:0px 2px 15px 2px rgba(0, 0, 0, 0.15);}
.highlight{-webkit-box-shadow:0px 2px 8px 2px rgba(255, 255, 255, 0.05);-moz-box-shadow:0px 2px 8px 2px rgba(255, 255, 255, 0.05);box-shadow:0px 2px 8px 2px rgba(255, 255, 255, 0.05);transition: all 0.3s ease;}
.highlight:hover{-webkit-box-shadow:0px 2px 15px 2px rgba(255, 255, 255, 1);-moz-box-shadow:0px 2px 15px 2px rgba(255, 255, 255, 1);box-shadow:0px 2px 15px 2px rgba(255, 255, 255, 1);}
/* Borders */
.square{border-radius:0;}
.rounded-less{border-radius:4px;}
.rounded{border-radius:8px;}
.rounded-more{border-radius:12px;}
.circle{border-radius:50%;}
/* Card */
.card{position:relative;/*overflow:hidden;*/padding-bottom:3em;background:rgba(255,255,255,1);border-radius:0.35em;-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);}
.card.left{min-width:300px;margin-right:1.25em;margin-bottom:1.25em;}
.card figure{position:relative;margin:0;padding:0;}
.card figure img{display:block;object-fit:cover;height:200px;}
.card figure img.short{height:115px;}
.card figure img.tall{height:300px;}
.card .container{padding-bottom:1.5em;}
.card p{font-size:0.95em;}
.card h4.fullwidth{margin-left:-1.25em;margin-right:-1.25em;padding-left:1.25em;padding-right:-1.25em;background-color:#f1f1f1;}
.card .more{position:absolute;width:100%;margin-bottom:0;bottom:0;font-size:1.2em;}
.card .more .cta{margin:0;padding-left:0;padding-right:0;text-align:center;border-radius:0;min-width:auto;}
/* Profile Card */
.card figure.profile img{width:180px;height:180px;margin-top:-90px;border:6px solid #fff;background:#fff;-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);}
/* Video Card */
.card.video{padding:0;background: rgba(241,241,241,0.35);}
.card.video a{border-bottom:1px solid #ccc;display:block;margin:0;padding:0;position:relative;font-size:3.75em;background:rgba(0,0,0,1);}
.card.video a:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"Font Awesome 5 Free";font-weight:700;content:"\f144";font-size:135%;color:#fff;opacity:0.75;text-shadow:0px 0px 30px rgba(0, 0, 0, 0.8);transition:all 0.2s ease;z-index:1;}
.card.video a:hover:before{opacity:0.5;font-size:150%;}
.card.video a img{display:block;opacity: 0.8;transition:all 0.3s ease;}
.card.video a:hover img{opacity: 1;}
.card.video .card-text{margin:0 0.5em 0.5em 0.5em;padding:0.55em 0.55em 0 0.55em;min-height:45px;font-size:0.95em;line-height:1.35em;color:#333;}

/*------------------------------------------------------------ */
/* 3: HEADER */

/* -- 3a: Header --------------------------------------------- */
header{position: relative;width:100%;top:0;background:rgba(255,255,255,1);z-index:1000;}
header .main-header{height:105px;}

/* -- 3b: Header - Sticky ------------------------------------ */
body.has-globalStickyHeader header{position:fixed;}
body.has-globalStickyHeader{padding-top:105px;} /* Same height as header. Add so page content doesn't get covered */
/* alert bar height */
body.has-globalAlertBar.has-globalStickyHeader{padding-top: calc(105px + 53px);} /* Same height as header. Add so page content doesn't get covered */
/* top nav bar height */
body.has-globalTopNav.has-globalStickyHeader{padding-top: calc(105px + 65px);}
/* alert bar height + top nav height */
body.has-globalAlertBar.has-globalTopNav.has-globalStickyHeader{padding-top: calc(105px + 108px);}
/* hide alert from sticky header */
body.no-header header .alert{display: none;}
body.no-header header .globalAlertBarSticky{display: block;}
/* hide top nav from sticky header */
body.no-header header .topnav{display: none;}
body.no-header header .globalTopNavSticky{display: block;}
/* sticky header content */
body.no-header header{font-size:0.8em;-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.35);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.35);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.35);}
body.no-header header .main-header{height:65px;} /* adjust height to your logo and navigation height */
/* OFFSET ANCHOR LINKS: Anchored text no longer covered by sticky header */
.anchor{position:relative;display:block;width:1px;border:1px solid transparent;/* pure css anchor link offset */
  height:calc(65px + 10px); /* same height as sticky header */
  margin-top: calc(-65px - 10px); /* negative of height */}

/* -- 3c: Alert Bar ------------------------------------------ */
.alert{padding:0.35em 0;font-size:1.1em;text-align:center;}
.alert, .alert.general{color:#fff;background:#75bedb;}
.alert.warning{color:#333;background:#f4d78d;}
.alert.error{color:#fff;background:#ed5f59;}
.alert.success{color:#fff;background:#5cc89d;}
.alert .far, .alert .fas{}
.alert a{font-size:0.9em;}
.alert a:hover{}
.alert.mobile{display:none;}

/* -- 3d: Top Nav Bar ---------------------------------------- */
header .topnav{background-color:#f1f1f1;color:#504e4f;}
header .topnav .col{margin-top:0.5em;margin-bottom:0.5em;}
header .topnav a{margin-left:0.5em;margin-right:0.5em;}

/* -- 3e: Logo ----------------------------------------------- */
.logo, .logo img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
body.no-header header .logo img{max-width:200px;}
/* logo round circle */
.logo.round{position:relative;display:block;margin:0;padding:0;border-radius:50%;width:150px;height:150px;vertical-align:middle;text-align:center;}
.logo.round a{position: absolute;top:0;right:0;bottom:0;left:0;}
.logo.round img{position:absolute;width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);}
body.no-header .logo.round{transform:scale(0.7);}
body.no-header .logo.round img{max-width:auto;}

/*------------------------------------------------------------ */
/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */
@media screen and (min-width:680px){
  nav{display:block;width:100%;margin:0;padding:0;}
  nav ul{display:table;width:100%;margin:0;padding:0;list-style-type:none;}
  nav li{display:inline;float:left;text-align:left;margin:0;padding:0;}
  nav li > a{position:relative;display:block;padding:0.5em 1em;font-size:1.125em;text-transform:none;color:#1D252D;/* topmenu links */}
  nav li.has-children > a{padding-right:1.75em;}
  nav li:hover > a{color:#006396;}
  nav ul li > ul{display:none;position:absolute;margin:0;padding:0;width:275px;z-index:999;}
  nav ul li:hover > ul{display:block;/* show menu on hover */}
  nav ul li ul > li{position:relative;width:100%;margin:0;padding:0;border-bottom:solid 1px #006396;}
  nav ul li ul li > a{display:block;margin:0;padding:0.75em 3.25em 0.75em 1.25em;font-size:15px;width:100%;/*color:#fff;background-color:#0085CA;*/text-transform:none;/* submenu links */}
  nav ul li ul li:hover > a{color:#fff;background-color:#006396;}
  nav ul li ul li > ul{position:absolute;top:0;left:100%;/* third level menu and so on */}
  nav li > a:after{position:absolute;right:0;width:40px;text-align:center;opacity:0.5;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0da";-webkit-transition:0.15s linear;-moz-transition:0.15s linear;transition:0.15s linear;transform-origin:50% 50%;/* arrow icon - topmenu */}
  nav li:hover > a:after{-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);transform:rotateZ(90deg);/* turn on hover */}
  nav > li > a:after{opacity:0.5;float:right;width:30px;text-align:center;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0da";-webkit-transition:0.15s linear;-moz-transition:0.15s linear;transition:0.15s linear;transform-origin:50% 50%;/* arrow icon - submenus */}
  nav > li:hover > a:after{-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);transform:rotateZ(90deg);/* turn on hover */}
  nav li > a:only-child:after{display:none;content:'';/* no arrow icon when no submenu */}
  nav ul li ul li > a:only-child{display:block;padding:0.75em 1.25em;}
}

/* -- 4b: Nav Menu - Position -------------------------------- */
nav.center ul.nav{width:auto;margin:0 auto;/* center */}
nav.right ul.nav{width:auto;float:right;/* right */}

/* -- 4c: Nav Menu - Full Background ------------------------- */
.navfull{background-color:#6CC24A;}
.navfull .container{padding:0;}
.navfull nav li > a{padding-top:0.75em;padding-bottom:0.75em;color:#fff;/* topmenu links */}
.navfull nav li:hover > a{color:#fff;background-color:#0085CA;}
.navfull nav ul li ul li:hover > a{color:#fff;background-color:#006396;}

/* -- 4d: Mobile Nav Menu ------------------------------------ */
.mean-container a.meanmenu-reveal{/*top:;color:;*/}
.mean-container a.meanmenu-reveal span{/*color:;background:;*/}
.mean-container .mean-bar{/*background:;*/}
.mean-container .mean-nav{/*background:;*/}

.mean-container .mean-nav ul li{padding:0;}
.mean-container .mean-nav ul li a{font-weight:bold;/*color:;*/}
.mean-container .mean-nav ul li a.cta{border-radius:0;}

.mean-container .mean-nav ul li.highlight{display:flex;float:none;margin:0.5em auto;width:90%;border-radius:2em;}
.mean-container .mean-nav ul li.highlight a.cta{text-align:center;font-size:1.25em;border-radius:2em;border:0;}

.mean-container .mean-nav ul li.social a{padding:0.5em 0;text-align:center;color:#fff;font-size:2em;font-weight:normal;}
.mean-container .mean-nav ul li.span12 a{width:100%;}
.mean-container .mean-nav ul li.span6 a{width:50%;}
.mean-container .mean-nav ul li.span4 a{width:33.3%;}
.mean-container .mean-nav ul li.span3 a{width:25%;}
.mean-container .mean-nav ul li.five a{width:20%;}

/* -- 4e: Mobile MeanMenu - See /scripts/meanmenu/meanmenu.css */

/*------------------------------------------------------------ */
/* 5: BODY/CONTENT */

/* -- 5a: Breadcrumbs ---------------------------------------- */
section.breadcrumbs{padding:0;color:#333;background-color:#f9f9f9;}
section.breadcrumbs ul{display:inline-block;list-style-type:none;position:relative;margin:0.5em 0;padding:0;font-size:0.85em;}
section.breadcrumbs ul li{position:relative;display:inline-block;}
section.breadcrumbs ul li:after{opacity:0.15;padding:0 0.5em;color:#333;font-family:"Font Awesome 5 Free";font-weight:900;content:" \f0da";}
section.breadcrumbs ul li:last-child:after{content:"";}
section.breadcrumbs ul a{color:#1D252D;}
section.breadcrumbs ul a:hover{color:#777777;}

/* -- 5b: Homepage ------------------------------------------- */

/* -- 5c: Interior ------------------------------------------- */
section{position:relative;}
/*#main-content section:nth-child(even){background-color:#f1f1f1;}*//* color background for every other section in q_guide sample page */
section#example h2:first-child{border-bottom:2px solid #ccc;padding-bottom: 0.25em;}

/*------------------------------------------------------------ */
/* 6: SIDEBAR */

/* -- 6a: Aside ---------------------------------------------- */

/*------------------------------------------------------------ */
/* 7: FOOTER */

/* -- 7a: Footer Content ------------------------------------- */
footer{margin:0;padding:0;background:rgba(0,0,0,0.05)}
footer section, footer .footer-content{padding:0.35em 0;color:#333;}
footer a{}
footer a:hover{}

/* -- 7b: Copyright ------------------------------------------ */
footer .copyright{padding:1.25em 0;color:#fff;background:rgba(0,0,0,0.3);}
footer .copyright a{color:#fff;}
footer .copyright a:hover{color:#eee;}

/* -- 7c: Return to Top Button ------------------------------- */
#return-to-top{display:none;position:fixed;bottom:1em;left:1em;width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(0,0,0,0.35);text-decoration:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;z-index:1000;}
#return-to-top i{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:1.15em;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#return-to-top:hover{background:rgba(0,0,0,0.75);}
#return-to-top:hover i{transform:translate(-50%,-80%);}

@media screen and (max-width: 680px){
  #return-to-top{bottom:90px;}
}

/* -- 7d: Mobile Footer -------------------------------------- */
.call-mobile{
  display:none;
  position:fixed;
  bottom:0;
  width:100%;
  left:0;
  right:0;
  height:80px;
  z-index:10;}
.call-mobile .cta{
  margin:0;
  padding:0.75em 0;
  text-align:center;
  width:50%;
  font-size:1.5em;
  line-height:1.15em;
  border-radius:0;}

@media screen and (max-width: 680px){
  body{padding-bottom:80px;}
  .call-mobile{display:block;}
}

/* -- 7e: Google Recaptcha Badge ----------------------------- */
.grecaptcha-badge {z-index:999999;}/* Invisible Recaptcha */

/*------------------------------------------------------------ */
/* 8: ANIMATION/FX */

/* -- 8a: Grid Effects --------------------------------------- */

/* -- 8b: Owl Carousel --------------------------------------- */
.owl-carousel .owl-stage {margin: 0 auto;}
.owl-theme .owl-nav [class*=owl-]{
  background: rgba(0, 0, 0, 0.4) !important;}
.owl-theme .owl-nav [class*=owl-]:hover{
  background: rgba(0, 0, 0, 0.6) !important;}
.owl-prev, .owl-next{
  position: absolute;
  top: 40%;
    margin: 0 !important;
    width:auto;
    border-radius:12px !important;}
.owl-prev{left:0;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
.owl-next{right:0;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{/*box-shadow: none;*/}
.owl-carousel .owl-nav button.owl-next .fa, .owl-carousel .owl-nav button.owl-prev .fa {
  padding: 0.8em 0.5em;
  font-size: 1.5em;
  color: #fff;}
.owl-theme .owl-nav .disabled{opacity: 0 !important;}

/* -- 8c: Parallax Images - Using Simple Parallax JS --------- */
.parallax-banner{position:relative;margin:0;padding:0;width:100%;/*overflow:hidden;*/}
.parallax-banner .overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.parallax-banner .simpleParallax{position:absolute;width:100%;height:100%; /* this div is dynamically added by the SimpleParallax script */}
.parallax-banner img.parallax{position:absolute;height:100%;object-fit:cover;/*max-width:100%;height:auto;*/}
.parallax-banner .container{padding:4em 1em;color:#fff;/*text-shadow:2px 2px 2px rgba(0,0,0,0.15);*/}
.parallax-banner h1{margin-top:0;}
.parallax-banner h1, .parallax-banner h2, .parallax-banner p{color:#fff;}
  /* WP Enhancement */
  .site-content .parallax-banner h1, .site-content .parallax-banner h2, .site-content .parallax-banner h3, .site-content .parallax-banner h4, .site-content .parallax-banner h5, .site-content .parallax-banner h6{color:#fff;}
.parallax-banner .container .more{margin-top:3em;}
.parallax-banner .container .cta{font-size:1.5em;text-shadow:none;}

/* -- 8d: Animate.css - See /styles/animate/animate.css ------ */

/*------------------------------------------------------------ */
/* 9: RESPONSIVE */
/*@media screen and (max-width:2560px){ /* 4K */
  /*.container{max-width:1440px;}
}

@media screen and (max-width:1440px){ /* Laptop L */
  /*.container{max-width:1440px;}
}

@media screen and (max-width:1024px){ /* Laptop */
  /*.container{max-width:1024px;}
}

@media screen and (max-width:768px){ /* Tablet */
  /*.container{max-width:768px;}
}

@media screen and (max-width:425px){ /* Mobile L */
  /*.container{max-width:425px;}
}

@media screen and (max-width:375px){ /* Mobile M */
  /*.container{max-width:375px;}
}

@media screen and (max-width:320px){ /* Mobile S */
  /*.container{max-width:320px;}
}*/

@media screen and (max-width:680px){
  body.has-globalTopNav.has-globalStickyHeader{padding-top:0;}
  body.has-globalStickyHeader header{position: absolute;background:transparent;}
  header .main-header{height:auto;width:170px;margin:0 auto;}
  header .topnav{display:none;}
  header .logo{max-width:315px;position:absolute;margin:0 auto;}
  .no-js .owl-carousel, .owl-carousel.owl-loaded{display: inline-block !important; /* fixes issue with slider underneath an open MeanMenu on mobile */ }
}

/*------------------------------------------------------------ */
/* 10: CMS */

/*------------------------------------------------------------ */
/* 10a: QDYNAMO */

/* -- QD1: HEADER -------------------------------------------- */

/* -- QD2: NAV ----------------------------------------------- */

/* -- QD3: BODY/CONTENT -------------------------------------- */

/* -- QD4: SIDEBAR ------------------------------------------- */

/* -- QD5: FOOTER -------------------------------------------- */

/* -- QD6: MODULES ------------------------------------------- */

/* -- QD6a: Popups ------------------------------------------- */
/* -- Defaults -- */
.popup-container{display:none;position:fixed;text-align:center;z-index:999999;}
.popup-content{background:#fff;border-radius:25px;padding:15px;position:relative;-webkit-box-shadow:0 0 15px 0 rgb(0 0 0 / 15%);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgb(0 0 0 / 15%);}
.popup-msg{font-size:1.25em;font-weight:bold;color:#000;}
.popup-content button, .popup-content .cta{width:100%;}
/* -- Type  -- */
/* overlay */
.popup-container.type-overlay{text-align:center;width:100%;height:100%;top:0;left:0;}
.popup-container.type-overlay .popup-overlay{position:fixed;width:100%;height:100%;background:#000;opacity:0.45;overflow:hidden;}
.popup-container.type-overlay .popup-content{position:absolute;width:100%;max-width:550px;}
@media screen and (max-width:550px){
  .popup-container.type-overlay .popup-content{
    margin-left: -170px!important;
    width: 90%!important;}
}
/* notice */
.popup-container.type-notice{text-align:center;width:300px;height:auto;}
.popup-container.type-notice .popup-content{max-width:100%;}
/* -- Position -- */
/* left */
.popup-container.type-overlay.left .popup-content{left:10px;}
.popup-container.type-notice.left{left:10px;}
/* center */
.popup-container.type-overlay.center .popup-content{left:50%;right:50%;margin-left:-275px;}
.popup-container.type-notice.center{left:50%;right:50%;margin-left:-150px;}
/* right */
.popup-container.type-overlay.right .popup-content{right:10px;}
.popup-container.type-notice.right{right:10px;}
/* top */
.popup-container.type-overlay.top .popup-content{top:10px;}
.popup-container.type-notice.top{top:10px;}
/* bottom */
.popup-container.type-overlay.bottom .popup-content{bottom:10px;}
.popup-container.type-notice.bottom{bottom:10px;}
/* middle */
.popup-container.type-overlay.middle .popup-content{top:25%;}
.popup-container.type-notice.middle{top:25%;}

/* extras */

header #currentpage {border-bottom: solid 2px #333;}
header #currentpage a {color:#333;}
header .top-nav #currentpage {border-bottom: solid 2px #ccc;}
header .top-nav #currentpage a {color:#ccc;}
header nav ul li#currentpage ul li a {
   width: 230px;
   color:#fff;}
header nav ul li#currentpage ul li a:hover {
   color:#5eb6e4;}
.mean-container .mean-nav ul li .fa{
   display: none;}