/*
Theme Name:		 qCore
Description:	 Quadsimia core CSS for rapid development
Author:			 Rob Perry, Creative Director / Senior Web Developer, Quadsimia
Author URI:		 http://www.quadsimia.com/
Version:		    1.0.0
-------------------------------------------------------------- */
/* 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: Extras/Helpers
 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
 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: Parallax Images - Using Simple Parallax JS
    8c: Animate.css - See /styles/animate/animate.css
 9: RESPONSIVE
-------------------------------------------------------------- */
/* 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 1em;}
.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:3.5em;}
h2{font-size:3em;}
h3{font-size:2.5em;}
h4{font-size:2em;}
h5{font-size:1.5em;}
h6{font-size:1.15em;}
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;}

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

/* -- 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;}
@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:980px){
  .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.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 --------------------------------------------- */

/* -- 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 #ddd;background:rgba(255,255,255,0.35);-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;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;}
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: Extras/Helpers ------------------------------------- */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.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);}

/*------------------------------------------------------------ */
/* 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.15em;margin-right:0.15em;}

/* -- 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:980px){

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

/*------------------------------------------------------------ */
/* 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 ---------------------------------------------- */
aside{}

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

/* -- 7a: Footer Content ------------------------------------- */
footer{margin:0;padding:0;}
footer section, footer .footer-content{padding:0.35em 0;color:#333;background-color:#f9f9f9;}
footer a{/*color:#ccc;*/}
footer a:hover{/*color:#fff;*/}

/* -- 7b: Copyright ------------------------------------------ */
footer .copyright{padding:1.25em 0;color:#fff;background-color:#6CC24A;}
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%);}

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

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

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

/* -- 8b: Parallax Images - Using Simple Parallax JS --------- */
.parallax-banner{position:relative;margin:0;padding:0;width:100%;/*overflow:hidden;*/}
.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.4);}
.parallax-banner h1, .parallax-banner h2, .parallax-banner p{color:#fff;}

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






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