/****************** Weglot ***********************************/

/*Restrict form width to remain within parent container 
   - form set to cover full width of pg. (used for translation purposes)*/
.guideContainerNode {
    max-width: 100%;
}
/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click>div:focus 
{ 
    outline: 3px solid #1CA6DF; 
}

/******************** GLOBAL **************************************/

/* Removes width restraints on text components */
.cmp-text {
    max-width: 100%;
}

/* Centers Text in Container */
.text-center {
    text-align: center !important;
}

/* Agency Logo Sizing */
@media only screen and (min-width : 769px) {
	.cmp-agency-header__logo {
	    height: 8rem;
	    width: auto;
		margin-bottom: -25px !important;
	}
}

@media only screen and (max-width : 768px) {
	.cmp-agency-header__logo {
	 	height: auto;
	    width: auto;
	 	max-width: 100%;
	}
}


/* Set color of bar above H1 Title here */
.title h1::before {
    background-color: #2e3293;
    /* Uncomment the code below to remove the bar above the h1 title */
    /*display: none;*/
}

/*** Full Width Authored Buttons ***/
.button .cmp-button.fill-available {
	width: -webkit-fill-available;
}
/*** HTML Print Button CSS (Community Roadmap)***/
#printme > .cmp-button::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02f";
    padding-right: 10px;
}

/*** Global adjustment for custom Icon Cards ***/
@media only screen and (max-width : 768px) {
	.icon-card .cmp-icon-card img {
		width: 40%;
	}
}

/******* Agency Footer *******/
@media only screen and (min-width : 769px) {
    .cmp-agency-footer__links-icons {
        align-items: center;
        text-align: center;
    }
}
@media only screen and (max-width : 768px) {
	.cmp-agency-footer__links-icons {
		align-items: center;
	}
	.cmp-agency-footer__links-wrapper {
		text-align: center;
	}
}

.agencyfooter .cmp-agency-footer__links-wrapper:not(:nth-of-type(2)) h3 {
	display: none !important;
}
.agencyfooter .cmp-agency-footer__links-wrapper h3, .agencyfooter .cmp-agency-footer__links-wrapper ul li a  {
	font-weight: bold;
}
@media only screen and (max-width : 768px) {
        .agencyfooter .cmp-agency-footer .cmp-agency-footer__links-icons .cmp-agency-footer__links-wrapper:nth-child(1) .cmp-agency-footer__text p img {
    width: 200px;
    height: auto;
    }
    .round{
    margin-top: 10px;
    }
}
@media only screen and (min-width : 769px) {
        .agencyfooter .cmp-agency-footer .cmp-agency-footer__links-icons .cmp-agency-footer__links-wrapper:nth-child(1) .cmp-agency-footer__text p img {
    width: -webkit-fill-available;
    height: auto;
    }
}

.toolkit-button.upcoming-events, .toolkit-button.latest-news {
	padding: 5px 10px 0px 10px;
}

/* Add padding to Callout Boxes sitewide */
.callout-box {
	padding: 0 .9375rem .9375rem .9375rem
}

@font-face {
    font-family: 'Roboto';
    src: url("./Roboto-VariableFont.ttf");
    font-weight: normal;
}

/* custom color info */
h1, h2, h3, h4, h5, h6 {
    color: #2e3293 !important;
}
h1 {
	font-weight: 500;
}
h1.extra-large {
	font-weight: 900;
	font-family: 'Roboto';
}

/*custom accordion color and font weight*/
.accordion .cmp-accordion__title {
	color:#2e3293;
	font-weight:normal;
	font-size: 30px;
}

/*Custom button color with rounded edges*/
.toolkit-button {
    background: #2e3293 !important;
    border-radius: 45px;
}

/*********************** END GLOBAL UPDATES **************************/

/***** HOME PAGE UPDATES *****/

/*reduces icon size of bottom 3 icon cards on homepage*/
.home-page .icon-card .cmp-icon-card.colored img {
	width: 30%;
}

/* Sets Medium text as yellow on the homepage */
.home-page .text-medium em {
    color: #FFFF00;
}

.rounded-corners, .rounded-corners .button .cmp-button, .rounded-corners .icon-card .cmp-icon-card, .rounded-corners .icon-card .cmp-icon-card .button .cmp-button, .rounded-corners img, .rounded-corners .events-feed .cmp-news-feed__event-date, .rounded-corners .events-feed .cmp-news-feed__event-date__month {
    border-radius: 10px;
}

.rounded-corners {
    border-radius: 45px;
}
 
.title-emphasis :is(h1, h2, h3, h4, h5, h6) {
	padding-bottom: 10px;
	padding-top: 5px;
	font-weight: 500 !important;
}

.rounded-corners .image-card .cmp-image-card, .cmp-image-card__image {
    border-radius: 10px;
	background-size: cover;
}

.round-image  img.cmp-image__image {
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1;
}

.cmp-news-feed__event-date-container {
	background-color: white;
	flex-direction: row;
	padding: 15px 10px 15px 10px;
	border-radius: 10px;
	height: 75px;
}
@media only screen and (max-width : 768px) {
	.cmp-news-feed__event-date-container {
		max-height: 75px;
	}
}

.cf-list-news .cmp-news-feed__event-date-container {
	border: solid 1px #EFEFEF;
}

.cmp-news-feed__event-date, .cmp-news-feed__event-date__month {
	color: #268654;
	margin-right: 0px;
	font-weight: 800;
	align-self: center;
}
.cmp-news-feed__event-date__day {
	color: #268654;
}
.cmp-news-feed__event-date__year {
	display: none;
}

.events-feed .cmp-news-feed__event-date-container::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f073";
	padding-right: 20px;
	color: #3B53A4;
	align-content: center;
	padding-left: 15px;
	display: block;
	font-size: 40px;
	border-right: 1px gray solid;
}

.cf-list-news .cmp-news-feed__event-date-container::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f1ea";
	padding-right: 20px;
	color: #3B53A4;
	align-content: center;
	padding-left: 15px;
	display: block;
	font-size: 40px;
	border-right: 1px gray solid;
}

@media only screen and (max-width : 768px) {
	.cmp-news-feed__event-date-container::before {
		padding-right: 15px;
		padding-left: 10px;
		font-size: 30px;
	}
}

.events-feed .agency-footet-links-font-style, .events-feed .cmp-news-feed__text p:first-child a, .news-feed .cmp-news-feed .cmp-news-feed__text a, .news-feed .cmp-news-feed .cmp-news-feed__text p:not(nth-last-of-type) {
	font-weight: bold;
}

.events-feed .cmp-news-feed__text, .cf-list-news .cmp-cf-list__item-title-infomation {
	margin-left: 15px;
}

.cmp-agency-footer h2,.cmp-agency-footer h3,.cmp-agency-footer h4,.cmp-agency-footer h5,.cmp-agency-footer h6 {
    color: white !important;
}

.icon-card .cmp-icon-card.colored img {
	width: 30%;
}
@media only screen and (min-width : 769px) {
	.icon-card .cmp-icon-card img {
		width: 10%;
		margin-bottom: 0px;
	}
	.exec-summary .icon-card .cmp-icon-card img {
		width: 30%;
	}
}

.button .connected-communities {
	border: 3px solid #3d52a3;
    color: #2e3293;
	border-radius: 45px;
	background:	#ebeef6 !important;
	width: -webkit-fill-available;
}

.green-iconcard {
	background-color: #e6f8f4;
	border: 5px solid #268654;
	border-radius: 20px;
}

.green-iconcard .cmp-icon-card__title {
    color:  #268654 !important;
    min-height:40px;
}

@media only screen and (min-width : 769px) {
    .green-iconcard .cmp-button {
        width: 50%;
    }
}
.green-iconcard .cmp-button {
	background-color: #268654;
	border-radius: 45px;
	text-align:center;
}

.lightgreen-iconcard {
	background-color: #f5faee;
	border: 5px solid #8dc63f;
	border-radius: 20px;
}

.lightgreen-iconcard .cmp-icon-card__title {
	color:  #425b2f !important;
	min-height: 54px;
}
.home-page .lightgreen-iconcard .cmp-icon-card__title {
    min-height: 40px;
}

@media only screen and (min-width : 769px) {
    .lightgreen-iconcard .cmp-button {
        width: 50%;
    }
}
.lightgreen-iconcard .cmp-button {
	background-color: #425b2f;
	border-radius: 45px;
	text-align:center;
}

.blue-iconcard {
	background-color: #ebf5fb;
	border: 5px solid #009cda;
	border-radius: 20px;
}

.blue-iconcard .cmp-icon-card__title {
    color:  #0064a5 !important;
    min-height:40px;
}

.exec-summary .icon-card .cmp-icon-card__title {
		height: 60px !important;
	}

@media only screen and (min-width : 769px) {
    .blue-iconcard .cmp-button {
        width: 50%;
    }	
}
.blue-iconcard .cmp-button {
    background-color: #0064a5;
    border-radius: 45px;
    text-align:center;
}

.darkblue-iconcard {
    background-color: #ebeef6;
    border: 5px solid #3d52a3;
    border-radius: 20px;
}

.darkblue-iconcard .cmp-icon-card__font-icon {
	display: none;
}

.darkblue-iconcard .cmp-icon-card__title {
	padding-bottom: 5px;
}
.darkblue-iconcard .cmp-icon-card__description {
	margin-bottom: 20px;
}

.darkblue-iconcard .cmp-icon-card__title {
    color:  #2e3293 !important;
}

.exec-summary .darkblue-iconcard .cmp-icon-card__title {
	height: 75px !important;
}

@media only screen and (min-width : 769px) {
    .darkblue-iconcard .cmp-button {
        width: 50%;
    }
}
.darkblue-iconcard .cmp-button {   
    background-color: #2e3293;
    border-radius: 45px;
    text-align:center;
}

/* Home Page Mobile Icon Card Fixes */
@media only screen and (max-width : 768px) {
	.cmp-container .icon-card .cmp-icon-card__font-icon {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.cmp-container .cmp-button {
		width: 70%;
		text-align: center;
	}
	.cmp-container .icon-card img {
		max-width: 70px;
	}
	.card-container .cmp-image-card {
		margin-bottom: 0px;
	}
}

.roundbtn-primary {
    border-radius: 45px;
    background-color: #2e3293;
}

.round {
	border: 5px solid #3d52a3;
	border-radius: 20px;
	background-color: #3d52a3;
	margin-left: 10px;
	margin-right: 10px;
}

.eng-img-card .cmp-image-card {
    margin: 1px 0px 0px 0px;
}

.image-card{
    overflow: hidden;
}

/* Set Agency Footer Color */
.cmp-agency-footer {
    background-color: #005180;
}

/* Set Global Footer Color */
.cmp-global-footer {
    background: #003E62;
}

#printme > .cmp-button {
	float:right;
}
#printme__mobile {
	margin-top: -80px;
}
@media only screen and (max-width : 768px) {
	#printme .cmp-button {	
		margin: 40px 0px -10px 0px !important;
	}
}

/* Set color of border for event date icon */
.cmp-news-feed__event-date {
    border: 1px solid white;
}

/* Set color of background for month portion of event date icon */
.cmp-news-feed__event-date__month {
    background: white;
}

/* Set color of background for year portion of event date icon */
.cmp-news-feed__event-date__year {
    background: white;
}

.share-your-story .cmp-teaser {
	padding: 0px;
}

@media only screen and (min-width : 769px) {
	.share-your-story .teaser.teaser--text-right .cmp-teaser__image	{
		width: 30%;
	}
}

.share-your-story .teaser.teaser--text-right .cmp-teaser__content {
	align-content: center;
}
.share-your-story .teaser.teaser--darkbg .cmp-teaser__title, .share-your-story .cmp-teaser__action-container {
	color: white !important;
	padding: 10px;
}

/***** End Home Page Updates *****/

/***Municipal Leaders page ***/
/*Custom Circle Component Colors Start*/
.municipal-leaders .one .cmp-circle__image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%232D2D69' /%3E%3C/svg%3E") !important;
}

.municipal-leaders .two .cmp-circle__image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23288A57' /%3E%3C/svg%3E") !important;
}

.municipal-leaders .three .cmp-circle__image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%230164A5' /%3E%3C/svg%3E") !important;
}

.municipal-leaders .four .cmp-circle__image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%2334461E' /%3E%3C/svg%3E") !important;
}

.cmp-container.callout:has(.one) a:visited {
	color: #2D2D69;
}
.cmp-container.callout:has(.two) a:visited {
	color: #288a57;
}
.cmp-container.callout:has(.three) a:visited {
	color: #0164a5;
}
.cmp-container.callout:has(.four) a:visited {
	color: #34461e;
}

@media only screen and (min-width: 769px) {
	.cmp-container.callout:has(.one){
		border: 3px solid #2d2d69;
		border-radius: 45px;
	}
	.cmp-container.callout:has(.two){
		border: 3px solid #288a57;
		border-radius: 45px;
	}
	.cmp-container.callout:has(.three){
		border: 3px solid #0164a5;
		border-radius: 45px;
	}
	.cmp-container.callout:has(.four){
		border: 3px solid #34461e;
		border-radius: 45px;
	}
}

@media only screen and (max-width: 768px) {
	.cmp-container__mobile.callout:has(.one){
		border: 3px solid #2d2d69;
		border-radius: 45px;
	}
	.cmp-container__mobile.callout:has(.two){
		border: 3px solid #288a57;
		border-radius: 45px;
	}
	.cmp-container__mobile.callout:has(.three){
		border: 3px solid #0164a5;
		border-radius: 45px;
	}
	.cmp-container__mobile.callout:has(.four){
		border: 3px solid #34461e;
		border-radius: 45px;
	}
}

/*Custom Circle Component Colors End*/


.guideContainerNode .mobileLayout {
    display: none !important;
}

.afCheckBoxItem {
    width: 100%;
}

.guideWidgetLabel.right label,
.guideWidgetLabel.left label {
    line-height: 24px;
}

.guideContainerNode .red {
    color: #E21121;
}

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

/*** News Content Fragment List ***/
.cf-list-news .cmp-cf-list li a, .cf-list-news .cmp-cf-list li .publish-date, .cf-list-news .cmp-cf-list li .news-tags {
	font-weight: bold;
}
.cf-list-news .cmp-cf-list li .news-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.cf-list-news .cmp-cf-list li .publish-date, .cf-list-news .cmp-cf-list li .news-tags {
    display: inline-block;
    width: fit-content;
}
.cf-list-news .cmp-cf-list li .news-tags::before {
	content: '- '
}
.contentfragmentlist:has(.cf-list-news) {
	padding-bottom: 0px;
}

@media only screen and (max-width : 768px) {
    .afToolbarButton .guidebutton button .iconButton-icon {
        display: none!important;
    }
    .afToolbarButton .guidebutton button .iconButton-label {
        display: block!important;
    }
    .afToolbarButton .guidebutton button.submit {
        margin-right: 0!important;
    }
}