.innerpage .subpage-banner .page-title .subtitle {
  margin-bottom: 0px;
}

.helement .card-body h5 {overflow-wrap: normal;}

.btn-blue {
    background-color: #1c4e69;
    border-color: #1c4e69;
    color: #ffffff!important;
}

.btn-gray {
    background-color:#f0f0f0;
    border-color: transparent;
    color: #1c4e69 !important;
}
.btn-gray:hover {
	background-color: #fcb316 !important;
    border-color: #fcb316 !important;
    color: #1c4e69 !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
}

.whitelink a {
    color: #ffffff!important;
}

.whitelink:hover {
        color: #1c4e69!important;
}

.btn-blue:hover {
    background-color: #fcb316 !important;
    border-color: #fcb316 !important;
    color: #1c4e69 !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
}

.vbhome-hero .navbar-brand img {
    max-width: 110px;
    width: 110px;
}

.subpage-leftnav .figure-wrap {
	background-color: #1c4e69;
	padding: 1.5rem;
	height: auto;
}

.subpage-leftnav .figure-wrap h4.card-title {
	color: #ffffff!important;	
	text-align:left;
	margin-bottom: 0px;
}


/** styyles for VMT site **/

.centerblueborder, .bluebordercenter, .centerborder
{
  border: 1px solid #1c4e69;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.box-title > a
{
  color: #1c4e69;
  text-decoration: none;
}

.box-title > a:hover
{

  text-decoration: underline;
}

.flexrow {
	display:flex;
	flex-direction: row; 
	justify-content: space-between;
}





/** Sea Level Rise page  Slider **/
.slrvap-slider .slick-prev,
.slrvap-slider .slick-next {
  display: none !important;
  width: 40px;
  height: 40px;
  bottom: -20px;
  top: auto;
  background-color: #0E7FAD;
}

.slrvap-slider .slick-prev:hover, .slrvap-slider .slick-prev:focus,
.slrvap-slider .slick-next:hover,
.slrvap-slider .slick-next:focus {
  background-color: rgba(28, 78, 105, 0.8);
}

.slrvap-slider .slick-prev:hover:before, .slrvap-slider .slick-prev:focus:before,
.slrvap-slider .slick-next:hover:before,
.slrvap-slider .slick-next:focus:before {
  opacity: 1;
}

.slrvap-slider .slick-prev:before,
.slrvap-slider .slick-next:before {
  font-size: 30px;
  opacity: 1;
}

.slrvap-slider .slick-prev {
  left: 50%;
  margin-left: -40px;
}

.slrvap-slider .slick-next {
  right: 50%;
  margin-right: -40px;
}

.slrvap-slider:hover .slick-prev,
.slrvap-slider:hover .slick-next {
  display: inline-block !important;
}

.slrvap-slider .slick-dots {
  bottom: 5%;
  display: none !important;
}

.slrvap-slider .slick-dots li {
  margin-left: 12px;
  margin-right: 12px;
}

.slrvap-slider .slick-dots li button {
  padding: 0;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  line-height: 14px;
  border: 3px solid white;
}

.slrvap-slider .slick-dots li button:hover, .slrvap-slider .slick-dots li button:focus {
  outline: none;
  opacity: .85;
}

.slrvap-slider .slick-dots li button:before {
  display: none;
}

.slrvap-slider .slick-dots li.slick-active button {
  background-color: white;
}

.slrvap-slider .slide-img {
  min-height: 200px;
}

.slrvap-slider .slide-content .slide-text {
  margin-left: 5%;
  margin-right: 3%;
}

.slrvap-slider .slide-content .slide-title {
  font-size: 32px;
  font-weight: 600;
  color: white;
  line-height: 1.2;
  margin-bottom: .5rem;
  text-shadow: 2px 2px 20px rgba(23, 58, 77, 0.7);
}

.slrvap-slider .slide-content .btn-slide-reg {
  background-color: #FFA400;
  border-radius: 40px;
  color: #113244 !important;
  font-size: 20px;
  font-weight: 600;
  margin-top: 0.8rem;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0 !important;
  padding: 0.8rem 1.2rem;
  line-height: 1.2;
}

.slrvap-slider .slide-content .btn-slide-reg:hover {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.slrvap-slider .slide-content .btn-fullslide {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  border: 0;
  text-indent: -999rem;
  box-shadow: none;
  border-radius: 0;
}

@media (min-width: 576px) {
  .slrvap-slider .slide-img {
    min-height: 300px;
  }
  .slrvap-slider .slide-content .slide-text {
    margin-left: 6%;
    margin-right: 0;
  }
  .slrvap-slider .slide-content .slide-title {
    font-size: 40px;
    margin-bottom: 1rem;
  }
  .slrvap-slider .slide-content .btn-slide {
    font-size: 18px;
    letter-spacing: 1px;
    padding: .6rem 1.5rem;
  }
}

@media (min-width: 768px) {
  .slrvap-slider .slick-prev,
  .slrvap-slider .slick-next {
    width: 50px;
    height: 50px;
    bottom: -25px;
  }
  .slrvap-slider .slick-prev:before,
  .slrvap-slider .slick-next:before {
    font-size: 40px;
  }
  .slrvap-slider .slick-prev {
    margin-left: -50px;
  }
  .slrvap-slider .slick-next {
    margin-right: -50px;
  }
  .slrvap-slider .slide-content .slide-text {
    margin-left: 5%;
  }
  .slrvap-slider .slide-content .slide-title {
    font-size: 42px;
  }
  .slide-careerfair .slide-img {
    background-position: center right;
  }
}

@media (min-width: 992px) {
  .slrvap-slider .slide-img {
    min-height: 350px;
  }
  .slrvap-slider .slide-content .slide-title {
    font-size: 52px;
  }
  .slrvap-slider .slide-content .btn-slide-reg {
    font-size: 22px;
    padding: .8rem 2rem;
  }
}

@media (min-width: 1200px) {
  .slrvap-slider .slick-dots li button {
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
  .slrvap-slider .slide-img {
    min-height: 400px;
  }
  .slrvap-slider .slide-content .slide-title {
    font-size: 68px;
  }
}

@media (min-width: 1400px) {
  .slrvap-slider .slick-dots {
    bottom: 5%;
  }
  .slrvap-slider .slick-dots li button {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid white;
  }
  .slrvap-slider .slide-content .slide-text {
    left: 4%;
    margin-left: 5%;
  }
  .slrvap-slider .slide-content .slide-title {
    font-size: 64px;
  }
}

@media (min-width: 1600px) {
  .slrvap-slider .slide-img {
    min-height: 450px;
  }
}

@media (max-width: 575.98px) {
  .slrvap-slider .slide-content .slide-title br {
    display: none;
  }
}


.slrvap-slider  {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    
}

/*** end sea level slider  ****/




@media (max-width: 768px) {
	
.flexrow {
	display:block;

}

}

/*.list-nobullet li {line-height: 1.2rem!important} */

#iframecontainer {width: 70%; margin-left: auto; margin-right : auto; }

table th, table td{	
	padding: 1rem;	
}

#compostingtable th {
	background-color: #1c4e69;
	color: #ffffff;
	padding: .5rem;
}

/* ADU styles */

.adu-buttons {
    display: block;
    width: 48%;
    /* flex-wrap: wrap; */
}

.adu-button {
    margin: .2rem;
    width: 100%;
    flex: 1 auto;
    height: 55px;
}

.adu-button a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    /* background: #c2d2e2; */
    background: #dce6f0;
    padding: .5rem;
    font-size: 1rem;
    vertical-align: middle;
    line-height: 1.3rem;
    text-align: center;
    transition: all .5s;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: #1c4e69;
	
}

.adu-button a span {
	position: relative;
	top: 10px; 
}

.adu-button a:hover {
    color: #ffffff;
    background: #a9b7c6;
}


.caption {
	font-weight: bold;
	font-size: 14px;
	font-family: Poppins;
	color: #1c4e69;
	text-align: center;
}

.imgdiv img {
    border: 1px solid #778877;
    margin-bottom: 0px;
    /* width: 200px; */
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.homeimagestrip img {
    max-width: 300px;
    display: block;
    margin-bottom: 10px;
	padding: 10px 5px;;
}

@media only screen and (max-width:1012px) {
.homeimagestrip img {
max-width: 160px;
}
}

@media only screen and (max-width:960px) {
.homeimagestrip img {
 max-width: 120px;
}
}

/** Completed Projects **/
#completedprojects { width: 100%;}
.cp {padding-top: 1rem; }
.cp-container {display:flex; }

.cp-container img {border: 1px solid #1c4e69; width: 100%; }

.cp-container p, .cp p {margin-bottom: 1rem!important;}

.cp h3 {margin-bottom: .5rem!important;}



a.disabled {color: #333!important;}




@media (max-width: 768px) {
	#iframecontainer {width: 100%;  }
}
	

.vmthome-hero { padding-top: 0; padding-bottom: 0;  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #c9beaa; position: relative; z-index: 2; }

.vmthome-hero .inner { padding: 0; position: relative; z-index: 2; }

.vmthome-hero .navbar-brand img { max-width: 110px; width: 110px; }

.vmthome-hero .sec-ctn { padding-left: 1.5rem; }

.vmthome-hero .hero-ctn h1 { font-size: 32px; font-weight: 600; color: black;  line-height: 1.25; margin-bottom: .5rem; }

.vmthome-hero .hero-ctn p { font-weight: 600; font-size: 17px; }

.vmthome-hero .img-bg { background-image: url(../images/bv-slide1.jpg); background-repeat: no-repeat; background-size: cover; background-position: left center; height: 100%; image-rendering: -webkit-optimize-contrast; }

.vmthome-hero .hero-graybg { display: block; width: 100%; height: 76px; background: #eee; position: absolute; bottom: 0; z-index: 1; }

@media (min-width: 576px) { .vmthome-hero .sec-ctn h1 { font-size: 38px; } }

@media (min-width: 768px) { .vmthome-hero .sec-ctn h1 { font-size: 34px; } }

@media (min-width: 992px) { .bvista .navbar img { max-width: auto; }
  .bvista .site-header .main-navbar { padding-top: 1rem; padding-bottom: 1rem; }
  .vmthome-hero .sec-ctn { padding-left: 2.5rem; }
  .vmthome-hero .sec-ctn h1 { font-size: 38px; }
  .vmthome-hero .sec-ctn p { font-size: 17px; } }

@media (min-width: 1200px) { 
  /* .site-logo img { width: auto; } */
  .vmthome-hero .col-text { background-image: url(../images/clouds.png); background-repeat: no-repeat; background-size: auto; background-position: top 8% right 10%; image-rendering: -webkit-optimize-contrast; }
  .vmthome-hero .sec-ctn { padding-left: 4rem; }
  .vmthome-hero .sec-ctn h1 { font-size: 42px; }
  .vmthome-hero .sec-ctn p { font-size: 19px; } }

@media (min-width: 1400px) { 
  /* .site-logo img { width: auto; } */
  .vmthome-hero .sec-ctn { padding-left: 10%; }
  .vmthome-hero .sec-ctn h1 { font-size: 50px; }
  .vmthome-hero .img-bg { min-height: 400px; } }

@media (min-width: 1600px) { .vbhome-hero .sec-ctn { padding-left: 15%; }
  .vmthome-hero .img-bg { min-height: 450px; }
  .vmthome-hero .site-logo-wrap { margin-bottom: 1rem; } }

@media (max-width: 991.98px) { .bvista .site-header { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12); background-color: white; position: relative; z-index: 10; }
  .vmthome-hero .sec-ctn h1 br { display: none; } }

@media (max-width: 768px) { .vbhome-hero .hero-ctn { padding-left: 125px; }
  .vmthome-hero .sec-ctn { padding-top: 2rem !important; padding-left: 0; } }

@media (max-width: 576px) { .vbhome-hero .hero-ctn { padding-left: 0; }
  .vmthome-hero .hero-ctn h1 { font-size: 28px; } }

@media (max-width: 769px)  {
.DnnModule-22026 p {line-height: 1.4rem;}
	.DnnModule-22026 .pt-5 {padding: 1rem!important; }
	.DnnModule-22027 .pt-5 {padding: 1rem!important;}
}

@media (max-width: 576px) {
.page-section h3 {
    font-size: 1.2rem;
}
.DnnModule-22020 .pt-5 {padding: 1rem!important;}
.DnnModule-22039 .pt-5 {padding: 1rem!important;}
.DnnModule-22027 .px-5 {padding: 1rem!important;}
}


@media (min-width: 992px) {
    .bvista .navbar img {
        max-width: auto
    }

    .bvista .site-header .main-navbar {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .camino-hero .sec-ctn {
        padding-left: 2.5rem
    }

        .camino-hero .sec-ctn h1 {
            font-size: 38px
        }

        .camino-hero .sec-ctn p {
            font-size: 17px
        }

    .bvista-homeslider .slide-img {
        height: 100%;
    }
	
	
	/* .innerpage .col-lg {
    	max-width: 100%;
  	} */
	/** added for calendar event width */
	
}

@media (min-width: 1200px) {
    /* .site-logo img {
        width: auto
    } */

    .camino-hero .col-text {
        background-image: url(../images/clouds.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: top 8% right 10%;
        image-rendering: -webkit-optimize-contrast
    }

    .camino-hero .sec-ctn {
        padding-left: 4rem
    }

        .camino-hero .sec-ctn h1 {
            font-size: 46px
        }

        .camino-hero .sec-ctn p {
            font-size: 19px
        }

	.page-11446.innerpage .col-left,
	.page-11040  .col-left {
        max-width: 34%;
        width: 450px;
    }
}

@media (min-width: 1400px) {
    /* .site-logo img {
        width: auto
    } */

    .camino-hero .sec-ctn {
        padding-left: 10%
    }

        .camino-hero .sec-ctn h1 {
            font-size: 50px
        }

    .camino-hero .img-bg {
        min-height: 400px
    }
}

@media (min-width: 1600px) {
    .camino-hero .sec-ctn {
        padding-left: 15%
    }

    .camino-hero .img-bg {
        min-height: 450px
    }

    .camino-hero .site-logo-wrap {
        margin-bottom: 1rem
    }

    #CaminoHero .site-logo-wrap {
        margin-bottom: 0rem;
    }
}

@media (max-width: 991.98px) {
    .bvista .site-header {
        box-shadow: 0 3px 15px rgba(0,0,0,0.12);
        background-color: white;
        position: relative;
        z-index: 10
    }

    .camino-hero .sec-ctn h1 br {
        display: none
    }
}

@media (max-width: 768px) {
    .camino-hero .hero-ctn {
        padding-left: 125px
    }

    .camino-hero .sec-ctn {
        padding-top: 2rem !important
    }
}

@media (max-width: 576px) {
    .camino-hero .hero-ctn {
        padding-left: 0
    }

        .camino-hero .hero-ctn h1 {
            font-size: 36px
        }
}


/*****************   brochure CSS (publications) ************************/

.brochure-container {
   position:relative;
/* border: 1px solid #cccccc; 
   overflow:auto;*/
   width: auto;
   margin-left: auto;
   margin-right: auto;
   word-wrap: break-word;
}

.brochure-container ol, .brochure-container ul {
	margin-left: 1rem;
}

.brochure-container h5 {
	color: #000000;
}

#print-content {
    
}

#printbutton {
  display: inline-block;
  line-height: 1;
  margin-bottom: 0.8rem;
  margin-left: 1.5rem;
  font-size: 18px;
  background-color: #007FB0 !important;
  color: #ffffff !important;
  border-radius: 0.25rem !important;
  padding: 0.6rem !important;
  /*position: fixed;
  top: 60px;
  right: 40px;*/
  z-index: 100;
  box-shadow: 0 0 4px 4px #eeeeee;
  position: absolute;
  right: 0px;
  text-decoration: none;
  font-weight: bold;
}

.brochure-container h1 {  
	display:none;
}

#brochure-logo {
	display:none;
}

.brochure-content {
	/*margin: 2rem 1rem;	*/
}

.brochure-flex-container { /* for when there is a sidebar on the brochure */	
	display: flex;
    margin-bottom: 1rem;
}

.brochure-sidebar {
	width: 28%;
	min-width: 28%;
	background-color: #BDD7EE;
	padding: 1rem;
	margin-right: 1rem;
}

.brochure-sidebar-smtext {
	width: 28%;
	min-width: 28%;
	background-color: #BDD7EE;
	padding: 1rem;
	margin-right: 1rem;
	font-size: .9rem;
	line-height: 1.3rem;
}

.brochure-inset {
	width: 40%;
	min-width: 40%;
	background-color: #BDD7EE;
	padding: .8rem;
	margin-left: 1rem;
	float:right;
	font-size: .8rem;
	border: 1px solid #1c4e69;
}

.brochure-inset p {
	margin-bottom: .8rem!important;
	line-height: 1rem;
}

.brochure-footnote-pagebottom {
	position: absolute;
	bottom: 0px;
}

.brochure-footnote-line {
	margin:0;
	margin-bottom: .5rem;
	padding:0;
	height: 0;
	width: 25%;
	border-top: 1px solid #333333;
}

.brochure-footnote-text {
	font-size: .8rem;
	line-height: 1.1rem;
	color: #333333;
	position: relative;
	top: -30px;
}

.brochure-table-footnote {
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 84%;
    font-size: .9rem;
    font-weight: bold;
    position: relative;
    top: -30px;
	
}

.brochure-td-footnote  {
	font-size: .8rem;
	line-height: 1rem;
}

.brochure-footnote-text sup {
	margin-right: .3rem;
	width: 20px;
	font-family: monospace;
}

.brochure-content .h2-subtitle {
	font-style:italic;
	font-size: 1.2rem;
	margin-top: 0px;
}

.brochure-content table {
	border-collapse:collapse;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
}

.brochure-content th {
	background-color: #E2EFD9;
	font-weight: bold; 
	text-align:center;
	border: 1px solid black;
}

.brochure-content td {
	border: 1px solid black;
}

.brochure-content td:nth-child(1) {
	background-color:#BDD6EE;
	font-weight: bold; 
	text-align:center;	
}

.brochure-content .table-basic td:nth-child(1) {
	background-color:transparent;
	font-weight: normal; 
	text-align:left;	
}

.brochure-content ul img, .brochure-content ol img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 86%;
	margin-top: 1rem;
}

.table-basic td {
	vertical-align: top;
}

.brochure-indent {
		margin-left: 1rem;
  		display: inline-block;
}

.web-space {
		height: 50px;
}

.print-pagebreak { 
		display:none;
}

.space20print, .space40print { 
		display:none;
}

#print-footer { 
		display:none;
}

.tab-style1 .nav {
    border-bottom: 2px solid #1c4e69;
}
.tab-style1 .nav-item {
    padding-bottom:0 !important;
}
.tab-style1 .tab-pane {
    background-color:#f9f9f9;
}
.tab-style1 .nav-link{
    color:#1c4e69;
    background-color:#f5f5f5;
    border-radius: 8px 8px 0 0;
    padding: 1rem 1.5rem;
    font-weight:600;
    border: 2px solid #ddd;
    margin-bottom: -1.7px;
}
.tab-style1 .nav-link.active{
    padding: 1rem 1.5rem;
    color:#1c4e69;
    background-color: #f9f9f9;
    border: 5px solid #1c4e69;
    border-bottom: 0px;
}
.tab-style1 ul{
    padding-left:0 !important;
    margin-bottom:0 !important;
}
.tab-style1 .tab-content{
    padding:2rem;
    background-color: #f9f9f9;
}
.tab-style1 ul li{
    line-height:1.2;
}

#brochure-omps-table {	
	width: 100%;
	border: 0px solid #ffffff;	
}

.brochure-content .table-basic td:nth-child(1) {
	background-color:transparent;
	font-weight: normal; 
	text-align:left;	
}

#brochure-omps-table td:nth-child(1), #brochure-omps-table td:nth-child(2), #brochure-omps-table td:nth-child(3) {	
	text-align:center;	
}

#brochure-omps-table th, #brochure-omps-table td  {	
	border: 0px solid #ffffff!important;
	background-color: #ffffff!important;
	padding-top: 6px!important; 
	padding-bottom: 6px!important;
}

#brochure-omps-table th {
	vertical-align:bottom;
	padding-bottom: 0px!important;
}

#brochure-omps-table .th-hr, #brochure-omps-table .th-hr hr {
	padding:0px;
	color: #000000!important;
	margin: 0px;
	border-color: #000000!important;
	opacity: 100%;
}

#brochure-omps-table .td-indent {
	padding-left: 60px;
}

/********* PRINT CSS **********/
@page {
    
	/*margin-top: 2rem;
	margin-bottom: 1.4rem;
	margin-left: 1rem;
	margin-right: 2.6rem; */
	margin-top: .5in;  
	margin-bottom: .5in;
	margin-left: .35in;
	margin-right: .5in;

	}

@media print {

	.brochure-container {		
    	width: 1000px;   		
		padding: 0px;
		margin:0px;
	}
	
	#print-content {
    	position: relative;
		margin:0px;
    	/*margin-top: 2rem;
    	margin-left: 1rem;
    	margin-right: 1rem;
    	margin-bottom: 1rem;
		border: 1px solid blue;*/
	}

	#printbutton {
    	display:none;
	} 
	
	#print-header {
		height: 120px;
		border: 0px solid #cccccc;
		margin-bottom: 1rem;
	}
	
	#brochure-logo {
    	position: absolute;
    	width: auto;
		display:block;
	}
  	
	#CDIlogo-print {    	
    	width: 104px!important;
		height: auto		
	}
	
	#CDIlogotext-print  {
		display:inline-block;
		float:right;
		font-family: calibri;
    	font-size: 1.3rem;
    	font-style: italic;
		font-weight:bold;
		color: #595959;
		border-left: .5px solid #000000;
		padding-left: .5rem;
		padding-top: 1.1rem;
		margin-left: 1rem;
		line-height: 1.9rem;
		height: 110px!important;
	}
	
	.brochure-content {
		clear:both;
		margin: 0px!important;
		padding: 0px!important;
		border: 0px solid gray;
	}	
	
	.brochure-sidebar {
		box-shadow: inset 0 0 0 1000px #BDD7EE;
		width: 33%;
		min-width: 33%;
		padding-bottom: 0px;
	}
	
	.brochure-sidebar-smtext {
		box-shadow: inset 0 0 0 1000px #BDD7EE;
		width: 33%;
		min-width: 33%;
		padding-bottom: 0px;
		
	}
	
	.brochure-inset {
		box-shadow: inset 0 0 0 1000px #BDD7EE;
	}
	
	.brochure-container h1 {
    	font-family: calibri;
    	font-size: 2.6rem;
    	font-style: italic;
    	text-align: right;
    	color: #000000;
	    display:block;
		max-width: 50%;
		float:right;
	}

	.brochure-subtitle {
    	display: block;
    	font-size: 1.6rem;		
	}
	
	.brochure-content h2 { 
		font-family: calibri light;
		font-size: 1.8rem;
		font-weight: normal;
		margin-bottom: .4rem;
	}
	
	.brochure-content .h2-subtitle {
		font-style:italic;
		font-size: 1.6rem;
		margin-top: 0px;
	}
	
	.brochure-content h3 { 
		font-family: calibri;
		font-size: 1.4rem;
		font-weight: normal;
		font-style: italic;
		text-decoration:underline;
		color: #000000;
		margin-top: 0px; 
		padding-top: 0px; 
	}
	
	.brochure-content h5 { 
		font-family: calibri;
		font-size: 1.4rem;
		font-weight: bold;
		margin-bottom: .6rem;
	}
	
	.brochure-content p, .brochure-content ul, .brochure-content ol, .brochure-content div, .brochure-content span {
		font-family: Calibri;
		font-size: 1.4rem;
		line-height: 2rem;
		font-weight: normal;			
	}
	
	.brochure-content table {
		border-collapse:collapse;
		margin-top: 0px;
	
	}
	
	.brochure-content th {
		box-shadow: inset 0 0 0 1000px #E2EFD9;
		/* background-color: #E2EFD9!important;
		font-weight: bold; 
		text-align:center;
		border: 1px solid black; */
		font-family:Calibri;
		font-size: 1.3rem;
		line-height: 1.5rem;
		/*padding: .2rem .2rem;*/
	}

	.brochure-content td {
		/* border: 1px solid black; */
		font-family:Calibri;
		font-size: 1.3rem;
		line-height: 1.5rem;
		padding: .5rem;
	}
	
	.brochure-content td:nth-child(1) {
		/*background-color:#BDD6EE!important;
		font-weight: bold; 
		text-align:center;*/
		box-shadow: inset 0 0 0 1000px #BDD6EE;
		vertical-align:top;
	}
	
	.brochure-content .table-basic td:nth-child(1) {
		box-shadow: unset;
   	}
	
	.brochure-content ul li, .brochure-content ol li {
		line-height: 1.8rem;
		margin-bottom: .4rem;
	}
	
	#brochure-omps-table th {
	
		box-shadow: unset;
	 	padding-bottom: 4px!important;
	}
	
	#brochure-omps-table td {
	
		box-shadow: unset;
		vertical-align:unset;
	
	}
	
	#brochure-omps-table .th-hr, #brochure-omps-table .th-hr hr {
	
		padding:0px;
		color: #000000!important;
		margin: 0px;
		border-color: #000000!important;
		opacity: 100%;
    	border-top: 1px solid black;
	}
	
	.brochure-footnote-text {
		font-size: 1.1rem!important;	
		line-height: 1.2rem!important;
	}
	
	.brochure-table-footnote {
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	width: 100%;
    	font-size: .9rem!important;
    	font-weight: bold!important;
    	position: relative;
    	top: -30px;
	}
	
	.brochure-td-footnote  {
		font-size: 1.2rem!important; 
		line-height: 1.1rem!important; 
	}
	
	
	.print-pagebreak { 
		display:block;
		page-break-before: always!important; 
	}
	
	.space20print { 
		display:block;
		height: 20px!important;
	}
	
	.space40print { 
		display:block;
		height: 40px!important;
	}
	
	.brochure-footnote-pagebottom {
		position: relative;	
	}
		
	.web-space {
		display:none;
	}
	
	#BackToTop, .backtotop {
		display:none!important;
	}
	
	#site-header, .SubpageBannerPane, .site-breadcrumb-wrap, .site-footer {
   		display:none;
	}
	
	.print-flex-container {
		display: flex;
		justify-content: center;
		column-gap: 30px;
	}
	.print-flex-left {
		margin:0px;
		padding:0px;
		width: 50%;
		text-align:justify;
	}
	
	.print-flex-right{
		margin:0px;
		padding:0px;
		width: 50%;
		text-align:justify;
	}
	
	
	#print-footer {
		
		font-family: Calibri;
		font-size: 1.2rem;
		color:#666666;
		margin:0px;
		padding:0px;
		margin-top: 2rem;
		display:block;
		width: 100%!important;	
		/*position:fixed!important; position fixed places on the bottom of every page  if not,its just on the last page, (but not on the bottom
		position:fixed;*/
		bottom: -9px!important; 
		text-align:center;	
		z-index: 1000;
		
	}
	
	#print-footer a {
		color: #007FB0;
		text-decoration:underline;
	}


/*	#footertext {
		
		display:block;
		text-align:center;
		width: fit-content;
		color:#333333;
		
		margin-left: auto!important;
		margin-right: auto!important; 
	}*/


}/* end print rules */

/* end Brochure css */

/******************* Action Form css ***********************/

.DnnModule-ActionForm .checkbox label span {font-weight: bold;
top: -3px;
position: relative;}

.DnnModule-ActionForm label.control-label.af-slide.required:after {
 content: '*';
 color: #990000;
 font-weight:bold!important;
 font-size: 18px;
}

/* these next two rules will center the button if its set to center in the form  */
.DnnModule-ActionForm .btnc-center {
	width: 100%!important;
}

.DnnModule-ActionForm .btnc-center button {
	margin-left: auto;
	margin-right: auto;
	display:block;
}

.DnnModule-ActionForm .radio label .ng-binding {
	position:relative;
	top: -5px;
}

.DnnModule-ActionForm .bstrap30 input[type="radio"], .bstrap30 input[type="checkbox"] {
    margin-top: 0px;
}

.DnnModule-ActionForm label	{
	margin-bottom: 1rem!important;
    line-height: 1.4rem;
}

.DnnModule-ActionForm p	{
	margin-bottom: 1rem!important;
    line-height: 1.4rem;
}

.DnnModule-ActionForm .h3subtitle {
	top: -10px;
  position: relative;
}

.DnnModule-ActionForm .lookuplink {
	position: relative;
    top: -20px;
    right: 50%;
    float: right;
    margin-right: 20px;
	font-weight: bold; 
	text-decoration: underline;
}

.DnnModule-ActionForm .bstrap30 .checkbox input[type=checkbox] {top: 12px;}

.DnnModule-ActionForm .textfieldline {clear: both;}

.DnnModule-ActionForm .red {color:#990000;}

.DnnModule-ActionForm .formsection {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #f7f7f7;/*#f7f7f7;  #FFFFEE;*/
	border: 1px solid #CCCCCC;
    padding: 20px;
    margin: 0 auto;
    border-radius: 4px;
    /*box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.21);
    max-width: 500px;*/
	width: 100%;
    margin-bottom: 1rem;
    

}
.DnnModule-ActionForm .formsection .formsection {
	left: 0px;
    padding: 10px;
	width:90%;
    }

.DnnModule-ActionForm .c-form 
{
	display: inline-block;
    position: relative;
    z-index: 1;
    /*background: #f0f0f0;
	border: 1px solid #CCCCCC;
	border-radius: 4px;*/
    padding: 20px 40px;
    margin: 0 auto;
    
    margin-bottom: 50px;
    
}

.DnnModule-ActionForm #sendbuttonline .field-container {
	margin-left:auto;
	margin-right: auto;
	width: 100%;
}

@media (min-width:768px)	{

	.DnnModule-ActionForm .radio, .checkbox {
    	display: inline-block !important;
    	padding-right:20px;

	}
}
/****************** end action form css ********************/

/*** CDI Calendar css **/

.DnnModule-EasyDNNnewsCalendar .innerpage .col-content .nopad {

	padding-left: 0px;
}

.DnnModule-EasyDNNnewsCalendar .fc-content{
	color:white;
}

.DnnModule-EasyDNNnewsCalendar .fc-title {
	white-space: wrap;
}

.DnnModule-EasyDNNnewsCalendar .fc-day-header { 
	background-color: #1c4e69!important;
	color: #ffffff;
}

.DnnModule-EasyDNNnewsCalendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none;
    text-align: center;
    text-decoration: none;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.DnnModule-EasyDNNnewsCalendar .fc-month-view > table {
    box-shadow: var(--bs-box-shadow)!important;
}

.DnnModule-EasyDNNnewsCalendar .fc-body .fc-row {
	min-height: 150px!important;
}

.DnnModule-EasyDNNnewsCalendar .page-section .shadow div h3 {
	display:none;
}

.DnnModule-EasyDNNnewsCalendar .page-section .shadow div {
	padding-bottom: 0px!important;
}

.DnnModule-EasyDNNnewsCalendar .page-section {
	padding-top: 0px;
}

/*************month view css fixes **********************************/
.eds_news_CDICalendar .fc-today-button {display:none} /** hide the Today button ******/
.eds_news_CDICalendar .fc-left, .eds_news_CDICalendar .fc-right { /** make left and right sides even to center month name ******/
	width: 20%;
}
.eds_news_CDICalendar .fc-right .fc-month-button {z-index: -1;} /** to hide the month button ***/


.eds_template_List_Article_List_CDICalendar_Carousel_WithSection  #cdi-carousel-events, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2  #cdi-carousel-events { /** carousel version of events calendar on CDU homepage **/
	background-color: #1c4e69;
	padding-top: 0px;
}

.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .card-img, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .card-img { /** hide image from card in list view **/
	display:none;
}

.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .card-body, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .card-body {
	
	display:flex;
	flex: 1 1 auto;
	padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
	color: var(--bs-card-color);
	box-shadow: var(--bs-box-shadow) !important;
	border: 1px solid #ccc;
}

.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .card-body .card-info, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .card-body .card-info {
	padding-left: 1rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .card-body .event-date, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .card-body .event-date {
  width: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  /** background-color: #E46425;  **/
  background-color: #008155;
  padding: .3rem .5rem;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}

.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .calcarddate, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .calcarddate {
	font-weight: normal;
	font-size: 2rem;
}

.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content .card, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .scc-news-carousel .slide-content .card {
	width: auto;
}


/*************************** fix for carousel bug ********************************************/
.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .scc-news-carousel .slide-content {
	max-height: 300px;
	min-height: 200px;
	/** margin-bottom: 2rem; **/
	margin-top: .5rem;
	margin-bottom: .5rem;
	min-width: 25%!important;
	/**width: 25%!important; **/
}
/** width and min width settings are for fixing issue with list view not working right on calendar page **/
.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slick-track, .eds_template_List_Article_List_CDICalendar_Carousel_WithSection2 .scc-news-carousel .slick-track {
	padding-top: 1rem;
	padding-bottom: 1rem;
	width: auto!important;
	/**min-width: auto!important;**/
}
/** width and min width settings are for fixing issue with list view not working right on calendar page **/
/*************************** fix for carousel bug ********************************************/

@media (max-width:1024px)	{
	.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content {
		min-width: 33% !important;
	}
		
	.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content .card-title{
		font-size:1rem;
	}
	
}

@media (max-width:844px)	{
		
	.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content .card-title{
		font-size:.8rem;
	}
	
}

@media (max-width:768px)	{
	
	.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content {
		min-width: 50% !important;
	}
	
	.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content .card-title {
		font-size:.8rem;
	}
	
}

@media (max-width:540px)	{
	
	.eds_template_List_Article_List_CDICalendar_Carousel_WithSection .scc-news-carousel .slide-content {
		min-width: 100% !important;
	}
	
}



/**** calendar category box ***/
.cdi-calendar-catelist h3 {
	text-align: center;
    padding: .8rem!important;
    margin-bottom: 0px;
}

.cdi-calendar-catelist .subpage-leftnav {
	width: fit-content;
	width: moz-fit-content;
    margin-left:auto;
    margin-bottom: 1rem;
}

.cdi-calendar-catelist .edn_category_menu_wrapper, .cdi-calendar-catelist .edn_category_menu_wrapper li ul {
	display:flex;
	margin:0px;
}

.cdi-calendar-catelist .edn_category_menu_wrapper li.active .edn_category span {
	color: #007FB0!important;
}



/*** Calendar categories colors ***/

.EDNcategorycolor-orange { /** currently set for holidays category (can change ) ***/
    background-color: #FFA400!important;
    border-color: #FFA400!important;
}

/*** this one is for the card view that uses the category description ( <div class="card-body [EasyDNNnews:Categories:Description]">)
  inside the List_Article_List_CDICalendar_Carousel_WithSection.htm template to get the category description and use it as a class ***/
.card .countyholidays .event-date {
	background-color: #FFA400!important;
    border-color: #FFA400!important;
}

.EDNcategorycolor-blue { /** currently set for DPW category (can change ) on month view ***/
    background-color: #216bad!important;
    border-color: #216bad!important;
}

/*** DPW this one is for the card view that uses the category description ( <div class="card-body [EasyDNNnews:Categories:Description]">)
  inside the List_Article_List_CDICalendar_Carousel_WithSection.htm template to get the category description and use it as a class ***/
.card .dpw .event-date {
	background-color: #216bad!important;
    border-color: #216bad!important;
}

.EDNcategorycolor-green { /** currently set for planning category (can change ) on month view ***/
    background-color: #008155!important; /** #037047!important;**/
    border-color: #008155!important;
}

/*** PLN this one is for the card view that uses the category description ( <div class="card-body [EasyDNNnews:Categories:Description]">)
  inside the List_Article_List_CDICalendar_Carousel_WithSection.htm template to get the category description and use it as a class ***/
.card .pln .event-date {
	background-color: #008155!important;
    border-color: #008155!important;
}

.EDNcategorycolor-gray { /** currently set for upc category (can change ) on month view ***/
    background-color: #006651!important;
    border-color: #006651!important;
}

/*** UPC this one is for the card view that uses the category description ( <div class="card-body [EasyDNNnews:Categories:Description]">)
  inside the List_Article_List_CDICalendar_Carousel_WithSection.htm template to get the category description and use it as a class ***/
.card .upc .event-date {
	background-color: #006651!important;
    border-color: #006651!important;
}

.EDNcategorycolor-black { /** currently set for BOS meetings category (can change ) on month view ***/
    background-color: #1c4e69!important;
    border-color: #1c4e69!important;
}

/*** BOS meetings this one is for the card view that uses the category description ( <div class="card-body [EasyDNNnews:Categories:Description]">)
  inside the List_Article_List_CDICalendar_Carousel_WithSection.htm template to get the category description and use it as a class ***/
.card .boardmeeting .event-date {
	background-color: #1c4e69!important;
    border-color: #1c4e69!important;
}


.EDNcategorycolor-red { /** currently set for Sanitation events category (can change ) on month view ***/
    background-color: #C64B06!important;
    border-color: #C64B06!important;  /*#e3b37b*/
}

/*** Sanitation events this one is for the card view that uses the category description ( <div class="card-body [EasyDNNnews:Categories:Description]">)
  inside the List_Article_List_CDICalendar_Carousel_WithSection.htm template to get the category description and use it as a class ***/
.card .sanitation .event-date {
	background-color: #C64B06!important;
    border-color: #C64B06!important;
}


.EDNcategorycolor-pink { /** currently set for Sanitation events category (can change ) on month view ***/
    background-color: #5C2751!important;
    border-color: #5C2751!important;  /*#e3b37b*/
}

/*** Local Coastal Program events this one is for the card view that uses the category description ( <div class="card-body [EasyDNNnews:Categories:Description]">)
  inside the List_Article_List_CDICalendar_Carousel_WithSection.htm template to get the category description and use it as a class ***/
.card .localcoastal .event-date {
	background-color: #5C2751!important;
    border-color: #5C2751!important;
}

.home-news-carousel-wrap .scc-news-carousel .slick-track {justify-content: space-between;}