/*
Theme Name: ChooseDuPage 2018
Theme URI: http://adt.maclyn-dev.com/wp-content/themes/ADT
description: >-
	ChooseDuPage 2018
Author: MACLYN
Author URI: http://maclyngroup.com
Template: wp-bootstrap-starter
Version: 1.0.0
Text Domain: choosedupage
*/
/*******Layout************/
#content.site-content {
    padding-top: 0;
	padding-bottom: 0;
}
.noPad{
	padding: 0;
}
.entry-content{
	margin-top: 0;
}
.photoFloat{
	margin: 20px 0px 20px 20px;
	float: right;
}
.aboutHeader{
	background: url('/wp-content/uploads/2019/02/aboutHeader.jpg');
	background-size: cover;
}
.busTabs{
	color: #FFFFFF;
	margin: 40px 40px 80px 40px;
}
.busTabs p{
	color: #FFFFFF;
	/*padding: 20px 50px;*/
}
.aboutTitle, .aboutTitle:hover{
	text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.25rem;
    display: block;
}
.aboutBoard .card{
	background-color: transparent;
}
.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: top;
    height: 100%;
    flex-wrap: wrap;
    /*margin-top: 25px;*/
}
.flex-center img{
	width: 100%;
}
p.aboutTop{
	font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    color: #66b366;
    margin:0;
    padding: 10px 0px;
}
hr.blogFeedLine{
	margin: 60px 0px;
}
.aboutBoard .card.card-body{
	padding: 10px 0px;
	border-top:1px solid #66b366;
	border-bottom:1px solid #66b366;
}
.aboutBoard .card p{
	margin: 0;
	padding: 0;
}
.aboutBoard .card a{
	text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
}
.nav-tabs .nav-item{
	width: 50%;
    margin: 0 auto;
    text-align: center;
    font-weight: 800;
}
.nav-tabs .nav-link{
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #5e8ab5;
    color: #FFFFFF;
}
.nav-tabs{
	border: 0;
	padding-bottom: 40px;
}
.nav-link{
	padding: 1.35rem;
	text-decoration: none;
	font-size: 1rem;
	text-transform: uppercase;
}
.nav-tabs .nav-link.active{
	background-color: #FFFFFF;
	color: #5e8ab5;
}
.nav-tabs .triangle{
	border-top: 1.5rem solid #FFF;
    border-right: 1.5rem solid transparent;
    border-left: 1.5rem solid transparent;
    margin: auto;
    position: relative;
    text-align: center;
    transition: all .5s ease;
    width: 0;
    display: none;
}
.nav > li > a:focus, .nav > li > a:hover {
    color: #5e8ab5;
}
.button{
    margin: 30px auto;
    padding: 20px 60px;
    text-align: center;
    background: #5e8ab5;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
}
.ann-rep-download img{
	margin: 0 auto;
    display: block;
}
#staff hr {
    border-top: 1px solid #FFF;
    margin:60px 0px;
}
.button a{
	color: #FFFFFF;
	text-decoration: none;
}
.bottom60{
	margin-bottom: 60px;
}
.clearFloat{
	clear: both;
}
.marginCorrect{
	margin-right: 0;
}
.site-info, .site-footer{
	text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #004464;
    background-color: #d6d6d6;
}
body:not(.theme-preset-active) footer#colophon{
	background-color: #d6d6d6;
}
.footerContent{
	background-color: #004464;
	text-align: center;
	color: #FFFFFF;
}
.socialFooter{
	border-bottom:2px solid #66b366;
	margin-bottom: 20px;
}
.socialFooter img{
	padding: 0px 10px 20px;
}
.boxFooter{
	padding: 5%;
	border-right: .15rem solid #66b366;
	margin:15px 0px;
}
div.boxFooter:last-child{
	border: none;
}
.footerContent p{
	color: #FFFFFF;
	font-size: 1.2rem;
}
.foodCrap p.bold{
	margin-top: 40px;
}
.container-fluid.full-width {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}
.aboutJC img{
	position: absolute;
	bottom: 0;
}
header#masthead{
	background-color: transparent;
	box-shadow: none;
	position: fixed;
    z-index: 10;
    width: 100%;
    height: 115px;
    transition: background-color, ease-in, 1000;
   /* overflow-x: hidden; */
}
.navbar-brand {
    max-width: 150px;
}
.blueSidebar{
	background: url('/wp-content/themes/ChooseDuPage/img/blueSidebarBuilding.jpg');
	background-size: cover;
	background-position: right bottom;
	padding: 3rem;
}
.blueSidebar.flush{
	background: url('/wp-content/themes/ChooseDuPage/img/blueSidebarBuilding.jpg');
	background-size: cover;
	background-position: right bottom;
	padding: 0;
}
.blueSidebar h3{
	color: #004464;
	font-family: helvetica-neue-light,Helvetica,Arial,sans-serif;
}
.blueSidebar p{
	color: #FFF;
}
.blueSidebar hr{
	border: 1px solid #FFF;
}
.blueSidebarFF{
	background: url('/wp-content/themes/ChooseDuPage/img/blueSidebarBuilding.jpg');
	background-size: cover;
	background-position: right bottom;
	background-color: #5e8ab4;
	padding: 3rem;
}
.blueSidebarFF .flush{
	background: url('/wp-content/themes/ChooseDuPage/img/blueSidebarBuilding.jpg');
	background-size: cover;
	background-position: right bottom;
	padding: 0;
}
.blueSidebarFF h2{
	color: #004464;
	font-family: helvetica-neue-light,Helvetica,Arial,sans-serif;
}
.blueSidebarFF h3{
	color: #004464;
	font-family: helvetica-neue-bold,Helvetica,Arial,sans-serif;
	padding-bottom: 0;
	margin-bottom: 0;
}
.blueSidebarFF p{
	color: #FFF;
}
.blueSidebarFF hr{
	border: 1px solid #FFF;
}
.blueSidebarFF .row1{
	border-top: 1px solid #FFFFFF;
	text-align: center;
    padding: 25px 0px 20px 0px;
}
.blueSidebarFF .row1 h1{
	font-family: helvetica-neue-ultra-light-cond, sans-serif;
	font-size: 4.5rem;
	padding: 0;
	margin:0;
	color: #FFFFFF;
}
.blueSidebarFF .row1 p{
	font-family: helvetica-neue-bold,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 1rem;
	padding-bottom: 10px;
	margin:0;
}
.blueSidebarFF .row1.noTopLine{
	border-top: none;
}
.blueSidebarFF .row2 p{
	font-family: helvetica-neue-bold,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: .85rem;
	padding: 0;
	margin:0;
}
.blueSidebarFF .row2 .FF_left{
	border-right:1px solid #FFFFFF;
	width: 49%;
	float: left;
}
.blueSidebarFF .row2 .FF_right{
	width: 49%;
	float: right;
}
.blueSidebarFF .row2{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
    padding: 25px 0px 20px 0px;
}
.blueSidebarFF .row2 h1{
	font-family: helvetica-neue-ultra-light-cond, sans-serif;
	font-size: 2.75rem;
	color: #FFFFFF;
	padding: 0;
	margin:0;
}
.blueSidebarFF .sidebarAddress{
	text-align: center;
	padding: 30px 0px;
	color: #FFF;
}
.blueSidebarFF .sidebarAddress a{
	color: #FFF;
}
.fpSidebar img{
	text-align: center;
	margin: 20px 0px;
	width: 100%;
}
.aboutSide li{
	color: #FFFFFF;
	font-size: 1.25rem;
	padding-bottom: 20px;
}
.imgPadSidebar{
	padding: 3rem 0;
}
.imgFull{
	margin-bottom: 4rem;
	width: 120%;
}
.imgFullnoBottom{
	margin-bottom: 0;
	width: 120%;
}
.imgFull img, .imgFullnoBottom img{
	width: 100%;
}
.noSpaceBottom{
	padding-bottom: 0;
	margin-bottom: 0;
}
.fullSidebarContent{
    padding: 3rem 5rem 3rem 10rem;
}
.margin60{
	margin: 60px 0px;
}
/********Menu************/
.navbar-toggler {
	display: none;
}
#mega-menu-wrap-primary {
    position: absolute;
    right: 0;
    top: 30px;
}
#mega-menu-wrap-primary .mega-menu-toggle{
	background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
	font-size: 48px;
	color: #FFF;
    position: fixed;
    right: 40px;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after{
    font-size: 35px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 100000;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    display: block;
    height: 100vh;
    right: 0;
    position: fixed;
    width: 19.5rem;
    top: 0px;
	padding: 70px 25px;
    background-color: #5e8ab5;
    overflow: auto;
}
#mega-menu-wrap-primary #mega-menu-primary.mega-menu-vertical > li.mega-menu-item > a.mega-menu-link{
	background: transparent;
	text-transform: uppercase;
	font-weight: 700;
    font-size: 1.4rem;
    line-height: 3.25rem;
    border-bottom: 1px solid #FFF;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
	background: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: transparent;
    color: #FFFFFF;
    font-size: 1rem;
    text-transform: uppercase;
    border-bottom: 1px solid #FFFFFF;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link{
	margin-bottom: 30px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
	background: transparent;
	color: #004464;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 7px 10px 7px 10px;
    line-height: 22px;
}
li.mega-toggle-on a{
	color: #CC0000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
	color: #004464;
}
.navLogo{
    display: none;
    position: absolute;
    top: 20px;
    left: 10%;
}
/********Responsive iFrame*********/
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 57.35%;
    width: 101.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/*******UI*********/


/*********Colors************/
.ltBlue{
	color: #5e8ab5;
}
.dkBlue{
	color: #004464;
}
.ltGray{
	color: #a2a4a3;
}
.dkGray{
	color: #58595b;
}
.green{
	color: #66b366;
}
.white{
	color: #FFF;
}
.dkBlueBack{
	background-color: #004464;
}
/***********Tables***************/
.tableStyle{
	margin-bottom: 60px;
}
.tableStyle tr:nth-child(2n+3){
	background-color: #eef2f7;
}
.tableStyle td {
    padding: 6px;
}
.tableStyle tr:first-child {
	color: #a2a4a3;
	font-weight: 700;
}
.tableStyle tr td:first-child{
	color: #5e8ab4;
}
p.tableIntro{
	margin-top: 35px;
}
.tableStyleSidebar{
	margin-bottom: 10px;
}
.tableStyleSidebar td {
    padding: 1rem;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tableStyleSidebar td.sideHeader{
	background-color: #004464;
	border-bottom: none;
}
.tableStyleAccordion{
	margin-bottom: 10px;
	background-color: #FFF;
}
.tableStyleAccordion tr:nth-child(2n+3){
	background-color: #eef2f7;
}
.tableStyleAccordion td {
    padding: 6px;
    color: #58595b;
}
.tableStyleAccordion tr:first-child {
	color: #a2a4a3;
	font-weight: 700;
}
.tableStyleAccordion tr td:first-child{
	color: #5e8ab4;
}
.footnote, .footnote td, .footnote tr{
	background: none !important;
	background-color: none !important;
}
.footnote small{
	color: #58595b;
}
/*********Accordions************/
/*.accordion, .accordion button, .accordion a, .accordion p{
	color: #FFF;
}*/

/*.accordion div.card:nth-child(odd){
	background-color: #5e8ab5;
}
.accordion div.card:nth-child(even){
    background-color: #004464;
}*/
.accordion div.card-header button{
	font-weight: 700;
	font-size: 1.25rem;
	width: 100%;
    text-align: left;
}
.btn-link, .btn-link:hover{
	color: #004464;
}
.btn-link:focus{
	text-decoration: none;
}
.accordion button:hover{
	text-decoration: none;
}
.card{
	border-radius: 0;
	border: 1px solid #004464;
}
.card-header{
	background-color: #FFFFFF;
}
/******Email signup footer*********/
.email-form-container label{
	display: none;
}
.email-form-container input[type="email"]{
    height: 40px;
    width: 70%;
    text-align: left;
    border: none;
}
#email-submit{
	height: 40px;
    background: #5e8ab5;
    border: none;
    color: #FFFFFF;
    text-transform: uppercase;
}
/*********Contact Form************/
.gform_wrapper input[type=text]{    
	background-color: #d7e2ec;
    border: none;
    min-height: 40px;
 }
.gform_wrapper ul.gfield_radio li input[type=radio], .gform_wrapper ul.gfield_checkbox li input[type=checkbox]{
    width: 22px !important;
}
.gform_wrapper input[type=radio],  .gform_wrapper input[type=checkbox]{  
    border: 2px solid #004464;
    border-radius: 3px;
    display: inline-block;
    height: 22px;
    width: 22px !important;
    -webkit-appearance: inherit;
 }
 .gform_wrapper input[type=radio]:checked,  .gform_wrapper input[type=checkbox]:checked{  
	background: url('/wp-content/themes/ChooseDuPage/img/checkbox.png') 50% no-repeat;
    background-size: cover;
 }
 .gform_wrapper .top_label .gfield_label{
	 text-transform: uppercase;
	 color: #5e8ab4;
 }
.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: 3px;
    margin-bottom: 3px;
}
.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] {
    color: #FFFFFF;
}
/******Carousel***********/
.carousel-item ul li a, .carousel-item ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
/********Fonts & Typography*************/
@font-face {
    font-family: helvetica-neue-black;
    src: url("/fonts/helveticaneue-black-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue-bold;
    src: url("/fonts/helveticaneue-bold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue-regular;
    src: url("/fonts/helveticaneue-roman-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue-light;
    src: url("/fonts/helveticaneue-light-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue-thin-cond;
    src: url("/fonts/helveticaneue-thincond-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue-ultra-light-cond;
    src: url("/fonts/helveticaneue-ultraligcond-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}
body {
    color: #000;
    font-family: helvetica-neue-regular, Helvetica, Arial, sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased
}
.allCaps{
	text-transform: uppercase;
}
.bold{
	font-weight: 800;
}
.recentPosts{
		width: 75%;
}
.recentPosts a{
	color: #FFFFFF;
	text-decoration:none;
}
.recentPosts a:hover{
	color: #DDDDDD;
}
.hel-neue-light{
	font-family: helvetica-neue-light,Helvetica,Arial,sans-serif;
}
.hel-neue-black{
	font-family: helvetica-neue-black,sans-serif;
}

h1{
	color: #5e8ab4;
	font-size: 4.35rem;
	line-height: 4rem;
	font-family: helvetica-neue-light,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	    padding-bottom: 2rem;
}
h2{
	color: #004464;
	font-size: 2.125rem;
	font-family: helvetica-neue-bold,sans-serif;
	text-transform: uppercase;
}
h2.tableHeader{
	color: #5e8ab4;
	font-size: 1.6rem;
	font-family: helvetica-neue-bold,sans-serif;
	text-transform: uppercase;
	margin-top: 30px;
}
h3{
	color: #5e8ab4;
	font-size: 1.75rem;
	font-family: helvetica-neue-bold,sans-serif;
	text-transform: uppercase;	
}
h4{	
	color: #5e8ab4;
	font-size: 1.75rem;
	font-family: helvetica-neue-roman,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}
.lowercase{
	text-transform: none;
}
.foodSpecs{
	margin: 30px 0px;
}
.foodSpecs .spec{
	border-left:6px solid #66b366;
}
.foodSpecs .spec h1{
	padding-bottom: 0px;
}
.foodSpecs .spec small{
	text-transform: uppercase;
}
.blogTitle{
	color: #5e8ab4;
    font-size: 1.75rem;
    font-family: helvetica-neue-light,sans-serif;
    text-transform:none;
}
p, a, ul, li{
	color: #58595b;
}
a{
	text-decoration: underline;
}
a.more-tag{
	display: block;
    padding-top: 30px;
    text-decoration: none;
    color: #5e8ab4;
    font-size: 1.2rem;
}
a.more-tag::after{
	content: " →";
}
hr.greenline{
	border-top: 1px solid #66b366;
	padding-bottom: 60px;
}
/******Homepage*******/
.stateBack{
	background: url('/wp-content/themes/ChooseDuPage/img/dupagecounty.png');
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right 20px;
}
.hpInsetCopyBlock{
	padding: 10%;
}
.sliderLogo{
	position: absolute;
    z-index: 1;
    top: 10%;
    left: 10%;
}
.eventsHPBlock{
	background: url('/wp-content/themes/ChooseDuPage/img/banner-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.eventsHP{
	background-color: rgba(0,37,66,.85);
	width: 100%;
	text-align: center;
}
.banners{
	width: 80%;
	margin: 0 auto;
	padding-top: 60px;
	max-width: 900px;
	padding-bottom: 60px;
}
.banners img{
	text-align: center;
	display: block;
	margin: 0 auto;
}
.hpNewsBox{
	background-color: #a2a4a3;
	padding: 20px;
	text-align: left;
	color: #FFFFFF;
	min-height: 100%;
}
.hpNewsBox h3, .hpNewsBox p, .hpNewsBox a{
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
}

/*Interior*/
.muniSlider{
	background: url('/wp-content/themes/ChooseDuPage/template-parts/muniSliderBack.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.carousel-item ul{
	list-style-type: none;
    margin: 20px auto;
    text-align: center;
}
.carousel-item ul li{
    display: inline-block;
    padding: 5px 15px;
    width: 25%;
    background: #004464;
    margin: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.westAccessTags{
	margin: 60px 0px 20px 0px;
}
/******Accordions*******/
.panel-title > button:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > button.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

/********Board Portal**********/
.blogRollIMG{
    padding: 20px 0px;
    max-width: 350px;
}
.homePost{
	padding: 40px 100px;
}
.homeSidebar{
	background: #5e8ab5;
	color: #FFF;
}
.homeSidebar p{
	color: #FFF;
	font-size: 1rem;
	margin: 0;
}
.homeSidebar p.title{
	color: #004464;
}
.homeSidebar h1{
	margin-bottom: 0;
	color: #FFF;
	font-size: 1.5rem;
}
.homeSidebar hr{
    border: 0;
    height: 1px;
    background: #004464;
	margin: 40px 0px;
}
 h1.boxHead{
	margin: 30px 0px 40px 80px;
	color: #004464;
	font-weight: 800;
}
div.homePost:nth-child(even){
	background: #ecf0f3;
}
.homePost h1, h1.entry-title{
	    font-size: 2rem;
    font-weight: 400;
}
.catLinks{
	padding: 20px;
    text-align: center;
    background: #004464;
    color: #FFF;
    text-transform: uppercase;
}
.catLinks a{
	color: #FFF;
	text-decoration: none;
}
.catLinks a:hover{
	color: #DDD;
}



/***MOBILE AND DEVICES***/

@media (min-width: 1600px){

} 

@media (max-width: 1200px){

}

@media (min-width:768px) and  (max-width: 1200px){

}

@media (min-width:992px) and (max-width:1200px) {

}

@media (min-width:768px) and (max-width:1200px) {

}

@media (min-width:575px) and (max-width:768px) {
	.mobileContentPadding{
		padding: 0px 25px;
	}
	.photoFloat{
	margin: 20px 0px;
	float: none;
	}
	.aboutJC{
		display: none;
	}
}

@media (max-width: 575px){
	h1 {
    font-size: 3rem;
    line-height: 3rem;
    padding-bottom: 0;
	}
	h2 {
    font-size: 1.85rem;
	}
	h3 {
    font-size: 1.4rem;
    }
	.mobileContentPadding{
		padding: 0px 25px;
	}
	.fullSidebarContent{
		padding: 0;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    width: 70vw;
	}
	.photoFloat{
	margin: 20px 0px;
	float: none;
	}
		.aboutJC{
		display: none;
	}
}
@media only screen and (max-width: 480px){
	html {
	    font-size: 1rem !important;
	}
}