/* Agency Logo Sizing */
.cmp-agency-header__logo {
    height: 2.875rem;
    width: auto;
}

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

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

/* Set attributes for color bar above H1 title text */
.title .cmp-title h1::before {
    width: 5.9375rem;
    content: " ";
    height: .375rem;
    position: absolute;
    top: 0;
    left: 0;
}

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



/*Callout box*/
.callout-boxes-all {
    border: 4px solid #CDFD10;

}

#callout-box-1 {
    background: #851f61 !important;
}

#callout-box-2 {
    background: teal !important;
}

#callout-box-3 {
    background: #00030f !important;
}

/*Content Fragment List*/
.cf-list-title-value {
    color: #00F0FF !important;
    background: green;
}

.cf-list-description-label {
    border-bottom: 4px solid #CDFD10;
    background: navy;
    color: #CDFD10 !important;
}

.cf-list-description-value {

    background: #520036;
    color: #fff352 !important;
}

.cf-list-slug-label {

    background: #520036;
    color: #fffff3 !important;
    border-bottom: 4px solid #CDFD10;
}

.cf-list-slug-value {
    background: lime;
    color: #0f00f0 !important;

}

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

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

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

.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;
}

@media only screen and (min-width : 200px) {}

@media only screen and (min-width : 320px) {}

@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;
    }
}

@media only screen and (min-width : 769px) {}

/* Agency Logo Sizing MQ */
@media (min-width: 1101px) .cmp-agency-header__logo {
    height: 4.25rem;
}

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

@media only screen and (min-width : 1600px) {}

/*Restrict form width to remain within parent container - form set to cover full width of pg. (used for translation purposes)*/
.guideContainerNode {
    max-width: 100%;
}

/*Elastic List CSS Testing*/

#test-elastic-list 
	{ border: 2px solid red;
	}

.custom-list-style 
	{ background-color: #f0f0f0;
	}

.custom-label 
	{ color: blue; font-weight: bold;
	}

.custom-value 
	{ color: green; font-style: italic;
	}