<style>

/* -----------------------------------------
   Custom CSS and Overrides */
----------------------------------------- */

/* -----------------------------------------
   SITE-WIDE STYLES (Home page styles come after, and override in conflict
----------------------------------------- */

/* Include padding and border in an element's total width and height. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

article {
     margin-top: 2em;
     margin-bottom: 2em;
}

aside {
     margin-top: 1em;
     margin-bottom: 1em;
}

/* Reset default body margin */
body {
     margin: 0;
}

/* Override default image vertical position */
.doc .main-content IMG.ms-rtePosition-1 {
	margin-top: 5px!important;
}

.doc .main-content IMG.ms-rtePosition-2 {
	margin-top: 5px!important;
}

/* Override default row margin */
.row {
     margin-left: 0px;
     margin-right: 0px;
}

/* Not ready for prime time - disables Search tool */
/* Force DOC header elements to render behind modals */
/* header {
     position: relative;
	 z-index: 0;
} */

/* Override default spacing after section */
section {
     margin-bottom: 1em;
}

/* Override default line height in web parts */
.ms-rte-wpbox {
	line-height: 1.42;
}

/* Override default blockquote padding top and bottom */
blockquote {
	padding: 0px 22px;
}

/* Override default Contact container */
.location.contact .contact {
	width: 100%;
}

.location .contact .title {
    margin-bottom: 0rem;
}

.location .contact .address {
    margin-bottom: 0rem;
}

/* Override default highlight color */
mark { 
  background-color: yellow;
}

/* Generic centered Paragraph text. */
p.center {
	text-align: center;
}

/* Generic centered Table Cell text. */
td.center {
	text-align: center;
}

/* Generic centered Table Head text. */
th.center {
	text-align: center;
}

/* Generic flex container */
.flex-container {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}

/* Override table defaults */
th,td {
     padding: 5px;
}
.ms-rteTable-6 {
	border: 2px solid black;
	font-size: 0.9em;
}
.ms-rteTable-6 th {
	border-right: 1px solid white;
}
.ms-rteTable-6 tr.ms-rteTableEvenRow-6 {
	background-color: #ebf0f9;
}
.ms-rteTable-6 tr.ms-rteTableOddRow-6 {
	background-color: #d8e1f3;
}
.ms-rteTable-6 th.ms-rteTableFirstCol-6 {
	color: black;
	font-weight: bolder;
	border-right: 1px solid black;
}

/* Override default iFrame height (default iFrame doesn't adapt to content height) */
iframe {
    display: block;       /* iframes are inline by default */
    height: 65vh;        /* Viewport-relative units */
}

/* iframe CSS - force iframes to auto-resize to content. */

.iframe-container {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

.iframe-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

.map-container {
  position: relative;
  height: 0;
  padding-top: 70%;
  overflow: hidden;
}

.map-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

/* For swapping a webmap-static with a webmap-dynamic. First make the webmap-static accept input as a button. Then, this style scales the webmap-static input button to match the webmap-dynamic iframe that it overlaps. */

.map-container input {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

/* Override default Heading spacing */
.ms-rtestate-field h2 {
  padding-top: 6px;
  padding-bottom: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ms-rtestate-field h3 {
  padding-top: 6px;
  padding-bottom: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ms-rtestate-field h4 {
  padding-top: 6px;
  padding-bottom: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ms-rtestate-field P+h2 {
  padding-top: 6px;
  padding-bottom: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ms-rtestate-field P+h3 {
  padding-top: 6px;
  padding-bottom: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ms-rtestate-field P+h4 {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ms-rtestate-field h3+h4 {
  padding-top: 6px;
  padding-bottom: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h2.panel-title {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.panel .panel-heading h2 {
  line-height: 1.25;
}

/* Web Part Fix CSS - Override default bottom padding on SharePoint web parts (too much gap). */ 
.panelstyle-none .ms-webpart-chrome .ms-WPBody { 
	padding-bottom: 0;
}

/* Override default figure background and size */
figure {
	background-color: white;
}


/* Override default figure caption (too similar to body text) */
figcaption { 
	font-weight: normal;
	font-size: 0.9em;
	background-color: white;
}


/* Force long hyperlinks to wrap */

div.ms-rtestate-field *[href]{
	font-weight: bolder;
	text-decoration: none;
	word-break: break-word;
}

/* Force long hyperlinks to wrap in embedded Twitter widgets */

p.timeline-Tweet-text *[href]{
	word-break: break-word;
}

/* Generic centered TOC. */
div.toc-center {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-bottom: 1.5em;
}

/* Centered block TOC. */
div.toc-block {
	display: block;
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.5em;
}

/* Glow on hover: all linked IMG except DOC logo in template */
a img:not(#logoWeb):hover {
	box-shadow: 0em 0em .5em gray;
  }

/* Basic centered image. */
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 100%;
	max-width: 500px;
}

/* Basic centered div. */
div.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 100%;
	max-width: 500px;
}

/* Basic centered figure. */
figure.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	max-width: 550px;
	width: 100%;
}

/* Special link to open special page in new window, e.g. "Open the map in a new window" */
a.gothere {
	text-transform: uppercase; 
	font-size: 13px; 
}
img.go {
	vertical-align: baseline;
	height: 11px; 
	width: 11px; 
}

/* Photo credit style. Use in-line as a span element. */
span.photo-credit {
	font-size: 0.9em;
	color: #696969;
}

/* Small byline/date style for image attribution. Use in-line as a span element, or as a separate paragraph. */
.byline {
	font-family: Roboto, Arial, Helvetica, san-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-bottom: 0rem;
}

/* CGS Program attribution. Use as a separate paragraph at bottom of page. */
.btyb {
	text-align: center;
	font-size: smaller;
}

/* Add a drop shadow to an image or container */
.cgs-boxshadow {
	box-shadow: 0 2px 8px 0 lightgray;
	border: 1px solid lightgray;
}

/* ------------------------------
   LISTS LISTS LISTS LISTS LISTS
--------------------------------- */

/* Bold anchor tags in Lists */
.ms-rtestate-field UL>LI a {
 font-weight: bolder;
}

/* Override spacing of off-the-shelf List */
ul {
  padding-left: 20px;
}

.ms-rtestate-field UL UL {
  margin: 0.5em 0em 1em;
  padding-left: 20px;
}
.ms-rtestate-field UL LI {
  margin: 0.5em 0em;
}
.ms-rtestate-field UL>LI {
  margin: 0.5em 0em;
/*  line-height: 1.5rem;*/
}

.ms-rtestate-field UL>LI:last-child {
  margin-bottom: 0.7rem;
}

.ms-rtestate-field OL>LI:last-child {
  margin-bottom: 0.7rem;
}

.list_style_1{ 
	padding-left: 1em;
}
.list_style_1 li{ 
	padding-bottom: 0.5em;
}

.list-understated li{ 
	padding-bottom: 0;
}
.list-understated li:last-child {
  margin-bottom: 0.7rem;
}

/* Supplemental navigation menu List */
ul.suppnav {
	  padding-left: 0;
}

.ms-rtestate-field UL UL.suppnav {
  margin: 0.5em 0em 1em;
  padding-left: 0;
}

li.suppnav {
	font-size: .8rem;
	line-height: 1rem;
	margin-bottom: 0.7rem;
}

.ms-rtestate-field UL>LI.suppnav {
  font-size: .8rem;
  line-height: 1rem;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0.7rem;
  padding-left: 0;
}

/* List bullet = little file icon */
ul.links-list {
	list-style: none;
	padding-left: 0;
}
ul.links-list2 {
	list-style: none;
	padding-left: 0;
}

li.pdf, .list-overstated ul li.pdf {
	background: url(/cgs/siteassets/images/file-earmark-pdf.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
	padding-left: 1.5em; /* the width of your image + some space */
}
li.caution {
	background: url(/cgs/siteassets/images/exclamation-triangle.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.code {
	background: url(/cgs/siteassets/images/file-code.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.database {
	background: url(/cgs/siteassets/images/database-down.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.download {
	background: url(/cgs/siteassets/images/download.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.text {
	background: url(/cgs/siteassets/images/file-earmark-text.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.richtext {
	background: url(/cgs/siteassets/images/file-richtext.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.link {
	background: url(/cgs/siteassets/images/link.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.link-45 {
	background: url(/cgs/siteassets/images/link-45deg.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.video {
	background: url(/cgs/siteassets/images/file-earmark-play.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.webapp {
	background: url(/cgs/siteassets/images/icWebAppBuilder.png) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
	padding-left: 1.5em; /* the width of your image + some space */
}
li.external {
	background: url(/cgs/siteassets/images/box-arrow-up-right.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}
li.info {
	background: url(/cgs/siteassets/images/info-circle.svg) no-repeat left top; 
    background-size: auto .9em;
    background-position: 0px 3px;
    padding-left: 1.5em; /* the width of your image + some space */
}


/* Column classes from CA state template - Wrap columns in a div or section container with class="group" specified. All fractional columns are placed directly within the group container. All fractional columns should equal one whole group. For example two halfs equal one whole group. Likewise three thirds equal one whole. A row is identified by the group class. Columns are identified through frac​tional notations like class="half" class="quarter" class="third" class="two-thirds", and class="three-quarters" */

/* Override template 'group' margins */
.group {
	margin-left: -0px;
	margin-right: -0px;
}

/* Override template column width to accommodate a border and margin, if desired */
.half {
    width: 49%;
}

.half.m-b-md {
    width: 50%;
}

.quarter, .third, .half, .two-thirds, .three-quarters {
	padding-left: 0px;
  }

/* Override template column behavior on tablets */
/* @media screen and (max-width: 1025px) {
  .three-quarters, .two-thirds {
    width: 100%;
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
  }
  .quarter {
    width: 50%;
	display: inline-block;
	padding-left: 0px;
  }
} */

/* Override template column behavior on tablets and smartphones */
@media screen and (max-width: 768px) {
  .quarter, .half, .three-quarters, .third, .two-thirds, .half.m-b-md {
    width: 100%;
	padding-left: 0px;
	padding-right: 0px;
  }
}

/* Image gallery */
div.cgs-gallery {
  border: 1px solid #ccc;
  margin-bottom: 1em;
}

div.cgs-gallery img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------
   Display these classes on small screens only
----------------------------------------- */
@media screen and (min-width: 769px) {
  .btn-hidden {
    display: none;
  }
  .div-hidden {
    display: none;
  }
}

@media screen and (max-width: 500px) {
H1[data-name="Page Field: Title"] {
    font-size: 2rem;
  }
}

@media screen and (max-width: 500px) {
.ms-rtestate-field h1 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 500px) {
.ms-rtestate-field h2 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 500px) {
.ms-rtestate-field h3 {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 815px) {
.map-container {
    padding-top: 140%;
  }
}


/* Centered FIGURE, DIV, and IMG classes on iPad */
@media screen and (max-width: 768px) {
figure.center, div.center, img.center {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 20px!important;
  }
}

/* Left-floating FIGURE, DIV, and IMG classes */

@media screen and (min-width: 992px) {
figure.left {
	width: 50%;
	max-width: 500px;
	float: left;
	margin: 0 0 20px!important;
    margin-right: 30px!important;
  }
  
img.left, div.left {
	width: 50%;
	max-width: 500px;
	float: left;
	margin: 0 0 20px!important;
    margin-right: 30px!important;
  }
figure.left-smaller {
	width: 100%;
	max-width: 300px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }
}

@media screen and (min-width: 769px) {
figure.left {
	width: 50%;
	max-width: 500px;
	float: left;
	margin: 0 0 20px!important;
    margin-right: 30px!important;
  }

img.left, div.left {
	width: 50%;
	max-width: 500px;
	float: left;
	margin: 0 0 20px!important;
    margin-right: 30px!important;
  }
figure.left-smaller {
	width: 100%;
	max-width: 300px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }
}

@media screen and (max-width: 768px) {
figure.left, figure.left-smaller {
	width: 100%;
	max-width: 500px;
    float: none!important;
	margin: 0 auto 20px!important;
  }

img.left, div.left {
	width: 100%;
	max-width: 500px;
    float: none!important;
	margin: 0 auto 20px!important;
  }
}


/* Right-floating FIGURE and IMG classes */

@media screen and (min-width: 992px) {
figure.right {
	width: 50%;
	max-width: 500px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }

img.right, div.right {
	width: 50%;
	max-width: 500px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }
  
figure.right-smaller {
	width: 100%;
	max-width: 300px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }
}

@media screen and (min-width: 769px) {
figure.right {
	width: 50%;
	max-width: 500px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }

img.right, div.right {
	width: 50%;
	max-width: 500px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }
  
figure.right-smaller {
	width: 100%;
	max-width: 300px;
	float: right;
	margin: 0 0 20px!important;
    margin-left: 30px!important;
  }
}

@media screen and (max-width: 768px) {
figure.right, figure.right-smaller {
	width: 100%;
	max-width: 500px;
    float: none!important;
	margin: 0 auto 20px!important;
  }
  
img.right, div.right {
	width: 100%;
	max-width: 500px;
    float: none!important;
	margin: 0 auto 20px!important;
  }
}


/* -----------------------------------------
   CARDS
----------------------------------------- */
.card {
	position: relative;
	display: block;
	background-color: #f5f5f5;
	border: 1px solid lightgray;
	border-radius: 0
}

.card-deck .card .card-img-top {
	width: 100%;
	height: 170px;
	object-fit: cover;
	object-position: 50% 0%;
}

@media (min-width: 600px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: 0px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
	background-color: #f5f5f5;
	border-color: lightgray;
  }
  .card-deck .card:hover {
	box-shadow: 0em 0em .5em gray;
  }
}
.card-body {
  padding: 15px;
  flex: 1 1 auto;
  /* min-height: 1px; */
  padding: 1.25rem;
}
.card-title {
	margin-bottom: 0.75rem;
	margin-top: 0;
	color: #ffffff;
}
h3.card-title {
	font-size: 1.3rem;
}
p.card-date {
	font-size: 0.8em;
	text-transform: uppercase;
	margin-bottom: 0rem;
}


/* Responsive table */
        .scrolltable {
            overflow-x: scroll;
            height: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            -webkit-flex-direction: column;
        }
        .scrolltable > .header {
        }
        .scrolltable > .body {
            /*noinspection CssInvalidPropertyValue*/
            width: -webkit-fit-content;
            overflow-y: scroll;
            flex: 1;
            -webkit-flex: 1;
        }
        scrolltable.th, scrolltable.td {
            min-width: 150px;
        }
        /* an outside constraint to react against */
        #constrainer {
            width: 400px;
            height: 300px;
        }
        #constrainer2 {
            width: 95.5%;
            overflow-x: scroll;
        }
        #constrainer2 table {
            overflow-y: scroll;
        }
        #constrainer2 tbody {
            overflow-x: hidden;
            display: block;
            height: 100%;
        }
        #constrainer2 thead {
            display: table-row;
			font-weight: bolder;
        }
        /* only styling below here */
        #constrainer, #constrainer2 {
            border: 1px solid lightgray;
        }
        #constrainer2 table {
            border-collapse: collapse;
        }
        #constrainer2 th, #constrainer2 td {
			font-size: 0.9em;
            border: 1px solid gray;
			text-align: center;
        }
        #constrainer2 th {
            background-color: #f5f5f5;
            border-width: 1px;
			font-weight: bolder;
        }
        #constrainer2 td {
            border-width: 1px;
        }
        #constrainer2 tr:first-child td {
            border-top-width: 0;
        }
        #constrainer2 tr:nth-child(even) {
            background-color: #f5f5f5;
        }


/* -----------------------------------------
   All-purpose button
----------------------------------------- */
/* Use this button as a link when you want to spice things up */
.ap-button {
  background-color: #0b3c5d;
  color: white !important;
  text-decoration: none;
  font-weight: bolder;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  margin: 10px;
  opacity: 1;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  vertical-align: baseline;
  min-width: 130px;
  max-width: 250px;
  border-radius: 10px;
}

.ap-button:hover,
.ap-button:focus {
  background-color: #FDB515;
  opacity: 1;
  color: white !important;
  cursor: pointer;
  text-decoration: none;
}

/* -----------------------------------------
   MODAL STYLES from W3Schools
----------------------------------------- */
/* Button used to open the Modal */
.modal-open {
  background-color: #0b3c5d;
  color: white !important;
  text-decoration: none;
  font-weight: bolder;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  margin: 20px auto;
  opacity: 1;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  vertical-align: baseline;
  max-width: 250px;
  border-radius: 10px;
}

.modal-open:hover,
.modal-open:focus {
  background-color: #FDB515;
  opacity: 1;
  color: white !important;
  cursor: pointer;
  text-decoration: none;
}

.button_link:hover,
.button_link:focus {
  background-color: #FDB515;
  opacity: 1;
  color: white !important;
  cursor: pointer;
  text-decoration: none;
}

/* Force DOC logo behind the Modal */
.header-organization-banner {
  z-index: 1 !important;
  position: relative;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: auto; /* 0% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
  max-width: 640px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

/* The Reload Button */
.modal-reload {
  background-color: navy;
  font-size: 80%;
  color: white !important;
  font-weight: bolder;
  text-decoration: none;
  padding: 10px 10px;
  border: none;
  cursor: pointer;
  margin: 10px auto;
  opacity: 0.8;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  vertical-align: baseline;
  width: 100px;
  max-width: 250px;
  border-radius: 10px;
}

.modal-reload:hover,
.modal-reload:focus {
  opacity: 1;
  color: white !important;
  cursor: pointer;
  text-decoration: none;
}

/* The Close Button */
.modal-close {
  background-color: red;
  font-size: 80%;
  color: white !important;
  font-weight: bolder;
  text-decoration: none;
  padding: 10px 10px;
  border: none;
  cursor: pointer;
  margin: 10px auto;
  opacity: 0.8;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  vertical-align: baseline;
  width: 100px;
  max-width: 250px;
  border-radius: 10px;
}

.modal-close:hover,
.modal-close:focus {
  opacity: 1;
  color: white !important;
  cursor: pointer;
  text-decoration: none;
}


/* -----------------------------------------
   STYLES SPECIFICALLY FOR RGM PAGE (temporary)
----------------------------------------- */

h3.smaller {
  font-size: 16px;
margin-bottom: 0px;
}



/* -----------------------------------------
   HOME PAGE STYLES ONLY
----------------------------------------- */
.doc-division-landing #docMainContent .ms-webpart-chrome, .doc-division-landing #docMainContent .ms-webpart-chrome .ms-WPBody {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: solid 0px #b0cbd9;
}

/* -----------------------------------------
   Web Part Fixes for Home page
----------------------------------------- */
/* Web Part Fix CSS - Override default bottom margin on SharePoint web parts. */ 
.ms-webpartzone-cell {
	margin-bottom: 0;
}

/* Web Part Fix CSS - Override default nowrap and bottom margin on home page web part title text. */ 
.ms-webpart-titleText.ms-webpart-titleText {
	white-space: normal;
	text-align: left;
}
h2.ms-webpart-titleText {
	white-space: normal;
}
h3.ms-webpart-titleText {
	white-space: normal;
}


/* -----------------------------------------
   NEWS and EVENTS overrides
----------------------------------------- */
.panelstyle-none .ms-webpart-chrome .ms-webpart-titleText {
	padding-top: 10px;
}
.doc .doc-news-list .news-item .thumbnail IMG {
	border: 1px solid #6297b3;
}
.doc .doc-news-list H2 {
	margin-bottom: 0px;
	font-size: 1.3rem;
}
.doc .doc-news-list H3 {
	margin-bottom: 0px;
	font-size: 1.0rem;
}
.doc .doc-events-list .news-item .published {
  margin-bottom: 10px;
}
.doc .doc-events-list H2 {
	margin-bottom: 0px;
}

/* Display these classes on small screens only */
@media screen and (max-width: 500px) {
.news-item {
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 22px;
	}
.doc .doc-events-list .news-item {
	padding-right: 15px;
	}
.doc .doc-news-list .news-item .thumbnail {
	width: 100%;
	margin-left: -15px;
	margin-right: -30px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 22px;
	}
.doc .doc-news-list .news-item .info {
	width: 100%;
	padding-left: 0;
	padding-right: 15px;
	margin-right: 15px;
	}
}

@media screen and (min-width: 992px) {
  .btn-hidden {
    display: none;
  }
  .div-hidden {
    display: none;
  }
}

/* -----------------------------------------
   Map container on Home page
----------------------------------------- */
/* more::after selector */
.more A::after {
	font-family: 'Font Awesome\ 5 Free';
	content: '\f054';
	font-weight: bolder;
	display: inline-block;
	margin-left: 4px;
}

/* -----------------------------------------
   Popular Links override on Home page
----------------------------------------- */
.arrow-bullet-list>LI {
    font-size: 0.95em;
}
.doc-popular-links A {
    font-weight: bolder;
}

</style>