/* =====================================================
   EQC Custom Layout Classes
   ====================================================*/

.columneqc {
    float: left;
    width: 50%;
    padding: 0 5px 10px 5px;
    box-sizing: border-box;
}

.RowOne_Grid3_Pane, .RowSeven_Grid3_Pane, .RowSeventeen_Grid3_Pane,
.RowNine_Grid3_Pane2, .RowNine_Grid3_Pane3, .RowNine_Grid3_Pane4,
.RownNine_Grid3_Pane1 { float:left; width:25%; box-sizing:border-box; padding:0 10px; }

.RowOne_Grid9_Pane, .RowSeven_Grid9_Pane, .RowSeventeen_Grid9_Pane { float:left; width:75%; box-sizing:border-box; padding:0 10px 0 25px; }

.RowFour_Grid6_Pane1, .RowFour_Grid6_Pane2, .RowFourteen_Grid6_Pane1,
.RowFourteen_Grid6_Pane2, .RowEleven_Grid3_Pane { float:left; width:50%; box-sizing:border-box; padding:0 10px; }

.RowEleven_Grid9_Pane { float:left; width:50%; box-sizing:border-box; padding:0 10px; }

.dnn_layout, .content_mid { *zoom:1; }
.dnn_layout:after, .content_mid:after { content:""; display:table; clear:both; }

@media (max-width: 767px) {
    .columneqc,
    [class*="Row"],[class*="Pane"] { float:none; width:100%; }
}

/* =====================================================
   Bootstrap 2 Thumbnail Grid
   ====================================================*/
ul.thumbnails { list-style:none; margin:0; padding:0; overflow:hidden; }
ul.thumbnails > li { float:left; margin-bottom:20px; margin-left:20px; box-sizing:border-box; }
ul.thumbnails > li:first-child { margin-left:0; }
ul.thumbnails > li.span3 { width:23.4%; }
ul.thumbnails > li.span4 { width:31.91%; }
ul.thumbnails > li.span6 { width:48.93%; }
.thumbnail { display:block; padding:4px; border:1px solid #ddd; border-radius:4px; }
.thumbnail img { display:block; max-width:100%; }
.thumbnail:hover { border-color:#08c; }

@media (max-width: 767px) {
    ul.thumbnails > li,
    ul.thumbnails > li[class*="span"] { float:none; width:100%; margin-left:0; }
}

/* =====================================================
   Mobile menu visibility
   ====================================================*/
.hidden-phone { display:block !important; }
@media (min-width: 768px) {
    .navigation_mobile.visible-phone,
    .wrapper > div.visible-phone { display:none !important; }
}
.navigation_mobile { display:block; }
#mobile_menu { display:none !important; }
html.navigation_is-visible .navigation_mobile { visibility:visible !important; display:block !important; }
html.navigation_is-visible #mobile_menu { display:block !important; }
@media (max-width: 767px) {
    .visible-phone { display:block !important; }
    .hidden-phone { display:none !important; }
}
#search, .searchBox, .searchBox2, #search2 { display:none !important; }
.navigation_mobile .Login, .navigation_mobile .sep { display:none !important; }

/* =====================================================
   Header layout
   ====================================================*/
.LogoMenuBox .head_mid { display:flex; align-items:center; justify-content:space-between; }
.dnn_logo { flex-shrink:0; }
.Head_right { margin-top:0 !important; flex:1; display:flex; justify-content:flex-end; align-items:center; }
.header_top { font-family:'Istok Web',sans-serif !important; font-size:12px; }
#header1 header { margin-bottom:0; padding-bottom:0; }
.LogoMenuBox { padding:10px 0 !important; }
#roll_nav, .breadcrumbBox, .breadcrumb { font-family:'Istok Web',sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-family:'Istok Web',sans-serif; }

/* =====================================================
   Slideshow
   ====================================================*/
.ModDNNGoDNNGalleryC { display:block; padding-left:0; text-align:right; }
.Theme_08_Default { position:relative !important; width:100% !important; display:inline-block; }

/* =====================================================
   Experience page profile image
   ====================================================*/
.our_team .team_img img, .our_team2 .team_img img { max-width:100% !important; height:auto !important; }
.our_team2 .team_list { max-width:100% !important; margin-right:20px !important; }

/* =====================================================
   Project detail pages
   ====================================================*/
.project-detail { max-width:960px; margin:0 auto; }
.project-nav { margin:10px 0 20px; font-size:14px; }
.project-nav a { margin-right:15px; color:#555; text-decoration:none; }
.project-nav a:hover { text-decoration:underline; }
.project-gallery { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.gallery-item { width:calc(20% - 7px); overflow:hidden; }
.gallery-item img { width:100%; height:120px; object-fit:cover; display:block; cursor:pointer; }
.gallery-item img:hover { opacity:0.85; }
.project-detail .breadcrumbBox { overflow:hidden; width:100%; display:block; }
.project-detail .breadcrumbBox h3 { float:none; }
.project-detail h2.news_title { clear:both; display:block; }
@media (max-width: 767px) { .gallery-item { width:calc(33.33% - 6px); } }

/* =====================================================
   Hide grey bar panes
   ====================================================*/
#dnn_TopOutPaneB, #dnn_TopOutPaneC { display:none !important; }

/* =====================================================
   Overflow fix
   ====================================================*/
#dnn_wrapper { overflow:visible !important; }
.wrapper { height:auto !important; overflow:visible !important; }

/* =====================================================
   Mobile hamburger icon
   ====================================================*/
.switchOpen {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Suppress switchOpen ::before tofu character */
.switchOpen::before,
.switchOpen:before {
    content: "" !important;
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Mobile menu top padding */
#mobile_menu {
    padding-top: 25px;
}

/* Space above Our Mission section on Home page */
#dnn_TopOutPaneG {
    padding-top: 50px;
}

/* Footer font fix */
footer, .Footer_Bottombg, .copyright_style, .footer,
footer a, footer span {
    font-family: 'Istok Web', sans-serif !important;
}

/* Contact info bar on home page */
.ContactInfo_list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Istok Web', sans-serif;
    font-size: 14px;
    color: #555;
}
.ContactInfo_list a {
    color: #555;
    text-decoration: none;
}
.ContactInfo_list a:hover {
    text-decoration: underline;
}

/* Body text spacing */
p {
    line-height: 1.7;
    margin-bottom: 14px;
}
.Normal p, .DNNModuleContent p, .post_content p {
    line-height: 1.7;
    margin-bottom: 14px;
}




/* Hide TransBanner internal caption - using external div instead */
.Theme_08_Default [style*="position: absolute; bottom:"],
.Theme_08_Default [style*="position: absolute; bottom: 0"] {
    display: none !important;
}