/* Add here all your CSS customizations */

/*	html.sticky-header-negative.sticky-header-active #header .header-logo {
		padding-top: 2;
	}  */


html.boxed {
		background-image: url(../photos/background/bkg-ist-1.jpg);
		background-repeat: no-repeat;
    	background-attachment: fixed;
	}

ol.letters {list-style-type: upper-alpha;}

html .background-color-light2 {
	background-color: #f8fbf4 !important;
}

html .background-color-light3 {
	background-color: #EAF6FC !important;
}


.toggle-content.toggle-custom-text p,toggle-custom-text { 
	color: #000000;
}

.toggle-content.toggle-custom-text { 
	color: #000000;
}

/* White Popup Block */
.white-popup-block {
	background: #FFF;
	padding: 10px 20px;
	text-align: left;
	max-width: 600px;
	margin: 20px auto;
	position: relative;
}

.webapp-meeting-style {
	color:#e9724c;
	background-color:#fff;
}

 /* ==================================================
   For the home page top slideshow
   ================================================== */
.slider-container .main-label {
	color: #FFF;
	font-size: 58px;
	line-height: 76px;
	font-weight: 700;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}


.slider-container .top-label {
	color: #FFF;
	font-size: 28px;
	font-weight: 500;
}


.slider-container .bottom-label {
	color: #FFF;
	font-size: 28px;
	line-height: 44px;
	font-weight: 500;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

 /* ==================================================
   For the home page calendar
   ================================================== */


img.media-object-thumbnail {
	max-width:74px;
	max-height:74px;
	border-radius: 4px;
}

.media-empty-thumbnail {

}

.mapborder {
	border: 1px solid #adadad;
}

 /*html #header .header-top.header-top-primary {
	background: #404448;
	border-top-color: #0077b3;
} */

#header .header-body {
	background: #FFF;
	border-top: 3px solid #EDEDED;
	border-bottom: 1px solid transparent;
	padding: 0 0 8px 0;
	-webkit-transition: min-height 0.3s ease;
	-moz-transition: min-height 0.3s ease;
	transition: min-height 0.3s ease;
	width: 100%;
	z-index: 1001;
	min-height: 125px;
}


.page-header {
	background-color: #171717;
	border-bottom: 5px solid #CCC;
	border-top: 5px solid #384045;
	margin: 0 0 35px 0;
	min-height: 70px;
	padding: 20px 0;
	position: relative;
	text-align: left;
}


.page-header h1 {
	border-bottom: 5px solid #CCC;
	color: #fff;
	display: inline-block;
	font-size: 32px;
	font-weight: 200;
	line-height: 52px;
	margin: 0 0 -25px;
	padding: 0 0 25px;
	position: relative;
}

.page-header-banner3 {
	background-color: #171717;
	border-bottom: 5px solid #CCC;
	border-top: 5px solid #384045;
	margin: 0 0 35px 0;
	min-height: 300px;
	padding: 20px 0;
	position: relative;
	text-align: left;
}

#header .header-top .header-social-icons {
	margin-top: 4px;
}

html .background-color-drkgreen {
	background-color: #165a3b !important;
}

html .background-color-drkblue {
	background-color: #0a183a !important;
}


#header .header-logo img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	margin: 8px 15px 4px 0;
	top: 0;
}

.thumb-info-social-icons 2 {
	border-top: 1px dotted #fff;
	margin: 0;
	padding: 15px 10px;
	display: block;
}

.thumb-info .thumb-info-title {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(23, 23, 23, 0.4);
	bottom: 10%;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	left: 0;
	letter-spacing: -1px;
	padding: 7px 9px 7px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	z-index: 2;
	max-width: 90%;
}



.accent-color-white {
	color:#ffffff;
}

.call-to-action.call-to-action-drkgreen {
	background: #165a3b;
}

.call-to-action.call-to-action-drkgreen h3, .call-to-action.call-to-action-drkgreen p {
	color: #FFF;
}


.call-to-action.call-to-action-drkblue {
	background: #0a183a;
}

.call-to-action.call-to-action-drkblue h3, .call-to-action.call-to-action-drkblue p {
	color: #FFF;
}



html section.section-drkblue {
	background-color: #0a183a !important;
	border-color: #0a183a !important;
}

html section.section-tertiary h1,
html section.section-tertiary h2,
html section.section-tertiary h3,
html section.section-tertiary h4,
html section.section-tertiary h5,
html section.section-tertiary h6 {
	color: #ffffff;
}

html section.section-drkblue p {
	color: #e6e6e6;
}

html section.section-drkblue-scale-2 {
	background-color: #1A3D98 !important;
	border-color: #1c6f73 !important;
}

html section.section-drkblue-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #1A3D98;
}


.accent-bgkcolor-drkgreen {
	background-color: #165a3b;
	
}


.accent-bkgcolor-green {
	background-color: #4f8b0d;
}

.accent-bkgcolor-red {
	background-color: #cf5c36;
}


.accent-color-green {
	color: #4f8b0d;
}

.accent-color-red {
	color: #cf5c36;
}

.accent-color-lightgrn {
	color: #7cb900;
}

.accent-color-lightergrn {
	color: #bcd696;
}

.accent-color-lighterblue {
	color: #56b3e5;
}

.accent-color-new-secondary {
	color: #e9724c;
}


.accent-color-gold {
	color: #e1c142;
}


.home-intro p em {
	color: #3e92cc;
}

#footer .footer-copyright {
	background: #060606;
	border-top: 4px solid #060606;
	margin-top: 20px;
	padding: 20px 0 10px;
}


 /* ==================================================
   For the board officials - inspectors - box to be gray
   ================================================== */


html .featured-box-gray .icon-featured {
	background-color: #777777;
}

html .featured-box-gray h4 {
	color: #777777;
}

html .featured-box-gray .box-content {
	border-top-color: #777777;
}

html .featured-boxes-style-3 .featured-box.featured-box-gray .icon-featured {
	border-color: #777777;
	color: #777777;
}
html .featured-box-effect-3.featured-box-gray .icon-featured:after {
	box-shadow: 0 0 0 10px #777777;
}

html .featured-box-effect-3.featured-box-gray:hover .icon-featured {
	background: #777777 !important;
}
html .feature-box-gray .feature-box-icon {
	background-color: #777777;
}
html .feature-box-gray.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-gray.feature-box-style-3 .feature-box-icon .icons {
	color: #777777;
}


html .featured-box-medgreen .icon-featured {
	background-color: #9aaf43;
}

html .featured-box-medgreen h4 {
	color: #9aaf43;
}

html .featured-box-medgreen .box-content {
	border-top-color: #9aaf43;
}

html .featured-boxes-style-3 .featured-box.featured-box-medgreen .icon-featured {
	border-color: #9aaf43;
	color: #9aaf43;
}
html .featured-box-effect-3.featured-box-medgreen .icon-featured:after {
	box-shadow: 0 0 0 10px #9aaf43;
}

html .featured-box-effect-3.featured-box-medgreen:hover .icon-featured {
	background: #9aaf43 !important;
}
html .feature-box-medgreen .feature-box-icon {
	background-color: #9aaf43;
}
html .feature-box-medgreen.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-medgreen.feature-box-style-3 .feature-box-icon .icons {
	color: #9aaf43;
}


html .featured-box-lgtblue .icon-featured {
	background-color: #45c0fa;
}

html .featured-box-lgtblue h4 {
	color: #45c0fa;
}

html .featured-box-lgtblue .box-content {
	border-top-color: #45c0fa;
}

html .featured-boxes-style-3 .featured-box.featured-box-lgtblue .icon-featured {
	border-color: #45c0fa;
	color: #45c0fa;
}
html .featured-box-effect-3.featured-box-lgtblue .icon-featured:after {
	box-shadow: 0 0 0 10px #45c0fa;
}

html .featured-box-effect-3.featured-box-lgtblue:hover .icon-featured {
	background: #45c0fa !important;
}
html .feature-box-lgtblue .feature-box-icon {
	background-color: #45c0fa;
}
html .feature-box-lgtblue.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-lgtblue.feature-box-style-3 .feature-box-icon .icons {
	color: #45c0fa;
}

html .featured-box-green .icon-featured {
	background-color: #5cb85c;
}

html .featured-box-green h4 {
	color: #5cb85c;
}

html .featured-box-green .box-content {
	border-top-color: #5cb85c;
}

html .featured-boxes-style-3 .featured-box.featured-box-green .icon-featured {
	border-color: #5cb85c;
	color: #5cb85c;
}
html .featured-box-effect-3.featured-box-green .icon-featured:after {
	box-shadow: 0 0 0 10px #5cb85c;
}

html .featured-box-effect-3.featured-box-green:hover .icon-featured {
	background: #5cb85c !important;
}
html .feature-box-green .feature-box-icon {
	background-color: #5cb85c;
}
html .feature-box-green.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-green.feature-box-style-3 .feature-box-icon .icons {
	color: #5cb85c;
}

html .list-green.list-icons li > .fa:first-child,
html .list-green.list-icons li a:first-child > .fa:first-child,
html .list-green.list-icons li > .icons:first-child,
html .list-green.list-icons li a:first-child > .icons:first-child {
	color: #5cb85c;
	border-color: #5cb85c;
}

html .list-green.list-icons.list-icons-style-3 li > .fa:first-child,
html .list-green.list-icons.list-icons-style-3 li a:first-child > .fa:first-child,
html .list-green.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-green.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
	background-color: #5cb85c;
	color: #ffffff;
}

html .list-primary.list-ordened li:before {
	color: #5cb85c;
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
	background-color: #5cb85c;
	color: #ffffff;
}
html .heading-green,
html .lnk-green,
html .text-color-green {
	color: #9aaf45 !important;
}

/* for the minutes overview page - med green and gray button */

html .heading-medgreen,
html .lnk-medgreen,
html .text-color-medgreen {
	color: #9aaf43 !important;
}

html .btn-medgreen {
	color: #9aaf43;
	background-color: #ffffff;
	border-color: #9aaf43 #9aaf43 #9aaf43;
}

html .btn-medgreen:hover {
	border-color: #9aaf43 #9aaf43 #9aaf43;
	background-color: #9aaf43;
	color: #ffffff;
}


html .heading-gray,
html .lnk-gray,
html .text-color-gray {
	color: #777777 !important;
}

html .btn-gray {
	color: #777777;
	background-color: #ffffff;
	border-color: #777777 #777777 #777777;
}

html .btn-gray:hover {
	border-color: #d6d6d6 #d6d6d6 #d6d6d6;
	background-color: #d6d6d6;
}

html .btn-tertiary[disabled],
html .btn-tertiary[disabled]:hover,
html .btn-tertiary[disabled]:active,
html .btn-tertiary[disabled]:focus {
	border-color: #777777;
	background-color: #777777;
}

html .btn-tertiary:hover,
html .btn-tertiary:focus,
html .btn-tertiary:active:hover,
html .btn-tertiary:active:focus {
	color: #ffffff;
}


@media (max-width: 991px) and (min-width: 576px) {
    .isotope-item {
        max-width: 33.3%;
    }
}

@media (max-width: 575px) {
    .isotope-item.col-6 {
        max-width: 50%;
    }
}

/* from Okler 2-24-25 - for keeping the logo right on mobile - when turning phone from portrait to landscape
Before this fix, it was making it taller and overlapping the body area a little.
 */

@media (max-width: 991px) and (orientation : landscape) {
	#header .header-logo img {
		width: 100% !important;
		height: auto !important;
		max-width: 200px !important;
	}
}


@media (max-width: 400px) {
    #header .header-logo img {
        width: 247px !important;
        height: 63px !important;
    }
}