@media (min-width: 1200px) {
    .sppb-row-container {
        max-width: 1290px;
    }
}
html{
  scroll-padding-top:4rem;
}
.no-padding-sp-main-body .sp-module.breadcrumb{margin-bottom:0;}
.no-padding-sp-main-body #sp-main-body{padding-top:0;}
.no-padding-sp-main-body #sp-main-body .article-can-edit{margin:0;}
.nodate .article-details .article-info{display:none;}
.wf_caption img{margin-bottom:8px !important;}
.wf_caption span{font-size:12px;line-height:1.2em;}

.blog.newscat .fields-container{
  background: #CDEDF6;
  padding: 15px 10px 3px;
}

/** MENU STYLING **/
.sp-megamenu-parent .sp-menu-item.sp-has-child a.living,
.sp-megamenu-parent .sp-menu-item.sp-has-child a.business,
.sp-megamenu-parent .sp-menu-item.sp-has-child a.visit,
.sp-megamenu-parent .sp-menu-item.sp-has-child a.govern{
  position:relative;
}
.sp-megamenu-parent .sp-menu-item.sp-has-child a.living:before,
.sp-megamenu-parent .sp-menu-item.sp-has-child a.business:before,
.sp-megamenu-parent .sp-menu-item.sp-has-child a.visit:before,
.sp-megamenu-parent .sp-menu-item.sp-has-child a.govern:before{
		content: '';
		width: 0;
		height: 5px;
		background-color: #00205b;
		position: absolute;
		top: 94%;
		left: 0;
}
.sp-megamenu-parent .sp-menu-item.sp-has-child:hover a.living:before,
.sp-megamenu-parent .sp-menu-item.sp-has-child:hover a.business:before,
.sp-megamenu-parent .sp-menu-item.sp-has-child:hover a.visit:before,
.sp-megamenu-parent .sp-menu-item.sp-has-child:hover a.govern:before{
	width: 50%;
	transform: translatex(100%);
	transition: .5s;
}
.sp-megamenu-parent .sp-mega-group > li > a{position:relative;}
.sp-megamenu-parent .sp-mega-group > li > a::before {
  content: "";
  position: absolute;
  background: rgba(0, 32, 91,0.05);
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  transition: width 0.3s ease-in-out;
}
.sp-megamenu-parent .sp-mega-group li a{
  transition: all 0.3s ease;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover,
.sp-megamenu-parent .sp-mega-group > li > a[aria-current="page"] {
  padding:10px 0 10px 20px;
  border-left:4px solid #00205b;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover::before,
.sp-megamenu-parent .sp-mega-group > li > a[aria-current="page"]::before
{width:100%;}

.offcanvas-menu .offcanvas-inner ul.menu li.active > a{
  font-weight:bold;
  font-size:1.1em;
}
.offcanvas-menu .offcanvas-inner ul.menu li{
  padding:5px 0;
}
/** END OF MENU STYLING **/

/** EDOCMAN CATEGORY VIEW **/
.table-document thead {
    background: #76226d !important;
}
.table-document tbody tr td.edocman-document-icon-td,
.table-document td{
  padding:10px !important;
}
.table-document .edocman-document-title-td-header .edocman-table-action-btn{
  background:transparent !important;
  color:#185a97;
  font-size:20px;
  padding:0;
}
.table-document .edocman-document-title-td-header .edocman-table-action-btn:hover{
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important;
}
.table-document .edocman-table-download-col .edocman-table-action-btn{
  background:#185a97 !important;
}
.edocman_download_label {
    color: #ffffff;
    font-size: 18px;
}
.mod_edocman_document-list .document{
    background: transparent;
    border-radius: 0px;
    border: 0px solid transparent;
    align-items: center;
    padding:5px;
}
.mod_edocman_document-list .document .document-icon {padding-top:0;}
.mod_edocman_document-list .document .document-icon svg{vertical-align:top;}

/** Jevents **/
#jevents_body .jev_toprow div.previousmonth a,
#jevents_body .jev_toprow div.nextmonth a{
    font-size: 16px;
}
#jevents_body div.previousmonth:hover a, #jevents_body div.nextmonth:hover a{
  color:#fff!important;
}
#jevents_body .jev_toprow div.currentmonth{
  font-size:20px;
  color:#00205b !important;
}

.com-jevents.view-search #jevents_body table.ev_table td.ev_td_right ul{
  padding:0;
  margin:0;
}
.com-jevents.view-search #jevents_body table.ev_table {
  border-width:0 !important;
}
.com-jevents.view-search table.ev_table tbody{
  display:flex;
  flex-wrap:wrap;
}
.com-jevents.view-search table.ev_table tbody tr:first-of-type{display:none;}

.com-jevents.view-search table.ev_table tbody tr .ev_td_left{display:none;}
.com-jevents.view-search table.ev_table tbody tr .ev_td_right .ev_ul{
  display:flex;
  flex-wrap:wrap;
}
.com-jevents.view-search #jevents_body table.ev_table tbody tr .ev_td_right,
.com-jevents.view-search #jevents_body table.ev_table tbody tr td.ev_td_right li{
border-width:0 !important;
}
.com-jevents.view-search table.ev_table tbody tr .ev_td_right .ev_ul .ev_td_li{
  width:285px;
}
.com-jevents.view-search table.ev_table tbody tr .ev_td_right .rl-event{
  border:1px solid #185a97;
  border-radius:20px;
}
.com-jevents.view-search table.ev_table tbody tr .ev_td_right .rl-event .rl-event-img img{
  height:180px;
  width:100%;
  object-fit:cover;
  border-radius:20px 20px 0 0;
}
.com-jevents.view-search table.ev_table tbody tr .ev_td_right .rl-event-desc{padding:10px;}
.com-jevents.view-search table.ev_table tbody tr .ev_td_right .rl-event-desc .rl-event-title{
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}
/** END Jevents **/

/** PUBLIC NOTICES **/
.pnotices .fields-container{
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:5px;
}
.pnotices .fields-container .field-label,
.pnotices .fields-container .field-prefix{
  font-weight:bold;
}
.pnotices .article-info{margin-bottom:6px;}
/** END PUBLIC NOTICES **/

#sp-top-bar {
    background: #ffffff;
    
}
#sp-top-bar a {
    color: #333333;
    font-size:14px;
}
#sp-top-bar a:hover{text-decoration:underline;}
#sp-top-bar a .pe-2{padding-right: .25rem !important;}
#sp-top-bar .menu.nav li{margin:2px 10px;}
#sp-header {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
#sp-main-body {
    padding: 30px 0;
}
#sp-main-body ul li{
  margin-bottom:10px;
}
#sp-main-body a:hover{text-decoration:underline;}

.white-popup-block {
height:auto !important;
  padding:40px !important;
}
.access-modal p{font-size:14px;}

.carousel-track h4{margin:0;}
.carousel-track .list-unstyled{margin:0;}
.carousel-track .list-unstyled dd{margin:0;}
.cip-image .addon-root-image,
.cip-image .addon-root-accordion{width:100%;}

/** Jevent **/
div.jevdaydata div.jev_daynum a.addjevent{display:none;}

/** Same Height Columns**/

.col-height-div .sppb-addon-wrapper:first-of-type{height:100%;}
.col-height-div .sppb-addon-wrapper .sppb-addon-wrapper{height:auto;}
.col-height-div .sppb-addon-wrapper:first-of-type .sppb-div-addon:first-of-type{height:100%;} 
.col-height-div .sppb-addon-wrapper .addon-root-image{width:100%;}

/** Pagination on streets **/
#resultsContainer .table th,
#resultsContainer .table td{font-size:14px;}
.pagination button {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin-left: -1px;
    line-height: 1.25;
    font-size:12px;
    color: #185A98;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination button.active {
    font-weight: bold;
}
.pagination button:disabled{
  color:#ccc;
}

/** BREADCRUMBS **/
#sp-title .sp-column{
  display: flex;
  flex-direction: column;
}
#sp-title .sp-column .sp-module.breadcrumb{
  order:2;
  margin:0;
}
#sp-title .sp-column .sp-page-title{order:1;}
#sp-title .sp-column .sp-module.breadcrumb .mod-breadcrumbs{
  border-radius:0;
  padding:0 !important;
  margin:0!important;
}


.sppb-column.height100 * {height:100%;}
.sppb-column.height100 .sppb-img-responsive {
  object-fit:cover;
}
/** MENU **/
#sp-menu{padding:0;}
.sp-megamenu-parent>li.menu-justify{padding:0 26px;}
.sp-megamenu-parent>li.menu-justify:last-of-type{
    padding: 0px 0px 0px 15px;
}{
  padding-right:0;
}
.sp-megamenu-parent li a, 
.sp-megamenu-parent li span{
  text-transform:uppercase;
  line-height:1.1em;
  text-align:center;
  padding:20px 0;
}
.sp-megamenu-parent>li:last-child>a {
    padding: 20px 0px 20px 15px;
}
.sp-megamenu-parent .sp-mega-group>li>a, 
.sp-megamenu-parent .sp-mega-group>li>span{
    padding:10px 0 10px;
}

.sp-megamenu-parent li .living{
  width: 100px;
}
.sp-megamenu-parent li .business{
  width: 120px;
}
.sp-megamenu-parent li .visit{
  width: 154px;
}
.sp-megamenu-parent li .govern{
  width: 150px;
}
/*remove down arrow from menu*/
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  content:"";
  margin:0;
}
.sp-megamenu-parent .sp-mega-group>li>a,
.sp-megamenu-parent .sp-mega-group-child>li>a{
  text-transform:capitalize;
  text-align:left;
  font-size:17px !important;
  margin:0;
  font-weight:600 !important;
}
.sp-megamenu-parent .sp-mega-group>li>a:hover{
  /*text-decoration:underline;*/
}
.sp-megamenu-parent .sp-mega-group>li{
  margin:0;
  border-bottom:1px solid #CCC;
}
.sp-megamenu-parent .sp-mega-group>li:last-of-type{
  border-width:0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
    border-radius: 0 0 20px 20px;
    background:#f6f7f7;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .item-698{
  margin:0;
  padding:0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .item-698 .sp-mega-group-child li:first-of-type{
    border-bottom: 1px solid #CCC;
    padding-bottom: 6px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .item-698 .sp-mega-group-child li:last-of-type{
    
    padding: 6px 0;
}
.sp-megamenu-parent .sp-dropdown .sp-mega-group-child li.sp-menu-item>a{
  padding:0;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
   .sp-megamenu-parent>li.menu-justify{padding:0 8px;}
}

/** HEADER IMAGE **/
.sp-page-title{
  height:350px;
  background-size:cover; 
  background-position:center;
  padding:0;
  display: flex;
  align-items: flex-end;
}
.sp-page-title .container{display:none;}
/**remove title over image 
.img-bottom .sp-page-title{
  background-position:bottom;
}
.img-top .sp-page-title{
  background-position:top;
}
.sp-page-title .sp-page-title-heading {
    font-size: 60px;
    text-shadow: 2px 2px 2px #000000;
}
**/

/** BUILDING PERMIT BY CHATGPT **/
.permit-container {
    max-width: 720px;
    margin: auto;
    background: #f5f7fa;
    background:RGBA(27, 87, 50, 0.05);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.permit-container h1 {
    font-size: 1.4rem;
    margin-top: 0;
}
.permit-container .progress {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 10px;
    padding: 5px 10px;
    height: 35px;
}
.permit-container .question {
    display: none;
    margin-top: 20px;
}
.permit-container button {
    width: 100%;
    padding: 14px;
    margin-top: 10px;
    font-size: 1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.permit-container button.primary {
    background: #1b5732;
    color: white;
}
.permit-container button.secondary {
    background: #3f76b4;
    color: white;
}
.permit-container button:focus {
    outline: 3px solid #ffbf47;
    outline-offset: 2px;
}
.permit-container .result {
    display: none;
    margin-top: 20px;
    padding: 16px;
    border-radius: 6px;
    font-weight: bold;
}
.permit-container .no{ background: #fff; color: #e31005; }
.permit-container .yes,
.permit-container #permit{ background: #fff; color: #00a825; }
.permit-container .peng,
.permit-container #pent,
.permit-container .result{ background: #fff; color: #252525; }
.permit-container .result .maybe{color:#FFA500;}
.permit-container .summary {
    margin-top: 15px;
    font-weight: normal;
    font-size: 0.95rem;
    background: #fff;
    color: #252525;
}
.permit-container .summary ul {
    padding-left: 20px;
}
.permit-container .reset {
    margin-top: 20px;
    background: #333;
    color: white;
}
.permit-container .result .key{
  font-size:0.8em;
  font-weight:300;
}

/** NEWS Section **/
.blog.newscat .blog-item{
    margin: 20px 0;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 20px;
}
.blog.newscat .blog-item h2 a{
  color:#185a97;
}
.blog.newscat .blog-item h2 a:hover{
  color:#00205b;
}
.blog.newscat .blog-item:last-of-type{border-bottom-width:0;}
.blog.newscat .article-header h2{
  font-size:24px;
}
.blog.newscat .readmore{
    padding: 8px 16px;
    border: 2px solid #185a97;
    background: #185a97;
    display: inline-block;
    margin-top: 16px;
    border-radius: 30px;
    font-size:16px;
}
.blog.newscat .readmore a{
  color:#fff;
}
.blog.newscat .readmore:hover{
  background:transparent;
}
.blog.newscat .readmore:hover a
{
  color:#185a97;
}
.blog.newscat .article-info time{
    margin-top: 10px;
    font-style: italic;
    color: #575757;
}
.blog.newscat .article-info time:before{
  content: "Published on - ";
}

/** Films and Settlements**/
.rl-films ul.mod-articles-items{
  list-style:none;
  --grid-layout-gap:24px;
}
.rl-films ul.mod-articles-items li .mod-articles-item-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 4px RGBA(0, 0, 0, 0.1);
}
.rl-films ul.mod-articles-items li .mod-articles-item-content .mod-articles-title{
  order:2;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2em;
  color:#2d2e2f;
  padding:10px 20px;
  display: block;
  height: 140px;
}
.rl-films ul.mod-articles-items li .mod-articles-item-content .mod-articles-title a:after{
  display:block;
  content:"Watch the video";
  font-size:16px;
  margin-top:10px;
  color:#707070;
  font-weight:normal;
}
.rl-films ul.mod-articles-items li .mod-articles-item-content .mod-articles-title a{
    color:#2d2e2f;
}
.rl-films ul.mod-articles-items li .mod-articles-item-content .article-intro-image{
  order:1;
  width:100%;
}
.rl-films ul.mod-articles-items li .mod-articles-item-content .article-intro-image img{
    height:240px;
    object-fit:cover;
    object-position:center;
    border-radius:20px 20px 0 0;
    width:100%;
}
.settlements .mod-articles{
  column-count:3;
}

/** STORIES - Landing Page **/
.view-article.stories #sp-main-body {
    padding: 0px 0 30px;
}
.view-article.stories .sp-page-title{display:none;}
.stories.blog .col-lg-3{
  display:flex;
  padding:0 10px;
}
.stories.blog .article-list .article{
  border-radius:20px;
  border-color:#ddd;
  box-shadow: 0px 0px 10px 4px RGBA(0, 0, 0, 0.1);
}
.stories.blog .article-list .article .article-header h2{font-size:22px;}
.stories.blog .article-list .article .article-intro-image img{
  border-radius:20px 20px 0 0;
  height:240px;
  object-fit:cover;
}
.stories.article-details .article-full-image,
.stories.article-details .article-full-image img{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height:530px;
}
.stories.article-details .article-full-image img{
    height:530px;
    object-fit:cover;
}
.stories.article-details .article-header{
  position:absolute;
  top:390px;
}
.stories.article-details .article-header h1{
  color:#fff;
  line-height:1.0em;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.86);
}
@media (min-width: 576px) and (max-width: 991.9999px) {
.blog.stories .row .col-lg-3{
  flex: 0 0 auto;
  width: 50%;
}
}

/** STORIES HOME PAGE **/
.trip_ideas .overlay-image-content{
    padding-top: 35px;
    padding-right: 50px;
    padding-bottom: 35px;
    padding-left: 50px;
    height: 600px;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    display: flex;
    position: relative;
    backface-visibility: hidden;
    overflow: hidden;
    border-radius:6px;
}
.trip_ideas .overlay-image{padding:2.5px;}
.trip_ideas .overlay-image-title h4{
    font-size: 26px;
    font-weight: 700;
}
.trip_ideas .overlay-image-title a{color:#fff;}
.trip_ideas .fa-arrow-right-long::before{
    content: "\f178";
}
.trip_ideas .overlay-background-style {
    background: linear-gradient(0deg, RGBA(0, 0, 0, 0.8) 0%, RGBA(252, 252, 252, 0.02) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: .4s linear;
}
.trip_ideas .overlay-image-content:hover .overlay-background-style{
  background:transparent;
}
.trip_ideas .overlay-background-style::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .6s linear;
}

@container (width < 1200px) {
    .mod-articles-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 991px)  {

  .mod-articles-grid {
        grid-template-columns: 1fr 1fr;
    }
  #jevents_body .jev_listrowblock{
     display: flex !important;
     flex-wrap: wrap;
     gap: 15px;
   }
   #jevents_body .jev_listrowblock .jev_listrow{
     width: 45%;
     margin: 0;
     padding: 0;
     border: 1px solid #185a97;
    border-radius: 10px;
   }
   #jevents_body .jev_listrowblock .jev_listrow .showntime{display:none;}
   #jevents_body .jev_listrowblock .jev_listrow .jev_daywithevents{
     margin:0;
     width:100%;
   }
   #jevents_body .jev_listrowblock .jev_listrow .rl-event-img,
   #jevents_body .jev_listrowblock .jev_listrow .rl-event-img img{
     width: 100%;
     object-fit: cover;
     height:170px;
   } 
   #jevents_body .jev_listrowblock .jev_listrow .rl-event-img img{border-radius:10px 10px 0 0;}
   #jevents_body .jev_listrowblock .jev_listrow .rl-event-desc{padding:20px;}
    #jevents_body .jev_listrowblock .jev_listrow .rl-event-desc .ev_link_row{font-weight:bold;}
}

@media (max-width: 767px)  {
  .rl-films ul.mod-articles-items li .mod-articles-item-content .mod-articles-title{
    font-size:22px;
  }
  .mod-articles-grid {
        grid-template-columns: 1fr 1fr;
    }
  .settlements .mod-articles{
      column-count:2;
   }
   
}
@media (max-width: 575px)  {
   #sp-header {
    height: 60px !important;
  }
  .mod-articles-grid {
        grid-template-columns: 1fr;
    }
  .settlements .mod-articles{
     column-count:1;
  }
  #sp-top-bar #sp-top2 .sp-module{
    margin:0 !important;
  }
  #sp-top-bar #sp-top2 .menu.nav li{
    margin:2px 6px;
  }
  .breadcrumb{font-size:12px;}
  #edocman-category-page-table .table-document tr{
    max-width:320px;
    margin:auto;
  }
  #jevents_body .jev_listrowblock .jev_listrow{
     width: 100%;
    }
  .jev_listrow .rl-event-img{display:none;}
  .jev_listrow .rl-event-title{font-weight:bold;}
  .jev_header2 .previousmonth,
  .jev_header2 .nextmonth{font-size:12px;}
  .jev_header2 .currentmonth{font-size:16px;}
  .jev_listrowblock .jev_daysnames {
    width: 100% !important;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
  .view-day #jevents #jev_maincal.jev_listview .ev_ul {flex-wrap:wrap;}
}
@media (max-width: 375px)  {
  #sp-top-bar #sp-top2 .menu.nav {
    justify-content: space-between;
    gap:5px 5px;
  }
}
@media (min-width: 600px) {
    .permit-container button {
        width: auto;
        min-width: 140px;
        margin-right: 10px;
    }
    
}
/** END BUILDING PERMIT BY CHATGPT **/

@media (max-width: 1024px) {
  .edocman-categories-table .category-table-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
  }
  .edocman-categories-table .category-table-row .category-info-section a{
    margin-bottom:0;
  }
  .edocman-categories-table .category-table-row .category-stats-inline{
    padding-top:0;
    border-width:0;
  }
  .edocman-categories-table .category-table-row .category-actions-inline {
    padding-top: 0;
    border-width: 0;
  }
}
@media (max-width: 768px) {
  .edocman-categories-table .category-table-row{
    flex-wrap:wrap;
  }
  .edocman-categories-table .category-table-row .category-info-section {
    min-width:210px;
  }
  .edocman-categories-table .category-table-row .category-stats-inline,
  .edocman-categories-table .category-table-row  .category-actions-inline{
    width:40%;
  }
  .table-condensed.table-document .edocman-document-title-td{text-align:left !important;}
  .table-document .edocman-document-title-td-header .edocman-table-action-btn{
    font-size:16px;
    white-space: wrap;
    text-align:left;
   }
}
@media screen and (max-width: 600px) {
  #table-document td {
    text-align:left !important;
    font-size: 13px;
  }
}