/***
Author CSS
Overall site
***/
/*Text overrides*/
p {
  margin: unset;
  margin: .5em 0;
}
.paragraph--type--bootstrap-button p {
  margin: unset;
}

ul {
  margin-bottom: 5px;
}
/*Design/Color*/
.bg-offwhite {background-color: #efefef;}
.bg-royal-blue {background-color: #15354E;}
.bg-navbar-top-blue { background-color: #1a5575; }
.bg-cyan {background-color: #135B64;}
.bg-blue-grey {background-color: #AFC6D2;}
.bg-blue-blue-grey {background-color: #94b1cb;}
.bg-space-blue {background-color: #15354Edd;}
.bg-aqua {background-color: #96D5D2;}
.bg-aqua-alt {background-color: #96D5D266; border: 1px solid #96D5D2; }
.bg-light-green {background-color: #CEE6C1;}
.bg-light-green-alt {background-color: #CEE6C166; border: 1px solid #CEE6C1; }
.bg-light-blue {background-color: #C7DFF4;}
.bg-light-blue-alt {background-color: #C7DFF466; border: 1px solid #C7DFF4; }
.bg-light-purple {background-color: #d8cedf;}
.bg-light-purple-alt {background-color: #C9BBD266; border: 1px solid #C9BBD2; }

.navbar-top-blue { color: #1a5575; }
.dark-blue, .dark-blue * { color: #15354e; }
.yellow { color: #FFD300; }
.light-blue { color: #C7DFF4; }
.cyan, .cyan * { color: #135B64; }
.white, .white * { color: #FFF; }
.mid-blue, .mid-blue * {color: #048ABF}
.blue, .blue * { color: #048ABF; }

/*Bootstrap override*/
.da-blue .btn-primary {
  background-color: #07212D;
}
.alert-resize .alert {
  max-width: 85%;
  width: 500px;
  margin: 0px auto;
}
.bg-light {
  background-color: #efefef !important;
}
.bigger-gutter-row .row {
  --bs-gutter-x: 5rem;
}
.lead .fa-solid, .lead .fa-brands {
  min-width: 1.33em;
  text-align: center;
}
.accordion-button {
  padding: 0.5rem 1.25rem;
}
.alert-danger::before {
    float: left;
    margin-right: 5px;
}
.alert-info {
  color: #074f4b;
  background-color: #96D5D2 1px solid;
}
.btn-primary {
  background-color: #4595c1;
  border-color: #4595c1;
}
.btn {
  text-decoration: none;
}
.border-primary {
  border-color: #4595c1 !important;
}
.btn-outline-primary {
  color: #073045;
  border-color: #4595c1;
  font-weight: 500;
}
.btn-primary a {
  color: #FFFFFF;
}

/*HTML/Body*/
html, body {
  overflow-x: hidden;
}

html {
  background-color: #eff3f6;
}

body {
  max-width: 2200px;
  margin: 0 auto;
}

body:not(.path-frontpage):not(.node--type-county-news):not(.page-view-events-and-meetings):not(.page-view-search):not(.path-forms-and-documents) #main {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
body:not(.path-frontpage) #main .row {
  clear: both;
}
body:not(.path-frontpage) #main .container-fluid {
    padding: 0;
}

.site-footer__bottom {
  clear: both;
}
/*Workaround*/
  .dtitle h2 {
    color: #FFF;
  }

/*Images*/
.node .field--type-image {
  margin: 0;
  width: 100%;
  height: auto;
}

/*Buttons*/
.mobile-button { max-width: 85vw; margin: 0 auto; }
#edit-submit-solr-index-view {
  margin-left: 10px;
}

/*Fonts*/
.big-icons {
  display: flex;
}

.big-icons div {
  margin: 0 auto;
}

.big-icons span {
  font-size: 36px;
  padding-right: 10px;
  min-width: 65px;
  display: flex;
  justify-content: center;
}

.big-icons p {
  line-height: 36px;
  display: flex;
  align-items: center;
}

.big-icons .field--name-mp-text p a {
  display: flex;
}

.big-icons .field--name-mp-text p a span {
  font-size: 22px;
  line-height: 36px;
  min-width: unset;
}

/* Common Properties for pseudo-element fonts - These styles are required to make icons render reliably */
.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.small-icon-min-width .field--name-mp-text i,
.small-icon-min-width .field--name-mp-text span  {
  display: flex;
  justify-content: center;
  float: left;
  margin: 0 auto;
  width: 35px;
}

/*Blockquote*/
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 55px;
  margin: 20px 0px;
  position: relative;
  max-width: 95%;
  
  /*Font*/
  color: #666;
  
  /*Borders - (Optional)*/
  border-left: 2px solid #c76c0c;
  border-right: 2px solid #c76c0c;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

/*Featured top region*/
.region-featured-top .tabs {
  margin: 0;
}

/*View pages*/
.page-view-events-and-meetings #main {
  padding: 25px;
  max-width: 1600px;
}
.page-view-events-and-meetings .title {
  text-align: center;
}
.page-view-events-and-meetings .views-exposed-form {
  max-width: 500px;
}

.pagination {
  justify-content: start;
}

.views-exposed-form > div {
  column-gap: 20px;
}

/*Webform*/
.path-webform #main-wrapper {
      background: #15354E;
}
.path-webform #content {
  max-width: 1200px;
  margin: 70px auto;
  background: #FFF;
  border-radius: 5px;
}

.path-webform #block-pagetitle {
  padding: 25px 4vw;
}

.path-webform form {
  padding: 0 4vw 25px 4vw;
  max-width: 1000px;
}
.path-webform form.webform-submission-test-budget-form  {
  max-width: 100%;
  padding: 0 50px 50px 50px;
}
.js-form-item-search-api-fulltext label {
  opacity: 0;
  width: 0;
  float: left;
  height: 0;
}
/*Accordions*/
.accordion-item {
  background: none;
}
.paragraph--type--vertical-menu .accordion-item {
  background: white;
}
.accordion-item:last-of-type .accordion-button.collapsed,
.paragraph--type--accordion-wrapper .field .accordion-button
.paragraph--type--mp-view .accordion-button,
.paragraph--type--mp-view .accordion-item:first-of-type .accordion-button {
  border-radius: 10px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  background-color: white;
}

.paragraph--type--accordion-wrapper .field .accordion-button,.paragraph--type--mp-view .accordion-button {
  margin-bottom: 4px;
}

.paragraph--type--accordion-widget,.paragraph--type--mp-view .accordion {
  margin: 5px auto;
}

.paragraph--type--accordion-wrapper .field .accordion-button:not(.collapsed),
.paragraph--type--mp-view .accordion-button:not(.collapsed) {
  background-color: #e7f1f5;
  border: 1px solid #afd0dd;
}
.paragraph--type--accordion-wrapper .accordion-body, .paragraph--type--mp-view .accordion-body {
    background-color: #f7f7f7;
    border: 1px solid #91a0c7;
    border-radius: 10px;
    margin-bottom: 4px;
}

.paragraph--type--mp-view .accordion-item {
  background: none;
  border: none;
}

/*Custom card/well*/
.audio-well {
  border: 1px solid #bebebe;
  border-radius: 5px;
  padding: 15px;
}

.audio-well img {
  max-width: 100%;
}

.audio-well h4 {
  min-height: 60px;
  text-align: center;
}

.audio-well p {
  text-align: center;
}

.audio-well audio {
  display: flex;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 992px) {
  .audio-well {
    max-width: 500px;
    margin: 15px auto;
  }
}

/*Helper classes*/
.flex-center .paragraph .row, .flex-center {
  align-items: center;
}
.fix-media, .fix-media img {
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  padding: 5px;
}
.center-cta-btn .btn {
  margin: 0 auto;
  display: block;
}

.three-col, .three-col .text-formatted p, .three-col .text-formatted div  {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  column-span: all;
}
.mw-75 {
  max-width: 75%;
}
.nav-b {
  width: 75%;
}
.clear-both {
  clear: both;
}
.pad-left-desktop > .paragraph--type--mbp-layout > .row {
  padding-left: 25px;
}
.center-title .paragraph--type--page-title-paragraph h2 {
  text-align: center;
}
.center-title .paragraph--type--page-title-paragraph .dept-divider {
  margin: 15px auto;
}
.remove-p-margin p {
  margin: 0;
}

.width-75vw {
  display: block;
  max-width: 75vw;
}
.width-85vw {
  display: block;
  max-width: 85vw;
}
.iframe-wrap iframe {
  width: 96%;
  height: 96%;
  padding: 2%;
}

.dgco-divider {
  display: block;
  width:50%;
  max-width: 200px;
  height: 1px;
  background-color: #CCCCCC;
}

.dgco-navy-divider {
  display: block;
  width:50%;
  max-width: 200px;
  height: 1px;
  background-color: #15354E;
}

.clear-both {
  clear: both;
}

.lead-copy {
  font-size: 22px;
}

/*Breadcrumbs*/
#block-breadcrumbs {
  padding-top: 10px;
  padding-left: 25px;
}

/*Page fixes*/

.layout__region.container {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.node__content {
  margin-top: 0;
}

/*User Profile page*/
.field--name-field-helpful-links .field__item a {
  text-decoration: underline;
  font-size: 20px;
}

/*Constant Contact*/
.ctct-form-footer-link {
  display: none;
}

/*Google reCAPTCHA*/
.sr-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

/*All page titles must be deliberately added to pages*/
.node--type-page #block-pagetitle {
    display: none;
}

/*Back to top button*/
#topBtn {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 80px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: 1px solid #007777;
  outline-offset: -5px;
  border: 2px solid #007777;
  color: black;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
background-color: #007777;
color: white;
}

/*User login page*/

/*Webform*/
.path-user #main-wrapper {
      background: #15354E;
}
.path-user #content {
  max-width: 1200px;
  margin: 70px auto;
  background: #FFF;
  border-radius: 5px;
}

.path-user #block-mainpagecontent {
  padding: 10px 25px 50px 25px
}

.path-user #block-pagetitle {
  margin: 10px;
  border-radius: 10px;
}

.path-user form {
  padding: 0 4vw 25px 4vw;
  max-width: 1000px;
}

.path-user #block-pagetitle h1.title {
	font-size: 5rem;
	    text-align: center;
      /*height:25vh;*/
      border-radius: 5px;
      line-height: 20vh;
	    color: #fcedd8;
	    background: #135b64d6;
	   	font-family: 'Niconne', cursive;
	    font-weight: 700;
      /*text-shadow: 5px 5px 0px #eb452b, 
                  10px 10px 0px #efa032, 
                  15px 15px 0px #46b59b, 
                  20px 20px 0px #017e7f, 
                  25px 25px 0px #052939, 
                  30px 30px 0px #c11a2b;
                  35px 35px 0px #c13f4c, 
                  40px 40px 0px #c37c83, 
                  45px 45px 0px #d3afb2;*/
}

@keyframes rise {
	to {
		text-shadow: 0em 0.01em #77a8ce, 0em 0.02em #77a8ce, 0em 0.02em 0.03em #77a8ce,
			-0.01em 0.01em #6a96b7, -0.02em 0.02em #5a84a4, -0.03em 0.03em #386181,
			-0.04em 0.04em #385e7a, -0.01em -0.01em 0.03em #2e5879, -0.02em -0.02em 0.03em #1b3f5a,
			-0.03em -0.03em 0.03em #15354E;
		transform: translateY(-0.025em) translateX(0.04em);
	}
}
/*Forms and Documents page*/
.path-forms-and-documents #page {
    background: #15354E;
}
.path-forms-and-documents #main {
  padding: 50px;
}
.path-forms-and-documents #main-wrapper {
    padding: 50px;
    max-width: 1280px;
    width: 95%;
    margin: 50px auto;
    background: #FFFFFF;
    border-radius: 5px;
}
.path-forms-and-documents #main-wrapper {
    padding: 0;
}
.path-forms-and-documents .nav-tabs {
    background: white;
}
.path-forms-and-documents #block-breadcrumbs {
    padding-left: 0;
}
.path-forms-and-documents .title {
    font-size: 32px;
}
.path-forms-and-documents .view-grouping-header {
    font-size: 28px;
}
.path-forms-and-documents .bef-exposed-form .d-flex {
    column-gap: 10px;
}

/*Footer border*/
#dgco-border {
  display: flex;
}
#dgco-border-1 {
  background-color: #1C4666;
  height:2vh;
  width: 20%;
  color: white;
}
#dgco-border-2 {
  background-color: #197682;
  height:2vh;
  width: 20%;
  color: white;
}
#dgco-border-3 {
  background-color: #CEE6C1;
  height:2vh;
  width: 20%;
}
#dgco-border-4 {
  background-color: #AFC6D2;
  height:2vh;
  width: 20%;
}
#dgco-border-5 {
  background-color: #96D5D2;
  height:2vh;
  width: 20%;
}

/*Admin menu in Site View*/
/*Icon for Performance in Menu*/
#toolbar-link-system-performance_settings::before {
  background-image: url(../../../custom/dougcty_theme/assets/sliders.svg);
}

/*Grid "flexbox" paragraph special class*/
.one-two-thirds .grid-container {
  display: grid;
  gap: 1em;
  grid-auto-flow: column;
  grid-auto-columns: 33% 67%;
  border: 1px solid black;
  padding: 20px;
  border-radius: 5px;
}

/***
Media Queries
***/
.show-mobile-992 {
  display: none;
}

.mobile-only {
  display: none;
}
.desktop-only {
  display: block;
}

@media screen and (min-width: 2560px) {
  #block-info211 { 
    display: none;
  }
}
@media screen and (max-width: 1500px) {
  .nav-b {
    width: 95%;
    margin: 1em auto;
  }
}

@media screen and (max-width: 1200px) {
  .path-webform #content {
    max-width: 90%;
    margin: 40px auto;
    background: #FFF;
  }
  .path-user #content {
    max-width: 90%;
    margin: 40px auto;
    background: #FFF;
  }
  .navbar .mobile-only {
    display: block;
  }
  .hide-mobile-1200 {
    display: none;
  }
  .center-mobile, .center-mobile * {
    margin: 0 auto;
    max-width: 85%;
    display: block;
  }
}

@media screen and (max-width: 992px) {
  .hide-mobile-992 {
    display: none;
  }
  .show-mobile-992 {
    display: block;
  }
  .mobile-only {
    display: block;
  }
  .desktop-only {
    display: none;
  }
}

@media screen and (max-width: 850px) {
  .three-col, .three-col .text-formatted p, .three-col .text-formatted div {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media screen and (max-width: 768px) {
  .lead-copy {
    font-size: 18px;
  }
  .flex-center .paragraph .row, .flex-center {
    gap: 1.5em;
    padding: 0 15%;
  }
}

@media screen and (max-width: 425px) {
  /*Search API*/
  .js-form-item-search-api-fulltext {
    max-width: 70%;
  }
  .three-col, .three-col .text-formatted p, .three-col .text-formatted div {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}