body,.ui-widget{
    /*font-family:'Helvetica Neue',BauerBodoniPro-Bold','ArialNarrow' */
    font-family: 'Open Sans', sans-serif;
}
.entry-content {
    color: #55565A;
    font-family: 'Open Sans', sans-serif;
}
.row{ margin-right: 0px; margin-left: 0px;}
/*:root{--base_color_1:#0f3557;--base_color_2:#fff;--para_color_2:#4d4d4d;}*/
ul{padding:0;margin:0;list-style:none}
a{font-weight: 500; color: var(--base_color_1);}
a:hover{text-decoration:none}

/*head-row css*/
.head-row{background: var(--base_color_1);}
.head-row .sitelogo{padding: 12px 0 7px;}
.middle-dam{background: url('../images/background01.png');height: 455px; position: relative;}
.middle-dam div{color: var(--base_color_2); text-align: center; position: absolute;top: 50%; transform: translateY(-50%);left:0;
 right: 0;}
.middle-dam div h1{font-size: 82px; font-family: 'BauerBodoniPro-Bold'; margin-bottom: 0;color:#fff;letter-spacing: 2px;}
.middle-dam div p{text-transform: uppercase; font-size: 26px;font-family: 'Open Sans', sans-serif;}
.middle-dam button{text-transform: uppercase; background: transparent; color: var(--base_color_2);padding: 8px 27px;
    border: 2px solid rgb(255, 255, 255); margin-top: 15px; cursor: pointer;font-weight: 500; position: relative;
  transition: all 0.3s;}
.middle-dam button:hover{box-shadow:0px 0px 22px -2px #fff inset;
    border-radius: 5px;}

/*About-dam CSS*/
.site-content{min-height: 380px;}
.about-dam .head-text{padding: 52px 0 35px 0;}
.about-dam h2{font-size: 45px; font-family: 'BauerBodoniPro-Bold'; color: var(--base_color_1);padding: 0 20px;}

/*Card section css*/
.history-section h5{font-size: 24px; font-family: 'BauerBodoniPro-Bold'; margin-bottom: 0;padding: 12px 0;    text-align: center; color: var(--base_color_1)}
.history-section p{font-size: 14px;}
.ques-ans{width: 100%; text-align: center; padding: 52px 0 74px 0;}
.ques-ans button{text-transform: uppercase; background: transparent; color: var(--base_color_1);height: 54px;
width: 300px; border: 2px solid var(--base_color_1); cursor: pointer; font-weight: bold;font-family: 'Open Sans', sans-serif; font-size: 16px;line-height: 1;}
.ques-ans button:hover{background: var(--base_color_1); color: var(--base_color_2); border-radius: 5px;
transition: all 0.2s;}

.current-project-section{padding-left: 0; padding-right: 0;background: #e8e8e8;}
.current-project { background: #e8e8e8;}
.current-project h2{font-size: 2.6rem; font-family: 'BauerBodoniPro-Bold'; color: var(--base_color_1);padding: 50px 0 25px 0;}
.current-project p{color: var(--para_color_2); font-size: 16px; font-family: 'Open Sans', sans-serif;} 
.current-project-section .ques-ans button{ margin: 42px 0; }

/*.public-safety{background: url('../images/background02.png'); background-repeat: no-repeat; background-size: cover;}*/
/*.public-safety div{display: flex;justify-content: space-evenly;max-width: 1500px;margin: 0 auto;padding: 94px 35px;}*/
.public-safety {
    background: url(../images/background02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-attachment: fixed;
}
.public-safety div {
    display: flex; 
    justify-content: space-evenly;
    max-width: 1500px;
    margin: 0 auto;
    padding: 94px 5%;
    text-align: center;
}
.public-safety span{display: inline-block;vertical-align: top;}
.public-safety span h2{color: var(--base_color_2);
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 50px;
    padding: 0;line-height: 62px;}
.public-safety span p{color: var(--base_color_2);font-size: 32px; font-weight: 800; margin-bottom: 0;font-family: 'Open Sans', sans-serif;text-transform: uppercase;}
.public-safety span:nth-child(3) p{margin-bottom: 0;font-size: 22px;font-weight: 400;line-height: 30px;font-family: 'Open Sans', sans-serif;padding: 8px 0;    text-transform: none;}
.public-safety span img{padding-top: 12px;}
#posts-container .doc_cat_main_out{width: 100% }
#posts-container .doc_cat_main_out .doc_cat_out h2{color: var(--base_color_1); padding-top: 10px}
#posts-container .doc_cat_main_out div{padding-bottom: 3px;}
.doc_cat_main_out.doc_nocat_main_out {margin-bottom: 18px;}
.doc_cat_main_out div a span{font-family: 'Open Sans', sans-serif; font-size: 18px; letter-spacing: 1px;}
#accordion .card{background: rgb(249,249,249); margin: 10px 0;}
#accordion .card .card-header button{width: 100%; text-align: left; text-decoration: none;}
#accordion .card{position: relative;}
#accordion .card .card-header .btn-link.collapsed:after{content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    top: 25px;
    background:url('../images/down.png') no-repeat;
    right: 20px;
}
#accordion .card .card-header .btn-link:after{content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    top: 25px;
    background:url('../images/up.png') no-repeat;
    right: 20px;
}
#accordion .card .card-header button:hover{text-decoration: none; color:rgb(0, 123, 255);}

footer{ padding:25px 0 18px 0; background: var(--base_color_1); color: var(--base_color_2);text-align: center;}
footer .container div:last-child{padding-top: 9px;}
footer hr{background-color: rgba(204, 204, 204,0.2);border: 0;height: 1px;margin: 5px;}
footer span{font-size: 14px;font-family: 'Open Sans', sans-serif;line-height: 35px;    margin-top: 7px;text-transform: uppercase;}
div#primary {margin-top: 25px;}
header.page-header.archive-header {padding: 0px;margin-bottom: 30px;text-align: center;}
.doc_cat_out {margin-bottom: 20px;}
.doc_cat_out a {color: #123557;}
.current-project2 {padding-bottom: 20px;}
.doccontainer{width: 100%;margin: 0 auto;max-width: 750px;}
.entry-content a:hover {color: #123557; text-decoration: underline;}
.entry-content a {color: rgb(0,0,0); font-size: 18px;}
.entry-footer {display: none;}
.sitelogo img {max-width: 250px;backface-visibility: hidden;padding-bottom: 1px;}
.sitelogo div div a{}
.sitelogo div div a img{vertical-align: text-bottom;}
.head_link {text-align: right;padding: 12px 30px;font-size: 14px;line-height: 20px;}
.head_link a {color: var(--base_color_1);text-transform: uppercase; text-decoration: underline;    font-family: 'Open Sans', sans-serif;}
ul.head-menu li a {color: #fff; font-size: 14px;text-transform: uppercase; }
ul.head-menu{display: flex;
    justify-content: flex-end;}
ul.head-menu li {padding: 0px 18px;color: #fff;font-family: 'Open Sans', sans-serif;}
.foot-logo img{max-width: 250px;backface-visibility: hidden;}
.foot-logo {margin-bottom: 28px;}
.active-projects-main h5 {font-size: 35px;font-family: 'BauerBodoniPro-Bold';}
.active-projects-main {margin-bottom: 25px;}
.active-projects-main img {height: 110px;}
.head-menu-out
{
    text-align: right; 
}
.mobile-head-button i {
    color: #fff;
}
section.middle-dam{
   /* background-size: 100% 100%!important;*/
}
.public-safety span:nth-child(3) p{
    padding: 3px 0; text-align: left;
}
.ques-ans button {
    padding-top: 7px;
}

.middle-dam {
   height: auto!important;
}
.middle-dam img{
    width: 100%;
}

.sitelogo img {
    max-height: 42px;
}
.addswappingbtn {
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 50px;    
    text-align: center;
}
.addswappingbtn a {
    background: var(--base_color_1); 
    text-transform: uppercase;
    color: var(--base_color_2); 
    height: 60px;
    border: 2px solid var(--base_color_1);
    cursor: pointer;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    padding: 20px 5px;
    text-align: center;
    margin: 15px;
    width: calc(50% - 34px);
}
.addswappingbtn a:hover{
    background: transparent;
    color: var(--base_color_1);
    transition: all 0.2s;
}

@media (min-width: 768px) and (max-width: 1099px){
    .middle-dam div h1 {
        font-size: 72px!important;
    }
    .head-row .sitelogo div a img {    padding: 0!important;}
}
@media (max-width: 768px) {
    .middle-dam div h1 {
        font-size: 24px!important;    
        line-height: 24px!important;
        margin-bottom: 6px!important;
    }
    .middle-dam div p {
        font-size: 14px!important;
    }    
    .head-row .sitelogo div a img {    padding: 0!important;}
    .addswappingbtn a {    width: calc(100% - 34px);}
}