/* ============================================================
   Combined Asset Injector CSS for schrier.house.gov
   v4: v3 + prod subscribe-form styling (verified via Playwright).

   Apply by:
   1. Overwrite the existing "css" Asset Injector entry with this file.
   2. Make sure no other Asset Injector CSS entries are enabled.
   3. Flush the CSS/JS cache (/admin/config/development/performance).

   Changes since v3:
   - Dropped the old .paragraph--id--65 rules (max-width:83%!important on the
     column and an h2 sizing rule). Those were leftover from a prior use of
     paragraph 65 and conflicted with form styling.
   - Added prod-equivalent form rules mirroring stg's .paragraph--id--57
     rules onto .paragraph--id--65 (subscribe webform-225). Includes
     background image, navy border, button styling, etc.
   - The form bg image rule from v3 (scoped via :has(form)) is still
     present as a forward-compat fallback.
   ============================================================ */

body {
  	font-family: 'Open Sans', sans-serif;
  }
  h2, .h2 {
  	font-family: 'Open Sans', sans-serif;
  }
  h5, .h5 {
  font-size: 1.25rem;
  font-family: 'Open Sans', sans-serif;
}
  a {
    color: #162f65;
    text-decoration: none;
    background-color: transparent;
}
.breadcrumb .text-primary {
     
    font-size: 1.3rem !important;
    color: #091936 !important;
}
.evo-navbar-branding {
    flex: 30%;
    width: auto;
}

.evo-social-icons-here > a {
    display: block;
    margin: 0!important;
}
   
   form[id*=form-evo-search] input[type*=submit] {
    font-size: 1rem;
    /* height: 36px; */
    width: 36px;
    text-indent: -9999px;
    background: #01b3e2 url(/profiles/evo/themes/custom/evo_drupaltheme_73/images/search.svg) center center no-repeat !important;
    border: 5px solid #01b3e2;
}

form[id*="webform-225"] {
	display: block;
}
    .sticky-top {
        background: none;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .tc-icon {
        height: 1.6rem;
    width: 1.6rem;
    margin-right: 0px;
        background-color: #002856 !important;

}
    .evo-navbar-branding img {
    max-width: 447px;
    min-width: 150px;
    transition: all 0.5s ease-in-out;
    width: 100%;
    filter: brightness(0) invert(1);
}

div[id*=views-evo-carousel-evo-feature-slider-block-feature-slider] .carousel-inner .carousel-item:before {
    content: "";
    display: block;
    width: 100%;
    background: none;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.carousel-caption {
	display: none !important;
}

body.path-frontpage 
#views-evo-carousel-evo-feature-slider-block-feature-slider img {
  width: 100%;
  height: auto;
  object-fit: cover;
  animation: slowZoom 20s ease-in-out infinite;
  transform-origin: center center;
        max-height: 100%;
    min-height: 100%;

}


/* Zoom in and out animation */
@keyframes slowZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.views-element-container.contextual-region.block.block--evo-drupaltheme-73-views-block--evo-feature-slider-block-feature-slider {
    top: -7rem;
}

.evo-services .col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
}

.evo-services .col .icon-wrapper {
    background: #162f65;
    display: block;
    text-align: center;
    border-radius: 180px;
    width: 180px;
    height: 180px;
    margin: 10px 10px 23px;
    color: #fff;
    position: relative;
    padding: 10px;
}

.evo-services .col .icon-box {
    background: #162f65;
    display: flex;
    justify-content: center;
    border-radius: 180px;
    width: 100%;
    height: 100%;
    margin: auto;
    border: 2px solid #95D600;
    color: #fff;
    align-items: center;
}

.path-contact-about-our-district .table thead th {
    vertical-align: top;
    border-bottom: 2px solid #dee2e6;
    font-weight: 400;
}

.evo-displayer-slideup {
    height: auto !important;
    width: 100% !important;
    left: auto !important;
    animation-name: slideup;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin: 0 !important;
    z-index: 9999 !important;
    max-width: 23%;
    right: auto;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 1rem 1rem !important;
}


.custom-slideup img {
  height: auto;
  width: 100%;
  margin: auto;
  max-width: 100%;
}

.slideup-links ul a {
	color: #fff;
	margin-left: 5px;
}
div#dnda {
    color: #fff;
    display: none;
    margin-top: 0px;
}
.slideup-links ul li {
  list-style: none;
  text-align: left;
  background: #162f65;
  margin-bottom: .3rem;
  padding: .3rem 0.5rem 0.5rem 0.5rem;
  margin: .3rem auto;
  max-width: 100%;
  width: 100%;
  border-radius: 8px;
}


.evo-displayer-slideup {
    background: #162f65 !important;
}

.slideup-links ul {
    margin: 0 !important;
    padding: 0 !important;
    width: 85%;
}


p.header-text {
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 1.1rem;
    margin: 0;
}

div#dnda {
    color: #fff;
    margin-top: 0px;
}

.views-element-container.contextual-region.block.block--evo-drupaltheme-73-views-block--evo-feature-slider-block-feature-slider {
    top: 0;
}
.slideup-links {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #fff;
    flex-wrap: wrap;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 100%;
    padding: .3rem;
}
.evo-navbar-branding img {
    max-width: 500px;
    min-width: 150px;
    transition: all 0.5s ease-in-out;
    width: 100%;
    filter: none!important;
}
#evo-displayer-slideup-close {
    color: transparent;
    background-image: url(/sites/evo-subsites/schrier-evo.house.gov/files/evo-media-image/white-x-25px.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
       max-width: 26px!important;
    left: 0rem!important;
    position: relative!important;
}
/* v2 FIX: removed stray "}" that was here (broke brace balance). */
.evo-view-constituent-stat-view.evo-view-wrapper .evo-views-row-container {
    display: flex;
       flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.custom-const-stats-wrapper svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
    font-size: 2rem;
}
.custom-const-num {
    font-size: 2.5rem;
    font-weight: 600;
    color: #002856;
}

.custom-const-desc {
    font-size: 1.2em;
    align-self: start;
    color: #00B3E3;
    font-weight: bold;
}
.custom-const-icon .svg-inline--fa {
    color: #002856;
}
.more-link {
    margin-top: 0rem;
    text-align: center;
}

.more-link a {
    background-color: #012755;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.25);
    padding: 0.65rem 1.2rem;
    font-size: 1.25rem;
    color: #ffffff!important;
    line-height: 1.5;
    border-radius: 4px;
    border: 2px solid #012755;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.paragraph > .paragraph__column h2:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    margin-left: 10px;
}

/* 0. PREVENT PAGE LOAD FLASH
   This hides all sub-menus immediately by default before JS even runs. */
#superfish-main li ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute;
}

.navbar-collapse .evo-navbar-right .sf-menu a.sf-depth-1 {
    color: #162f65;
        background-color: transparent;
   
    font-size: 1.2rem;
    font-weight: 800;
}

ul.sf-menu ul li a:hover {
    background: #00B3E3;
}

#superfish-main li.sf-cloned-parent a {
    font-weight: bold !important;
    color: #f5f6f7 !important;
}

.page__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1030;
  background: linear-gradient(to bottom,#7373739e 90% 14%,transparent 100%) !important;
}

p.const-stats-title {
    font-size: 2rem;
    font-weight: 800;
    color: #162f65;
    line-height: 1.2;
}

p.const-stats-title:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    margin-left: 10px;
}

.paragraph--color--rgba-grey-slight .paragraph__column h2 {
    color: #162f65 !important;
}
.evo-navbar-left div[class*=headercontact] .evo-default-content__body, .evo-navbar-left .evo-social-icons-block-content {
    filter: unset !important;
}

.evo-services .col .icon-wrapper svg:not(:root).svg-inline--fa {
        font-size: 3rem;
    margin: 0 auto;
}

.paragraph--id--50 .paragraph--type--evo-columns__2col .paragraph {
    box-shadow: rgba(0, 0, 0, 0.33) -20px 18px 50px 9px;
    height: 680px;
    background: rgb(255, 255, 255);
    margin: 3em 0px;
    padding: 20px;
}

.carousel-indicators li:after {            
   position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 4px;
    left: 4px;
    background: transparent;
    border: none;
}

.carousel-indicators li.active {
    opacity: 1;
    background: #162f65 !important;
    border: 1px solid #162f65 !important;
}

.featured_interior_photo {
    padding-top: 8rem;
    background: none!important;
    position:relative;
    height: unset!important;
    max-height: unset!important;
}

body:not(.path-frontpage) .page__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1030;
    background: #01b3e2 !important;;
}

div[class*=second-level-menu] h2:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95d600;
    display: inline-block;
    margin-left: 10px;
}

.paragraph--id--57 {
    background-image: url(/sites/evo-subsites/schrier-evo.house.gov/files/styles/evo_image_full_width_1920_focal_point/public/evo-media-image/schrier-mtrainerflowers.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-repeat: no-repeat;
}


.paragraph--id--57 .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
   
    color: #fff;
    margin-bottom: 0!important;
    border: none!important;
}

.paragraph--id--57 h2 {
	color: #162f65;
}
.paragraph--id--57 > .paragraph__column {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    justify-content: left;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    background: #fff;
    margin: 2rem;
    
}

.paragraph--id--57 fieldset.card .card-body {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  color: #162f65;
}

.paragraph--id--57  .form-required::before {
    content: "*";
    color: #01b3e2 !important;
    display: inline-block;
    margin-right: 2px;
    font-size: 1.875rem;
    line-height: 0.8;
}

.paragraph--id--57  .card-body.fieldset-wrapper .form-group {
 margin-bottom: 0;
  width: 100%;
  
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 45%;
}



.paragraph--id--57 .card-header {
    padding: 0em 1.25rem;
    margin-bottom: 0;
    background: none!important;
    border: none!important;
}

.paragraph--id--57 a {
	color: #95d600;
	
}
div[class*=second-level-menu] ul li a, div[class*=second-level-menu] ul li a.nav-link {
    color: #002856;
    font-weight: bold;
    display: block;
    padding: 0.5rem 1rem 0.5rem 0;
    font-size: 1.1rem;
    border-bottom: 1px dotted #ccc;
    min-width: 44px;
    min-height: 44px;
}

div[class*=second-level-menu] ul li a.is-active, div[class*=second-level-menu] ul li a.nav-link.is-active {
    color: #091936;
    font-weight: bold;
    border-left: 4px solid #95d600;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

div#edit-actions--2 {
    text-align: center;
}
#edit-actions {
  width: 30%;
  flex: 30%;
  display: flex;
}

.paragraph--id--57 .custom-const-desc {
    font-size: 1.2em;
    align-self: start;
    color: #162f65;
    font-weight: bold;
}

.paragraph--id--57 .page-item.active .page-link {
    background-color: #162f65!important;
    border-color: #162f65!important;
}
.custom-const-desc {
    font-size: 1.2em;
    align-self: start;
    color: #162f65;
    font-weight: bold;
}

.block.block--evo-drupaltheme-73-evo-displayer-webform {
	display: none;
}
    
    div[class*=block--evo-constituent-stats]>div[class*=evo-constituent-stats]>div[class*=item] .paragraph.evo-no-line-break div[class*=stat-number] {
    font-size: 2.5rem;
    font-weight: 600;
    color: #002856;
    padding: 0 14px;
}

.evo-no-line-break .paragraph__column {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    margin: auto;
    justify-content: center !important;
  
}

div[class*=block--evo-constituent-stats]>div[class*=evo-constituent-stats]>div[class*=item] .paragraph div[class*=stat-description] {
    -webkit-box-pack: start;
    justify-content: center!important;
    font-size: 1.2em;
    align-self: center;
    color: #162f65;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;
    width: 100%;
}
div[class*=block--evo-constituent-stats] {
	background: #fff!important;

}
/* v2 FIX: selector was ".paragraph_column" (single underscore) and four
   declarations had "Xxximportant" without the space-bang prefix, so they
   were silently ignored. Corrected to ".paragraph__column" and "X !important". */
section.paragraph.paragraph--type--stats.paragraph--view-mode--default.paragraph--id--59.evo-no-line-break > .paragraph__column {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    text-align: center !important;
    margin: auto !important;
}
.evo-view-constituent-stat-view.evo-view-wrapper .evo-views-row-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    max-width: 89%;
    width: 100%;
}

.custom-const-num {
    font-size: 2.5rem;
    font-weight: 700;
    color: #002856;
    font-family: 'open sans', sans-serif;
}

div#edit-phone-opt-in {
    width: 100%;
    max-width: 93%;
}

div[class*=block--evo-constituent-stats] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
    min-width: 100%;
    width: 100%;
    justify-content: space-around;
    background: #f2f2f7;
    padding: 10px;
    font-size: 16px;
    opacity: 0;
    transition: all 0.3s ease-in;
    flex-wrap: nowrap;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    flex: 1;
    margin-bottom: 1em;
    max-width: 100%;
}

div[class*=block--evo-constituent-stats]>.evo-stat-title {
    -webkit-box-flex: 1;
    flex: 1;
    flex-shrink: 0;
    font-size: 1.1em;
    max-width: 100%!important;
    text-align: center;
    padding-left: 0!important;
    padding-right: 0!important;
    font-weight: 900;
    margin-bottom: 0;
    min-width: 100%;
}

.bg-secondary {
    background-color: #012755 !important;
}
.evo-view-evo-office-locations.evo-view-wrapper a {
    color: #01b3e2;
}

section.evo-services.container-fluid.p-0 a {
font-size: 1.3rem;
color:#012755;
}

section.evo-services.container-fluid.p-0 a:hover {
font-size: 1.3rem;
color: #01b3e2;
}


.webform-required, span.fieldset-legend.m-0{
    display: none;
}
.paragraph--id--57  .card-body.fieldset-wrapper {
    display: flex;
    margin: auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    justify-content: space-evenly;
    align-items: baseline;
    vertical-align: baseline;
}

.paragraph--id--57 > .paragraph__column h2 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0rem!important;
    margin-left: 2rem;
}
section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--69.paragraph--width--wide
 {
    background: #a3b1c2;
}

.const-stats {
    margin: 0 auto !important;
}



.paragraph--id--57 #webform-submission-webform-225-node-43-add-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}


div[class*=second-level-menu] ul li a:hover, div[class*=second-level-menu] ul li a.nav-link:hover {
    color: #00B3E3 !important;
    text-decoration: underline;
}

.display-4 {
  font-weight: 700;
  font-size: 1.75rem;
  font-family: 'open sans',sans-serif;
  color: #162f65 !important;
  margin-bottom: 0;
}

legend.captcha__title.js-form-required.form-required {
  color: #162f65;
  font-size: .8rem;
  display: flex;
    justify-content: center;
}
p.gotoprofile-btn a {
    margin: auto;
    text-align: center;
    background: #162f65;
    padding: 1rem;
    color: #fff;
}

svg.ext path, svg.mailto path, svg.tel path {
    stroke: #727272;
    stroke-width: 3;
    display: none;
}

p.gotoprofile-btn {
    text-align: center;
}

svg.ext {
    width: 14px;
    height: 14px;
    fill: #727272;
    font-weight: 900;
    display: none;
}

.paragraph.paragraph--type--evo-simple.paragraph--view-mode--default.paragraph--id--53.paragraph--width--wide {
  border-bottom: 5px solid #4E6989;
}



.paragraph--id--57 > .paragraph__column {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}


.paragraph--id--57 .btn {
  background: none !important;
  border: none !important;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.paragraph--id--57 .btn-primary {
    color: #162f65;
    float: right;
    display: flex;
    width: 100%;
    max-width: 85%;
}


.custom-slideup {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}





.paragraph--id--57 .form-control { 
    width: 100%;
    line-height: 1;
    padding: 5px 5px;
    color: #0A2133;
    font-size: 14px;
    background-color: rgba(77, 77, 77, 0.07);
    background-image: none;
    border: 0;
    border-bottom: 3px solid #0A2133;
    border-radius: 0px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
}

.captcha__description {
    margin-bottom: .75em;
    display: none;
}
.captcha__element {
    text-align: center;
       width: 108%;
    margin: 0rem 0 0 .5rem;
}
.paragraph--id--57 .btn-primary:not(:disabled):not(.disabled):active, .paragraph--id--57 .btn-primary:not(:disabled):not(.disabled):active:focus {
color: #01b3e2;
border: none !important;
    box-shadow: none;
}


.paragraph--id--57 .btn-primary:after {

  content: "\2192"; /* Unicode for right arrow (→) */
  color: #0d47a1; /* Matches the blue color */
  font-size: 1.5em;
  line-height: 1; /* Ensures it sits centered vertically */
  display: block;
      vertical-align: middle;
    margin-left: 1.5rem;
    transition: all 0.2s ease-in-out;
    top: -1px;
    position: relative;
}

.paragraph--id--57 .btn-primary {
	color: #162f65;
	float: right;
	display: flex;
	width: 13rem;
	max-width: 13rem;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	
	color: #0a2133;
	font-size: 1.25rem;
}

.paragraph--id--57 .btn-primary:hover {
	background-color: #0a2133 !important;
	border: 3px solid #0a2133 !important;
	color: white;
}

.paragraph--id--57 .btn-primary::after {
	content: "\2192";
	color: #0a2133;
	font-size: 1.75em;
	line-height: 1;
	display: block;
	vertical-align: middle;
	margin-left: 0.5rem;
	transition: all 0.2s ease-in-out;
	top: -0.1rem;
	position: relative;
}

.paragraph--id--57 .btn-primary:hover::after {
	color: white;
}

.paragraph--id--57 .form-required::before {
	content: "*";
	color: #01b3e2 !important;
	display: inline-block;
	margin-right: 0.2rem;
	font-size: 1rem;
	line-height: 1;
	position: relative;
}

.paragraph--id--57 label {
	margin-top: 1rem;
}

.paragraph--id--57 .captcha.captcha-type-challenge--hcaptcha {
	margin-top: 1rem;
}

.paragraph--id--57 .captcha__title.js-form-required.form-required {
	position: relative;
	left: -0.65rem;
}

.paragraph--id--57 > .paragraph__column {
	border: 2px solid #162f65;
}


.paragraph--id--57 .form-group {
    margin-bottom: 0;
}
ul.current-stats-list svg:not(:root).svg-inline--fa, ul.previous-stats-list svg:not(:root).svg-inline--fa {
  font-size: 3.2rem;
  margin: 0 0 .5rem 0;
    width: 100%;
}

ul.current-stats-list svg:not(:root).svg-inline--fa, ul.current-stats-list li {
    color: #091936;
}

.previous-cont-stats h2, h2.current-stats  {
    margin: 0 auto;
    font-size: 1.7rem;
    text-align: left;
    line-height: 1;
}

	ul.previous-stats-list, ul.current-stats-list {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
    font-size: 1.1rem;
    color: #fff;
    line-height: 1.1;
    margin: 0 auto;
    padding: 0;
}

.paragraph--id--67> .paragraph__column h2:after {
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    left: 100%;
    bottom: 22%;
    position: absolute;
}
.paragraph--id--69> .paragraph__column h2:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    left: 100%;
    bottom: 22%;
    position: absolute;
}

    section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--69.paragraph--width--wide>.paragraph__column {
		float: none!important;
        width: 100%!important;
      margin: 0 auto!important;
    }

	    section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--67.paragraph--width--wide>.paragraph__column {
		float: none!important;
        width: 100%!important;
       margin: 0 auto!important;
    }
.paragraph--id--57 > .paragraph__column {
  border: 2px solid #162f65;
 
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

/* ============================================================
   v3 PROD STATS FIXES (appended; later rules win cascade)
   ============================================================ */

/* Gray-blue band + vertical padding on the 2025 block (paragraph 63). */
section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--63.paragraph--width--wide {
    background: #a3b1c2;
    padding-top: 1em;
    padding-bottom: 1em;
}

/* Forward-compat: same band targeted by stable inner class, so future
   paragraph-ID changes don't break this. */
section.paragraph--width--wide:has(.previous-cont-stats) {
    background: #a3b1c2;
    padding-top: 1em;
    padding-bottom: 1em;
}

/* Green dash accent on the heading (matches stg --id--67/--id--69). */
.paragraph--id--61 > .paragraph__column h2:after,
.paragraph--id--63 > .paragraph__column h2:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    left: 100%;
    bottom: 22%;
    position: absolute;
}

/* Full-width inner column for both stats sections on prod. */
section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--61.paragraph--width--wide > .paragraph__column,
section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--63.paragraph--width--wide > .paragraph__column {
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Force stat h2 to stg look. The prod theme has a 4-class wrapper rule
   that otherwise sets font-size:2.5rem / color:#333 / display:inline-block. */
.previous-cont-stats h2,
h2.current-stats {
    font-size: 1.7rem !important;
    color: #091936 !important;
    font-weight: 700 !important;
    display: flex !important;
    margin: 0 auto !important;
    text-align: left !important;
    line-height: 1 !important;
}

/* Suppress the 20px green ::before bar the prod theme injects before every
   .paragraph__column h2 - only on the two const-stats headings; leave it
   on Latest News and other sections. */
.previous-cont-stats h2::before,
h2.current-stats::before {
    content: none !important;
    display: none !important;
}

/* Vertically center items within each stats row so icons/numbers/descriptions
   sit centered against the multi-line heading. */
ul.current-stats-list,
ul.previous-stats-list {
    align-items: center;
}

/* Subscribe-form background image (matches stg .paragraph--id--57). Scoped
   by the form itself so it applies wherever the form is placed on prod. */
section.paragraph:has(form[id*="webform-225"]),
section.paragraph:has(.webform-submission-form) {
    background-image: url(/sites/evo-subsites/schrier-evo.house.gov/files/styles/evo_image_full_width_1920_focal_point/public/evo-media-image/schrier-mtrainerflowers.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 2rem;
    padding-bottom: 0rem;
}

/* ============================================================
   v4 PROD FORM RULES — mirror stg .paragraph--id--57 onto prod's
   paragraph--id--65 (same webform: webform-225, node 43).
   Replaces the prior .paragraph--id--65 rules that were dropped.
   ============================================================ */

.paragraph--id--65 {
    background-image: url(/sites/evo-subsites/schrier-evo.house.gov/files/styles/evo_image_full_width_1920_focal_point/public/evo-media-image/schrier-mtrainerflowers.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-repeat: no-repeat;
}

.paragraph--id--65 .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
   
    color: #fff;
    margin-bottom: 0!important;
    border: none!important;
}

.paragraph--id--65 h2 {
	color: #162f65;
}

.paragraph--id--65 > .paragraph__column {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    justify-content: left;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    background: #fff;
    margin: 2rem;
    
}

.paragraph--id--65 fieldset.card .card-body {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  color: #162f65;
}

.paragraph--id--65  .form-required::before {
    content: "*";
    color: #01b3e2 !important;
    display: inline-block;
    margin-right: 2px;
    font-size: 1.875rem;
    line-height: 0.8;
}

.paragraph--id--65  .card-body.fieldset-wrapper .form-group {
 margin-bottom: 0;
  width: 100%;
  
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 45%;
}

.paragraph--id--65 .card-header {
    padding: 0em 1.25rem;
    margin-bottom: 0;
    background: none!important;
    border: none!important;
}

.paragraph--id--65 a {
	color: #95d600;
	
}

.paragraph--id--65 .custom-const-desc {
    font-size: 1.2em;
    align-self: start;
    color: #162f65;
    font-weight: bold;
}

.paragraph--id--65 .page-item.active .page-link {
    background-color: #162f65!important;
    border-color: #162f65!important;
}

.paragraph--id--65  .card-body.fieldset-wrapper {
    display: flex;
    margin: auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    justify-content: space-evenly;
    align-items: baseline;
    vertical-align: baseline;
}

.paragraph--id--65 > .paragraph__column h2 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0rem!important;
    margin-left: 2rem;
}

.paragraph--id--65 #webform-submission-webform-225-node-43-add-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.paragraph--id--65 > .paragraph__column {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.paragraph--id--65 .btn {
  background: none !important;
  border: none !important;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.paragraph--id--65 .btn-primary {
    color: #162f65;
    float: right;
    display: flex;
    width: 100%;
    max-width: 85%;
}

.paragraph--id--65 .form-control { 
    width: 100%;
    line-height: 1;
    padding: 5px 5px;
    color: #0A2133;
    font-size: 14px;
    background-color: rgba(77, 77, 77, 0.07);
    background-image: none;
    border: 0;
    border-bottom: 3px solid #0A2133;
    border-radius: 0px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
}

.paragraph--id--65 .btn-primary:not(:disabled):not(.disabled):active, .paragraph--id--65 .btn-primary:not(:disabled):not(.disabled):active:focus {
color: #01b3e2;
border: none !important;
    box-shadow: none;
}

.paragraph--id--65 .btn-primary:after {

  content: "\2192"; /* Unicode for right arrow (→) */
  color: #0d47a1; /* Matches the blue color */
  font-size: 1.5em;
  line-height: 1; /* Ensures it sits centered vertically */
  display: block;
      vertical-align: middle;
    margin-left: 1.5rem;
    transition: all 0.2s ease-in-out;
    top: -1px;
    position: relative;
}

.paragraph--id--65 .btn-primary {
	color: #162f65;
	float: right;
	display: flex;
	width: 13rem;
	max-width: 13rem;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	
	color: #0a2133;
	font-size: 1.25rem;
}

.paragraph--id--65 .btn-primary:hover {
	background-color: #0a2133 !important;
	border: 3px solid #0a2133 !important;
	color: white;
}

.paragraph--id--65 .btn-primary::after {
	content: "\2192";
	color: #0a2133;
	font-size: 1.75em;
	line-height: 1;
	display: block;
	vertical-align: middle;
	margin-left: 0.5rem;
	transition: all 0.2s ease-in-out;
	top: -0.1rem;
	position: relative;
}

.paragraph--id--65 .btn-primary:hover::after {
	color: white;
}

.paragraph--id--65 .form-required::before {
	content: "*";
	color: #01b3e2 !important;
	display: inline-block;
	margin-right: 0.2rem;
	font-size: 1rem;
	line-height: 1;
	position: relative;
}

.paragraph--id--65 label {
	margin-top: 1rem;
}

.paragraph--id--65 .captcha.captcha-type-challenge--hcaptcha {
	margin-top: 1rem;
}

.paragraph--id--65 .captcha__title.js-form-required.form-required {
	position: relative;
	left: -0.65rem;
}

.paragraph--id--65 > .paragraph__column {
	border: 2px solid #162f65;
}

.paragraph--id--65 .form-group {
    margin-bottom: 0;
}

.paragraph--id--65 > .paragraph__column {
  border: 2px solid #162f65;
 
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

/* added */

  body {
  	font-family: 'Open Sans', sans-serif;
  }
  h2, .h2 {
  	font-family: 'Open Sans', sans-serif;
  }
  h5, .h5 {
  font-size: 1.25rem;
  font-family: 'Open Sans', sans-serif;
}
  a {
    color: #162f65;
    text-decoration: none;
    background-color: transparent;
}
.breadcrumb .text-primary {
     
    font-size: 1.3rem !important;
    color: #091936 !important;
}
.evo-navbar-branding {
    flex: 30%;
    width: auto;
}

.evo-social-icons-here > a {
    display: block;
    margin: 0!important;
}
   
   form[id*=form-evo-search] input[type*=submit] {
    font-size: 1rem;
    /* height: 36px; */
    width: 36px;
    text-indent: -9999px;
    background: #01b3e2 url(/profiles/evo/themes/custom/evo_drupaltheme_73/images/search.svg) center center no-repeat !important;
    border: 5px solid #01b3e2;
}

form[id*="webform-225"] {
	display: block;
}
    .sticky-top {
        background: none;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .tc-icon {
        height: 1.6rem;
    width: 1.6rem;
    margin-right: 0px;
        background-color: #002856 !important;

}
    .evo-navbar-branding img {
    max-width: 447px;
    min-width: 150px;
    transition: all 0.5s ease-in-out;
    width: 100%;
    filter: brightness(0) invert(1);
}

div[id*=views-evo-carousel-evo-feature-slider-block-feature-slider] .carousel-inner .carousel-item:before {
    content: "";
    display: block;
    width: 100%;
    background: none;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.carousel-caption {
	display: none !important;
}

body.path-frontpage 
#views-evo-carousel-evo-feature-slider-block-feature-slider img {
  width: 100%;
  height: auto;
  object-fit: cover;
  animation: slowZoom 20s ease-in-out infinite;
  transform-origin: center center;
        max-height: 100%;
    min-height: 100%;

}


/* Zoom in and out animation */
@keyframes slowZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.views-element-container.contextual-region.block.block--evo-drupaltheme-73-views-block--evo-feature-slider-block-feature-slider {
    top: -7rem;
}

.evo-services .col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
}

.evo-services .col .icon-wrapper {
    background: #162f65;
    display: block;
    text-align: center;
    border-radius: 180px;
    width: 180px;
    height: 180px;
    margin: 10px 10px 23px;
    color: #fff;
    position: relative;
    padding: 10px;
}

.evo-services .col .icon-box {
    background: #162f65;
    display: flex;
    justify-content: center;
    border-radius: 180px;
    width: 100%;
    height: 100%;
    margin: auto;
    border: 2px solid #95D600;
    color: #fff;
    align-items: center;
}

.path-contact-about-our-district .table thead th {
    vertical-align: top;
    border-bottom: 2px solid #dee2e6;
    font-weight: 400;
}

.evo-displayer-slideup {
    height: auto !important;
    width: 100% !important;
    left: auto !important;
    animation-name: slideup;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    margin: 0 !important;
    z-index: 9999 !important;
    max-width: 23%;
    right: auto;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 1rem 1rem !important;
}


.custom-slideup img {
  height: auto;
  width: 100%;
  margin: auto;
  max-width: 100%;
}

.slideup-links ul a {
	color: #fff;
	margin-left: 5px;
}
div#dnda {
    color: #fff;
    display: none;
    margin-top: 0px;
}
.slideup-links ul li {
  list-style: none;
  text-align: left;
  background: #162f65;
  margin-bottom: .3rem;
  padding: .3rem 0.5rem 0.5rem 0.5rem;
  margin: .3rem auto;
  max-width: 100%;
  width: 100%;
  border-radius: 8px;
}


.evo-displayer-slideup {
    background: #162f65 !important;
}

.slideup-links ul {
    margin: 0 !important;
    padding: 0 !important;
    width: 85%;
}


p.header-text {
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 1.1rem;
    margin: 0;
}

div#dnda {
    color: #fff;
    margin-top: 0px;
}

.views-element-container.contextual-region.block.block--evo-drupaltheme-73-views-block--evo-feature-slider-block-feature-slider {
    top: 0;
}
.slideup-links {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #fff;
    flex-wrap: wrap;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 100%;
    padding: .3rem;
}
.evo-navbar-branding img {
    max-width: 500px;
    min-width: 150px;
    transition: all 0.5s ease-in-out;
    width: 100%;
    filter: none!important;
}
#evo-displayer-slideup-close {
    color: transparent;
    background-image: url(/sites/evo-subsites/schrier-evo.house.gov/files/evo-media-image/white-x-25px.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
       max-width: 26px!important;
    left: 0rem!important;
    position: relative!important;
}
}
.evo-view-constituent-stat-view.evo-view-wrapper .evo-views-row-container {
    display: flex;
       flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.custom-const-stats-wrapper svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
    font-size: 2rem;
}
.custom-const-num {
    font-size: 2.5rem;
    font-weight: 600;
    color: #002856;
}

.custom-const-desc {
    font-size: 1.2em;
    align-self: start;
    color: #00B3E3;
    font-weight: bold;
}
.custom-const-icon .svg-inline--fa {
    color: #002856;
}
.more-link {
    margin-top: 0rem;
    text-align: center;
}

.more-link a {
    background-color: #012755;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.25);
    padding: 0.65rem 1.2rem;
    font-size: 1.25rem;
    color: #ffffff!important;
    line-height: 1.5;
    border-radius: 4px;
    border: 2px solid #012755;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.paragraph > .paragraph__column h2:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    margin-left: 10px;
}

/* 0. PREVENT PAGE LOAD FLASH
   This hides all sub-menus immediately by default before JS even runs. */
#superfish-main li ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute;
}

.navbar-collapse .evo-navbar-right .sf-menu a.sf-depth-1 {
    color: #162f65;
        background-color: transparent;
   
    font-size: 1.2rem;
    font-weight: 800;
}

ul.sf-menu ul li a:hover {
    background: #00B3E3;
}

#superfish-main li.sf-cloned-parent a {
    font-weight: bold !important;
    color: #f5f6f7 !important;
}

.page__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1030;
  background: linear-gradient(to bottom,#7373739e 90% 14%,transparent 100%) !important;
}

p.const-stats-title {
    font-size: 2rem;
    font-weight: 800;
    color: #162f65;
    line-height: 1.2;
}

p.const-stats-title:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    margin-left: 10px;
}

.paragraph--color--rgba-grey-slight .paragraph__column h2 {
    color: #162f65 !important;
}
.evo-navbar-left div[class*=headercontact] .evo-default-content__body, .evo-navbar-left .evo-social-icons-block-content {
    filter: unset !important;
}

.evo-services .col .icon-wrapper svg:not(:root).svg-inline--fa {
        font-size: 3rem;
    margin: 0 auto;
}

.paragraph--id--50 .paragraph--type--evo-columns__2col .paragraph {
    box-shadow: rgba(0, 0, 0, 0.33) -20px 18px 50px 9px;
    height: 680px;
    background: rgb(255, 255, 255);
    margin: 3em 0px;
    padding: 20px;
}

.carousel-indicators li:after {            
   position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 4px;
    left: 4px;
    background: transparent;
    border: none;
}

.carousel-indicators li.active {
    opacity: 1;
    background: #162f65 !important;
    border: 1px solid #162f65 !important;
}

.featured_interior_photo {
    padding-top: 8rem;
    background: none!important;
    position:relative;
    height: unset!important;
    max-height: unset!important;
}

body:not(.path-frontpage) .page__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1030;
    background: #01b3e2 !important;;
}

div[class*=second-level-menu] h2:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95d600;
    display: inline-block;
    margin-left: 10px;
}

.paragraph--id--57 {
    background-image: url(/sites/evo-subsites/schrier-evo.house.gov/files/evo-media-image/schrier-mtrainerflowers.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-repeat: no-repeat;
}


.paragraph--id--57 .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
   
    color: #fff;
    margin-bottom: 0!important;
    border: none!important;
}

.paragraph--id--57 h2 {
	color: #162f65;
}
.paragraph--id--57 > .paragraph__column {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    justify-content: left;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    background: #fff;
    margin: 2rem;
    
}

.paragraph--id--57 fieldset.card .card-body {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  color: #162f65;
}

.paragraph--id--57  .form-required::before {
    content: "*";
    color: #01b3e2 !important;
    display: inline-block;
    margin-right: 2px;
    font-size: 1.875rem;
    line-height: 0.8;
}

.paragraph--id--57  .card-body.fieldset-wrapper .form-group {
 margin-bottom: 0;
  width: 100%;
  
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 45%;
}



.paragraph--id--57 .card-header {
    padding: 0em 1.25rem;
    margin-bottom: 0;
    background: none!important;
    border: none!important;
}

.paragraph--id--57 a {
	color: #95d600;
	
}
div[class*=second-level-menu] ul li a, div[class*=second-level-menu] ul li a.nav-link {
    color: #002856;
    font-weight: bold;
    display: block;
    padding: 0.5rem 1rem 0.5rem 0;
    font-size: 1.1rem;
    border-bottom: 1px dotted #ccc;
    min-width: 44px;
    min-height: 44px;
}

div[class*=second-level-menu] ul li a.is-active, div[class*=second-level-menu] ul li a.nav-link.is-active {
    color: #091936;
    font-weight: bold;
    border-left: 4px solid #95d600;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

div#edit-actions--2 {
    text-align: center;
}
#edit-actions {
  width: 30%;
  flex: 30%;
  display: flex;
}

.paragraph--id--57 .custom-const-desc {
    font-size: 1.2em;
    align-self: start;
    color: #162f65;
    font-weight: bold;
}

.paragraph--id--57 .page-item.active .page-link {
    background-color: #162f65!important;
    border-color: #162f65!important;
}
.custom-const-desc {
    font-size: 1.2em;
    align-self: start;
    color: #162f65;
    font-weight: bold;
}

.block.block--evo-drupaltheme-73-evo-displayer-webform {
	display: none;
}
  .paragraph--id--65 h2 {
 font-family: "Open Sans", sans-serif;
     font-size: 2rem;
    font-weight: 800;
    color: #162f65;
  }
    .paragraph--id--65 >.paragraph__column
 {
        float: none!important;
        width: 100%!important;
        margin: 0 auto!important;
        display: flex;
        flex-wrap: wrap;
        max-width: 83%!important;
       
    }
    
    div[class*=block--evo-constituent-stats]>div[class*=evo-constituent-stats]>div[class*=item] .paragraph.evo-no-line-break div[class*=stat-number] {
    font-size: 2.5rem;
    font-weight: 600;
    color: #002856;
    padding: 0 14px;
}

.evo-no-line-break .paragraph__column {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    margin: auto;
    justify-content: center !important;
  
}

div[class*=block--evo-constituent-stats]>div[class*=evo-constituent-stats]>div[class*=item] .paragraph div[class*=stat-description] {
    -webkit-box-pack: start;
    justify-content: center!important;
    font-size: 1.2em;
    align-self: center;
    color: #162f65;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;
    width: 100%;
}
div[class*=block--evo-constituent-stats] {
	background: #fff!important;

}
section.paragraph.paragraph--type--stats.paragraph--view-mode--default.paragraph--id--59.evo-no-line-break > .paragraph_column {
    width: 100%important;
    display: fleximportant;
    flex-wrap: wrapimportant;
    text-align: centerimportant;
    margin: auto!important;
}
.evo-view-constituent-stat-view.evo-view-wrapper .evo-views-row-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    max-width: 89%;
    width: 100%;
}

.custom-const-num {
    font-size: 2.5rem;
    font-weight: 700;
    color: #002856;
    font-family: 'open sans', sans-serif;
}

div#edit-phone-opt-in {
    width: 100%;
    max-width: 93%;
}

div[class*=block--evo-constituent-stats] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
    min-width: 100%;
    width: 100%;
    justify-content: space-around;
    background: #f2f2f7;
    padding: 10px;
    font-size: 16px;
    opacity: 0;
    transition: all 0.3s ease-in;
    flex-wrap: nowrap;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    flex: 1;
    margin-bottom: 1em;
    max-width: 100%;
}

div[class*=block--evo-constituent-stats]>.evo-stat-title {
    -webkit-box-flex: 1;
    flex: 1;
    flex-shrink: 0;
    font-size: 1.1em;
    max-width: 100%!important;
    text-align: center;
    padding-left: 0!important;
    padding-right: 0!important;
    font-weight: 900;
    margin-bottom: 0;
    min-width: 100%;
}

.bg-secondary {
    background-color: #012755 !important;
}
.evo-view-evo-office-locations.evo-view-wrapper a {
    color: #01b3e2;
}

section.evo-services.container-fluid.p-0 a {
font-size: 1.3rem;
color:#012755;
}

section.evo-services.container-fluid.p-0 a:hover {
font-size: 1.3rem;
color: #01b3e2;
}


.webform-required, span.fieldset-legend.m-0{
    display: none;
}
.paragraph--id--57  .card-body.fieldset-wrapper {
    display: flex;
    margin: auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    justify-content: space-evenly;
    align-items: baseline;
    vertical-align: baseline;
}

.paragraph--id--57 > .paragraph__column h2 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0rem!important;
    margin-left: 2rem;
}
section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--69.paragraph--width--wide
 {
    background: #a3b1c2;
}

.const-stats {
    margin: 0 auto !important;
}



.paragraph--id--57 #webform-submission-webform-225-node-43-add-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}


div[class*=second-level-menu] ul li a:hover, div[class*=second-level-menu] ul li a.nav-link:hover {
    color: #00B3E3 !important;
    text-decoration: underline;
}

.display-4 {
  font-weight: 700;
  font-size: 1.75rem;
  font-family: 'open sans',sans-serif;
  color: #162f65 !important;
  margin-bottom: 0;
}

legend.captcha__title.js-form-required.form-required {
  color: #162f65;
  font-size: .8rem;
  display: flex;
    justify-content: center;
}
p.gotoprofile-btn a {
    margin: auto;
    text-align: center;
    background: #162f65;
    padding: 1rem;
    color: #fff;
}

svg.ext path, svg.mailto path, svg.tel path {
    stroke: #727272;
    stroke-width: 3;
    display: none;
}

p.gotoprofile-btn {
    text-align: center;
}

svg.ext {
    width: 14px;
    height: 14px;
    fill: #727272;
    font-weight: 900;
    display: none;
}

.paragraph.paragraph--type--evo-simple.paragraph--view-mode--default.paragraph--id--53.paragraph--width--wide {
  border-bottom: 5px solid #4E6989;
}



.paragraph--id--57 > .paragraph__column {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}


.paragraph--id--57 .btn {
  background: none !important;
  border: none !important;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.paragraph--id--57 .btn-primary {
    color: #162f65;
    float: right;
    display: flex;
    width: 100%;
    max-width: 85%;
}


.custom-slideup {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}





.paragraph--id--57 .form-control { 
    width: 100%;
    line-height: 1;
    padding: 5px 5px;
    color: #0A2133;
    font-size: 14px;
    background-color: rgba(77, 77, 77, 0.07);
    background-image: none;
    border: 0;
    border-bottom: 3px solid #0A2133;
    border-radius: 0px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
}

.captcha__description {
    margin-bottom: .75em;
    display: none;
}
.captcha__element {
    text-align: center;
       width: 108%;
    margin: 0rem 0 0 .5rem;
}
.paragraph--id--57 .btn-primary:not(:disabled):not(.disabled):active, .paragraph--id--57 .btn-primary:not(:disabled):not(.disabled):active:focus {
color: #01b3e2;
border: none !important;
    box-shadow: none;
}


.paragraph--id--57 .btn-primary:after {

  content: "\2192"; /* Unicode for right arrow (→) */
  color: #0d47a1; /* Matches the blue color */
  font-size: 1.5em;
  line-height: 1; /* Ensures it sits centered vertically */
  display: block;
      vertical-align: middle;
    margin-left: 1.5rem;
    transition: all 0.2s ease-in-out;
    top: -1px;
    position: relative;
}

.paragraph--id--57 .btn-primary {
	color: #162f65;
	float: right;
	display: flex;
	width: 13rem;
	max-width: 13rem;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	
	color: #0a2133;
	font-size: 1.25rem;
}

.paragraph--id--57 .btn-primary:hover {
	background-color: #0a2133 !important;
	border: 3px solid #0a2133 !important;
	color: white;
}

.paragraph--id--57 .btn-primary::after {
	content: "\2192";
	color: #0a2133;
	font-size: 1.75em;
	line-height: 1;
	display: block;
	vertical-align: middle;
	margin-left: 0.5rem;
	transition: all 0.2s ease-in-out;
	top: -0.1rem;
	position: relative;
}

.paragraph--id--57 .btn-primary:hover::after {
	color: white;
}

.paragraph--id--57 .form-required::before {
	content: "*";
	color: #01b3e2 !important;
	display: inline-block;
	margin-right: 0.2rem;
	font-size: 1rem;
	line-height: 1;
	position: relative;
}

.paragraph--id--57 label {
	margin-top: 1rem;
}

.paragraph--id--57 .captcha.captcha-type-challenge--hcaptcha {
	margin-top: 1rem;
}

.paragraph--id--57 .captcha__title.js-form-required.form-required {
	position: relative;
	left: -0.65rem;
}

.paragraph--id--57 > .paragraph__column {
	border: 2px solid #162f65;
}


.paragraph--id--57 .form-group {
    margin-bottom: 0;
}
ul.current-stats-list svg:not(:root).svg-inline--fa, ul.previous-stats-list svg:not(:root).svg-inline--fa {
  font-size: 3.2rem;
  margin: 0 0 .5rem 0;
    width: 100%;
}

ul.current-stats-list svg:not(:root).svg-inline--fa, ul.current-stats-list li {
    color: #091936;
}

.previous-cont-stats h2, h2.current-stats  {
    margin: 0 auto;
    font-size: 1.7rem;
    text-align: left;
    line-height: 1;
}

	ul.previous-stats-list, ul.current-stats-list {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
    font-size: 1.1rem;
    color: #fff;
    line-height: 1.1;
    margin: 0 auto;
    padding: 0;
}

.paragraph--id--67> .paragraph__column h2:after {
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    left: 100%;
    bottom: 22%;
    position: absolute;
}
.paragraph--id--69> .paragraph__column h2:after {
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background: #95D600;
    display: inline-block;
    left: 100%;
    bottom: 22%;
    position: absolute;
}

    section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--69.paragraph--width--wide>.paragraph__column {
		float: none!important;
        width: 100%!important;
      margin: 0 auto!important;
    }

	    section.paragraph.paragraph--type--evo-block.paragraph--view-mode--default.paragraph--id--67.paragraph--width--wide>.paragraph__column {
		float: none!important;
        width: 100%!important;
       margin: 0 auto!important;
    }
.paragraph--id--57 > .paragraph__column {
  border: 2px solid #162f65;
 
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

@media(min-width: 47.99875rem) {
	#main-nav-navbar-collapse .evo-navbar-left {
	width: 100% !important;
	display: flex;
	flex: 100%;
	flex-direction: row;
}
.navbar-expand .navbar-collapse {
	display: flex !important;
	flex-basis: auto;
	flex-direction: column;
}
#main-nav-navbar-collapse .evo-navbar-left {
	justify-content: flex-end;
	padding-top: 1rem !important;
}
}

.evo-services {
	margin-top: 0!important;
}
}