/*================================================================
TITLE: SKIN
AUTHOR:JOSHUA WHITNEY
last updated 11/16/2023 by Josh
=================================================================*/
#modal {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.modalcontent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
		width:800px;
    max-width: 90%;
}
.modalcontent img{
	width:100%;
}
/* a.ctc-logo .yellowbar{
	transition:background-color .2s ease, color .2s ease;
} */
/* a.ctc-logo:hover .yellowbar{
	background-color:#18181c;
	color:white !important;
} */
.under-construction table   tr td, .under-construction table   tr th{
	vertical-align: middle;
}
.yellowbar{
	transition: background .2s ease-in-out;
}
a.ctc-logo:hover .yellowbar{
	background:#18181c;
}
a.ctc-logo{
	position:relative;
}
a.ctc-logo svg{
	margin-top:25px;
	height:200px;
}
a.ctc-logo svg path, a.ctc-logo svg polygon{
	transition:fill .2s ease-in-out;
}
a.ctc-logo:hover svg path, a.ctc-logo:hover svg polygon{
	fill:rgba(255,255,255,.95);
}
/*
CC CUSTOM
ROADS
2017
*/

/*DEFAULTS*/
body{
	font-family: 'Montserrat', sans-serif !important;
	letter-spacing: 1px;
	font-size:11pt;
	}
a{
	text-decoration:none !important;
	color: #dca704 !important;
}
a:hover{
	text-decoration:underline !important;
}

a:hover{
	text-decoration:underline;
}
hr{
	border-top:solid 0px #fff;
    border-left:solid 0px #fff;
    border-right:solid 0px #fff;
    border-bottom:solid 1px #eee;
}
.subhdr{
	font-size:20pt !important;
}
.mobile-clear{
	display:none;
}

/*SCROLLER*/
/*ACCORDION*/
.faqsaccordion{
	width:100%;
	padding:15px;
	border:solid 5px #666;
	margin-bottom:50px;
	color:#666 !important;
}
.faqsaccordion h4{
	cursor:pointer;
	color:#666 !important;
	font-family: 'Montserrat', sans-serif !important;
}
.faqsaccordion:hover{
background-color:#eee;
}

/*ICONS*/
.fahdr{
	padding:10px;
	border-radius:50%;
	background-color:#dca704;
	color:#000000 !important;
	width:50px;
	height:50px
}
h3 i .fa.fahdr {
	font-size:20pt !important;
}
.icon{
	width:25px;
	height:25px;
}

/*BANNER*/
.banner-caption{
	position:relative;bottom:-200px;background-color:#000000;color:#fff;width:100%;height:100px;
	-webkit-transition:bottom 1s; /* For Safari 3.1 to 6.0 */
    transition: bottom 1s;

}
 .thumbnail:hover .banner-caption{
	bottom:75px;
}
.banner-caption p{
	padding:15px;margin-left:15px;
}
.ybtn{
	width:100%;
	background-color:#dca704;
	font-size:20px;
	margin-top:15px;
}
a span.ybtn,a div.ybtn {
	color:#fff !important;
	font-size:15pt;
}
.carousel-caption{
top:5% !important;
}
.carousel-caption h3{
font-size:50pt !important;
}
.carousel-caption p{
font-size:17pt !important;
}

.item img{
	height:5in !important;
	width:100%;

}
.thumbnail {
    width: 25%;
    float:left;
    height: 3in;
    opacity:.5;
    border:0px;
	padding:0px;
	border-radius:0px;
	overflow:hidden;
}
.thumbnail img {
	width:100%;
	height:3in;
}
 .thumbnail:hover{
	opacity:1;
	cursor:pointer;
}
.thumbnail.active{
	opacity:1 !important;
}


/*TABLE*/
td {
    padding: 10px !important;
}

/*SLICK CAROUSEL*/
.slide {
	width:22%;
	height:4.5in !important;
	margin-right:1.5%;
	background-color:#fff;
	color:#000000;
	overflow:none;
	/*border-top:solid 5px #dca704;
	border-radius:5px;
	box-shadow:0px 2px 5px #000000;*/
	float:left;
	margin-top:25px;
}
.slide h3 {
	color:#000 !important;
	font-family: 'Montserrat', sans-serif !important;
}
.slick-dots{
	display:none !important;
}
.slick-prev {
	position:absolute;
	top:470px;
	left:45%;
}
.slick-next{
	position:absolute;
	top:470px;
	right:45%;
}
.slick-next:hover,.slick-prev:hover{
	opacity:.5;
}
.slick-next,.slick-prev{
	background:transparent;
	border:none !important;
	color:#dca704;
	font-size:35pt;
	cursor:pointer;
}

/*PUBLIC OUTREACH*/
#outreachtitle{
	font-size:12pt;
}

/*VALIDATION*/
.error{
	color:red !important;
}
/*ALERT BOX*/
.alertbox{
	background-color:#f2dede;
	color:#a94442;
	height:50px;

}
#closealert{
	cursor:pointer;
}
.yellowbar{
	background-color:#dca704;color:#fff;height:4in;padding-top:50px;padding-bottom:25px;
}

/*MISC BOXES*/
.roadsVideo{
	width:100%
}
.roadsVideo video{
	width:70%;
}
#bodywrapper{
	background-color:#fff;
}
.container60{
	width:60%;
	margin-left:20%;
	margin-right:20%;
}
#featuredProjects{
	position:relative;
	padding:50px 0px 50px 0px;
	background-color:#ccc;
	height:7.5in;
	background-position: center center;
	background-image: url('../imgs/featured-projects.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align:center;
}
#featuredProjects.new:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	display:block;
	content:"";
	background:rgba(0,0,0,.25);
}
#pressrelease li {
	list-style: none;
	padding-left:0px;
}
.hdr-hr{
	clear:both;height:100px;border-top:solid 5px #dca704;width:200px;margin-top:50px;margin-left:auto;margin-right:auto;
}
#awardsInfo strong{
	float:left;
	font-size:25pt;
	width:10%;
	padding-top:0px;
	margin-top:0px !important;

}
#awardsInfo p{
	float:right;
	width:70%;
	padding-top:0px;
	margin-top:-18px !important;
	font-family: 'Montserrat', sans-serif !important;
}

/*BUTTONS*/
a div .rbtn,.rbtn{
   background-color:#000000;
   color:#fff;
   padding:15px;
   text-align:center;
   width:225px;
   margin-top:15px;
   border-radius:3px;
}
a div .rbtn:hover,.rbtn:hover{
	background-color:#2f2f33;
	color: #dca704 !important;
}
a .smbtn{
   background-color:#000000;
   color:#fff;
   padding:8px;
   text-align:center;
   width:98%;
   Font-size:10pt;
   margin-top:25px;
   margin-right:1%;
   margin-left:1%;
   border-radius:3px;
   text-decoration:none !important;
}
a .smbtn:hover{
	background-color:#2f2f33;
	color: #dca704 !important;
}

/*FOOTER*/
footer{
	background-color:#18181c;
	color:#fff;
	padding:40px 0px 40px 0px;
	font-size:10pt;
}
footer a:hover{
	text-decoration:underline !important;
}
.responive_right{
	text-align:right;
}
footer h3 {
	font-size:15pt !important;
	font-family: 'Montserrat', sans-serif !important;
}
	.aright{
	text-align:right !important;
	}
	.left{
	text-align:left !important;
	}
	.center{
		text-align:center;
	}

/*TYPE*/
.serif{
	font-family: 'Lora', serif;
	color:#666;
}
h1, h2, h3, h4, h5, h6 {
    color: #000!important;
    font-weight:bold;
    font-family: 'Montserrat', sans-serif !important;
}
h3{
	font-size:25pt !important;
	font-family: 'Montserrat', sans-serif !important;
}
.featuredProjects h3{
	font-size:25pt !important;
	font-family: 'Montserrat', sans-serif !important;
}
.tadate{
	width:20%;
	float:left;
}
footer h3{
	color:#fff !important;
	font-weight:bolder;
	font-family: 'Montserrat', sans-serif;
}
#subpage h3{
	text-align:center;
	font-family: 'Montserrat', sans-serif !important;
}

/*HEADER*/
#headerline{
	background-color:#fff;
	height:1.5in;
	width:100%;
	padding:20px 0px 0px 0px;
	text-align:center !important;
}
#headerline img{
	/* width:400px ; */
	margin-top:10px;
	max-height:80px;
}
#it-btn{
	float:right;
	width:100px;
	margin-top:20px;
}
.affix{
	width:100%;
	top:-10px !important;
}

/*PROJECTS*/
.news-wrapper {
   left: 0px;
    top: 0;
    float:LEFT;
    background: #444444;
    border: 0px solid #FFFFFF;
    -moz-box-shadow: 0px 0px 0px 0px #333333;
    -webkit-box-shadow: 0px 0px 0px 0px #333333;
    box-shadow: 0 0px 0px 0px #333333;
    height: 4in;
    margin-bottom:0px;
    margin-top: 0px;
    padding: 10px;
    width: 100%;
}
.news-wrapper .news-contents-wrapper {
    width: 90%;
    margin: auto;
    border-right: 0px dashed #6a6a6a;
    border-left: 0px dashed #6a6a6a;
    height: 3.75in;
}
.news-wrapper .news-contents {
    position: relative;
    z-index: 998;
    height: 100%;
}

/*BUTTONS*/
.btn-blue{text-align:center;color:#fff !IMPORTANT;line-height:25px;background-color:#1b3564;height:25px;padding:5px;box-shadow:0px 1px 1px #666;border-radius:5px;cursor:pointer;margin-left:0px;width:100%;}
.btn-blue:hover{box-shadow:0px 0px 0px #666;}
.btn-up{
	border-radius:50%;
	text-align:center;
	background-color:#666;
	color:#fff;
	position:fixed;
	right:200px;
	bottom:50px;
	width:50px;
	height:50px;
	font-size:30pt;
	line-height:50px;
	display:none;
}
.btn-down{
	border-radius:50%;
	text-align:center;
	background-color:#666;
	color:#fff;
	width:50px;
	height:50px;
	font-size:20pt;
	line-height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

/*SPACING*/
.margin-10{
		margin-top:10px;
}

.margin-25{
		margin-top:25px;
}
/*FORM
input[type=text]{
	width:200px;
	float:right;
}
*/

/*MENU ADJUSTMENTS*/
nav#menu-dept {z-index:99;background:#18181c;line-height:60px;height:65px;-moz-box-shadow: 0px 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px 0px;-ms-box-shadow: 0px 0px 2px 1px;-o-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px #000000;margin-top:10px;}
nav#menu-dept ul li {background:#18181c;border-radius:0px;box-shadow:0 0 0 0;font-size:13px;transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out;text-transform:uppercase;}
nav#menu-dept ul li a {font-weight:bold;padding-bottom:5px;padding-left:20px;padding-right:20px;text-transform: uppercase;letter-spacing:.8px;font-size:10pt;color:#fff !important;text-decoration:none;}
nav#menu-dept ul li a:hover,nav#menu-dept .fa:hover {color:#dca704 !important;opacity:1!important;text-decoration:none !important;}
nav#menu-dept ul li:hover {background: #2f2f33;}
nav#menu-dept ul ul {color:#666;padding: 10px 20px 0px 30px !important;-moz-box-shadow: 0px 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px 0px;-ms-box-shadow: 0px 0px 0px 0px;-o-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px;-webkit-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;background: #2f2f33;border: 0px;}
nav#menu-dept ul ul li{
	height:autopx;line-height:20px;
}
nav#menu-dept ul ul li a {color:#fff !important;font-size:13px;padding-left:0px;text-align:left;}
nav#menu-dept ul ul li a:hover {color:#dca704 !important;text-decoration:none !important;}
#headerm {background:#666;box-shadow:0px 0px 0px 0px;}
.inset:hover{box-shadow:inset 0px 0px 0px rgba(0,0,0,0)!important;}
.sub{
	background:transparent;
}
.affix{
	position:fixed !important;
	top:0px;
	left:0px;
}
.navicon{
	font-size:20pt !important;
	color:#fff;
}

/*BOXES*/
.burgandy-sm-box{
    background-color: #bf4e43;
    color: #fff !important;
    height:auto;
	padding:10px;
	text-align:center;
    font-size: 18px !important;
	width:100%;
}

/*FORMS*/
input[type=text]{
	background-color:#fff;
	border:solid 2px #666;
}
.submit{
	background-color:#000000;
	color:#fff;
	border:solid 0px #fff;
	padding:10px;
	border-radius:5px;
}
#presentations{
	color:#000000;
}
#presentations a{
	color:#000000;
}


.slide{
	height:4.2in !important;
}
#meetings .slide{
	float:none;
	margin-top:0 !important;
	/* width:auto; */
	flex-basis:33%;
	margin-right:0;
	height: auto !important;
  flex-grow:1;
}
#meetings .slide:not(:last-child){
	margin-right:15px;
}
#meetings .slide h3{
	margin-top:0 !important;
	/* white-space: pre; */
}
#meetings .slide .container-fluid{
	padding:15px;
	padding-bottom:20px !important;
}
.new-flex-cards{
	display:flex;
	justify-content:center;
}
#meetings .slide *{
	font-size:15px !important;
}
#meetings .slide hr{
	margin:10px 0 !important;
}
#meetings .meeting-date{
	white-space: pre;
}
#meetings .slide p{
	margin-bottom:0 !important;
}
#meetings .meeting-type{
	/* font-weight:400; */
}
#meetings .slide h3:not(.meeting-type){
	margin-top:15px !important;
	font-size:18px !important;
	margin-bottom: 15px !important;
}

/*----------TOOL TIP----------*/

.fp-tooltip {
	width: 100%;
	position: relative;
	margin-top: 2.25rem;
	display: block;
	font-size: 10px !important;
	border-bottom: 1px dotted black;
	z-index: 100;
}

.fp-tooltip .tooltiptext {
	width: 150px;
	visibility: hidden;
	background-color: #555;
	font-size: smaller;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	bottom: 125%;
	left: 50%;
	margin-left: -74px;
	opacity: 0;
	transition: opacity 0.3s;
}

.fp-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.fp-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	z-index: 100;
}

/*----------ALERT----------*/

@media screen and (max-width: 800px) {
	.alertrow {top: 40px; transition: all 0.25s ease-in-out;}
	
	.mm-opened .alertrow {top: -200px; transition: all 0.15s ease-in-out;}
}