.gmc-process a, .gmc-process p{
	font-weight:bold !important;
}
.gmc-process .project-section{
	width:800px;
}
.gmc-process p{
	margin-bottom:40px !important;
}
.hover-fade{
	transition:background .2s ease;
	text-decoration:none !important;
}
.hover-fade:hover{
	background:#004A6F !important;
	text-decoration:none !important;
}
.meeting2items > div > div{
	display:flex;
	align-items: center;
justify-content: start;
justify-items: start;
align-content: flex-start;
margin-bottom:10px;
}

.section2020 h3{
	color:#0E1E3C !important;
	margin-top:45px !important;
}
.section2020 p{
	text-align:left !important;
	font-size:18px !important;
}
.section2020 a {
	color:#398EFF !important;
}
.section2020 li{
	/* font-weight:600; */
	font-size:18px;
	font-family:'Helvetica';
}
.meeting2items img {
	width:40px;
	margin-left:0 !important;
	margin-right:15px !important;
}
.meeting2items > div > div span{
	font-weight:bold;
	font-size:30px;
	margin-right:15px;
}
.left-align-p p{
	text-align:left !important;
	font-size:18px !important;
}

.meeting2-thumbnails{
	display:flex;
	flex-wrap:wrap;
	}
	.meeting2-thumbnails div{
	flex: 0 50%;
	margin-bottom:16px;
	padding:24px;
	text-align:center;
}
	.meeting2-thumbnails a{
		display:inline-block !important;
	}

.meeting2-thumbnails img{
	width:100%;
	max-width:300px !important;
}
.meeting2-thumbnails small{
	font-weight:bold;
	font-size:18px;
	display:block;
	max-width:300px;
	margin:10px auto 0;
}

nav#menu-dept ul li:hover a, nav#menu-dept ul li a:hover, nav#menu-dept .fa:hover {
	color:white !important
}

.special-section table tbody > tr:nth-child(odd):not(:first-child) td{
	    background: rgba(0,0,0,.1);
}

.special-section ol{
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.special-section ol li{
	font-size: 25px;
font-family: 'Helvetica';
letter-spacing: 0;
color: #0E1E3C !important;
}
#gm-meeting .special-section img{
	width:800px;
	display:block;
	margin:25px auto 40px;
	max-width:98%;
}

.special-section p{
	text-align:left !important;
}

#gm-form-submit{
	background-color:#004A6F;
	transition:background-color .3s ease;
	text-align:center;
}
#gm-meeting small{
	color:#004A6F;
}
#message-area{
	padding:15px;
}
#gm-form .main-inputs input{
	margin-bottom:15px;
	border:solid 1px #666;
	padding:5px;
	width:350px !important;
}
#gm-form textarea{
	width:556px;
	display:block;
}
#gm-form legend{
	display:inline-block;
	width:200px;
}
#gm-form strong{
	width:200px;
	display:inline-block;
}
#gm-form{
	box-shadow: none;
outline: None !important;
border: none !important;
}
.yay{
	color:white;
	background-color:#398EFF !important;
}
.oops{
	color:white;
	background-color:#733724 !important;
}
.processing{
	background-color:#E7EFFF !important;
}

#gm-meeting img{
	max-width:100%;
	max-height:90vh;
}
#gm-meeting h3{
	margin-bottom:15px;
	font-size:23px !important;
	font-weight:600 !important;
}
#gm-meeting h2, h3, h4, h5{
	text-align:center;
	color: #004A6F !important
}
#gm-meeting h4.colorful{
	background:#004A6F;
	color:white !important;
	padding:15px;
	max-width:600px;
	margin: 30px auto 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

nav#menu-dept ul li:hover{
	background-color:#007A8D !important;

}

.img-overlays a{
	position:relative;
	display:block;
}
.img-overlays a span {
	position:absolute;
	top:20px;
	right:25px;
	font-weight:900;
	text-shadow:.5px .5px 1.5px rgba(0,0,0,.5);
	color:white;
	font-family:'Helvetica' !important;
}
.special-section h3{
	color:rgba(0,0,0,.79) !important;
	margin-top:.75rem;
	font-weight:900 !important;
	margin-bottom:2px;
}


@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}




.borderless-table{
	margin:15px auto;
	font-family:'Helvetica';
}
#button{
	margin-top:15px;
	font-weight:700;
}
.footer-image{
	width:100%;
	margin-top:0;
}
body{letter-spacing:0;}
.project-section h1{
	text-align:center;
	font-family:'Helvetica' !important;
		letter-spacing:0;
		margin-top:45px;
		color:#0E1E3C !important;
		font-weight:700;
}

.project-section p{
	font-size:25px;
	text-align:center;
	font-family:'Helvetica';
	letter-spacing:0;
	margin:15px auto 25px;
	color:#0E1E3C !important;
}

.project-section img{
	margin:0 auto;
	display:block;
}

#central-park-form textarea{
	display:block;
}

#central-park-form label{
	margin-top:30px;
}

#central-park-form legend{
	margin-top:30px;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	margin-bottom:5px;
}
#central-park-form fieldset{
	margin-top:30px;
}


img.small-image{
	width:350px;
}
.modal{
	padding-right: 0px !important;
}
.modal img{
	width:100%;
}
div.modal-dialog{
	width:1200px;
	max-width:90vh;
	/* max-height:95vh; */
	margin:0px !important;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) !important;
}
.meeting-table{
	float:right;
	margin-top:15px;
}

.meeting-table td {border:1px solid darkgray;font-weight:bold;padding-left:15px !important;padding-right:15px !important;}
.meeting-table tr td:not(:first-child){
	text-align:center;
}
.meeting-table tr:nth-child(n+3) td:not(:first-child){
	background-color:#B46868;
	color:white;
}
.meeting-table tr:nth-child(n+3) td:nth-child(3){
	background-color:#C02B39;
	color:white;
}


.timeline-table th:first-child{
	background:#B46868;
}
.timeline-table th:last-child{
	background:#365647;

}
.timeline-table th{
	font-size:20px;
	color:white;
}
.timeline-table, .timeline-table th{
	text-align:center;
	padding:15px 0;
}
.timeline-table td{
	background:#C02B39;
	color:white;
	font-size:15px;
	padding:15px;
	vertical-align: top;
}
.timeline-table td:not(:last-child){
	border-right:1px solid white;
}
.timeline-table td > span{
	/* margin-bottom:1px; */
	display:block;
}
.timeline-table{margin:0 auto;}
.strong-p p{
	font-weight:bold;
	margin-bottom:15px;
}

#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%;
}

/*
PROJECT PAGE CUSTOM STYLES
*/

nav#menu-dept,nav#menu-dept ul li{
	background-color:#0E1E3C;
}
h1,h2,h3,a{
	color:#bf4e43 !important;
}
h1{
	font-size:24pt;
}
#bg-burgandy{
	background-color:#bf4e43;
	color:#fff !important;
    height:950px !important;
    font-size:14px !important;
}
.md-font{
	font-size:18pt !important;
}
.para{

}
#r-content{
	padding-top:50px;
	/*background-color:#fff;
    background-image: url("https://roads.charlestoncounty.org/imgs/cctd_logo.png");
	background-repeat:no-repeat;
	background-size:381px 99px;
	background-position:95% 95%;*/
}
#r-content.col-md-8{
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.ftrcountylogo{
	position:relative;
	width:300px;
}
#proj-logo{
	padding-top:100px;
	width:400px;
}
.homebg{
	 background-image: url("images/Project-Scope-Map-2.png");
	  background-repeat:no-repeat;
	  background-size:100% 100%;
	  position:center center;
}
.contactsbg{
	  background-image: url("images/Google Earth Pic.JPG");
	  background-repeat:no-repeat;
	  background-size:100% 100%;
	  position:center center;
}
.statusbg{
      background-image: url("images/status-bg.png");
	  background-repeat:no-repeat;
	  background-size:cover;
	  position:center center;
}
#statuslist li ul li{
	font-size:11pt;
}

.map{
	height:950px;
}
.highlight{
	color:#bf4e43 !important;
}

#headerline {
    height: .75in;
    padding: 0px 0px 0px 0px;

}
.hdrcountylogo{
	display:none;
}
.container{height:auto !important;}
nav#menu-dept ul ul li:nth-child(3) {
    line-height: 15px;
	height:50px !important;
	margin-top:25px;
}
nav#menu-dept ul ul {
	padding-bottom:0px !important;
}
@media screen and (max-width: 1500px) {
.bg-burgandy .container-fluid ol li{
font-size:12px !important;
}

}
@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 900px) {
body{
	font-size:10pt;
}
h1{
	font-size:18pt;
}
.bg-burgandy .container-fluid ol li{
font-size:10px !important;
}
#headerline {
    height: 1.75in;
    padding: 0px 0px 0px 0px;
    text-align:center;
}
.ftrcountylogo{
display:none;
}
img.hdrcountylogo{
	display:block;
}

}
#front-page-table td{
	padding:30px !important;
}
#front-page-table tr:first-child{
	border-bottom:1px solid lightgray;
}
#front-page-table tr:last-child{
	border-top:1px solid lightgray;
}
#front-page-table tr td:first-child{
	border-right:1px solid lightgray;
}
#front-page-table tr td:last-child{
	border-left:1px solid lightgray;
}
#front-page-table td{
	padding:30px 20px !important;
	text-transform:uppercase;
}
#project-page .container{
	width:100%;
	margin:0 !important;
	padding:0 !important;
}
#front-page-table a{
	color:#333 !important;
}

.project-section{
	width:1200px;
	max-width:94%;
	margin:20px auto;
}
.header-img-container{
	position: relative;
 text-align: center;
 color: white;
 font-size:30px;
 text-shadow:1px 1px 4px rgba(0,0,0,.65);
 font-weight:bold;
}
.header-img-container img{
	filter:brightness(85%);
}
.centered-img-header-txt{
	position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size:40px;
font-family:'Helvetica';
font-weight:900;
}
em{
	margin-top:10px;
	    color: rgb(150,150,150);
			display:block;
}
html{font-size:16px;}
body{font-size:16px;}

#project-page video{
	max-height:500px;
	background:black;
}
#project-page h3{
	font-weight:400;
}
hr{
	border-bottom: solid 1px lightgray;
}
nav#menu-dept{
	background:#0E1E3C;
}
#headerline .container-fluid{
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
}
#headerline img{
	display:inline-block;
	float:right;
	/* width:250px !important; */
	margin:0;
		max-height:60px !important;
}
#headerline h1{
	font-size:25px;
	margin:0;
	display:inline-block;
	float:left;
	text-align:left;

}

#gm-meeting .special-section h3{
	color:#004A6F !important;
	margin-top:2.25rem;
	font-weight:900 !important;
	margin-bottom:0px !important;
}