/*
Theme Name: St. Joseph County Public Library
Text Domain: sjcpl
Author: Pathfinders Advertising
Author URI: https://pathfind.com/

*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');


.fonts {
	font-family: 'Montserrat', sans-serif;
}


/* Colors
--------------------------------------------- */
.black {color:#000000 !important;}
.white {color:#ffffff !important;}
.red, .has-red-orange-color {color:#ED4238 !important;}
.blue, .has-blue-color {color:#0E76BC !important;}
.lt-blue, .has-light-blue-color {color:#1CBDE9 !important;}
.teal, .has-teal-color {color:#00A4B0 !important;}
.pink, .has-pink-color {color:#F9CCD1 !important;}
.purple, .has-purple-color {color:#92278F !important;}
.raspberry, .has-red-color {color:#AB2945 !important;}
.orange, .has-yellow-orange-color {color:#F89822 !important;}
.frosty-blue, .has-frosty-blue-color {color:#87d6f7 !important;}
.mint-green, .has-mint-green-color {color:#dbefec !important;}
.lt-teal, .has-light-teal-color {color:#a0d6d7 !important;}

.bg-black {background-color:#000000 !important;}
.bg-white {background-color:#ffffff !important;}
.bg-red, .has-red-orange-background-color {background-color:#ED4238 !important;}
.bg-blue, .has-blue-background-color {background-color:#0E76BC !important;}
.bg-lt-blue, .has-light-blue-background-color {background-color:#1CBDE9 !important;}
.bg-teal, .has-teal-background-color {background-color:#00A4B0 !important;}
.bg-pink, .has-pink-background-color {background-color:#F9CCD1 !important;}
.bg-purple, .has-purple-background-color {background-color:#92278F !important;}
.bg-raspberry, .has-red-background-color {background-color:#AB2945 !important;}
.bg-orange, .has-yellow-orange-background-color {background-color:#F89822 !important;}
.bg-frosty-blue, .has-frosty-blue-background-color {background-color:#87d6f7 !important;}
.bg-mint-green, .has-mint-green-background-color {background-color:#dbefec !important;}
.bg-lt-teal, .has-light-teal-background-color {background-color:#a0d6d7 !important;}

.bg-lt-gray {background-color:#F7F7F7 !important;}


.texturegradient {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

.whiteborder {border:2px solid #ffffff;}
.graybottomborder {border-bottom:1px solid #c6c6c6;}

.toptealborder {position:relative;}
.toptealborder:before {content:'';position:absolute;top:0;left:15px;width:calc(100% - 30px);height:2px;background-color:#00A4B0;}

.shadow {
	-webkit-box-shadow: 0px 4px 4px 0px rgba(105,105,105,0.3) !important;
	-moz-box-shadow: 0px 4px 4px 0px rgba(105,105,105,0.3) !important;
	box-shadow: 0px 4px 4px 0px rgba(105,105,105,0.3) !important;
}


::-moz-selection{ background:#00A4B0; color:#ffffff; text-shadow: none; }
::selection { background:#00A4B0; color:#ffffff; text-shadow: none; }

/*
Spacings
---------------------------------------------------------------------------------------------------- */
.table {display:table;width:100%;}
.table-row {display:table-row;}
.table-cell {display:table-cell;}
.text-center {text-align:center;}
.align-top {vertical-align:top;align-items: flex-start;}
.align-bottom {vertical-align:bottom;align-items: flex-end;}
.align-middle {vertical-align:middle;align-items:center;}
.no-leftpadding {padding-left:0 !important;}
.no-rightpadding {padding-right:0 !important;}
.no-padding {padding:0 !important;}
.tiny-text, .tinytext {font-size:70%;line-height: 1.25em;}

.margbott0 {margin-bottom: 0px !important;}
.margbott5 {margin-bottom: 5px !important;}
.margbott10 {margin-bottom: 10px !important;}
.margbott20 {margin-bottom: 20px !important;}
.margbott30 {margin-bottom: 30px !important;}
.margbott40 {margin-bottom: 40px !important;}
.margbott50 {margin-bottom: 50px !important;}
.margbott60 {margin-bottom: 60px !important;}
.margbott70 {margin-bottom: 70px !important;}
.margbott80 {margin-bottom: 80px !important;}
.margbott90 {margin-bottom: 90px !important;}
.margbott100 {margin-bottom: 100px !important;}
.margbott120 {margin-bottom: 120px !important;}

.margtop0 {margin-top: 0px !important;}
.margtop5 {margin-top: 5px !important;}
.margtop10 {margin-top: 10px !important;}
.margtop20 {margin-top: 20px !important;}
.margtop30 {margin-top: 30px !important;}
.margtop40 {margin-top: 40px !important;}
.margtop50 {margin-top: 50px !important;}
.margtop60 {margin-top: 60px !important;}
.margtop70 {margin-top: 70px !important;}
.margtop80 {margin-top: 80px !important;}
.margtop90 {margin-top: 90px !important;}
.margtop100 {margin-top: 100px !important;}
.margtop120 {margin-top: 120px !important;}

.paddtop0 {padding-top: 0px !important;}
.paddtop5 {padding-top: 5px !important;}
.paddtop10 {padding-top: 10px !important;}
.paddtop20 {padding-top: 20px !important;}
.paddtop30 {padding-top: 30px !important;}
.paddtop40 {padding-top: 40px !important;}
.paddtop50 {padding-top: 50px !important;}
.paddtop60 {padding-top: 60px !important;}
.paddtop70 {padding-top: 70px !important;}
.paddtop80 {padding-top: 80px !important;}
.paddtop90 {padding-top: 90px !important;}
.paddtop100 {padding-top: 100px !important;}
.paddtop120 {padding-top: 120px !important;}
.paddtop130 {padding-top: 130px !important;}
.paddtop140 {padding-top: 140px !important;}

.paddbott0 {padding-bottom: 0px !important;}
.paddbott5 {padding-bottom: 5px !important;}
.paddbott10 {padding-bottom: 10px !important;}
.paddbott20 {padding-bottom: 20px !important;}
.paddbott30 {padding-bottom: 30px !important;}
.paddbott40 {padding-bottom: 40px !important;}
.paddbott50 {padding-bottom: 50px !important;}
.paddbott60 {padding-bottom: 60px !important;}
.paddbott70 {padding-bottom: 70px !important;}
.paddbott80 {padding-bottom: 80px !important;}
.paddbott90 {padding-bottom: 90px !important;}
.paddbott100 {padding-bottom: 100px !important;}
.paddbott120 {padding-bottom: 120px !important;}
.nopadd{padding: 0px !important;}

.padding30 {padding:30px;}
.padding60 {padding:60px;}
.padding90 {padding:90px;}

.alignleft {float: left; margin: 1em 1em 1em 0;}
.alignright {float:right;margin:1em 0 1em 1em;}
.aligncenter {margin:1em auto;}

.square, .rectangle, .rectangle34 {
	position:relative;
  	width: auto;
}

.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.rectangle:after {
	content: "";
	display: block;
	padding-bottom: 56.25%;
}
.rectangle34:after {
	content: "";
	display: block;
	padding-bottom: 75%;
}


.wp-block-embed .embed-container { position: relative; z-index: 5;padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.wp-block-embed .embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wp-block-embed {padding: 0;}
.embed-container iframe {width: 100%;}

.wp-block-columns.has-background {padding:.5em .5em;}

.no-label label {display:none !important;}
.no-fancy-label label {margin-bottom: 0.5em !important;position: relative !important;top: 6px !important;left: 6px !important;}


.wp-block-column ul {/*margin-bottom:0 !important;*/}

/*
General
---------------------------------------*/
html, body {overflow-x:hidden;height: 100%;}
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	color: #696969;
	position:relative;
}

b, strong, .strong {font-weight:700;}

.hidden {display:none !important;}

.off {opacity:0;}

.fixed-position {position:fixed;}

#page { position: relative;}
#content {/*margin-top:88px;*/}

.entry-content {min-height: 300px;}
.entry-content ul li, .entry-content ol li {margin-bottom:0.5em;}
.entry-content ol li::marker {font-weight:700;}
.entry-content ul, .entry-content ol {padding-left: 1.25em;}

a {color: #AD2A49;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover {color:#72102b;text-decoration: underline;}

img {max-width:100%;height:auto;}

.text-larger {font-size:18px;}
.text-smaller, .caption {font-size:14px;line-height:1.6em;}

.hide{ display: none !important;}
.clearfix{clear: both;}
.faded {opacity:0;}

.screen-reader-text {display:none;}

.nodesktop {display:block;}
.nomobile {display:none;}


h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.16em;
	margin-bottom: 30px;
}

h1 sup {font-size: 50%;top: unset;display: inline-block;vertical-align: super;}
h1.entry-title {margin-bottom:0;}

h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 20px;
	color:#007ac9;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
    font-size: 24px;
	line-height: 1.2em;
	color:#000000;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3em;
	color:#000000;
}

h5{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3em;
	color:#000000;
}

h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.45em;
	color:#000000;
}

a h1, a h2, a h3, a h4, a h5, a h6 {color: inherit;}


.uppercase {text-transform: uppercase;}
.bold {font-weight:700;}

.row.nomarg {margin-left:0;margin-right:0;}

.alert-banner {position:relative;z-index:1000;padding-right: 50px;padding-left: 50px;}
.alert-banner p {margin-bottom:0 !important;}
.alert-banner > i {
	position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
	cursor:pointer;
}
.alert-banner a {text-decoration:underline;color:inherit;}

.alert-banner.closed {display:none;}

/*
Search
-----------------------------------------*/

#search-box {position:fixed;width:100%;z-index:1010;right: 0;top: -100%;display:none;background-color:#F9CCD1;padding:30px 30px 10px 10px;text-align:left;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#search-box.opened {top: 0;display: block;}
#search-box .button.submit {
	height: auto;
    margin: 0;
    width: auto;
    text-align: center;
    padding: 6px 10px !important;
	border-radius:5px;
}
#search-box input:not([type=radio]):not([type=checkbox]), #search-box select {
	background-color: #ffffff;
    border: none;
    padding: 0px 15px !important;
	border-radius:5px;
}

#search-box > i {display:block;position:absolute;right:15px;top:15px;color: #AD2A49;cursor:pointer;}
#search-box > i:hover {color:#72102b;}

#search-box .radiobuttons {display:flex;}
#search-box .radiobuttons div {padding: 5px;}

#search-box .dropdown {
	padding-top: 10px;
    border-top: 1px solid #ffffff;
}
#search-box .dropdown select {width: 280px !important;}

input[type="text"].search-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

input[type="text"].search-input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    opacity: 0.6;
    color: #000000;
	line-height: 1.5em;
}

input[type="text"].search-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 0.6;
    color: #000000;
	line-height: 1.5em;
}

.search-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.6;
    color: #000000;
	line-height: 1.5em;
}

input[type="text"].search-input:focus::-webkit-input-placeholder {opacity:0.4;}
input[type="text"].search-input:focus::-moz-placeholder {opacity:0.4;}
.search-input:focus:-ms-input-placeholder {opacity:0.4;}


.searchsubmit {
    width: 30px;
    height: 30px;
    cursor: pointer !important;
    position: absolute !important;
    right: 10px;
    top: 50%;
    margin-top: -18px;
}

.searchform {position: relative;max-width: 600px;}
.searchform input:not([type=radio]):not([type=checkbox]) {padding: 12px 20px !important;}
.searchform input[type=text] {width:60%;border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.searchform input[type=submit]:not([type=radio]):not([type=checkbox]) {
	margin: 0;
    border: none !important;
    color: #ffffff !important;
    padding: 0 20px !important;
}
.searchform input[type=submit]:hover {color:#ffffff;background-color:#72102b !important;}



.search-result-title {font-size: 24px;font-weight: 600;}


.header-right.search-opened .main-navigation {filter: blur(6px);pointer-events: none;}


.navsearchform {display: flex;align-items: center;margin-top: 10px;margin-left: 15px;}

.navsearch {cursor:pointer;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.navsearch svg {height:25px;width:25px;}
.navsearch svg path {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navsearch:hover svg path {fill: #00415B;}

.header-right .navsearch .fa-search {display:block;}
.header-right .navsearch .fa-times {display:none;}
.header-right.search-opened .navsearch .fa-search {display:none;}
.header-right.search-opened .navsearch .fa-times {display:block;}


.navsearch input {
	background: none;
	border: none;
	outline: none;
	width: 0;
	min-width: 0;
	z-index: 1;
	position: relative;
	line-height: 18px;
	margin: 5px 0;
	font-size: 18px;
	-webkit-appearance: none;
	transition: all 0.3s ease;
	cursor: pointer;
	color: #002B5C;
	padding: 8px;
	border: 2px solid transparent;
}
.navsearch i {
	cursor:pointer;
    color: #0095D6;
	padding: 5px;
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.navsearch i:hover {
    color: #002B5C;
}

.header-right.search-opened .navsearch input {
	width: 300px;
	cursor: text;
	border: 2px solid #002B5C;
	background-color:#ffffff;
}

.close-x {
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
}

.search-box {
	display:none;
	position:absolute;
	right:0;
	top: 100%;
	padding:20px;
	z-index:1;
	background-color:#F2F2F2;
	border:2px solid #B2B2B2;
	min-width: 500px;
}


/*
Navigation
-----------------------------------------*/
#page header {width:100%;top: 0;z-index: 20;height: 70px;position:relative;/*background-color:#ffffff;*/}
body.menu-opened {position:fixed;width:100%;top:0;}
body.menu-opened #page header {background-color:#ED4238;}
.admin-bar.menu-opened #wpadminbar {display:none;}

.logo {height:50px;width:auto;}

body.menu-opened .logo path {fill:#ffffff !important;}

body.menu-opened .alert-banner {display:none;}
body.menu-opened #search-box {/*display:none !important;*/}

.hamburger {padding: 15px 0px !important;}
.hamburger:focus {outline:none;}
.hamburger--slider .hamburger-inner::before {transition-property: all !important;transition-duration: 0.3s !important;}

.hamburger--slider .hamburger-inner, .hamburger--slider .hamburger-inner:before, .hamburger--slider .hamburger-inner:after {width:30px;background-color:#AB2945 !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.hamburger--slider.is-active .hamburger-inner, .hamburger--slider.is-active .hamburger-inner:before, .hamburger--slider.is-active .hamburger-inner:after {background-color:#ffffff !important;}

.openmenu .hamburger:hover {opacity: 1 !important;}

#mobile-menu-container {
	padding:15px 0 30px 15px;
	position:absolute;
    z-index: 100;
    width: 100%;
    color: #ffffff;
    min-height: 100%;
	height:auto;
}

#mobile-menu, #mobile-second-menu {list-style: none;padding:0;}
#mobile-menu li, #mobile-second-menu li {overflow: hidden;}
#mobile-menu li a, #mobile-second-menu li a {display: block;padding:16px 24px 12px 24px;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 16px;text-decoration: none;margin-top: 1px;margin-bottom: 1px;background-color: #ffffff;}
#mobile-menu li.thin a, #mobile-second-menu li.thin a {font-weight:400;font-size:14px;}

#mobile-menu li.menu-item-has-children > a > i, #mobile-second-menu li.menu-item-has-children > a > i {margin-left:8px;font-size: 16px;color:#AD2A49;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#mobile-menu li.menu-item-has-children > a > i.opened, #mobile-second-menu li.menu-item-has-children > a > i.opened {transform:rotate(180deg);}

#mobile-menu li .nav-icon, #mobile-second-menu li .nav-icon {display: inline-block;text-align: center;width: 20px;height: 20px;margin-right: 10px;}

#mobile-menu li > ul.sub-menu, #mobile-second-menu li > ul.sub-menu {padding-left: 20px;list-style: none;max-height:0px;}
#mobile-menu li > ul.sub-menu.opened, #mobile-second-menu li > ul.sub-menu.opened {max-height:10000px;}

#mobile-menu li > ul.sub-menu li a, #mobile-second-menu li > ul.sub-menu li a {background-color: #EAEAEA;font-size:14px;font-weight:500;}
#mobile-menu li > ul.sub-menu li a:hover, #mobile-second-menu li > ul.sub-menu li a:hover {background-color: #F9CCD1;}


#mobile-menu li.nav-button {max-width: 300px; width: 100%;margin: 20px auto;}

#mobile-menu li a > span.menu-subtext, #mobile-second-menu li a > span.menu-subtext {color:#9b9b9b;font-weight:400;font-size:12px;}

.footer-menu li > ul.sub-menu {padding-left: 20px;list-style: none;max-height:0px;}
.footer-menu li > ul.sub-menu.opened {max-height:10000px;}


.menu-mobile-utility-menu-container {padding: 15px; margin-left: -15px; margin-top: 20px; margin-bottom: 20px;}
.mobile-utility {list-style: none; margin: 0; padding: 0;}
.mobile-utility .menu-item a {
	text-decoration:none !important;
	font-weight:700;
	font-size:18px;
	padding: 15px 20px;
    display: block;
    background-color: #ffffff;
    margin: 1px 0;
    border: 2px solid #ad2a49;
    color: #ad2a49;
}
.mobile-utility .menu-item a:hover {background-color: #72102b; border: 2px solid #72102b; color: #ffffff; }

/*
Buttons and Forms
-----------------------------------------*/

.button-row {position: absolute;width: 100%;bottom: 30px;}

.button,
input[type="submit"],
input[type="reset"],
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"], .nav-button, .wp-block-button__link {
	position:relative;
    font-family: 'Montserrat', sans-serif;
	font-weight:700;
    font-size: 16px !important;
    line-height: 1.25em !important;
	color:#ffffff;
    background-color: #AD2A49 !important;
    padding: 12px 20px !important;
    text-decoration: none !important;
    display: inline-block;
    cursor:pointer !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: none !important;
    text-shadow: none !important;
    background-image: none !important;
    text-align:center;
    max-width: 100%;
	width:auto;
    white-space: normal;
    outline:none !important;
	border-radius:5px !important;
	height:auto;
	margin: 10px 0 10px 0;
	border: none;
}

.button svg path {fill:#ffffff;}

.button a {text-decoration:none;color:#ffffff;}

.button a svg, .nav-button a i {margin-left: 8px;}

.button:hover, .wp-block-button__link:hover {background-color:#72102b !important;}
.button:hover a, a.button:hover {color:#ffffff;}
.button:hover a svg circle {stroke:#ffffff;}
.button:hover a svg path {fill:#ffffff;}
.button:hover a svg line {stroke:#ffffff;}

.nav-button:before, .glowbutton:before, .nav-button:after, .glowbutton:after, .nav-button a:before, .glowbutton a:before, .nav-button a:after, .glowbutton a:after {content:none !important;}
.nav-button a, .glowbutton a {height:calc(100% - 4px) !important;width:calc(100% - 4px) !important;padding: 10px 16px !important;background-color:#ffffff; border-radius: 20px;text-decoration:none !important;letter-spacing:1px;}
.nav-button:hover a, .glowbutton:hover a {
	background-color:#AD2A49;
	color:#ffffff !important;
}


.button.white,
input[type="submit"].white,
input[type="reset"].white,
.gform_wrapper .gform_footer input.button.white,
.gform_wrapper .gform_footer input[type="submit"].white,
.gform_wrapper .gform_page_footer input.button.white,
.gform_wrapper .gform_page_footer input[type="submit"].white {
	border:2px solid #AD2A49;
	color: #AD2A49 !important;
	background-color:white !important;
}
.button.white a {color:#AD2A49;}

.button.white:hover {color:#ffffff !important;background-color:#72102b !important;border-color:#ffffff;}

.button.white svg path {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;fill:#AD2A49;}
.button.white:hover svg path {fill:#ffffff;}

.gform_wrapper ul.gform_fields {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}
body .gform_wrapper ul li.gfield {padding-left:0 !important;}
.no-sublabel label {display:none !important;}
.gform_wrapper li.hidden_label input {margin-top: 0px !important;}

.gform_wrapper form {/*max-width:800px !important;*/}

.gform_wrapper form.row ul {display:flex;flex-wrap: wrap;}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {height:40px;}


input:not([type=radio]):not([type=checkbox]), select, textarea {font-family: 'Montserrat', sans-serif;height: 32px;font-size:16px;font-weight:600;color:#696969;background-color:#ffffff;border:2px solid #B2B2B2;padding: 0px 15px !important;-webkit-box-shadow: 2px 3px 8px -8px rgba(0,0,0,0.15);-moz-box-shadow: 2px 3px 8px -8px rgba(0,0,0,0.15);box-shadow: 2px 3px 8px -8px rgba(0,0,0,0.15);outline: none !important;}
textarea {padding:15px !important;}
label {font-size: 12px;}
select {appearance:none;background-image:url('images/icon-select-chevron.svg');background-repeat:no-repeat;background-position:right;background-position: right 10px center;background-size: auto 20px;padding-right:46px;}

.gform_fields {align-items:baseline !important;}

.ginput_container_time select {background-position: right 10px center !important;background-size: auto 16px !important;}

.hour_minute_colon {padding: 10px 8px !important;}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {font-weight: 400 !important;margin-bottom: 10px !important;color:#000000;}
.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {font-weight:unset !important;}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {margin-top:2px !important;}
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {padding:0 10px 0 0 !important;}

.gform_confirmation_wrapper {padding-left:0px;padding-right:0px;}


input[type="submit"]:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_page_footer input[type="submit"]:hover {background-color: #72102b !important;color: #ffffff !important;}


.gform_required_legend {margin-bottom:40px;}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]), .gform_wrapper select, .gform_wrapper textarea {font-family: 'Montserrat', sans-serif;height: 52px;font-size:16px;font-weight:400;color:#000000;background-color:#ffffff;border:1px solid #696969;border-radius:5px;-webkit-box-shadow: 2px 3px 8px -8px rgba(0,0,0,0.15);-moz-box-shadow: 2px 3px 8px -8px rgba(0,0,0,0.15);box-shadow: 2px 3px 8px -8px rgba(0,0,0,0.15);outline: none !important;}
.gform_wrapper textarea {padding:15px !important;}

.gform_wrapper textarea.small, .gform_wrapper textarea.medium, .gform_wrapper textarea.large {height:180px !important;}

.gform_wrapper label {font-size: 16px !important;}

.gform_fields {grid-column-gap: 6% !important;grid-row-gap: 24px !important;}

.ginput_container_text, .ginput_container_textarea, .ginput_container_email, .ginput_container_phone, .ginput_container_select, .ginput_container_time, .ginput_container_checkbox, ginput_container_radio {position:relative;margin-bottom:20px;}

.ginput_container_text:after, .ginput_container_email:after, .ginput_container_phone:after {content:'';position:absolute;width:0%;height:6px;display:block;background-color:#AD2A49;top:46px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ginput_container_text.focused:after, .ginput_container_email.focused:after, .ginput_container_phone.focused:after, .ginput_container_textarea.focused:after {width:100%;}

.ginput_container_textarea:after {content:'';position:absolute;width:0%;height:6px;display:block;background-color:#AD2A49;top:174px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.gform_wrapper .validation_message {
	color: #ED4238 !important;
    border: none !important;
    background: none !important;
    padding: 0 0 24px 0 !important;
    margin-top: -12px !important;
}
.gform_wrapper .instruction.validation_message {margin-top:10px !important;padding-bottom:5px !important;}

.gform_wrapper input[aria-invalid='true'], .gform_wrapper textarea[aria-invalid='true'] { border-color: #ED4238 !important; }
.gform_wrapper .gfield_error label {color:#000000 !important;}

.gform_wrapper .gfield_radio, .gform_wrapper .gfield_checkbox {}
.gform_wrapper .gfield_radio div, .gform_wrapper .gfield_checkbox div {margin-bottom: 2em;margin-top: 1em;}


.gform_wrapper .gfield_radio .gchoice label, .gform_wrapper .gfield_checkbox .gchoice label {cursor: pointer;padding-left:40px;z-index: 2;position: relative;}

.gform_wrapper .gfield_radio .gchoice, .gform_wrapper .gfield_checkbox .gchoice {position:relative;cursor: pointer;}
.gform_wrapper .gfield_radio input, .gform_wrapper .gfield_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.gform_wrapper .gfield_radio .gchoice:before, .gform_wrapper .gfield_checkbox .gchoice:before {
	content:'';
	position: absolute;
	z-index:1;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ffffff;
	border:1px solid #696969;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(105,105,105,0.3) !important;
	-moz-box-shadow: 1px 1px 4px 0px rgba(105,105,105,0.3) !important;
	box-shadow: 1px 1px 4px 0px rgba(105,105,105,0.3) !important;
}
.gform_wrapper .gfield_radio .gchoice:before {border-radius:50%;}

.gform_wrapper .gfield_radio .gchoice:hover:before, .gform_wrapper .gfield_checkbox .gchoice:hover:before {
	border:1px solid #AD2A49;
}

.gform_wrapper .gfield_radio .gchoice.checked:before, .gform_wrapper .gfield_checkbox .gchoice.checked:before {
	background-image: url(images/icon-checkmark.svg);
	background-position: center;
	background-repeat:no-repeat;
	border-color:#ffffff;
	background-color:#AD2A49;
}

.gform_wrapper select {background-position: right 18px center;background-size: auto 30px;}

.ginput_container_time {max-width: 90px !important;min-width: 90px !important;}

/*
Carousel
-----------------------------------------*/
.carousel {margin-bottom: 0 !important;overflow: hidden;}
.carousel .slick-track {display:flex;}
.carousel .slick-slide {padding: 0px 15px 20px 15px;height:inherit !important;overflow:hidden;}

#home-hero-carousel.carousel .slick-slide {padding: 0 0 100px 0;}

.home-hero-card {
	position: relative;
	overflow:visible !important;
}

.hero-image {
	height: 260px;
	position:relative;
	width:100%;
	top:auto;right:auto;bottom:auto;left:auto;
	z-index:2;
	overflow:hidden;
}

.carousel-title {font-size:28px;font-weight: 700;line-height:1.2em;padding:0 0 20px 0;position: relative;z-index: 1;}

.hero-content {padding-top:40px;padding-bottom:0px;z-index: 2;}

.hero-content-shape {position:absolute;z-index:1;height:100%;width:50%;top:0;}
.hero-content-shape svg path {fill:rgba(160,214,215,0.25);}

.hero-bg-learning {top: 42%;transform: rotate(-90deg);left: 76%;width: 80%;}
.hero-bg-programming {top: 40%;right: -85px;width: 100%;transform: rotate(90deg);}
.hero-bg-socialization {top: 73%; transform: rotate(-90deg);left: 30%;width: 100%;height: auto;}
.hero-bg-services {width: 120%;transform: rotate(90deg);top: 46%;left: -12%;}

.hero-image-corner {position:absolute;z-index:1;bottom:0;right:0;height:80px;}
.hero-image-corner path {fill:#00A4B0;}

.hero-image-learning {}
.hero-image-programming {right: -30px !important;bottom: -30px;height: 130px;transform:rotate(90deg);}
.hero-image-socialization {}
.hero-image-services {right: -40px !important;}

.hero-cta {
	-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
}
.hero-cta .button {}
.hero-cta svg {height: 20px;margin-right: 16px;}

.slick-current .home-hero-card .hero-cta {opacity:1;}

.carousel-controls {margin-top:40px;}
.carousel-controls span {cursor:pointer;display: inline-block;vertical-align: middle;margin-left:5px;margin-right:5px;}
.carousel-arrow {}

.slick-dots {bottom: 48px;}
.slick-dots li {width: 10px;height: 10px;}
.slick-dots li button {
	font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background-color: #AB2945;
	border-radius:50%;
}
.slick-dots li button:before {content:none;}

.slick-dots li.slick-active button {background-color: #c6c6c6;}

.white .slick-dots li button {background-color: #ffffff;}

.slick-next, .slick-prev {width:50px;height:50px;background-color: #ffffff !important;border-radius: 50%;border: 2px solid #AB2945;z-index:20;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;bottom: 0px; top: auto;}

.slick-next:before, .slick-prev:before {color:#AB2945;font-family: 'Font Awesome 5 Free';-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.slick-next:before {content: '\f054';}
.slick-prev:before {content: '\f053';}

.slick-next {right:15px;}
.slick-prev {left:15px;}

.slick-next.slick-disabled, .slick-prev.slick-disabled {display:none !important;}

.slick-next:hover, .slick-prev:hover {background-color:#AB2945 !important;}
.slick-next:hover:before, .slick-prev:hover:before {color:#ffffff;}

.slick-dots li.slick-active button {background-color: #0E426A;}

.carousel-wrapper.med-teal .carousel-controls svg path {fill:#007681;}
.carousel-wrapper.med-teal .carousel-controls svg circle {stroke:#007681;}
.carousel-wrapper.med-teal .carousel-controls svg polyline {fill:#007681;}

.hero-diamond-big {position:absolute;z-index:5;width:60px;height:auto;left:10px;top:80px;}
.hero-diamond-small {position:absolute;z-index:5;width:36px;height:auto;left:70px;top:130px;}


#book-list-carousel .slick-slide, #news-carousel .slick-slide {display: flex;}
#book-list-carousel .slick-slide > div, #news-carousel .slick-slide > div {width:100%;}

/*
Offerings animated band
-----------------------------------------*/
#offerings {position:relative;overflow:hidden;background-color:#ffffff;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
#offerings > .container {position:relative;}
#offerings > .container:after {content:'';position:absolute;z-index:1;height:100%;width:100%;top:50%;left:0;right:0;transform:translateY(-50%);background-image:url(images/red-hourglass.png);background-size:0% 100%;background-position:center;background-repeat:no-repeat;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

#offerings.active {background-color:#AB2945;}
#offerings.active > .container:after {background-size:50% 100%;}


#offerings .container div {position:relative;z-index:10;}
#offerings .middle-box {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#offerings .side-box {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

#offerings.active .middle-box.off, #offerings.active .side-box.off  {opacity:1 !important;}

#offerings img {height:60px;}

/*
Footer
-----------------------------------------*/
#footer {position: relative;z-index: 80;line-height: 1.25em;font-family: 'Montserrat', sans-serif;padding-bottom:90px;}

#footer a {color:#ffffff;text-decoration:underline;font-size:16px;}
#footer .tiny-text a, #footer .tinytext a {font-size:12px;display:block;margin:5px 0;}
#footer a:hover {color:rgba(255,255,255,0.8);}
#footer p {margin-bottom:10px;}
#footer i {font-size:1em;}
#footer .social-icons {text-align:left;margin-bottom:30px;}
#footer .social-icon {font-size:2em;margin-right:20px;display:inline-block;}
#footer img {max-width:125px;margin-bottom: 10px;}

#footer .footer-col {}

#footer ul {list-style: none;padding-left:0;}
#footer ul li.menu-item {position:relative;display:block;text-align: left;line-height: 1em;}
#footer ul li.menu-item a {display:block;font-size: 16px;}

#footer .footer-address {font-size:16px;}
#footer .footer-copyright {text-align:center;}
#footer .footer-download {text-align:center;}

.footer-address a, .footer-menu a {/*margin: 1em 0;*/display: block;}
.footer-address a { /*margin: 2em 0 1em;*/ }

#footer .footer-menu {margin-bottom:30px;}

#footer ul li.menu-item {}

#footer ul li.menu-item .sub-menu {padding-left:0px;overflow:hidden;}
#footer ul li.menu-item .sub-menu li a {font-size: 14px;padding:8px 8px 8px 0;font-weight: 700;}

.footer-menu li.menu-item-has-children > a > i {margin-left:8px;font-size: 16px;color:#ffffff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-menu li.menu-item-has-children > a > i.opened {transform:rotate(180deg);}


#footer .gform_title {font-size: 18px;font-weight: 400;text-align: left;margin-bottom: 8px;padding-left: 15px;}

#footer .gform_wrapper .gf_simple_horizontal {display: flex;width:100% !important;}
#footer .gform_required_legend {display:none;}
#footer .gform_wrapper .gf_simple_horizontal .gform_body .top_label .gfield {padding-right:0 !important;}
#footer .gform_wrapper .gf_simple_horizontal input[type=text] {color:#ffffff;border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;border:2px solid #ffffff;background-color:transparent;margin-right: -2px;height: 50px;}
#footer .gform_wrapper .gf_simple_horizontal input[type=submit] {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;margin: 0;width: 100%;border:2px solid #ffffff;background-color: transparent !important;color: #ffffff !important;}
#footer .gform_wrapper .gf_simple_horizontal input[type=submit]:hover {background-color:#00484F !important;}

#footer .gform_wrapper .gf_simple_horizontal .gform_body {width: 75%;max-width: unset;display: flex;}
#footer .gform_wrapper .gf_simple_horizontal .gform_footer {width: 25%;max-width: unset;padding: 0;margin: 0;text-align: left;display: flex;}

.fixed-footer {position:fixed;z-index:100;bottom:0;left:0;width:100%;padding-top:10px;padding-bottom:10px;border-top: 1px solid rgba(255,255,255,0.5);}
#mobile-sticky {margin:0;padding:0;list-style: none;display:flex;}
#mobile-sticky li {flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;position: relative;width: 100%;text-align:center;}
#mobile-sticky li a {color:#ffffff;padding:10px;display:block;}
#mobile-sticky li a .nav-icon {display:block;width: 20px;height: 20px;margin: 0 auto 5px auto;}

/*
General
-----------------------------------------*/

.bottom-curves {border-bottom-left-radius: 64px; border-bottom-right-radius: 64px;}
.rounded-corners {border-radius:64px;overflow:hidden;}
.card {border:none;border-radius: 5px;padding:15px;overflow:hidden;height: 100%;}
.card-content {padding:15px;}

.home-hero-card {}

.news-details-bar {
	display:none !important; /*Temp hide in case they want this back*/
	position:absolute;
	left:0;
	top:0;
	width: 55px;
    height: 100%;
    padding: 15px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	background-color:rgba(248,152,34,0.8);
	z-index:10;
}
.news-details-bar .details-icons {
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
	flex: 1;
}
.copy-link-input {
	position: absolute;
    overflow: hidden;
    opacity: 0;
    top: 0;
}
.alert-success {position: absolute;width: 190px;}
.card-title {font-size:18px;font-weight:700;}

.news-details-bar .details-icons a {margin-top:20px;}

.image-block-link {position:absolute; display:block; z-index:5; width:100%; height:100%; top:0; right:0; bottom:0; left:0;}
.share-links {padding-left: 65px;color: #ffffff;bottom:-60px;position: absolute;z-index:8;width: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.share-links a {color:#ffffff;font-size: 28px;padding: 10px 5px;display: inline-block;}
.share-links.active {bottom:0px;}

.card.list-card {padding:0;}
.card.list-card .row {height:100%;}
.card.list-card .list-card-content {padding:40px 30px;font-weight:700;}
a.card-link {/*text-decoration:none !important;*/height: 100%;}
a.card-link:hover {text-decoration:underline !important;}
a.card-link h1, a.card-link h2, a.card-link h3, a.card-link h4, a.card-link h5, a.card-link h6 {margin-bottom:0;}
a.card-link:hover .card-text-link {text-decoration:underline !important;}

#events-list a {text-decoration:none;display:block;height:100%;}
#events-list a .date-column-wrapper  {background-color: #AD2A49;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#events-list a:hover .date-column-wrapper  {background-color: #72102b;}

#events-list .card {height:100%;}
#events-list .card > .row {height: 100%;}

.date-column {position: relative;top: 50%;transform: translateY(-50%);}
.event-card-content {padding:30px 30px;}
.event-card-content a {color:#ED4238;}
.event-card-content a:hover {color: #AD2A49;}
.event-card-content a span {display:inline-block;vertical-align:top;padding-right:5px;}

#events-list a .event-card-content svg path {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#events-list a:hover .event-card-content svg path {fill:#72102b;}

.bold-title {font-family: 'Montserrat', sans-serif;font-size:24px;font-weight:700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #2D2926;}

.btt {position: fixed;bottom: 6px;right: 6px;z-index: 99;border: none;outline: none;cursor: pointer;padding: 8px 10px;background-color:rgba(255,255,255,0.8);border-radius: 50%;display: block;-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btt .fa {font-size:28px !important;color:#007681;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btt .fa:hover {color:#00484f;}

.btt.on {opacity:1;}

.btt.bottomed {position: absolute;right:6px;bottom:auto;top:-50px;}

.hero-left {min-height:260px;}
.hero-right-content {padding:30px;}

#landing-page-highlights {
	background-color:rgba(248, 151, 30, 0.15);
}

#programs-grid .news-details-bar {background-color:rgba(0, 164, 176, 0.8); }
#programs-grid .news-details-bar a {color:#ffffff;}

#resources-grid .news-details-bar {background-color:rgba(249, 204, 209, 0.88);}

table td {padding: 5px;font-size:14px;}
table tr.even {background-color:#F7F7F7;}

.styled-select {
	border: 1px solid #AD2A49;
    color: #AD2A49;
    padding: 0px 80px 0px 20px !important;
    line-height: 2em;
    height: 60px !important;
    border-radius: 5px;
	background-image: url(images/styled-select-arrow.svg);
	background-position: right -1px center;
    background-size: auto 60px;
}

.page-item.active .page-link {
	color: #FFFFFF !important;
    background-color: #ED4238;
    border-color: #ED4238;
}

.cognito .c-dropdown:after, .c-select-input .chevron::before {content:none !important;}

.sidebar-box {font-size:14px;line-height: 1.25em;}

.card.job-card {padding:0 !important;}

a.card-joblink {/*text-decoration:none !important;*/height: 100%;}
a.card-joblink:hover {text-decoration:none !important;}
a.card-joblink h1, a.card-joblink h2, a.card-joblink h3, a.card-joblink h4, a.card-joblink h5, a.card-joblink h6 {margin-top:30px;margin-bottom:30px;}
a.card-joblink .button {margin:0;border-radius:0 !important;}
a.card-joblink .button.job-cta:hover {background-color:#AD2A49 !important;}
a.card-joblink:hover .button.job-cta {background-color:#72102b !important;}

.job-hours {font-size:14px;font-weight:700;line-height: 1.25em;border-bottom:1px solid #0E426A;margin:10px 30px 0 30px;display: flex;align-items: flex-end;justify-content: center;}

#jobs-grid a.button, #minutes-list a.button {width:100%;}

.accordion-header a {padding:20px;display:block;text-decoration:none !important;background-color:#AD2A49;}
.accordion-header a:hover {background-color: #72102b !important;}
.accordion-header a[aria-expanded=true] i {transform:rotate(90deg);}

/*
Media Queries - MOBILE FIRST
-----------------------------------------*/

@media screen and (min-width:500px) {

	#jobs-grid a.button, #minutes-list a.button {width:auto;}

}

@media screen and (min-width:576px) {
	.card.list-card .list-card-content {padding:20px 30px;font-weight:700;}

	.footer-address a, .footer-menu a {margin: 0;}
	#footer .footer-col {/*margin-top:30px;*/}
	#footer .footer-col a {display: block;}
	.footer-menu li > ul.sub-menu {max-height:10000px;}
	.footer-menu li.menu-item-has-children > a > i {display:none !important;}
	#footer a[href="#"] {color:#ffffff !important;cursor:default;text-decoration:none !important;font-size: 18px !important;}

	.job-hours {min-height:50px;margin:0 30px 0 30px}
}

@media screen and (min-width:600px) {
	#search-box {width:auto;}

	#home-hero-carousel.carousel .slick-slide {padding:0;overflow: hidden;}
	#home-hero-carousel.carousel .slick-list {overflow:visible !important;}
	.home-hero-card {border-radius: 0 !important;    height: 300px;}
	.carousel-title {font-size:40px;padding: 0 0 20px 0;}

	.hero-content {padding-top:40px;padding-bottom:80px;}

	.home-hero-card .hero-cta {position: relative;left: auto;width: auto;bottom: auto;}
	.home-hero-card .hero-cta .button {width:auto;}

	.hero-bg-learning {}
	.hero-bg-programming {top: 30%;right: -200px;width: 100%;transform: rotate(90deg);}
	.hero-bg-socialization {top: 50%; transform: rotate(-90deg);left: 30%;width: 100%;height: auto;}
	.hero-bg-services {}

}

@media screen and (min-width:641px) {
	.gform_fields {grid-column-gap: 6% !important;grid-row-gap: 40px !important;}
	.ginput_container_time {max-width: 68px !important;min-width: 68px !important;}
}

@media screen and (min-width:768px) {
	body {font-size: 16px;line-height:1.5em;}

	#search-box {position:fixed;z-index:1010;border: 1px solid rgba(255,255,255,0.5);}
	.alert-banner {z-index:1000;}

	#page header {height:100px;}
	.logo {
		height: 80px;
		width: auto;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/*#home-hero-carousel {min-height:420px;}*/
	.home-hero-card {border-radius: 0 !important;    height: 420px;}

	.carousel-title {font-size:42px;padding: 40px 0 20px 0;}

	.hero-image {position:absolute;left:50%;width:50%;height:100%;top:0;right:0;bottom:0;}
	.hero-content {padding-top:80px;padding-bottom:120px;}

	.hero-diamond-big {position:absolute;width:60px;height:auto;left: calc(50% - 10px);top: 110px;}
	.hero-diamond-small {position:absolute;width:36px;height:auto;left: calc(50% + 50px);top: 150px;}

	.hero-content-shape {height:100%;width:50%;top:0;}

	.hero-bg-learning {transform: rotate(270deg);left: 22%;width:56%;}
	.hero-bg-programming {top: 16%;right: 18px;width: 80%;transform: rotate(90deg);}
	.hero-bg-socialization {top: 25px; transform: rotate(-90deg);left: 200px;width:60%;}
	.hero-bg-services {width: 80%;transform: rotate(90deg);top: 0%;left: -12%;}

	.hero-image-corner {position:absolute;z-index:1;bottom:0;right:0;height:120px;}
	.hero-image-corner path {fill:#00A4B0;}

	.hero-image-learning {}
	.hero-image-programming {right: -50px !important;bottom: -50px;height: 240px;transform:rotate(90deg);}
	.hero-image-socialization {}
	.hero-image-services {right: -100px !important;}

	.slick-next {right:calc(50% + 45px);}
	.slick-prev {left: calc(50% - 345px);}
	.slick-dots {bottom: 36px;width: 295px;left: calc(50% - 345px);}

	h1 {font-size:42px;}
	h2 {font-size:32px;}
	h3 {font-size:24px;}
	h4 {font-size:22px;}
	h5 {font-size:20px;}
	h6 {font-size:18px;}

	.entry-content h2 {margin-top:40px;}
	.entry-content h3 {margin-top:30px;}

	#footer .social-icons {text-align:center;}
	#footer .social-icon {margin-left:10px;margin-right:10px;}

	#footer .tiny-text a, #footer .tinytext a {display:inline-block;margin:5px 1em 5px 0;}

	#footer .footer-copyright {text-align:left;}
	#footer .footer-download {text-align:right;}

	.job-card {min-height: 350px;}
	.job-hours {font-size:18px;margin: 20px 30px 0 30px;}

	.ginput_container_time {max-width: 90px !important;min-width: 90px !important;}

}

@media screen and (min-width:992px) {
	.nodesktop {display:none;}
	.nomobile {display:block;}

	.sixty-width {width:60%;margin-left: auto;margin-right: auto;}
	.eighty-width {width:80%;margin-left: auto;margin-right: auto;}

	.wp-block-embed {padding: 0 100px;}

	#page header {height:145px;/*z-index:1;*/}
	.logo {
		height: 85px;
		width: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#search-box {position:absolute;z-index:1000;}
	.alert-banner {z-index:1010;}

	body.menu-opened #page header {background-color:#ffffff;}

	.main-navigation, .menu-main-menu-container {height:100%;}
	.header-right {/*height:60px;*/}

	ul#primary, ul#supernav {display: flex;margin: 0;padding: 0;align-items: center;justify-content: flex-end;height:60px;list-style:none;}
/*	.search-trigger:before{
		  content:"Search";
		  position: absolute;
		  top:	-15px;
		  font-size: 9px;
		  line-height: 11px;
		  color: #000000;

	} */
	ul#supernav .search-trigger a {
		display: block;
		background-color: #AD2A49;
		color: #ffffff;
		padding: 0px !important;
		font-weight: 700 !important;
		text-transform: uppercase;
		text-decoration: none;
	}
	ul#supernav .search-trigger a:hover {background-color:#72102b;}

	ul#supernav .search-trigger a i {
		display: inline-block;
		padding: 8px;
		background-color: white;
		color: #AD2A49;
		border: 1px solid #AD2A49;
    	font-size: 16px;
	}

	ul#supernav .search-trigger a:hover i {
		color: #72102b;
		border: 1px solid #72102b;
	}

	ul#supernav .search-trigger a span {
		padding: 6px 14px 6px 10px;
		display: inline-block;
		font-size: 16px;
	}


	ul#primary li.menu-item, ul#supernav li.menu-item {position:relative;list-style:none;align-items: center;display: flex;justify-content: center;line-height:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

	ul#supernav li.menu-item {padding: 0px 0 0 15px;}
	ul#primary li.menu-item {/*flex:1;*/padding: 0 0 0 20px;}

	ul#primary li.menu-item a {
		position:relative;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		font-size: 15px;
		line-height: 1.25em;
		align-items: center;
		padding: 10px 0;
		height: 100%;
		color: #AD2A49;
		text-decoration: none;
	}

	ul#primary li.menu-item a:hover  {color:#72102b;}

	ul#supernav li.menu-item a {font-weight: 400;font-size:12px;padding: 10px 0;}
	ul#supernav li.menu-item a svg path {fill:#AD2A49;}
	ul#supernav li.menu-item a:hover svg path {fill:#72102b;}

	ul#primary li.menu-item-has-children, ul#supernav li.menu-item-has-children {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	ul#primary li.menu-item-has-children a i, ul#supernav li.menu-item-has-children a i {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #AD2A49;}
	ul#primary li.menu-item-has-children:hover a i, ul#supernav li.menu-item-has-children:hover a i {transform:rotate(180deg);}

	ul#primary li.menu-item-has-children i, ul#supernav li.menu-item-has-children i {margin-left:6px;display: inline;}

	ul#primary li.menu-item-has-children > a, ul#supernav li.menu-item-has-children > a {color:#696969 !important;}
	ul#primary li.menu-item-has-children > a:after{}


	ul#primary li.current-menu-item, ul#primary li.current_page_item, ul#primary li.current-menu-ancestor, ul#primary li.current-page-ancestor,
	ul#supernav li.current-menu-item, ul#supernav li.current_page_item, ul#supernav li.current-menu-ancestor, ul#supernav li.current-page-ancestor
	{position:relative;}


	ul#primary li.menu-item ul.sub-menu, ul#supernav li.menu-item ul.sub-menu {position:absolute;z-index:999;left: calc(50% + 10px);transform: translateX(-50%);top: -1000px;opacity:0;width: 200px;margin-top: 0;margin-bottom: 0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;background-color:#AD2A49;}

	ul#primary li.menu-item:hover ul.sub-menu, ul#supernav li.menu-item:hover ul.sub-menu {top:100%;opacity:1;padding-left:0;padding-top: 2px;}
	ul#primary li.menu-item:hover ul.sub-menu li, ul#supernav li.menu-item:hover ul.sub-menu li {padding: 0;display:block;text-align: left;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


	ul#primary li.menu-item ul.sub-menu li, ul#supernav li.menu-item ul.sub-menu li {padding: 0px;display: block;height:auto;}
	ul#primary li.menu-item ul.sub-menu li:hover {/*background-color: #00484f;*/}
	ul#primary li.menu-item ul.sub-menu li:hover a {/*color:#ffffff !important;*/}
	ul#primary li.menu-item ul.sub-menu li a, ul#supernav li.menu-item ul.sub-menu li a {
		display: flex;
		padding: 10px 18px 10px 18px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		font-size: 14px;
		text-decoration: none;
		margin: 0;
		background-color: #ffffff;
		border-bottom: thin solid #AD2A49;
		border-left: thin solid #AD2A49;
		border-right: thin solid #AD2A49;
	}
	ul#primary li.menu-item ul.sub-menu li a:hover, ul#supernav li.menu-item ul.sub-menu li a:hover {color:#ffffff;background-color: #72102b;}

	ul#primary li.menu-item ul.sub-menu li a:hover svg path, ul#supernav li.menu-item ul.sub-menu li a:hover svg path {fill:#ffffff;}

	ul#primary li.menu-item ul.sub-menu li a:after, ul#supernav li.menu-item ul.sub-menu li a:after {content:none;}

	ul#primary li.menu-item ul.sub-menu li a span, ul#supernav li.menu-item ul.sub-menu li a span {position:relative;padding: 5px 0;}

	ul#primary li.current-menu-ancestor ul.sub-menu li:before, ul#supernav li.current-menu-ancestor ul.sub-menu li:before {content:none;}

	ul#supernav li .nav-icon {margin-right:4px;}
	ul#supernav li .nav-icon img, ul#supernav li .nav-icon svg {height:10px;}

	/*#home-hero-carousel {min-height:460px;}*/
	.carousel-title {font-size:62px;padding: 40px 0 20px 0;}

	.toptealborder {text-align:center;margin-top: 30px;padding-top: 30px !important;}
	.content-band {text-align:center;padding-top: 30px !important;}

	.home-section-cta {text-align:center;}

	.hero-right-content {max-width:430px;padding:90px 30px;}

	.slick-prev {left: calc(50% - 465px);}
	.slick-dots {bottom: 36px;width: 420px;left: calc(50% - 465px);}

	.hero-diamond-big {position:absolute;width:60px;height:auto;left: calc(50% - 10px);top: 130px;}
	.hero-diamond-small {position:absolute;width:36px;height:auto;left: calc(50% + 50px);top: 180px;}


	div[class^='col-'] .card, div[class*=' col-'] .card {height:100%;}

	h1 {font-size:50px;}
	h2 {font-size:40px;}
	h3 {font-size:26px;}
	h4 {font-size:24px;}
	h5 {font-size:20px;}
	h6 {font-size:18px;}

	.fixed-footer {display:none;}

	#footer {padding-bottom:0px;}

	.gform_wrapper .gfield_radio div, .gform_wrapper .gfield_checkbox div {margin-bottom: 1.5em;margin-top: 1em;}

}

@media screen and (min-width:1200px) {
	ul#primary li.menu-item, ul#supernav li.menu-item {padding: 0 0 0 20px;}

	.hero-bg-learning {transform: rotate(270deg);left: 20%;width:50%}
	.hero-bg-programming {top: 4%;right: 40%;width: 40%;transform: rotate(90deg);}
	.hero-bg-socialization {top: 25px; transform: rotate(-90deg);left: 200px;width:60%;}
	.hero-bg-services {width: 80%;transform: rotate(90deg);top: 0%;left: 0%;}

	.slick-prev {left: calc(50% - 555px);}
	.slick-dots {bottom: 36px;width: 510px;left: calc(50% - 555px);}

}

@media screen and (min-width:1360px) {


}