@charset "utf-8";
/* CSS Document */
/*#8a99e5 replaced to #CDD1F4 for contrast concerns on menu*/
/*#0B3A84 replaced with *#061F48 for contrast concerns on pink accordion headers*/

@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
body {
font-family: 'Montserrat', sans-serif;
font-size: 1.2rem;
font-weight: 400;
color: #061F48;
}*/

a {
color: #061F48;	
}

a:hover {
color: #061F48;	
}

#site-body a.ext-lnk::after
{
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

H1, .h1 {
font-family: 'Amatic SC', sans-serif;
font-size: 58px;
font-weight: 900;
font-style: bold;
text-transform: uppercase;
color: #0B2374;
}

H2, .h2 {
font-family: 'Montserrat', sans-serif;
font-size: 38px;
text-transform:capitalize; 
color: #0B2374;
}

H3, .h3 {
font-family: 'Montserrat', sans-serif;
font-size: 28px;
text-transform:capitalize; 
color: #58595B;
}

H4, .h4 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
text-transform:uppercase; 
font-style: bold;
color: #8F6A29;
}

p1{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-style: bold;
	color: #0B2374;
}

p2{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #58595B;
}

p3{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-style: underline;
	color: #0B2374;
}

p1::first-letter, p2::first-letter, p3::first-letter { text-transform: uppercase }

.custom-toggler.navbar-toggler { 
    border-color: #ffffff; 
} 

.custom-toggler .navbar-toggler-icon { 
            background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 128, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        } 

.navbar-toggler-icon{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
	}

.bg-light {
    background-color: #ffffff !important;
	xopacity: 0.0;
}

.navbar-custom {
    background-color: #ffffff;
	opacity: 0.0;
}

.img-responsive {
max-width: 100%;
height: auto;
padding-left: auto;
padding-right: auto;
xvertical-align: bottom;
display:unset;
}

.home-subtitle {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 22px;
}

.homepage {
  /*padding-top: 4rem;*/
  padding-left: 4rem;
  padding-right: 2rem;
  background-image: url("../../../sites/default/files/assets/images/homebackground.png");
  background-repeat: no-repeat;
  background-size: cover, contain;
}

@media screen and (min-width: 1200px) {
.people{
  background-image: url("../images/people.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom left;  
}


.wheelspacer{
	padding-top: 2rem;
}

.wheelspacer2{
	padding-top: 5rem;
}
}


.wheellinks a {
	font-family: 'Amatic SC', sans-serif;
	font-size: 2.5rem;	
font-weight: bold;
}

.center-content {
    text-align: center;
	margin: auto auto;
}

@media screen and (min-width: 1200px) {
  .see-less {
    display: block;
  } /* hide it elsewhere */
}

@media screen and (max-width: 1199px) {
  .see-less {
    display: none;
  } /* hide it elsewhere */
}

.greenblock{
	background-color: #40c385;
	border-radius: .4rem .4rem 0rem 0rem;
	line-height: .1rem;
	padding-left: 0rem;
	padding-right: 0rem;
	padding-top: 0rem;
	height: 7.875rem;	
}

.smalltextbold a{
	/*color: #0B3A84;*/
	color: #061F48;
	font-size: 0.9rem;
	font-weight: 700;	
}

.leftnav{
	background-color: #0B3A84;
	min-width: 200px;
	position: fixed !important;
}



/* Header Parallax Element Style*/ 
.paral {
min-height: 500px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 60%;
}



/* Image for Parallax Section */ 
.paralsec {
background-image: url("../../../sites/default/files/assets/images/homebackground.png");
}






/* Footer Styles */
.footer {
  padding: 2rem 1rem;
  /*background-color: #40c385;*/
  background-color: #4abea3;
}

@media (min-width: 576px) {
  .footer {
    padding: 4rem 2rem;
  }
}

.topfooterspacer {
margin-top: 100px; 
}

@media (max-width: 576px) {
  .topfooterspacer {
margin-top: 1rem; 
}
}

.footer img {
	/*vertical-align: bottom;*/
}
	
	
/*
.footer .title {
	color: #061F48;
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 1.25rem;
}

.footer .subtitle {
	color: #0B3A84;
	color: #061F48;
	font-size: .9rem;
	text-transform: uppercase;
	font-weight: 500;
	padding-bottom: 1.25rem;
}
.footer .subtitle > a{
color: #061F48;
}

.footer .subtitlebold {
	color: #0B3A84;
	color: #061F48;
	font-size: .9rem;
	font-weight: 700;
	text-transform: uppercase;
}
.footer .nav > li > a
{
 color: #061F48;
 text-align:center;
}*/
/* these cause issue with contex links*/
/*.footer .links {
	color: #0B3A84;
	display:block;
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
	align-content: center;
	padding-top: .56rem;
	
	
}*/

.footer .image-position {
	display: block;
	align-content: center;
	vertical-align: baseline;	
	margin-bottom: 1rem;
}

.footer .image-position-seal {
	display: block;
	align-content: center;
	vertical-align: baseline;	
	margin-bottom: 1rem;
	margin-top: -1rem;
}

@media (max-width: 576px) {
.footer .image-position-seal {	
	margin-top: 0rem;
	}
}



.spacedivider{
	height: 1.5rem;
}


@media (min-width: 576px) {
  .footer .links {
    text-align: center;
	 
  }
}

.footer .icons {
	vertical-align: bottom;	
	padding-bottom: .563rem;
	padding-left: .938rem;
}

.mapmarker{
	padding-left: 1rem;
	padding-top: -1rem;
	vertical-align: bottom;
}

.copyright{
    font-size: .9rem;
    background-color: #0B3A84;
    border-radius: 3px 3px 0 0;
    color: #CDD1F4;
}


@media screen and (min-width: 1200px) {

	
	  .people {
	background-image:none;
	padding-bottom: 0px;
	}
	  .people2{
	background-image: url("../../../sites/default/files/assets/images/people.svg");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: bottom left;
	}
}

@media screen and (max-width: 1199px) {
  .people{
	background-image: url("../../../sites/default/files/assets/images/people.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
	padding-bottom: calc(200px + 13%);
  }
	
	.people2 {
	background-image:none;

	}
}


.footer
{    
	margin-top: unset;
    padding-top: unset;
    padding-bottom: unset;
    border-top: unset;
	
}

.greenblock-floating
{
	/*background-color: #40c385;*/
	background-color: var(--themeGreen);
    border-radius: .4rem .4rem 0rem 0rem;
    line-height: .1rem;
    position: absolute;
    /*overflow: hidden;*/
    /*z-index: 2400;*/
	max-width:280px;
    bottom: -1px ;
    right: 20px !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.greenblock-floating .center-content
{
	Margin-top: -8px;
}
.greenblock-floating:before
{
	clear:both
}

.div-relative{
	position: relative;
}
.extra-padding-bottom
{
	padding-bottom: 50px;
}
@media screen and (max-width: 1199px) {
.extra-extra-padding-bottom
{
	padding-bottom: 200px;
}
}
html {
    font-size: 16px;
}
.footer-menu:before{
	clear:both;
}

.footer-menu ul
{
	display:block;
	    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
/*
@media (min-width: 768px) {
	.footer-menu ul
	{
		display:flex;
	}
}*/
.region-footer
{
	text-align:center;
}
@media (min-width: 768px) {
	.region-footer
	{
		text-align:start;
	}
}
/*
.footer-menu
{
	margin-left:-15px;
}*/
/*
.footer-menu ul li {
    color: #061F48;
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    align-content: center;
    padding-top: .56rem;
}
*/
@media screen and (min-width: 1200px) {
	.footer-menu
{
	display: table;
    margin: 0 auto;
}
	.floating
{
	display: inline-block;
    top: 150px;
    position: absolute;
	text-align: center;
}
/*
	#block-bootstrap-footer
	{
		top:70px;
		position: relative;
		z-index: 99;
	}*/
	.no-margin{
	margin-top:-30px;
	position:relative;
	z-index: 1;

}
.footer-right{
	float:right;
}
.hide-big-screen
{
	display:none;
}
}
@media screen and (max-width: 1199px) {
	.hide-mobile
	{
		display:none;
	}
}
.home-menu img:not(.sun)
{
	height: 110px;
}

.floating img
{
	height: 65px;
}
.floating img.state-seal
{
	height:90px;
}

img.small-icon
{
	height: 40px;
}

img.tight-image
{    
margin-top: -25px;
}

.site-notice {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-family: merriweatherregular, Times, "Times New Roman", serif;
  /*font-style: italic;*/
  color: #fff;
  background-color: #005891; }
  .site-notice a {
    text-decoration: underline;
    color: #fff; }
  .site-notice span {
	  width:100%
  }
  
  .site-notice.notice_Low{
	  background-color:#005891;
  }
  
  .site-notice.notice_Med{
	  background-color:#ffb900;
  }
  
  .site-notice.notice_High{
	  background-color:#d13636 ;
  }
  
  @media (min-width: 500px) {
	.fourpeople{
		background-image: url(../../../sites/default/files/assets/backgrounds/fourpeople.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left bottom;
		min-height: 200px;
		bottom: -80px;
		right: 0px;
		content:"";
	}
  }

  @media (min-width: 768px) {
	  	.fourpeople{
	  background-position: right bottom;
		}
  }
  @media (min-width: 800px) {
    .site-notice .wrapper {
      display: flex;
      align-items: center; }
      .site-notice .wrapper::before, .site-notice .wrapper::after {
        content: '';
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        /*background-image: url("../../../sites/default/files/assets/icons/icon-exclamation.svg");*/
        background-repeat: no-repeat;
        background-size: contain; 
		margin-right: 1rem;
		margin-left: 1rem;}

       }
		
/* ChatBot */
.chatbot {
    border-left: 1px solid #A6ACB0;
    position:fixed;
    width: 33%;
    z-index: 10000;
    text-align:center;
    height: 100%;
    font-size:18px;
    color: #000;
    background:rgba(255, 255, 255, .95);
    display: block;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    right: -33%;
	cursor:pointer;
	bottom:0px;
    box-shadow: -2px 4px 4px 1px #46464699;
	display:none;
}
.chatbot .tab {
	width:70px;
	margin-left: -70px;
	height:53px;
	display:block;
    bottom: 25px;
    position: absolute;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

.chatbot .tabicon {
   width: 74px;
    height: 53px;
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px #807d7d solid;
    top: -4px;
    position: absolute;
    left: -4px;
    transition: background 1s ease-in;
    padding-top: 2px;
    color: #091f2f;
    font-size: 2em;
    background-image: linear-gradient(to right, rgba(255,255,255,1) 64px, rgb(143, 143, 143));
    border-right: none;
}

.chatbot .tabicon img {
    width: 60px;
    padding-left: 0px;
    padding-right: 16px;
    padding-top: 11px;
}

.chatbotRight {
	right: -33%;
}

.chatHeader {
	display:block;
	position:relative;
	clear:both;
	height:0px;
}

.chatHeader img {
	width: 36px;
    padding: 4px;
}

.chatFrame {

	display:block;
	position:relative;
	clear:both;
	width: 100%;
	height:100%;
}
.chatFrame .toolbar {
	width: auto;
    height: 4px;
    display: block;
    float: left;
    font-size: 15px;
    height: 50px;
	
}

.chatFrame .toolbar .leftbuttons {
    float: left;
    top: 4px;
    position: absolute;
    left: 8px;
    
}

.chatFrame .toolbar .title {

    top: 8px;
    left: 50px;
    position: absolute;
    font-size: 1.5em;
	color: #091f2f;
    width: auto;
    display: block;
    position: relative;
    float: left;
    white-space: nowrap;
    text-align: left;
}

.chatFrame .toolbar a {
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    cursor: pointer;
    float: left;
    color: #A6ACB0!important;
    font-size: 20px;
    padding-right: -25px;
    border-width: 5px;
    border-color: #A6ACB0!important;
    border-style: solid;
    border-radius: 50%;
}

.chatFrame .toolbar a:hover, .chatFrame .toolbar a:focus {
    text-decoration: none;
	color: #A6ACB0!important;
}

.chatFrame iframe {
	width: 90%;
	height:100%;
	border: 0;
	
    /*margin-top: -44px;*/
}

.chatbot.tabout-color .tabicon {
	color:#1978C9;
	transition: color .5s ease-in;	
}

.slide-left
{
    right: 0px !important;
}

.slide-right
{
    right: -33% !important;
}


@media (max-width: 1000px) {
	.chatbot {
		width: 90%;
		top: 2.5%;
		height: 95%;
		right:-90%;
		display:none;
	}
	.chatbot.slide-right {
		right:-90%!important;
	}
	
	.chatbot.slide-left {
		right:0px;
	}
	
	.chatbot .tab .tabicon.slide-left{
		width: 33px;
		left: 32px;
		transition-timing-function: ease;
		transition: .5s;
		padding-left: 5px;	
		width: 57px;
		height: 57px;
		padding-left: 0;
		border-radius: 57px;
		z-index: 99;
	}
	
	.chatbot .tab .tabicon.slide-right{
		transition-timing-function: ease-in;
		transition: .5s;
	}
}


@media (max-width: 500px) {
	.chatFrame .toolbar .title {
		overflow: hidden;
		height: 28px;
		text-align: left;
		width: auto;
		display: block;
		position: relative;
		float: left;
		white-space: nowrap;
		font-size: 1em;
		line-height: 1.7em;
		left: 37px;
		top: 11px;
	}
	.chatFrame .toolbar .leftbuttons {
		left:0px;
	}
	
}

/* Subpage Styles*/

.subpage {
  padding-top: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;
  background-image: url("../images/subpage.png");
  min-height: 500px;
  background-position: 50% 0%;
}

.subpage-padding{
  padding-top: 5rem;
  padding-left: 5rem;
  padding-bottom: 6rem;
}

.subpage-padding2{
  padding-top: 2rem;
  padding-left: 5rem;
  padding-bottom: 2rem;
}

.callout-padding{
  padding-top: 2rem;
  padding-left: 5rem;
  padding-bottom: 3rem;
}


.callout-padding li{
  font-weight: bold;
	line-height: 2.25rem;
}



.btn-content, section.block-user-login-block .js-form-submit {
  color: #061F48;
  font-weight: bold;
  background-color: #40C3A5;
  border-color: #40C3A5;
}
section.block-user-login-block .js-form-submit
{
	margin-right: 0px;
}

.btn-content:hover {
  color: #fff;
  background-color: #40C3A5;
  border-color: #40C3A5;
}


@media (min-width: 768px) {
.main {
padding-right: 2.5rem;
padding-left: 4rem; /* 180 + 40 */
}
}

.callout{
	color: #061F48;
	font-size: 1rem;
	font-weight: bold;
	padding-top: 6rem;

    margin-left: 20px;
    text-align: center;
}
@media (min-width: 1200px) {
.callout{
	min-width: 450px;
}
}
.callout-clouds{
	background-image: url("../images/cloudbackground.svg");
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: 50% 25%;	
	color: #061F48;
	font-size: 1rem;
	font-weight: bold;
	padding-top: 16rem;
	padding-bottom: 20rem;
	
}


.callout-image{
	background-image: url("../images/doctors.png");
	background-size: cover;
	background-position: 50% 50%;	
}

.centercontent {
  text-align: center
}

.btn-callout {
  color: #061F48;
  background-color: #40C3A5;
  border-color: #40C3A5;
}

.btn-callout:hover {
  color: #fff;
  background-color: #40C3A5;
  border-color: #40C3A5;
}
/*
.blue{
	xbackground-color: #0B3A84;
	width: 249px;
}

@media (max-width: 991px) {
.blue {
background-color: #ffffff;
}
}*/

.blue2{
	xbackground-color: #0B3A84;
	width: 249px;
}


@media (max-width: 991px) {
.blue2 {
background-color: #fef0f2;
}
}

.related-links {
background-color: #fef0f2;	
}

.lightbluebox{
	background-color: #e4f7fc;
	border-radius: 1rem;
	padding-top: 1rem;
	margin-right: 1rem;	
}

.lightbluebox .inner-padding{
	padding-left: 1rem;	
}

.lightbluebox .title{	
	font-weight: 500;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media (max-width: 991px) {
.lightbluebox .title{	
	font-weight: 500;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
}
}

.lightbluebox .row-title{	
	font-weight: 500;
	padding-left: 1rem;	
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.lightbluebox .business-title{	
	font-size: 1rem;
	font-weight: 600;
	padding-top: 1rem;
	padding-left: 1rem;	
	padding-bottom: 1rem;
	text-decoration: underline;
	
}

.lightbluebox .information{	
	font-size: 1rem;
	font-weight: 600;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media (max-width: 991px) {
.lightbluebox .information{	
	font-size: 1rem;
	font-weight: 600;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
}
}
.white-row{
	background-color: #ffffff;
	
}

.tiny-text{
	font-size: .75rem;	
}

.tiny-text2{
	font-size: .75rem;
	text-decoration: underline;
	text-align: center;
}

.center{
	display: block;
	text-align: center;
}

.lightbluebox .btn-block{
	display: inline-block;
}

.space-after-icon {
    padding-left: 0rem;
    padding-right: 1.5rem;
}

.btn-blue {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: #053786;
  xpadding-left: 1.875rem;
  xpadding-right: 1.875rem;
  xpadding-top: 0.938rem;
  xpadding-bottom: 0.938rem;  
  xmargin-bottom: 3.125rem;
  xmargin-top: 1.25rem;
  border-radius: .25rem;
  text-decoration: none;
  width: 150px;
}
.btn-blue:hover {
  color: #00203f;
  background-color: #ffffff;
  border-color: #ffffff;
  text-decoration: none;
}
.btn-blue:focus, .btn-blue.focus {
  color: #fff;
  background-color: #024485;
  border-color: #024485;
  text-decoration: none;
}


.lightbluebox .input-group-append {
    padding-left: 1.25rem;
}

.lightbluebox .input-group-text{
	color: #ffffff;
	background-color: #f9a0aa;
	border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
	border: 0.063rem solid #f9a0aa;
	xborder-left: 0.063rem solid #e27850;
	
}

.input-group-text2{
	color: #e27850;
	border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
	border-top-left-radius: 1.25rem;
	border-bottom-left-radius: 1.25rem;
	background-color: #ffffff;
	border: 0.063rem solid #ffffff;
	xborder-left: 0.063rem solid #e27850;
}


.btn-service-finder {
  color: #061F48;
  background-color: #ffffff;
  border-color: #ffffff;
	width: 200px;
}


.dropdown-spacer{
	padding-left: 0rem;
    padding-right: 1.75rem;
}


.xdropdown-toggle::after {
    display: none;
}

.fa-chevron-right{
	color: #f9a0aa;
	transform: rotate(90deg);
	font-size: 1.25rem;
}





/* Sidebar Styles*/

.sidebar-top {
xposition: fixed;
width: 250px;
padding-top: 40px;
left: 0;
z-index: 100;
display: block;
xpadding: 20px;
overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
background-color: #0B3A84;
border-right: 1px solid #0B3A84;
border-bottom: .2rem solid #ffffff;
}

.sidebar {
xposition: fixed;
width: 230px;
bottom: 0;
left: 0;
z-index: 100;
display: block;
xpadding: 20px;
overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
background-color: #0B3A84;
border-right: 1px solid #ffffff;
max-width: 300px;
height: 100%;
	
}

@media (max-width: 991px) {
.sidebar, .sidebar-top {
display: none;
}
}


.btn-sidebar {
  display: inline-block;
  font-weight: bold;
  font-family: 'Amatic SC', sans-serif;
  font-size: 3rem !important;
  color: #7186d3;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #0B3A84; /* 4370a7 */
  text-decoration: none;  
  border-bottom: .2rem solid #ffffff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2.3rem;
  line-height: 1.rem;
  border-radius: .0rem;
}
.btn-sidebar:hover {
  color: #7186d3;
  background-color: #ffffff;
  text-decoration: none;
	outline: 0 !important;
}

.btn-sidebar:focus {
    outline: 0 !important;
}

button:focus {
  outline: 0 !important;
}

.rollover-my-folder {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/myfoldera.svg) no-repeat;
    
}

.rollover-my-folder:hover {	
    background: url(../images/myfolderb.svg)
}

.onpage-my-folder {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/myfolderb.svg) no-repeat;
    }

.rollover-service-finder {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/servicefindera.svg) no-repeat;    
}

.rollover-service-finder:hover {	
    background: url(../images/servicefinderb.svg)
}

.onpage-service-finder {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/servicefinderb.svg) no-repeat;
    }


.rollover-healthcare {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/healthcarea.svg) no-repeat;
    
}

.rollover-healthcare:hover {	
    background: url(../images/healthcareb.svg)
}

.onpage-healthcare {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/healthcareb.svg) no-repeat;    
}

.rollover-finances {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/financesa.svg) no-repeat;
}

.rollover-finances:hover {	
    background: url(../images/financesb.svg)
}

.onpage-finances {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/financesb.svg) no-repeat;    
}

.rollover-community {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/communitya.svg) no-repeat;    
}

.rollover-community:hover {	
    background: url(../images/communityb.svg)
}

.onpage-community {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/communityb.svg) no-repeat;    
}

.rollover-neighborhood {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/neighborhooda.svg) no-repeat;    
}

.rollover-neighborhood:hover {	
    background: url(../images/neighborhoodb.svg)
}

.onpage-neighborhood {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/neighborhoodb.svg) no-repeat;    
}

.rollover-food {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/fooda.svg) no-repeat;    
}

.rollover-food:hover {	
    background: url(../images/foodb.svg)
}

.onpage-food {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/foodb.svg) no-repeat;    
}

.rollover-education {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/educationa.svg) no-repeat;    
}

.rollover-education:hover {	
    background: url(../images/educationb.svg)
}

.onpage-education {
    display: block;
	border-bottom: .2rem solid #ffffff;
    width: 250px;
    height: 110px;
	background: url(../images/educationb.svg) no-repeat;    
}






/* Header Parallax Element Style*/ 
.paral {
min-height: 500px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 60%;
}



/* Image for Parallax Section */ 
.paralsec {
background-image: url("../images/homebackground.png");
}


/* Styles for Accordion */ 
.card-dars {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  /*background-color: #ffffff;*/
  background-clip: border-box;  
  margin-bottom: .5rem;
  width:100%
}

.btn-dars.pink , .btn-secondary.pink{
  background-color: var(--themePink); /* 4370a7 */
  border: 0rem solid var(--themePink);
  color: var(--baseFontColor);
  xtransition: 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;
}
.btn-dars.pink:hover,.btn-dars.pink:focus , .btn-secondary.pink:hover,.btn-secondary.pink:focus{
  background-color: var(--themePink);
  color: var(--baseFontColor);
  filter: brightness(115%);
  text-decoration: none;
}

.btn-dars.blue, .btn-secondary.blue  {
  background-color: var(--themeBlue); /* 4370a7 */
  border: 0rem solid var(--themeBlue);
  color: #ffffff;
  xtransition: 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;
}
.btn-dars.blue:hover ,.btn-dars.blue:focus , .btn-secondary.blue:hover ,.btn-secondary.blue:focus{
  color: #ffffff;
  background-color: var(--themeBlue);
  text-decoration: none;
}

.btn-dars.purple, .btn-secondary.purple {
  background-color: var(--themePurple); /* 4370a7 */
  border: 0rem solid var(--themePurple);
  color: #ffffff;
  xtransition: 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;
}
.btn-dars.purple:hover , .btn-dars.purple:focus, .btn-secondary.purple:hover , .btn-secondary.purple:focus  {
  color: #ffffff;
  background-color: var(--themePurple);
}

.btn-dars.yellow, .btn-secondary.yellow {
  color: var(--baseFontColor);
  background-color: var(--ltYellow); /* 4370a7 */
  border: 0rem solid var(--ltYellow);
  xtransition: 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;
}
.btn-dars.yellow:hover, .btn-dars.yellow:focus, .btn-secondary.yellow:hover, .btn-secondary.yellow:focus  {
  color: var(--baseFontColor);
  background-color: var(--ltYellow);
}

.btn-dars.orange, .btn-secondary.orange {
  background-color: var(--ltOrange); /* 4370a7 */
  border: 0rem solid var(--ltOrange);
  xtransition: 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;
}
.btn-dars.orange:hover, .btn-dars.orange:focus, .btn-secondary.orange:hover, .btn-secondary.orange:focus  {
  color: var(--baseFontColor);
  background-color: var(--ltOrange);
}

.btn-dars.white, .btn-secondary.white  {
  background-color: #ffffff; /* 4370a7 */
  border: 0rem solid #ffffff;
  color: var(--baseFontColor);
  xtransition: 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;
}
.btn-dars.white:hover {
  var(--baseFontColor);
  background-color: #ffffff;
  text-decoration: none;
}

.btn-dars.white:focus {
  color: #0B2374;
  background-color: #ffffff;
  text-decoration: none;
}

.btn-dars.red {
  background-color: var(--red); /* 4370a7 */
  border: 0rem solid var(--red);
  xtransition: 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;
}
.btn-dars.red:hover {
  color: #ffffff;
  background-color: var(--red);
  text-decoration: none;
}

.btn-dars.red:focus {
  color: #ffffff;
  background-color: var(--red);
  text-decoration: none;
}

.btn-dars {
	width: 100%!important;
  display: inline-block;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  color: var(--baseFontColor);
  text-align: left;
  padding-left: 20px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--themeGreen); /* 4370a7 */
  text-decoration: none;
  border: 0rem solid #F9A0AA;
  padding: 0.rem 0.rem;
  font-size: 1.5rem;
  line-height: 1.rem;
  border-radius: .5rem;
}

.btn-dars.collapsed > i.glyphicon-minus:before, .btn-dars.collapsed > em.glyphicon-minus:before
{
	content: "\002b";
}

.btn-dars:hover, .btn-dars:focus {
  color: var(--baseFontColor);
  background-color: var(--themeGreen);
  text-decoration: none;
  filter: brightness(115%);
  border: 0rem solid var(--themeGreen);
}
.btn-dars > i
{
	float: right;
    padding-top: 13px;
	padding-right:10px;
}
.btn-dars > em
{
		float: right;
	padding-right:10px;
}
.btn-dars-lg, .btn-group-lg > .btn {
  font-size: 1.5rem;
	font-weight: bold;
  line-height: 3.5rem;
  border-radius: .5rem;
}

.space-before-icon2 {
  padding-left: 0rem;
  padding-right: 1.5rem;
}

.card-dars-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0.063rem;
  padding-left: 2rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: .5rem;
}
.card-dars-body p {
  xmargin-bottom: 3.0rem;
}
.card-dars-body a:link {
  color: #061F48;
	text-decoration: underline;
}
.card-dars-body a:hover {
  color: #061F48;
  font-weight: 500;
  text-decoration: underline;
}
.card-dars-body h2 {
  font-size: 1.5rem;
	font-weight: 700;
}
.card-dars-body h3 {
  font-size: 1.25rem;
	font-weight: 700;
}
.card-dars-body h4 {
  font-size: 1.0rem;
  color: #4370a7;
font-weight: 700;	
}
.card-dars-body h5 {
  font-size: 1.0rem;
  color: #c54224;
	
}
.card-dars-body h6 {
  font-size: .75rem;
  color: #c54224;
}

.card-dars-body .download{
	font-size: .75rem;
  color: #df7a50;
	font-weight: 500;
	
}

.card-dars-body .red-text {
  color: #df7a50;
	font-weight: 500;
}
.card-dars-body ul {
  list-style: none;
  margin-bottom: 0rem;
}
.card-dars-body ul li::before {
  content: "\2022";
  color: #c54224;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.card-dars-body .col-md-2{
padding-right: 5px;
    padding-left: 5px;
	
}



@media (max-width: 340px) {
	.chatFrame .toolbar .title {
		font-size: .9em;
		line-height: 2em;
	}
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* End ChatBot */

img.chat-image {
	 margin-right: 15px;
	 margin-bottom: 15px;
 }

.row{
	
	/*display: flex;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    margin-right:0px;
    /*margin-left: -15px;*/
}
.row.side
{
	display: flex;
    width: 100%;
    align-items: stretch;
    margin-right: 0px;
    margin-left: 0px;
    flex-wrap: unset;
}
.row.side > .main-container
{
	    min-width: calc(100% - 220px);
}
.row.side.big-screen > .content
{
	min-width: calc(100% - 450px)
}
	
@media screen and (max-width: 1199px) {
	.row.side.big-screen
	{
		align-items: unset!important;
		display: unset!important;
	}
	
}
.main-container:not(.home)
{
    /*flex: 0 0 calc(100% - 250px);
    width: calc(100% - 250px);*/
    padding-left: 4rem;
    padding-top: 3rem;
    padding-right: 3rem;
	padding-bottom: 6rem;
	overflow:hidden;
}

.main-container.add-background{
	background-image: url(../../../sites/default/files/assets/backgrounds/subpage.png);
    background-position: 50% 0%;
}

.menu--main.nav > li > a
{
	color: #CDD1F4;
	border-bottom: .2rem solid #dfdfdf;
	display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-default .navbar-toggle
{
	right: -70px
}

.navbar-collapse.collapse
{
	padding-right: 0px;
    padding-left: 0px;
}

header > div.navbar-header
{
	width:0px;
}

@media screen and (min-width: 768px)
{
body {
    margin-top: 0px;
}
}

.page-header
{
	border-bottom: none!important;
}
.mb-0{
	margin-bottom:0px;
}
.mt-0{
	margin-top:0px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-40{
	margin-bottom:40px;
}
.break-word
{
	word-break: break-word;
}
.screen-reader-only {
 position: absolute;
 height: 1px;
 width: 1px;
 clip: rect(1px 1px 1px 1px); // IE 6 and 7
 clip: rect(1px,1px,1px,1px);
 clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
 -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
 overflow: hidden !important;
 }
 
 .sr-only
 {
	 background-color: #ffffff;
 }
 
 .half-width
 {
    width: 45%;
    margin: 10px 20px;
    float: left;
    background-color: #088dae;
 }
#v4-dars-widget-footer
 {
	 height: 67px!important;
 }
/*.v4-tech-tool-header
{
	    padding-bottom: 115px;
}*/

.img-responsive.chaticon.tight-image
{
	width: 100px;
    float: right;
    margin-right: 30px;
}
.navbar .chaticon
{
    margin: 0.5rem .75rem 0.5rem;
    padding: unset;
    height: 35px !important;
}
.footer-Descr
{
	font-size: xx-small;
	color:white;
}
.nav > li > a:hover,
.nav > li > a:focus
{
	background-color: unset;
	/*filter: invert(100%);*/

}

.nav > li:hover,
.nav > li:focus
{
	transform: scalex(1.05);
}
#popupdialog .modal-content
{
	background-image: url("../../../sites/default/files/assets/backgrounds/popup.png");
	background-repeat: repeat-x;
    background-position-y: bottom;
    background-repeat-x: repeat;
	border-radius: 0px;
}

#popupdialog .modal-header
{
	border-bottom: none;
}

#popupdialog .modal-footer
{
	margin-top: 50px;
	border-top:none;
}

#popupdialog .modal-header .close
{
	margin-top: -15px;
    /* margin-right: -15px; */
    padding: 0px 3px;
    background-color: #f5a0aa;
    font-size: 20px;
}

#popupdialog .modal-dialog
{
	margin-top: 200px;
}

#popupdialog .modal-title
{
	font-size: larger;
}

/*Login Form */
section.block-user-login-block
{
	width: 40%;
	min-width:400px;
	max-width: 600px;
	display: block;
    margin-left: auto;
	right:0px;
	padding:10px;
}
section.block-user-login-block .block-title
{
	width: 40%;
    min-width: 175px;
    display: inline-block;
}
.login-top .sign-in:before
{
	content: '';
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: url("../../../sites/default/files/assets/icons/icon-user-circle.png");
        background-repeat: no-repeat;
        background-size: contain; 
		margin-right: 1rem;
}

#login-nav form .control-label 
{
	display:none;
	
}
#login-nav form
{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
	-ms-flex-align: center!important;
    align-items: center!important;
	flex-wrap: nowrap;
}
#login-nav form div
{
	padding-right: 5px;
    padding-left: 5px;
	flex: 0 1 auto;
    width: auto;
    max-width: 100%;
	position: relative;
}
section.block-user-login-block .form-type-textfield, section.block-user-login-block .form-type-password
{
	width: calc(100% - 100px);
    margin-right: 2%;
	display:inline-block;
}

section.block-user-login-block .form-actions
{
	right: 0px;
    margin-left: auto;
    display: inline-block;
	float: right;
}

section.block-user-login-block div.create_account
{
	width: 48%;
    display: inline-block;
    right: 0px;
    margin-left: auto;
	text-align:right;
}

section.block-user-login-block div.request_password
{
    /*text-align: right;*/
}
.user-form , .user-pass
{
	max-width: 500px;
}
.tab-dars
{
    font-weight: 400;
    margin-right: 10px;
    padding: 3px 0;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #d8d9df;
    border-radius: 0.5rem 0.5rem 0 0;
}
.tab-dars a.active
{
	background: #F9A0AA !important;
    border-radius: 0.5rem 0.5rem 0 0;
}

.tab-dars
{
	margin-bottom: 5px !important;
}

@media (max-width: 550px) 
{
	.tab-dars
	{
		width: 100%;
	}
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	color: #061F48;
    font-weight: 500;
    cursor: unset;
    background-color: unset;
    border: unset;
    border-bottom-color: unset;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus
{
	background-color: unset;
	color: #061F48;
    font-weight: 500;
	border: unset;
	margin-right: 0px;
	padding: 5px 10px;
}



.tab-content.dars
{
	padding-top: 10px;
}

.user-header
{
	min-height: 50px;
	background-color: #e6f5fc;
	font-family: 'Amatic SC', sans-serif;
	font-size: 40px;
	font-weight: 900;
	padding-left: 50px;
	color: #0B3A84;
	position: sticky;
	z-index: 1;
	display:flex;
}
.user-header-part{
	flex:1;
}
.path-node .user-header, .path-user .user-header, .path-webform .user-header
{
	margin-left: -65px;
    margin-top: -48px;
	width: calc(100% + 128px);
}
.path-user .user-header
{
	margin-bottom: 50px;
}
.pull-right
{
	text-align: right;
}

.user-header div:last-child
{
	padding-right: 50px;
}

.top-space
{
	margin-top: 50px;
}

.small-top-space
{
	margin-top: 20px;
}
article.landing-page 
{
	    min-height: 416px;
}

.bold-text
{
	font-weight: bold;
}

.Profile-tabs .nav-tabs
{
	border-bottom: none;
}

.survey .btn
{
	min-width: 200px;
	margin-top: 15px;
}

#tech-tool-container
{
	margin-top: -30px;
}
.viewsreference--view-title
{
	font-size: 1.5rem;
    font-weight: bold;
    line-height: 3.5rem;
    border-radius: 0.5rem;
}
.table > thead:first-child > tr:first-child > th
{
	 color: #0b3a84;
    font-size: 1.2 rem;
}
.table-striped > tbody > tr:nth-of-type(odd)
{
	        background-color: #f9a0aa63 !important;
}
.table-responsive > .table > tbody > tr > td
{
	white-space:normal;
}
.views-field-last-updated{
	min-width : 200px;
}

/*.avatar img {
	    height: 70px;
    width: 70px;
    border-radius: 50%;
    border-width: 2px;
    border-color: #40c3a5;
    border-style: solid;
}*/
.avatar a i
{
	position: absolute;
    top: 3px;
    left: 110px;
    border: 1px solid;
    border-radius: 50%;
    padding: 3px;
    font-size: 12px;
    height: 20px;
    width: 20px;
    display: flex !important;
    align-items: baseline;
    justify-content: flex-start;
    background-color: white;
    color: cornflowerblue;
    box-shadow: 0 0 8px 3px #b8b8b8;
}

.avatar a{
	text-decoration: none;
}

.alert-danger{
	color: #521311;
    background-color: #f5f0f0;
}

.alert-danger a, .alert-danger a:hover, .alert-danger a:focus{
	color: #521615;
}

.btn-success, .btn-success:hover, .btn-success:active
{
	  color: #061F48;
  font-weight: bold;
  background-color: #40C3A5;
  border-color: #40C3A5;
}

#password-policy-status
{
	display: none;
}
.input-group.password-parent
{
	display:block!important;
}

.input-group.password-parent .input-group-addon
{
    display: none;
}
.form-control
{
	font-weight: 500;
}

blockquote.greenborder
{
	border-color: #40C3A5
}
blockquote.pinkborder
{
	border-color: #F9A0AA
}
blockquote.blueborder
{
	border-color: #CDD1F4
}
/*Web forms customization*/
#webform-submission-request-for-additional-dars-fund-add-form .panel,#webform-submission-request-for-additional-dars-fund-add-form .form-type-processed-text{

	margin-bottom:40px;
}

#webform-submission-request-for-additional-dars-fund-add-form .webform-name .webform-flexbox .webform-flex 
{
	flex:1!important;
}
.panel-title
{
	color: #061F48;
    font-size: 1.5rem;
    font-weight: bold;
	    margin: 20px 0px;
		
}

.form-title
{
	color: #061F48;
    font-size: 2rem;
    font-weight: bold;
}
#webform-submission-request-for-additional-dars-fund-add-form .panel-title
{
	font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    text-transform: capitalize;
    color: #58595B;
}
/*
Widget custom*/
.field--name-field-widgets, .field--name-field-left-widget, .field--name-field-right-widget{
	/*margin-top: 1rem;*/
}
.field--name-field-widgets .field--item
{
	/*margin-bottom: 1rem;*/
}
.page-node-type-detail-page .field--name-field-overview
{
	margin-top: .5rem;
	margin-bottom: 1rem;
}
.paragraph-wrapper {
    position: relative;
    /*padding: 1rem;*/
    border-radius: 10px;
	/*margin-bottom: 1rem;*/
}
.filled-background
{
	background-position: center;
    background-repeat: no-repeat;
	background-size:contain;
}
@media (max-width: 768px) {
	.filled-background
	{
		background-size:cover;
	}
}
/*
.raised-display{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
}*/
.raised-display{
	-webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,1);
	box-shadow: 0 0 25px 0 rgba(0,0,0,1);
    padding: 50px;
	border-radius: 20px;
    margin: 100px 0;
}
.paragraph-wrapper.colored
{
	padding: 10px 15px;
}
.paragraph-wrapper.white
{
	background-color: #ffffff;
	color:#0B2374;
}
.paragraph-wrapper.pink
{
	background-color: var(--ltPink);
	color:#0B2374;
}
.paragraph-wrapper.green
{
	background-color:var(--ltGreen);
	color:#0B2374;
}
.paragraph-wrapper.blue
{
	background-color: var(--ltBlueColor);
	color:#0B2374;
}
.paragraph-wrapper.purple
{
	background-color: var(--ltPurple);
	color:#0B2374;
}
.paragraph-wrapper.orange
{
	background-color: var(--ltOrange);
	color:#0B2374;
}
.paragraph-wrapper.yellow
{
	background-color: var(--ltYellow);
	color:#0B2374;
}
.paragraph-wrapper.dark-blue
{
	background-color: var(--themeBlue);
	color:white;
}
.paragraph-wrapper.red
{
	background-color: #e055656b;
}

.paragraph-wrapper.dark-blue H2, .paragraph-wrapper.dark-blue H3, .paragraph-wrapper.dark-blue H4, .paragraph-wrapper.dark-blue H5, .paragraph-wrapper.dark-blue H6,
.paragraph-wrapper.dark-blue .h2, .paragraph-wrapper.dark-blue .h3, .paragraph-wrapper.dark-blue .h4, .paragraph-wrapper.dark-blue .h5, .paragraph-wrapper.dark-blue .h6
{color:white;}

.paragraph-wrapper.yellow .h3,.paragraph-wrapper.orange .h3,.paragraph-wrapper.purple .h3,.paragraph-wrapper.blue .h3,.paragraph-wrapper.green .h3,.paragraph-wrapper.pink .h3,
.paragraph-wrapper.yellow .h4,.paragraph-wrapper.orange .h4,.paragraph-wrapper.purple .h4,.paragraph-wrapper.blue .h4,.paragraph-wrapper.green .h4,.paragraph-wrapper.pink .h4,
.paragraph-wrapper.yellow H3,.paragraph-wrapper.orange H3,.paragraph-wrapper.purple H3,.paragraph-wrapper.blue H3,.paragraph-wrapper.green H3,.paragraph-wrapper.pink H3,
.paragraph-wrapper.yellow H4,.paragraph-wrapper.orange H4,.paragraph-wrapper.purple H4,.paragraph-wrapper.blue H4,.paragraph-wrapper.green H4,.paragraph-wrapper.pink H4
{color:#0B2374;}

.content-over-background{
	background-color: #ffffffc9;
    padding: 1rem;
    border-radius: 10px;
}

/*side by side layout*/
.side-by-side-wrapper{
  display:flex;
  /*width:100%;*/
}

.side-by-side-wrapper .w30{
  width: 30vw;
}

.side-by-side-wrapper .w70{
  /*width:70%;*/
}
.side-by-side-wrapper .w50{
  width: 50vw;
}
.side-by-side-wrapper div:not(:last-child)
{
	margin-right:1rem;
}
.side-by-side-wrapper div
{
	width:100%
}

.side-by-side-wrapper div.field--item
{
	margin-bottom: unset!important;
}


a.underlined
{
	text-decoration: underline!important;
}

.contain-image{
	max-width:100%;
}

.header-img .page-header::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  background-size: contain!important;
}

.header-img.healthcare .page-header::after
{
	  background: url('/sites/default/files/assets/images/healthcareicon.svg') 0 0 no-repeat;
}

.header-img.finances .page-header::after
{
	  background: url('/sites/default/files/assets/images/financesicon.svg') 0 0 no-repeat;
}

.header-img.social .page-header::after
{
	 background: url('/sites/default/files/assets/images/communityicon.svg') 0 0 no-repeat;
	  
}

.header-img.neighborhood .page-header::after
{
	background: url('/sites/default/files/assets/images/neighborhoodicon.svg') 0 0 no-repeat;  
}

.header-img.food .page-header::after
{
	background: url('/sites/default/files/assets/images/foodicon.svg') 0 0 no-repeat;  
}

.header-img.education .page-header::after
{
	 background: url('/sites/default/files/assets/images/educationicon.svg') 0 0 no-repeat;
}

.header-img.love .page-header::after
{
	  background: url('/sites/default/files/assets/images/loveicon.svg') 0 0 no-repeat;
}


/*Easy Access 2.0 css*/

/* || Alert Bar */
#alert-bar {
    text-align: center;
    padding: 16px 0;
    font-size: 18px;
    line-height: 22px;
}
#alert-bar.theme-green {
    background-color: var(--themeGreen);
    color: var(--baseFontColor);
}
#alert-bar.theme-blue {
    background-color: var(--themeBlue);
    color: #FFF;
}


/* || Header */
#site-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 400;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
}
#primary-header {
    background-color: #FFF;
    padding: 20px 0;
}
#primary-header .navbar {
    padding: 0;
}
#primary-header .navbar-brand {
    margin-right: 3vw;
}
.header-spacer {
    height: 225px;
}


/* || Primary Nav */
#primary-nav {
    flex-direction: column;
    padding: 0 3vw;
    border-left: solid 1px var(--grayColor);
    border-right: solid 1px var(--grayColor);
}

#primary-nav .navbar-nav {
    justify-content: space-between;
    width: 100%;
}
#primary-nav .navbar-nav a{
	text-decoration: none;
}
#primary-nav .nav-link {
    color: var(--baseFontColor);
    font-weight: 500;
}
#primary-nav .dropdown-toggle::after {
    display: none;
}

#primary-nav .nav-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
#primary-nav .nav-top .btn {
    font-weight: 500;
    padding: 4px 40px;
    white-space: nowrap;
}
#primary-nav .nav-top .tel-link {
    font-weight: 500;
    display: flex;
    align-items: center;
    margin: 0 10px;
}
#search-block-form button
{
	font-size: 0;
	color: white;
}
#nav-search, #search-block-form,#search-form {
    flex-shrink: 1;
}
#nav-search .form-control, #search-block-form .form-control, #search-form .form-control{
    border-color: var(--themeBlue);
    flex-shrink: 1;
}
#nav-search button, #search-block-form button{
    background-color: var(--themeBlue);
    border-top-right-radius: var(--borderRadius);
    border-bottom-right-radius: var(--borderRadius);
    border: none;
    padding: 0 10px;
}
#search-form .input-group-btn{
	display:flex;
}
#search-form button{
	padding: 0 10px;
    border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}


/* || Login Nav */
#login-nav {
    flex-direction: column;
    max-width: 25%;
    margin-left: 3vw;
}
#login-nav .login-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
#login-nav .login-top a {
    color: var(--baseFontColor);
}
#login-nav .login-top a > svg {
    margin-right: 10px;
}
#login-nav .login-top .sign-in {
    display: flex;
    align-items: center;
}
#login-nav .login-top .sign-in-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#login-nav .login-top .sign-in-links > li {
    font-size: 17px;
    font-weight: 400;
    padding: 2px 15px;
}
#login-nav .login-top .sign-in-links > li:not(:first-child) {
    border-left: solid 1px var(--grayColor);
}
#login-nav .login-top .sign-in-links a {
    text-decoration: underline;
}
#login-nav .form-row {
    flex-wrap: nowrap;
}
#login-nav .form-row > .col-auto {
    flex-shrink: 1;
}
#login-nav .btn {
    padding: 4px 15px;
    white-space: nowrap;
    font-size: 17px;
	border-color: var(--themeGreen);
    background-color: var(--themeGreen);
    color: var(--baseFontColor);
	text-transform: capitalize;
}
#login-nav .logged-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
#login-nav .logged-in .avatar {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: solid 1px var(--themeGreen);
    overflow: hidden;
	min-width: 83px;
	max-width: 83px;
}
#login-nav .logged-in .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#login-nav .logged-in .profile-info {
    text-align: center;
    font-size: 17px;
    padding: 0 15px;
}
#login-nav .logged-in .profile-name {
    display: block;
    font-size: 20px;
    font-weight: 600;
}
#login-nav .logged-in .profile-info a {
    text-decoration: underline;
    color: var(--baseFontColor);
}


/* || Footer */
#site-footer {
    position: relative;
    padding: 60px 0 0 0;
    background-color: var(--themeGreen);
    z-index: 200;
}
#site-footer .container-fluid {
    position: relative;
}
#site-footer a {
    color: inherit;
    text-transform: uppercase;
}
#site-footer .left-col {
    margin-bottom: 20px;
	margin-left: 20px;
	flex: 1;
}
#site-footer .left-col li {
    margin-bottom: 15px;
    font-size: 18px;
}
#site-footer .footer-copyright {
    font-size: 16px;
    /*color: #2E2E2E;*//*#FFF;*/
}
#site-footer .footer-copyright p {
    margin-bottom: 0;
}
#site-footer .footer-seals {
    margin-top: 20px;
    margin-bottom: 5px;
}
#site-footer .footer-seals li + li {
    margin-left: 15px;
}
#site-footer .mid-col {
    max-width: 30%;
    padding: 0 2%;
    align-self: flex-end;
    margin-top: -20px;
    overflow: hidden;
}
#site-footer .footer-people {
    transform: translateY(80px);
}
#site-footer .right-col {
    flex: 1;
    font-size: 16px;
}
#site-footer .right-col .title {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 35px;
	font-weight: 600;
	min-width:240px;
}
#site-footer .right-col .location-info p {
    margin-bottom: 25px;
}
#site-footer .right-col .contact-info p {
    margin-bottom: 10px;
}
#site-footer .right-col .contact-info strong {
    display: block;
    text-transform: uppercase;
}
#site-footer .right-col .contact-info a {
    word-break: break-word;
}
#footer-live-chat-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
#footer-live-chat-wrapper.sticky {
    position: absolute;
    bottom: 60px;
}
#footer-live-chat {
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 265px;
    background-color: var(--themeGreen);
    border-top-left-radius: var(--borderRadius);
    border-top-right-radius: var(--borderRadius);
}
#footer-live-chat .inner {
    display: flex;
    padding: 10px;
}
#footer-live-chat .avatar {
    margin-right: 10px;
    transform: translateY(-20px);
}
#footer-live-chat .content {
    text-align: center;
}
#footer-live-chat .title {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 10px;
    color: var(--baseFontColor);
}





/*** || Home Page ***/
#wrapper {
    max-width: 100vw;
    /*
    overflow-x: hidden;
    height: 100vh;
    */
}

/* || Hero */
#hero {
    position: relative;
    background-color: var(--ltBlueColor);
    background-image: url('../../../sites/default/files/assets/images/hero-bg.png');
    background-position: calc(50% + 280px) -15px;
    background-repeat: no-repeat;
    background-size: auto;
    overflow: hidden;
	width: 100vw;
}
#hero .content {
    padding-top: 90px;
    padding-bottom: 90px;
	padding-left: 60px;
}
#hero .image {
    display: flex;
    align-self: flex-end;
    justify-content: center;
    height: 360px;
}
#hero .hero-people {
    position: relative;
    background-image: url('../../../sites/default/files/assets/images/dars-graphic-people-all.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    flex: 0 0 1050px;
    max-width: 1050px;
    min-width: 1050px;
    margin-right: -75px;
    margin-left: -30px;
}
#hero .hero-people .popup {
    width: 416px;
    /* max-width: 100%; */
    left: 50% !important;
    padding: 0;
    border: none;
    border-radius: 18px;
    -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.25);
    box-shadow: 0 5px 8px 0 rgba(0,0,0,.25);
    transform: translate3d(-50%, -90%, 0px) !important;
}
#hero .hero-people .popup .popup-inner::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 20px;
    margin-left: -20px;
	transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
 @-webkit-keyframes bounce { 
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
 } 
 
.bounce {
  animation: bounce 4s ease 5;
}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}
		 
#hero .hero-people .backpack {
    display: inline-block;
    position: absolute;
}
#hero .hero-people .backpack-btn {
    padding: 0;
    border: none;
    background: none;
	font-size: 0;
}
#hero .hero-people .backpack-btn::after {
    display: none;
    visibility: hidden;
}
#hero .hero-people #popup-2 {
    left: 19%;
    top: 46%;
}
#hero .hero-people #popup-1 {
    left: 51%;
    top: 51%;
}
#hero .hero-people #popup-3 {
    left: 74.5%;
    top: 47%;
}

/* || Service Finder */
#highlighted-widget {
    position: relative;
    padding: 50px 0;
}
#highlighted-widget.theme-blue {
    background-color: var(--themeBlue);
    color: #FFF;
}
#highlighted-widget.theme-green {
    background-color: var(--themeGreen);
}
#highlighted-widget h2 {
    color: inherit;
}
#highlighted-widget .row > .col-12:first-child {
    border-right: solid 1px #FFF;
}
#highlighted-widget .inner {
    text-align: center;
    padding: 0 15%;
}
#highlighted-widget .btn {
    margin: 20px 0 10px 0;
}

/* || Ways We Help */
#ways-we-help {
    position: relative;
    background-color: var(--ltBlueColor);
    background-image: url('../../../sites/default/files/assets/images/ways-we-help-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
	width: 100vw;
	padding-bottom:40px
}
#ways-we-help .content {
    padding-top: 110px;
    padding-bottom: 110px;
}
#wellness-wheel {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
#wellness-wheel::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-image: url('../../../sites/default/files/assets/images/sun.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 518px;
    height: 300px;
}
#wellness-wheel .circle {
    display: block;
    position: absolute;
    top: 50%;
    left: 47%;
    /*width: 90px;*/
    height: 90px;
    margin-left: -45px;
    z-index: 1;
}
#wellness-wheel .circle.show {
    z-index: 2;
}
#wellness-wheel .circle-btn {
    padding: 0;
    border: none;
    background: none;
    width: 90px;
    height: 90px;
    overflow: visible;
    position: relative;
}
#wellness-wheel .circle-btn h4 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    margin: 0;
}
#wellness-wheel .circle-btn::after {
    display: none;
    visibility: hidden;
}
#wellness-wheel #circle-1 {
    transform: translate(-315px, 120px);
}
#wellness-wheel #circle-2 {
    transform: translate(-315px, -40px);
}
#wellness-wheel #circle-3 {
    transform: translate(-170px, -165px);
}
#wellness-wheel #circle-4 {
    transform: translate(-50px, -205px);
}
#wellness-wheel #circle-5 {
    transform: translate(175px, -165px);
}
#wellness-wheel #circle-6 {
    transform: translate(290px, -40px);
}
#wellness-wheel #circle-7 {
    transform: translate(350px, 120px);
}

/* || News */
#news {
    position: relative;
    padding: 120px 0 130px 0;
    background-color: var(--themeBlue);
	max-width:100vw;
}
#news-carousel-wrapper {
    position: relative;
    padding: 40px 40px	70px 40px;
    background-color: #FFF;
    border-radius: 50px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.25);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.25);
}
#news-carousel .slide {
    padding: 0 30px;
}
#news-carousel .slide .image {
    border-radius: 35px;
    overflow: hidden;
}
#news-carousel .slide .text {
    padding-right: 30px;
}
#news-carousel .slide .date {
    display: block;
    margin-top: 10px;
    margin-left: 20px;
    text-transform: uppercase;
    color: var(--primaryAccent);
}

#news-carousel .slide .flex-row-reverse .date {
	margin-right: 20px;
}
#news-carousel .slide .btn {
    margin-top: 20px;
}
#news-carousel-wrapper .news-arrows {
    position: absolute;
    left: 130px;
    right: 130px;
    bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slick-slide .flex-row-reverse img{
	float: right;
}

/* || Community Map */
#community-map {
    flex: 1 0 70%;
    max-width: 70%;
    padding: 50px 15px;
}
#community-map .input-group-append > .btn {
    padding: 6px 18px;
}
#community-map .community-map-wrapper {
    margin-bottom: 45px;
}
#community-map .community-map-wrapper svg {
    max-width: 100%;
    height: auto;
}
#community-map #Map .cls-1,
#community-map #Map .cls-2 {
  fill: #40c3a5;
}
#community-map #Map .cls-1 {
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}
#community-map #Map > path,
#community-map #Map > g {
  cursor: pointer;
  position: relative;
}
#community-map #Map > path:hover,
#community-map #Map > g:hover > path {
  fill: var(--themeBlue);
}
#community-map #Map > path.active,
#community-map #Map > g.active > path {
  fill: var(--themeBlue);
}
#community-map #Map .line {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 50vw;
    background-color: var(--ltBlueColor);
}

#community-sidebar {
    flex: 1 0 30%;
    max-width: calc(25% + 3vw);
    padding: 50px 0;
    background-color: var(--ltBlueColor);
    position: relative;
}
#community-sidebar::after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background-color: var(--ltBlueColor);
    width: 50vw;
}
#community-sidebar .title-bar {
    background-color: var(--themeGreen);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0 10px 15px;
    position: relative;
}
#community-sidebar .title-bar::after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background-color: var(--themeGreen);
    width: 50vw;
    z-index: 2;
}
#community-sidebar .title-bar h3 {
    text-align: center;
    margin: 0;
}
#community-sidebar .inner {
    padding: 45px 0 105px 45px;
    max-height: calc(100vh - 340px);
    overflow: auto;
    margin-right: -20px;
    padding-right: 20px;
}
#community-sidebar .inner::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0);
}
#community-sidebar .inner::-webkit-scrollbar {
	width: 6px;
	background-color: rgba(0,0,0,0);
}
#community-sidebar .inner::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
    border-radius: 3px;
}
#community-sidebar .card {
    margin-bottom: 40px;
}
#community-sidebar .card-header {
    display: flex;
    align-items: center;
}
#community-sidebar .card-header > .title {
    flex: 1 0 55%;
    max-width: 55%;
    padding-right: 10px;
}
#community-sidebar .card-header > .image {
    flex: 1 0 45%;
    max-width: 45%;
    padding-left: 10px;
    text-align: right;
    border-left: solid 1px #FFF;
}

/* || Results */
#results {
    position: relative;
    padding: 50px 0;
}
#results-list {
    position: relative;
    padding: 50px 0 130px 0;
    background-color: var(--ltGrayColor);
}
#results-list .card {
    margin-bottom: 30px;
}
#results-list .card-header {
    background-color: #4d4d4d;
}

#results-list .card .list-unstyled > li:not(:last-child) {
    margin-bottom: 15px;
}
#results-list .card .list-unstyled > li strong {
    color: #757575;
    font-size: 16px;
}

.progress-marker::before
{
	font-size: 12px;
	width: 30px;
    height: 30px;
	border-width: 3px;
    font-weight: 600;
    border-style: solid;
    border-color: #b6b6b6;
    background-color: white;
    color: #777777;
}
.progress-marker::after
{
	top: 13px;
}
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before
{
	background-color: white;
}

.progress-step.is-active .progress-marker::before{
    background-color: white;
    color: var(--themeGreen);
    border-color: var(--themeGreen);
}
.webform-progress-tracker .progress-step.is-complete .progress-marker::before, 
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
    background-color: var(--themeGreen)!important;
    color: white;
    border-color: var(--themeGreen);
}
.webform-progress-tracker .progress-step.is-active .progress-text, 
.webform-progress-tracker .progress-step.is-complete .progress-text,
.webform-progress-tracker .progress-title[role="link"],
.webform-progress-tracker .progress-title[role="link"]:hover, 
.webform-progress-tracker .progress-title[role="link"]:focus
{
	 color: var(--themeGreen);
}
.webform-progress-tracker .progress-step.is-active .progress-title
{
	font-weight: 600;
}
.webform-button--previous{
    border-color: var(--themePink);
    background-color: var(--themePink);
    color: white;
	    padding: 5px 20px;
    font-size: 20px;
	margin-right: 20px;
}

.webform-button--next{
	border-color: var(--themeGreen);
    background-color: var(--themeGreen);
    color: white;
	    padding: 5px 20px;
    font-size: 20px;
}

.webform-button--submit
{
	padding: 5px 20px;
    font-size: 20px;
}
.webform-submission-soheco-survey-pages-form .form-group, 
.webform-submission-soheco-survey-pages-form fieldset, 
.webform-submission-soheco-feedback-add-form .form-group, 
.webform-submission-soheco-feedback-add-form fieldset
{
	margin-bottom: 30px;
    /*border-bottom: 1px solid rgba(0,0,0,.1) !important;*/
}

#block-headernav
{
	width:100%;
}
#Soheco_serial
{color:white;
}

#loading {
    /*display: none;*/
    position: relative;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url("../../../sites/default/files/assets/images/loading.gif") 50% 50% no-repeat;
}

    #loading img {
        margin-top: -12px;
        // Half images height;
        margin-left: -12px;
        // Half images width;
        position: absolute;
        top: 50%;
        left: 50%;
    }
#Soheco_plan .btn.btn-primary
{
	font-size: 20px;
	padding: 0px 40px;
}

.ui-dialog-titlebar-close:before, .ui-dialog-titlebar-close:after {
  position: absolute;
  left: 7px;
  top: 0px;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color: #333;
}
.ui-dialog-titlebar-close:before {
  transform: rotate(45deg);
}
.ui-dialog-titlebar-close:after {
  transform: rotate(-45deg);
}

.survey-spacing
{
	padding: 3% 0 3% 10%;
}


#circle-4 .popup .popup-inner::after
{
	left:46%!important;
	
}

#circle-4 .dropdown-menu.popup.show
{
	transform: translate3d(-50%, 100px, 0px)!important;
}
.circle.dropdown.right .popup .popup-inner::after
{
	left:87%!important;
	
}

.circle.dropdown.right  .dropdown-menu.popup.show
{
	transform: translate3d(-100%, 90px, 0px)!important;
}

.center-verticle
{
	vertical-align: middle;
    margin: auto;
}
   
#edit-help-link
{
	display:None;
}

a.underlined
{
	text-decoration: underline;
}

.slick-dots button
{
	background-color: #595959;
}

.bordered-text
{
	border: 3px solid #e66b40;
    padding: 15px 20px 0 20px;
    background-color: #ed863b29;
}

.form-required:after {
    content:" *";
    color: red;
  }
  
.password-field
{
	width: 100%!important;
	border-radius: 6px!important;
}

.blue-back{
	background-color:#e4f7fc;
}
.purple-back{
	background-color:#dce1f1;
}
.green-back{
	background-color:#bddfd7;
}
.yellow-back{
	background-color:#fbf0da;
}
.pink-back{
	background-color:#f9e4e6;
}

.padded-text
{
	max-width: 1000px;
    margin: 0 auto;
}

.extra-top-padding
{
	padding-top: 2rem;
}

.small-content
{
	max-width: 400px;
    margin: 0 auto;
}
.mid-content
{
	max-width: 600px;
    margin: 0 auto;
}

.wide-padding
{
	padding: 5rem;
}

.categories-row .view-content
{
	display: flex;
	flex-wrap: wrap;
	width: calc(100vw);
}

.category
{
	flex: 1 0 21%;
    margin: 25px;
    width: calc(100vw/4 - 90px);
    min-width: 200px;
    height: 90%;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    border-radius: 25px 25px 0 0;
    text-align: center;
}

.category img
{
	min-height: 200px;
	max-width: 200px;
    padding: 20px;
}
.category H2
{
	min-width:200px;
	max-width: calc(100vw/4 - 50px);
}

.category .content
{
	border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.category .field--name-field-icon
{
	background-color: #8c97cb;
    border-radius: 25px 25px 0 0;
	margin-bottom: 0px!important;
}

.category .cat-title, #catlist .cat-title
{
	font-size: 24px;
    font-weight: 600;

}
.category .cat-title .field--item, #catlist .cat-title .field--item
{	
	margin-bottom: 0px!important;
}

#catlist .cat-title
{
	padding-bottom: 20px;
}

/* The Modal (background) */
.categories-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  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 */
.categories-modal-content {
	background-color: #fefefe;
    margin: 265px auto auto auto;
	z-index:400;
    padding: 5px 20px;
    border: 1px solid #888;
    max-width: calc(100vw - 100px);
    width: max-content;
    height: max-content;
    max-height: calc(100vh - 230px);
    border-radius: 18px;
    box-shadow: 0 5px 8px 0 rgba(0,0,0,.25);
}

/* The Close Button */


.categories-modal-content .btn-header{
	display: flow-root;
    margin-bottom: 10px;
    font-weight: 700;
}

.btn-header .closepopup {
    float: left;
    text-decoration: underline !important;
    cursor: pointer;
}

.btn-header .resource
{
	float: right;
    text-decoration: underline;
	margin-right: 45px;
}

.subcat{
	font-size: 20px;
    font-weight: 600;
}

.subcat .form-group
{
	Margin-top: 20px;
	font-size: 18px;
}

.subcat .form-group .btn-primary:disabled
{
	background-color: var(--Purple);
    border-color: #0b2374;
}
.subcat legend
{
	font-size: 20px;
    font-weight: 700;
}

input[type="radio"]  + label
{
	margin-left: 5px;
}

.info {
  position: relative;
  /*display: inline-block;*/
  /*border-bottom: 1px dotted black;*/
  opacity:unset;
}
@media screen and (min-width: 768px) {
	.info{
		padding-right:300px;
	}
}

.info .infotext {
  visibility: hidden;
  width: 400px;
  background-color: var(--ltBlue);
  color: Black;
  text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    display: inline;
    inline-size: fit-content;
    margin-left: 5px;
    z-index: 1;
    font-weight: 500;
    font-size: 16px;
}
.i-icon{
	font-size: 15px;
	display:unset;
}
.i-icon:hover .infotext {
  visibility: visible;
}

.exit-btn
{
    position: fixed;
    margin: -15px 0;
    right: 0;
    z-index: 999;
    height: 40px;
    width: 110px;
    border-radius: 25px;
    border-color: red;
    border-style: solid;
    border-width: 2px;
    padding: 3px 7px;
    background-color: var(--themePink);
}

.exit-btn a{    
/*color: white;*/
}

	.exit-btn .exit-text {
		display:block
	}
	.exit-btn .exiticon
	{
		display:none;
	}


.subcat-opt {
    max-height: calc(100vh - 600px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.webform-submission-form .control-label
{
	font-weight:bold;
}

#webform-submission-suggest-a-resource-add-form .webform-section-title{
	font-family: unset;
    font-size: larger;
}


body.safety-open {
  height: 100vh;
  overflow-y: hidden;
  position: fixed;
}

.flag-link-bookmark a img
{
	min-width:unset!important;
}

.paragraph-wrapper.small, .accordion.small
{
	margin-bottom : 1rem;
}

.paragraph-wrapper.medium, .accordion.medium
{
	margin-bottom : 2rem;
}

.paragraph-wrapper.large, .accordion.large
{
	margin-bottom : 3rem;
}

.anchor-div
{
	margin-bottom : 1rem;
	background-color: var(--ltBlueColor);
    color: #0B2374;
    border-radius: 10px;
}
.on-page-anchor
{
	margin-right : 1rem; 
	/*margin-bottom : 1rem;*/
	font-weight: normal;
}

.on-page-anchor:hover
{
	font-weight: bold;
}

.three-column
{
	display: flex; flex-wrap: wrap;  flex: 0 0 30%; justify-content:space-between;
}
.three-column * {width: 30%; margin:auto; }

.three-column img {}

.two-column
{
	display: flex; flex-wrap: wrap;  flex: 0 0 45%; justify-content:space-between;
}
.two-column > * {width: 45%; margin:auto; }

.two-column img {}


#content-moderation-entity-moderation-form
{
	    padding-left: 4rem;
    padding-top: 3rem;
}
#results-tbi > *
{
	margin: 0 auto 15px auto;
}
/*TBI results*/
#results-tbi .orange .card-header
{
	background-color: var(--ltOrange);
	color:#0B2374;
}
#results-tbi .pink .card-header
{
	background-color: var(--themePink);
	color:#0B2374;
}
#results-tbi .blue .card-header
{
	background-color: var(--themeLtBlue);
	color:#0B2374;
}
#results-tbi .purple .card-header
{
	background-color: var(--themePurple);
	color:#ffffff;
}
#results-tbi .green .card-header
{
	background-color: var(--themeGreen);
	color:#0B2374;
}

#results-tbi .card
{
	height: 100%;
}

#results-tbi .card .card-body
{
	background-color: var(--ltBlueColor);
}

/**/

#Survey_serial, #confirmation_method{color:white;}

.safe {
    display: flex;
    margin-bottom: 50px;
}

    .safe .logo {
        width: 25vw;
        max-width: 250px;
        min-height: 20vw;
        position: relative;
        border-radius: 20px 0 0 20px;
    }

    .safe.green .logo {
        background: #64ceb5;
    }

    .safe.purple .logo {
        background: #716b96;
    }

    .safe.orange .logo {
        background: #fdae75;
    }

    .safe .info {
        padding: 20px;
        border-radius: 0 20px 20px 0;
		width: 75vw;
		display: flex;
		justify-content: center;
		flex-direction: column;
    }

    .safe.green .info {
        background-color: #CEEBE5;
    }

    .safe.purple .info {
        background-color: #cfd3e9;
    }

    .safe.orange .info {
        background-color: #febf94;
    }

    .safe .logo {
        padding-left: 20px;
    }

    .safe img {
        width: 100px;
        height: 300px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
	
	.tbi-results > div {
    margin-top:2rem;
}

#webform-submission-bi-screener-add-form .form-group .fieldgroup, #webform-submission-tbi-feedback-add-form .fieldgroup {margin-bottom: 2rem;}
.webform-submission-form .control-label.option{font-weight:unset!important;}
.progress-marker:focus{color: var(--themePink);}
.tbi-image {height: 100%;}
.webform-flex--container {height: 100%}
.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before{background-color: var(--ltPink)}

/* video widgets */
button.video-thumbnail
{
	border: 0;
    border-radius: 10px;
    background-color: transparent;
}

button.video-thumbnail img
{
	border-radius: 10px;
    width: 100%;
    height: 100%;
}

.popupDialog.video {
	display: none;
	position: fixed;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 20px 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.overlay.video {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

/**/