﻿/*
font-family: interstate;
*/


body{margin: 0; padding: 0; width: 100%; height: 100%; background: #fff; font-family: Arial; font-size: 1em;}
img{max-width: 100%; border: none;}
.clearDiv{clear: both;}
.setWidth{width: 90%; max-width: 1200px; margin: 0 auto;}
*{box-sizing: border-box;}
iframe{max-width: 100%;}
body *{letter-spacing: normal !important; line-height: inherit;}
.sc-content-block-quick-insert{display: none !important;}
div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {height: auto !important;}
.eds_galleryWrapper{padding-top: 0px !important;}
.slider-wrapper > div{background: transparent !important;}
.sc-menu {position: relative;}
img{border: none;}
.theme-default .nivoSlider{background: transparent !important; -webkit-box-shadow: 0px 0px 0px 0px #4a4a4a !important; -moz-box-shadow: 0px 0px 0px 0px #4a4a4a !important; box-shadow: 0px 0px 0px 0px #4a4a4a !important; margin-bottom: 0px !important;}
.menuBtn, .mobileMenuWrapper {display: none;}




/* styling */

.headerWrapper {
	padding: 10px 0;
    background: #fff;
    box-shadow: 0 0 7px rgb(0 0 0 / 15%);
}
.logoWrapper, .menuWrapper {
	display: inline-block;
    vertical-align: middle;
}
.logoWrapper {
    width: 23%;
}
.menuWrapper {
    width: 76%;
    text-align: right;
}

.footerWrapper {
	background: #fff;
    box-shadow: 0 0 7px rgb(0 0 0 / 15%);
    padding: 40px 0 10px;
    text-align: center;
}
.copyWrapper {
	font-family: 'interstate';
    font-weight: 500;
    font-size: 0.9em;
    color: #123B49;
    padding: 15px 0 18px;
}
.loginWrapper {
	text-align: right;
    font-weight: 300;
    font-size: 0.8em;
    font-family: 'interstate';
    padding-right: 15px;
}
.socials a {
	padding: 0 9px;
    font-size: 1.25em;
    color: #123B49 !important;
	transition: all 0.3s ease;
}
.socials a:hover, .socials a:focus {
	color: #A6E8FF !important;
}



/* generic */

p, li, .contentDiv td, .Normal{
	font-family: 'interstate';
    font-size: 1.05em;
    line-height: 1.5em;
    color: #123B49;
}

.contentWrapper {padding-top: 200px; padding-bottom: 100px; position: relative;}
.contentDiv li{padding: 4px 0;}
.contentDiv ul, .contentDiv ol{margin: 0 0 22px 35px;}
.contentDiv ul li ul li {font-size: 0.9em; line-height: 1.25em; list-style-type: circle;}
.contentDiv ul li ul {margin-top: 1px; line-height: 1.2em; margin-bottom: 0;}

strong{font-weight: bold; font-family: 'interstate';}
em{font-style: italic; font-family: 'interstate';}
strong em, em strong{font-style: italic; font-weight: bold; font-family: 'interstate';}

h1{
	font-family: 'interstate';
    font-size: 3.5em;
    line-height: 1em;
    font-weight: 300;
    font-style: normal;
    color: #123B49;
    margin: 0 0 30px 0;
}

h2{
	font-family: 'interstate';
    font-size: 2.5em;
    line-height: 1em;
    font-weight: 300;
    font-style: normal;
    color: #123B49;
    margin: 40px 0 20px 0;
}

h3{
	font-family: 'interstate';
    font-size: 2em;
    line-height: 1em;
    font-weight: 300;
    font-style: normal;
    color: #123B49;
    margin: 27px 0 17px 0;
}

h4{
	font-family: 'interstate';
    font-size: 1.75em;
    line-height: 1em;
    font-weight: 300;
    font-style: normal;
    color: #123B49;
    margin: 27px 0 17px 0;
}

h5{
	font-family: 'interstate';
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 300;
    font-style: normal;
    color: #123B49;
    margin: 27px 0 17px 0;
}

h6{
	font-family: 'interstate';
    font-size: 1.25em;
    line-height: 1em;
    font-weight: 300;
    font-style: normal;
    color: #123B49;
    margin: 27px 0 17px 0;
}

h1 + h2{margin-top: 15px;}
h1 + h3, h2 + h3{margin-top: 15px;}
h1 + h4, h2 + h4, h3 + h4{margin-top: 15px;}
h1 + h5, h2 + h5, h3 + h5, h4 + h5{margin-top: 15px;}
h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6{margin-top: 15px;}

a:link, a:visited{ text-decoration: none; color: #55bee3; }
a:hover, a:active, a:focus{ text-decoration: underline; color: #55bee3; }
a:focus, select:focus, input:focus, .slick-arrow:focus, .slick-dots li:focus, .slick-dots button:focus {outline: thin dotted #000 !important;}

small{font-size:0.8em;}
big{font-size:1.2em;}
blockquote, pre{font-family:Lucida Console, monospace;}
ul li{list-style-type:square;}
ul li li{list-style-type:disc;}
ul li li li{list-style-type:circle;}
ol li{list-style-type:decimal;}
ol ol li{list-style-type:lower-alpha;}
ol ol ol li{list-style-type:lower-roman;}
ol ul li{list-style-type:disc;}

hr{color: #A6E8FF; background-color: #A6E8FF; border: none; height: 1px; text-align: left; margin: 25px 0;}

.skiptocontent a {
    padding: 6px 8px;
    position: absolute;
    z-index: 1025;
    top: -50px;
    left: 0;
    font-family: "interstate";
    font-size: 0.95em;
    line-height: 1em;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
}
.skiptocontent a:focus {
    top: 0;
    color: #fff;
    background: #123B49;
    text-decoration: none;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}
.skipLink {
    position: absolute; 
    top: 50px; /* adjust as needed */
}

.containerWidthOneThird {width: 37%; display: inline-block; vertical-align: middle;}
.containerWidthTwoThird {width: 55%; display: inline-block; vertical-align: middle;}
.DnnModule-405, .DnnModule-407{margin-right: 8%;}
.DnnModule-410, .blueDiv {margin-right: 3%;}
.DnnModule-409 {width: 60%;}
.rightDiv {width: 31%; display: inline-block; vertical-align: middle;}
.blueDiv {width: 65%; display: inline-block; vertical-align: middle; background: #A6E8FF; border-radius: 33px; padding: 50px 60px;}

.secondRowWrapper { padding-top: 100px; padding-bottom: 100px; position: relative;}
.thirdRowWrapper {padding-top: 100px; padding-bottom: 200px; position: relative;}

.imgItem img {border-radius: 33px;}
.edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_map {border-radius: 33px;}

.DnnModule-435 {margin-top: 36px;}
#dnn_ctr435_HtmlModule_lblContent p {margin-bottom: 0;}



/* login page */

.dnnLoginService .dnnLabel {
    font-size: 1em;
    margin-right: 17px;
    line-height: 1em !important;
    padding: 3px 0;
    font-weight: 400;
    font-family: 'interstate';
    color: #4d4d4d;
}
.dnnLoginService input {
    box-shadow: none !important;
    border: 1px solid #979797 !important;
    padding: 6px !important;
    font-family: 'interstate';
    font-size: 14px !important;
}
.dnnLoginService .dnnBoxLabel {
    font-size: 0.8em;
    font-weight: 300;
    font-family: 'interstate';
    color: #959595;
}
.dnnLoginService .dnnCheckbox {
    margin: 4px 0 12px 4px !important;
}
.dnnLoginService .dnnPrimaryAction, .dnnPasswordReset .dnnPrimaryAction {
    background: #123B49;
    border: none;
    box-shadow: none;
    color: #fff;
    font-family: 'interstate';
    text-decoration: none !important;
    text-shadow: none;
    font-weight: 400;
    font-size: 0.8em;
    letter-spacing: 1px !important;
    padding: 7px 19px;
    border-radius: 6px;
	transition: all 0.3s ease;
}
.dnnLoginService .dnnPrimaryAction:hover, .dnnPasswordReset .dnnPrimaryAction:hover, .dnnLoginService .dnnSecondaryAction:hover, .dnnPasswordReset .dnnSecondaryAction:hover {
    background: #A6E8FF;
    color: #123B49;
}
.dnnLoginService .dnnSecondaryAction, .dnnPasswordReset .dnnSecondaryAction {
	background: #fff;
    box-shadow: none;
    color: #000;
    font-family: 'interstate';
    text-decoration: none !important;
    text-shadow: none;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 1px !important;
    padding: 7px 19px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
	transition: all 0.3s ease;
}
#dnn_ctr_Login_Login_DNN_passwordLink {
    font-size: 11px;
    padding: 1px 10px;
    letter-spacing: 1px !important;
}
.dnnLoginService  ul {
    margin: 0;
}
.LoginPanel {
    float: none !important;
    margin: 0 auto;
    padding-right: 0 !important;
    width: auto !important;
    max-width: 500px !important;
}
.dnnFormItem input {
    font-family: 'interstate';
    font-size: 0.9em !important;
    box-shadow: none !important;
}
#dnn_ctr383_Login_Login_DNN_passwordLink {
	padding-top: 0;
    padding-bottom: 0;
}

/* END login page */




/* text button */

.textBtnItem {
	text-align: center;
}
.textBtnTitle {
	font-size: 5.5em;
    font-weight: 200;
    margin-bottom: 10px;
}
.textBtnSubtitle {
	font-family: 'interstate';
    color: #123B49;
    font-weight: 500;
    font-size: 1.2em;
    margin-bottom: 50px;
}
.textBtnBtn a {
	color: #fff;
    background: #123B49;
    font-family: 'interstate';
    letter-spacing: 1px !important;
    padding: 8px 26px;
    border-radius: 22px;
	transition: all 0.3s ease;
}
.textBtnBtn a:hover, .textBtnBtn a:focus {
	text-decoration: none;
	background: #A6E8FF;
	color: #123B49;
}

/* END text button */





/* service times */

.serviceItem {
	text-align: center;
}
.serviceItem h2 {
	margin-top: 0;
	margin-bottom: 33px;
    padding-bottom: 29px;
    font-weight: 600;
    border-bottom: 2px solid #123B49;
	font-size: 2.75em;
}
.serviceContent h3 {
	margin: 21px 0 7px;
    font-size: 1.75em;
    font-weight: 300;
}

/* END service times */





/* quote */

.quoteItem {
	background: #A6E8FF;
    border-radius: 100px;
    padding: 31px 60px 25px;
    color: #123B49;
    text-align: center;
}
.quoteQuote {
	font-family: 'interstate';
    font-weight: 500;
    padding-bottom: 17px;
    font-size: 1.2em;
    line-height: 1.3em;
}
.quoteByline {
	font-family: 'interstate';
    font-weight: 300;
	font-style: italic;
}

/* END quote */





/* contact us */

.blueDiv h2 {
	margin: 0 0 20px 0;
    font-weight: 600;
}
.blueDiv .ModDNNHTMLC a {
	color: #123B49;
}

/* END contact us */




/* form */

.form-control, .form-check-label {
	font-family: 'interstate';
    font-weight: 500;
    color: #123B49 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #123B49 !important;
    border-radius: 0 !important;
    padding: 6px 4px !important;
}
.form-check-input {
    width: 4.2% !important;
    max-width: 1em;
    position: relative;
    top: 3px;
}
.form-check-label {
    font-size: 90%;
    border-bottom: none !important;
    width: 93%;
}
.text-danger {
    color: #db1511 !important;
    font-family: 'interstate';
    font-size: 0.85em;
}
.btn {
	color: #fff !important;
    background: #123B49 !important;
    font-family: 'interstate';
    letter-spacing: 1px !important;
    padding: 6px 26px !important;
    border-radius: 22px !important;
    transition: all 0.3s ease;
    border: none !important;
    margin-top: 10px;
    margin-bottom: -15px !important;
}
.btn:hover, .btn:focus {
	text-decoration: none !important;
    background: #ffffff !important;
    color: #123B49 !important;
}

.form-root .c-form{margin: 0 !important;}

/* END form */





/* leadership */

.leaderWrap {
	text-align: center;
}
.leaderItem {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 1%;
	padding-bottom: 70px;
}
.leaderImg img {
	border-radius: 50%;
}
.leaderName {
	font-family: 'interstate';
    font-weight: 700;
    font-size: 1.5em;
    padding: 25px 0 12px;
}
.leaderEmail a {
    font-family: 'interstate';
}

/* END leadership */




/* events */

.eventsWrap {
	text-align: center;
}
.eventsItem {
	display: inline-block;
	vertical-align: top;
	text-align: left;
    width: 41%;
    margin: 0 4%;
	padding-bottom: 70px;
	font-family: 'interstate';
	color: #123B49;
}
.eventsTitle {
	font-weight: 600;
    font-size: 1.6em;
    padding-bottom: 15px;
}
.eventsDate {
	display: inline-block;
}
.eventsTime {
	display: inline-block;
}
.eventsDate span, .eventsLocation span {
	font-weight: 600;
}
.eventsLocation {
	padding-top: 3px;
}
.eventsDescription {
	font-size: 0.9em;
    font-weight: 300;
	padding-top: 12px;
}

/* END events */




/* bulletins */

.bulletinNotArchived {
	text-align: center;
}
.bulletinItemMonth h2 {
	font-weight: 600;
    margin: 0;
	padding: 0 0 17px 0;
}
.bulletinItemMonth {
    margin-top: 80px;
}
.bulletinItemPDF {
	display: inline-block;
    padding: 0 19px 10px;
}
.bulletinItemPDF a, .bulletinArchived .bulletinItem a {
	font-family: 'interstate';
    color: #123B49;
    font-weight: 500;
    font-size: 1.2em;
	transition: all 0.3s ease;
}
.bulletinItemPDF a:hover, .bulletinItemPDF a:focus, .bulletinArchived .bulletinItem a:hover, .bulletinArchived .bulletinItem a:focus {
	color: #55bee3;
    text-decoration: none;
}
.bulletinArchived .bulletinItem a {
	font-size: 1em;
}
.bulletinItemPDF a i, .bulletinArchived .bulletinItem a i {
	font-size: 0.85em;
    padding-right: 3px;
    position: relative;
    top: -1px;
}
.bulletinArchived .bulletinItem {
	padding: 2px 0;
}
.bulletinArchived {
	text-align: center;
    border-top: 1px solid #123B49;
    margin-top: 110px;
}
.bulletinArchived h2 {
	font-weight: 600;
    margin: 0;
    padding: 100px 0 17px 0;
}
.sc-menu {
	display: block !important;
}

/* END bulletins */





/* responsive */

@media all and (max-width: 1300px) {
	.blueDiv {padding: 30px 38px;}
    #eds_maps_mapContainer_411 {height: 360px !important;}
    .blueDiv h2 {font-size: 2em;}
    .blueDiv p {font-size: 0.95em;}
}

@media all and (max-width: 1100px) {
	.blueDiv {padding: 22px 28px; width: 66%; margin-right: 2%;}
    #eds_maps_mapContainer_411 {height: 340px !important;}
    .blueDiv p {font-size: 0.9em;}
}

@media all and (max-width: 1000px) {
	.textBtnTitle {font-size: 5em;}
    .DnnModule-405 {margin-right: 7%;}
    .blueDiv, .rightDiv {width: 100%; margin-right: 0; display: block; padding-top: 25px; padding-bottom: 25px;}
}

@media all and (max-width: 900px) {
    .DnnModule-405 {margin-right: 6%;}
    .textBtnTitle {font-size: 4.5em;}
    .leaderName {font-size: 1.3em;}
    .eventsItem {width: 100%; margin: 0;}
}

@media all and (max-width: 800px) {
	.containerWidthOneThird, .containerWidthTwoThird  {width: 100%; margin-right: 0; display: block; padding-top: 25px; padding-bottom: 25px;}
    .DnnModule-410 {text-align: center;}
    .quoteItem {border-radius: 33px;}
    .contentWrapper {padding-top: 100px;}
    .secondRowWrapper {padding-bottom: 60px;}
    .thirdRowWrapper {padding-bottom: 110px;}
    .leaderItem {width: 46%;}
}

@media all and (max-width: 765px) {
    .menu { display: none; padding: 20px 0 11px 0;}
	.menuBtn {cursor: pointer; display: block; text-align: right; padding: 6px 4px; font-family: 'interstate'; font-size: 17px; font-weight: 600; color: #123B49; text-decoration: none; transition: all 0.3s ease;}
    .menuBtn:hover { color: #55bee3; }
    .menuBtn i {font-size: 0.85em; padding-left: 2px;}
    #dnn_pnav > li { display: block !important; }
	#dnn_pnav > li > ul{ display: block !important; position: relative !important; background: transparent !important; text-align: center !important;}
	#dnn_pnav > li > ul { padding: 0 !important;}
    #dnn_pnav li ul li {margin: -3px 0 3px 0 !important;}
    #dnn_pnav > li:hover > a, #dnn_pnav > li:focus > a, #dnn_pnav > li.active > a, #dnn_pnav > li:hover > a:active, #dnn_pnav > li:hover > span, #dnn_pnav > li:focus > span {border-bottom: 1px solid transparent !important; color: #55bee3 !important;}
    #dnn_pnav > li > a, #dnn_pnav > li > span {margin: 0 !important; color: #2b7a95 !important;}
    .menuWrapper .setWidth {width: 100%;}
	.closeBtn {cursor: pointer; text-align: center; font-family: 'Poppins'; text-transform: uppercase; font-size: 1.5em; line-height: 1em; color: #fff; padding: 5px 0; background: #579ee5; letter-spacing: 1px !important; transition: all 0.3s ease;}
    .closeBtn i {font-size: 0.85em;}
	.closeBtn:hover, .closeBtn:focus {background: #5472D2;}

    .headerWrapper {padding: 6px 0;}
    .logoWrapper {width: 30%;}
    .menuWrapper {width: 68%;}

}

@media all and (max-width: 600px) {
	.ModDNNHTMLC td { display: block; width: 100%;}
    .bulletinItemPDF {display: block;}
    .bulletinItemMonth {margin-top: 40px;}
}

@media all and (max-width: 500px) {
	.leaderItem {width: 100%; margin: 0;}
}
