/**
 * @file
 * Subtheme specific CSS.
 */

@import url('calendar.css');
@import url('enterprises.css');
@import url('masonryGrid.css');
@import url('hexagonFlipCards.css');

/* Font for body and titles: font-family: 'Poppins', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;&display=swap');
/* Font for blockquotes: font-family: 'Abril FatFace', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
/* Font for special week theme titles: font-family: 'Denk One', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Denk+One&display=swap');
/* Font for holiday theme titles: font-family: 'Pinyon Script', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
/* Font for Services: font-family: 'Limelight', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');
/* Font for Services: font-family: "Hind Vadodara", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&display=swap');
/* Font for Services: font-family: "Dancing Script", cursive; */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
/* Font for Bright Beginning title: font-family: 'Yusei Magic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');
/* Font for Bright Beginning button: font-family: 'Delicious Handrawn', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap');

/********************
GENERAL
********************/

html {
	min-height:101%;
}

body {
	font-family: 'Poppins', sans-serif;
	color: #474747;
	color: rgba(71,71,71,1) !important;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

/* Don't use h1 and h2 in Articles, Basic pages and Newsletters main content.*/

h1 {
	color: #ea7125;
	font-size: 2rem;
}

h2 {
	font-size: 1.9rem;
}

h3, h4, h5 {
	color: #44697d;
}

h6 {
	color: #000000;
	font-size: 1.1rem;
}

a {
	text-decoration: none;
}

blockquote p {
	color: #474747;
	color: rgba(71,71,71,0.85) !important;
	font-size: 1.2rem;
	letter-spacing: .1em;
	font-family: 'Abril FatFace', cursive;
	width: 90%;
	padding-left: 1em;
	padding-bottom: .15em;
	margin-left: 4%;
	border-left: 2px solid #ea7125;
	text-align: left;
}

strong {
	font-weight: 600;
}

/********************
Heading
********************/

/* ARIA example: role="heading" aria-level="3";
If it's a link: role="button"
If target="_blank": aria-label="Opens in a new tab" tabindex="0";
If it's a exteranl link: aria-label="Opens in a new tab" rel="noopener noreferrer" */

.headingOneFont {
    font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 2rem;
	color: #ea7125;
}

.headingTwoFont {
    font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size:1.9rem;
	color: #000000;
}

.headingThreeFont {
    font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size:1.75rem;
	color: #44697d;
}

.headingFourFont {
    font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size:1.5rem;
	color: #44697d;
}

.headingFiveFont {
    font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size:1.25rem;
	color: #44697d;
}

.headingSixFont {
    font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size:1.1rem;
	color: #000000;
}

/********************
TOP HEADER
********************/

#navbar-top {
	height: 2.6em;
}

.top-header-search h2 {
	display:none;
}

.top-header-search input {
    height: 1.3rem;
}

.top-header-search button {
    height: 1.2rem;
    font-size: .9rem;
    padding: .01rem .5rem .1rem .5rem;
    float:right;
}

.social-media-icons {
	margin-top: -30px;
	font-size: 1rem;
	padding-right: 3em;
}

.social-media-icons img {
	width: 18px;
	height: 18px;
	margin: 0;
}

/********************
BRANDING
********************/

.navbar-brand img {
	max-width: 120px;
	width: 100%;
	height: auto;
	padding-top: 4px;
	padding-left: 10px;
}

/********************
MAIN MENU
********************/

.navbar-dark .navbar-nav {
    border-bottom: 1px solid #f8d4bc;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(234,113,37,1);
	font-size: 1.2rem;
}

.navbar-dark .navbar-nav .nav-link.active {
	color: rgba(154,74,16,1);
}

.navbar-dark .navbar-nav .nav-link:hover{
	color: rgba(234,113,37,.8);
}

.navbar-dark .navbar-nav .nav-link:focus{
	color: rgba(234,113,37,.8);
}

.navbar-dark .navbar-toggler-icon {
	background-color: rgba(234,113,37,1);
}

#block-barriojyblue-main-menu {
	margin-left:auto;
	margin-right:5%;
}

#block-barriojyblue-page-title {
	text-align: center;
	border-bottom: none;
    padding-bottom: 0.8em;
}

.dropdown-item.active a {
	color:#ffffff;
}

.dropdown-item.active {
	background-color: rgba(234,113,37,1);	
}

.dropdown-item:active {
	background-color: #ffffff;	
}

.dropdown-item a:focus {
	color: #006cb4;
	text-decoration: none;	
}

.navbar-dark .navbar-nav .show>.nav-link {
    color: #ea7125;
}

#mainMenuExpanded {
    display: none;
}

@media (max-width: 61.99em) {
    #mainMenuExpanded {
        display: inline;
    }
    #mainMenuExpanded a {
        color: rgba(234,113,37,1);
        font-size: 1.2rem;
        text-decoration: none;
        padding: .5rem 1rem;
    }
}

/********************
HIGHLIGHTED
********************/

/* Dodge Pond page */

.page-node-42 .highlighted {
	background: url(../images/2023dpBeachFrontDocks.webp);
	background-position: center center;
	background-size: cover;
	padding-top: 1px;
	margin-bottom: 20px;
}

.welcome-empty-block-dodge-pond {
	opacity: 0;
	height: 28em;
}

/********************
FEATURED TOP
********************/

/* Front Featured Top Block Main Div - Front Featured Top Block Important Notice; Front Featured Top Block with Two Images and Three Images; 
 * Front Featured Top Block with A Title and Photos - Special Weeks; Front Featured Top Block Three Columns; Front Featured Top Block One Image; */

#featuredTopCover {
    width: 100vw;
    margin: 0;
    padding: 0;
	text-align: center;
}

#featuredTopCover img {
    width: 100%;
    height: auto;
}

/* Front Featured Top Block with two columns */

#block-frontfeaturedtopblocktwocolumns{
	width: 100vw;
}

#twoColumnFrontText1 {
	width: 60%;
	padding-left:16px;
	padding-right:16px;	
	text-align: center;
}
#twoColumnFrontText2 {
	width: 35%;
	padding-left:16px;
	padding-right:16px;
	text-align: center;
}

#middleWindow {
	display:block;
	margin-top: 24px;
	margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 396px;
    padding: 24px;
    background-color: rgba(0, 0, 0, 0.6);
}

#twoColumnFrontText1 h2 {
	color: #da3832;
}

#twoColumnFrontText2 h2 {
	color: #44697d;
}

#twoColumnFrontText1 img {
	height: auto;
	width: 96%;
}

#twoColumnFrontText2 img {
	height: auto;
	width: 96%;

}

#twoColumnFrontText2 ul li {
	color: #000000;
	font-size: 1.15rem;
}

@media (max-width:61.99em) {

    #twoColumnFrontText1 {
	    width: 98%;
    	padding-right:0px;
    }
    #twoColumnFrontText2 {
	    margin-top: 12px;
	    width: 98%;
	    height: auto;
    }
    #middleWindow {
    	width: 90%;
    	height: auto;
    }
    #twoColumnFrontText1 h2 {
    	font-size: 1.5em;
    }    
    #twoColumnFrontText1 img {
    	width: 92%;
	    height: auto;
    }
    #twoColumnFrontText2 h2 {
    	font-size: 1.5em;
    }

}

/* Front Featured Top Block with three columns */

#threeColumnFrontText1 {
	width: 33%;
	padding-left:16px;
	padding-right:16px;	
	text-align: center;
}

#amBG {
	width: 92%;
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/frontAMWatercolorBackground2.webp);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-left:16px;
	padding-right:16px;	
	text-align: center;
}

#amWindow {
    background-color: rgba(255, 255, 255, 0.85);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    padding: 8px;
    text-align: center;
}

#threeColumnFrontText2 {
	width: 30%;
	padding-left:16px;
	padding-right:16px;
	text-align: center;
}

#tttBG {
	width: 100%;
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/trimTheTreePromoBG.webp);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
}

#tttWindow {
    width:70%;
    padding: 8px;
    text-align: center;
}

#threeColumnFrontText3 {
	width: 32%;
	padding-left:16px;
	padding-right:16px;
	text-align: center;
}

#threeColumnFrontText1 img {
	width: 20%;
	height: auto;
}

#threeColumnFrontText2 img {
	width: 46%;
	height: auto;
}

#threeColumnFrontText3 h2 {
	font-size: 2.2em;
}

#dpvacationWindow {
	width: 90%;
    background-color:#ecf0f2;
    display: inline-block;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
}

@media (max-width:74.99em) {

    #threeColumnFrontText1 {
	    width: 96%;
	    padding-left:6px;
	    padding-right:6px;
    }
    #threeColumnFrontText2 {
	    width: 96%;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    padding-left:6px;
	    padding-right:6px;	
    }
    #threeColumnFrontText3 {
	    width: 96%;
	    padding-left:6px;
	    padding-right:6px;	
    }
    #threeColumnFrontText1 img {
    	width: 80%;
	    height: auto;
    }
    #threeColumnFrontText2 img {
    	width: 80%;
	    height: auto;
    }
    #threeColumnFrontText3 h2 {
    	font-size: 1.5em;
    }
    #dpvacationWindow {
    margin-bottom: 12px;
    margin-top: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    }
}

/* Front Featured Top Block with three columns -- Replacement */

#threeColumnFrontText1c {
	width: 33%;
	padding-left:16px;
	padding-right:16px;	
	text-align: center;
}
#amgtBG {
	width: 94%;
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #ecf0f2;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;	
	text-align: center;
}

#goGb1g {
	display: block;
	margin-left: auto;
    margin-right: auto;
    width: 75px;
    margin-top: 8px;
}

#threeColumnFrontText2c {
	width: 35%;
	padding-left:16px;
	padding-right:16px;
	text-align: center;
}

#threeColumnFrontText3c {
	width: 31%;
	padding-left:16px;
	padding-right:16px;
	text-align: center;
}

#threeColumnFrontText1c img {
	width: 50%;
	height: auto;
}

#threeColumnFrontText2c img {
	width: 42%;
	height: auto;
}

#threeColumnFrontText3c h2 {
	font-size: 2.2em;
}

@media (max-width:74.99em) {

    #threeColumnFrontText1c {
	    width: 96%;
	    padding-left:6px;
	    padding-right:6px;	
    }
    #threeColumnFrontText2c {
	    width: 96%;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    padding-left:6px;
	    padding-right:6px;	
    }
    #threeColumnFrontText3c {
	    width: 96%;
	    padding-left:6px;
	    padding-right:6px;	
    }
    #threeColumnFrontText2c img {
    	width: 60%;
	    height: auto;
    }
    #threeColumnFrontText3c h2 {
    	font-size: 1.5em;
    }
}

/* Front Featured Top Block with one image */

#block-frontfeaturedtopblockoneimage {
	width: 100vw;
	height: auto;
}

/* Front Regular Light Banner with Agency People */

#agencyPeopleBlock {
	width: 100vw;
	background: url(../images/frontBannerRegular1920.webp);
	background-position: top center;
	background-size: cover;
	padding: 40px;
}


#agencyPeople1 {
	background-color: rgba(255,255,255,0.80);
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}

#agencyPeople1 h1 {
    font-family: 'Pinyon Script', cursive;
    font-size: 3em;
    color: #113B08;
}

#agencyPeople2 {
	text-align: center;
}

#agencyPeople2 div {
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
}

#agencyPeople2 .field--type-image img {
	height: 340px;
	width: auto;
	border: 10px solid;
	border-color: rgba(255, 255, 255, 0.75);
	margin: 10px;
}

@media (max-width:74.99em) {
    #agencyPeopleBlock {
    	padding: 16px;
    }
   	#agencyPeople1 h1 {
        font-size: 2em;;
    }
    #agencyPeople2 .field--type-image img {
	    width: 94%;
	    height: auto;
	    margin-top: 0.8em;
	    margin-left: auto;
	    margin-right: auto;
    }
}

@media (max-width:47.99em) {
    #agencyPeopleBlock {
	    background: url(../images/frontBannerRegular470.webp);
	    background-position: top center;
    	background-size: cover;
    	padding: 0px;
    }
	#agencyPeople1 h1 {
        font-size: 1.5em;;
    }
    #agencyPeople2 .field--type-image img {
	    width: 100%;
	    height: auto;
    	border: 0px;
	    margin-top: 0.8em;
	    margin-left: 0px;
	    margin-right: 0px;
    }
}

/* Front Featured Top Block Thanks - November Thanksgiving */

#thanksThemeBlock {
	width: 100vw;
	background: url(../images/frontBannerNovBG.webp);
	background-position: center center;
	background-size: cover;
	padding: 30px 20px 16px 20px;
}

#thanksTheme1 {
	text-align: center;
	width: 70%;
}

#thanksTheme1 h1 {
    font-family: 'Dancing Script', cursive;
    font-size: 3.2em;
	color: #ea7125;
}

#thanksTheme1 p {
	color: #ea7125;
}

#thanksTheme2 li {
	margin-top: 24px;
	margin-left: 10px;
	margin-right: 10px;
}

#thanksTheme2 li img {
	height: 320px;
	width: auto;
	border: 12px solid;
	border-color: rgba(255, 255, 255, 0.75);
}

@media (max-width:74.99em) {

    #thanksThemeBlock {
    	padding: 16px;
    }
	#thanksTheme1 {
        width: 80%;
    }
	#thanksTheme1 h1 {
        font-size: 2.5em;
    }
    #thanksTheme2 li {
	    margin-top: 16px;
	    margin-left: 6px;
	    margin-right: 6px;
    }
    #thanksTheme2 li img {
        border: 8px solid;
	    border-color: rgba(255, 255, 255, 0.75);
    }
}

@media (max-width:47.99em) {

    #thanksThemeBlock {
    	padding: 12px;
    }
	#thanksTheme1 {
        width: 100%;
    }

	#thanksTheme1 h1 {
        font-size: 2em;
    }
    #thanksTheme2 li {
	    margin-top: 12px;
	    margin-left: 0px;
	    margin-right: 0px;
    }
    #thanksTheme2 li img {
	    width: 100%;
	    height: auto;
	    border: 6px solid;
	    border-color: rgba(255, 255, 255, 1);
    }
}

/* Front Featured Top Block Special Theme - Holidays */

#specialThemeBlock {
	width: 100vw;
	background: url(../images/frontBannerDec.webp);
	background-position: right center;
	background-size: cover;
	padding: 30px 40px 16px 40px;
}

#specialTheme1 {
	text-align: center;
	width: 80%;
}

#specialTheme1 h1 {
    font-family: 'Pinyon Script', cursive;
    font-size: 4.5em;
	color: #c60002;
	text-shadow:
    -1px -1px 0 #fecb00,
     0   -1px 0 #fecb00,
     1px -1px 0 #fecb00,
     1px  0   0 #fecb00,
     1px  1px 0 #fecb00,
     0    1px 0 #fecb00,
    -1px  1px 0 #fecb00,
    -1px  0   0 #fecb00;
}

#specialTheme1 p {
	color: #ffffff;
}

#specialTheme2 li {
	margin-top: 24px;
	margin-left: 10px;
	margin-right: 10px;
}

#specialTheme2 li img {
	height: 320px;
	width: auto;
	border: 12px solid;
	border-color: rgba(255, 255, 255, 0.75);
}

@media (max-width:74.99em) {

    #specialThemeBlock {
    	padding: 16px;
    }
	#specialTheme1 {
        width: 80%;
    }
	#specialTheme1 h1 {
        font-size: 3em;
    }
    #specialTheme2 li {
	    margin-top: 16px;
	    margin-left: 0px;
	    margin-right: 0px;
    }
    #specialTheme2 li img {
	    width: 100%;
	    height: auto;
	    border: 8px solid;
	    border-color: rgba(255, 255, 255, 0.75);
    }
}

@media (max-width:47.99em) {

    #specialThemeBlock {
    	padding: 12px;
    }
	#specialTheme1 {
        width: 100%;
    }

	#specialTheme1 h1 {
        font-size: 2.5em;
    }
    #specialTheme2 li {
	    margin-top: 12px;
	    margin-left: 0px;
	    margin-right: 0px;
    }
    #specialTheme2 li img {
	    width: 100%;
	    height: auto;
	    border: 6px solid;
	    border-color: rgba(255, 255, 255, 1);
    }
}

/********************
PROMO CENTERED
********************/

/* Corporate Compliance Contest*/
#block-corporatecompliancecontestblock {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2em;
	padding-right: 2em;
}

#block-corporatecompliancecontestblock h2 {
	text-align: center;
}

#cccvoting1 {
    width: 60%;
    float: left;
}

#cccvoting1 img {
	margin-left: 1em;
	margin-bottom: 1em;
    width: 100%;
    height: auto;	
}

#cccvoting2 {
    width: 36%;
    float: right;
}

@media (max-width:47.99em) {
   
    #cccvoting1 {
        width: 100%;
    }

    #cccvoting1 img {
        width: 100%;
    }
    #cccvoting2 {
        width: 100%;
    }

}

/*******************
FEATURED CENTERED
*******************/

/* Front Featured Centered Program and Services Masonry Grid Menu block*/

#block-programsandservices {
    width: 100vw;
}

#block-programsandservices h2 {
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Limelight', cursive;
    font-size: 2.5rem;
    font-stretch: condensed;
    margin-top: 16px;
}

/*******************
MAIN CONTENT
*******************/

.view-frontpage {
    display: none;
}

.content {
	margin-bottom: 1em;
}

/* Don't show Email address */

.emailNoDisplay {
	display: none;
}

/* Fiscal Intermediary and Self-Direction Services Page Title */

#fakePageTitle {
    text-align: center;
}

/*******************
EMBEDDED MEDIA With Original Size
*******************/

/*
One Embedded Media for a small image on the left in one row. Width and height are in real size. width <= 300px.

<div id="oneEmbeddedMediaLeftSmall">
    drupal-media data-align="left"
</div>
*/

#oneEmbeddedMediaLeftSmall img {
    margin-right: 16px;
    margin-bottom: 16px;
}

/*
One Embedded Media on the left in one row. Width and height are in real size. width <= 400px.

<div id="oneEmbeddedMediaLeft">
    drupal-media data-align="left"
</div>
*/

#oneEmbeddedMediaLeft img {
    margin-right: 16px;
    margin-bottom: 16px;
}

@media (max-width:37.99em) {
    #oneEmbeddedMediaLeft img {
        width: 100%;
	    height: auto;
	    margin-left: 0px;
	    margin-right: 0px;
    }
}

/*
One Embedded Media on the left in one row without text. Width and height are in real size.

<div id="oneEmbeddedMediaLeft">
    drupal-media data-align="left"
</div>
*/

#oneEmbeddedMediaOneRow {
    width: 100vw;
    height: 136px;
    margin-bottom: 16px;
}

#oneEmbeddedMediaOneRow img {
    height: 120px;
    width: auto;
}

@media (max-width:37.99em) {
    #oneEmbeddedMediaOneRow img {
        width: 100%;
	    height: auto;
    }
}

/*
One Embedded Media for a small image on the right in one row. Width and height are in real size. width <= 300px.

<div id="oneEmbeddedMediaRightSmall">
    drupal-media data-align="right"
</div>
*/

#oneEmbeddedMediaRightSmall img {
    margin-left: 16px;
    margin-bottom: 16px;
}

/*
One Embedded Media on the right in one row. Width and height are in real size. width <= 400px.

<div id="oneEmbeddedMediaRight">
    drupal-media data-align="right"
</div>
*/

#oneEmbeddedMediaRight img {
    margin-left: 16px;
    margin-bottom: 16px;
}

@media (max-width:37.99em) {
    #oneEmbeddedMediaRight img {
        width: 100%;
	    height: auto;
	    margin-left: 0px;
	    margin-right: 0px;
    }
}

/*
One Embedded Media in the left column in one row. Width > column.

<div class="container">
    <div class="row">
        <div class="col-lg-4">
            <div id="oneEmbeddedMediasColumn">
                drupal-media data-align="center"
            </div>
        </div>
        <div class="col-lg-8" style="background-color:#ffefdd;padding:24px;text-align:center;">
            text
        </div>
    </div>
</div>

*/

#oneEmbeddedMediasColumn img {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}

/*
One Embedded Media in the center in one row. Width and height are in real size.

<div style="text-align:center;">
    drupal-media data-align="center"
</div>

or 

<div id="oneEmbeddedMediaCenterSmall">
    drupal-media data-align="center"
</div>
*/

#oneEmbeddedMediaCenterSmall img {
    display: block;
    margin-left: auto;
    margin-right: auto;

}

#oneEmbeddedMediaCenterSmall .field--type-image {
    float: none;
}

/*
One Embedded Media in the small block. Width > block.

<div id="oneEmbeddedMediaCenter">
    drupal-media data-align="center"
</div>

One Embedded Media in the center in one row. Width is responsible.

<div class="container-fluid" id="oneEmbeddedMediaCenter">
    <div class="row justify-content-center">
        <div class="col-xl-number col-lg-number">
            drupal-media data-align="center"
        </div>
    </div>
</div>
*/

#oneEmbeddedMediaCenter img {
    width: 100%;
    height: auto;
}

/*
Multi Embedded Medias on the left in one row. height = 300px.

<div class="container-fluid" id="multiEmbeddedMediasLeft">
    <div class="row">
            drupal-media1 no data-align=""
            drupal-media2 no data-align=""
    </div>
</div>
*/

#multiEmbeddedMediasLeft img {
    height:300px;
    width: auto;
}

/*
Multi Embedded Medias on the left in one row. Width and height are in real size.

<div id="multiEmbeddedMediasSmall">
    drupal-media1 data-align="center" or no data-align=""
    drupal-media2 data-align="center" or no data-align=""
</div>
*/

#multiEmbeddedMediasSmall {
    width: 100%;
    height: auto;
    text-align: center;
}

#multiEmbeddedMediasSmall div {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    vertical-align:middle;
}

#multiEmbeddedMediasSmall img {
    margin-left: 16px;
    margin-right: 16px;
}

/*
Multi Embedded Medias in the center in one row. Same real width and height. Width is responsible.

<div class="container-fluid" id="multiEmbeddedMedias">
    <div class="row">
        <div class="col-md">
            drupal-media1 data-align="center"
        </div>
        <div class="col-md">
            drupal-media1 data-align="center"
        </div>
        <div class="col-md">
            drupal-media1 data-align="center"
        </div>
    </div>
</div>
*/

#multiEmbeddedMedias img {
    width: 100%;
    height: auto;
}

@media (max-width:37.99em) {
    #multiEmbeddedMedias img {
        width: 100vw;
    }
}

/* Three Equally Distribute Images */

#eqaulImgContainer {
	width: 100%;
	height: auto;
	text-align: center;
}

#eqaulImgColumn {
	width: 32.5%;
	height: auto;
	padding-left:16px;
	padding-right:16px;	
	text-align: center;
}

#eqaulImgColumn img {
	width: 99%;
	height: auto;
}

@media (max-width:74.99em) {
    #eqaulImgColumn {
        width: 49%;
        margin-bottom: 16px;
  }
}

@media (max-width:47.99em) {
    #eqaulImgColumn {
        width: 100%;
  }
}

/*******************
SIDEBAR
*******************/

.sidebar h2 {
	font-size: 1.5em;
}

.sidebar a {
	font-size: 1.2em;
}

.frontFirstSidebar img {
	width: 100%;
	height: auto;
}

/* Block with Facebook */

#facebookPage {
	display: block;
	margin-left: auto;		
	margin-right: auto;
}

#facebookPage iframe {
	width: 100%;
}

/* Block with Hot Job Video */

#block-hotjobsvideo iframe {
	width: 100%;
	height: 250px;
}

@media (max-width:61.99em) {
   
    #block-hotjobsvideo iframe {
	    height: auto;
    }
}

/*******************
FEATURED BOTTOM
*******************/

.region-featured-bottom-first {
	text-align: center;
	background-color: #f8d4bc;
	color: #000000;
    -ms-transform: skewY(-2deg); /* IE 9 */
    -webkit-transform: skewY(-2deg);  /* Safari */
    transform: skewY(-2deg); 
}

.region-featured-bottom-first .block {
    display: block;    
    margin-left: auto;
    margin-right: auto;
    padding: 3em 1em 1em 1em;
    width: 95%;
    -ms-transform: skewY(2deg); /* IE 9 */
    -webkit-transform: skewY(2deg);  /* Safari */
    transform: skewY(2deg); 
}

#block-views-block-programs-and-services-block-1 {
	margin-top: -2em;
}

.region-featured-bottom-second {
	text-align: center;
	background-color: #ffffff;
}

.region-featured-bottom-second h2 {
	color: #ea7125;
}

.region-featured-bottom-second .block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    width: 95%;
}

.region-featured-bottom-third {
	text-align: center;
	background-color: #ea7125;
	color: #ffffff;
	margin-top: 2em;
    -ms-transform: skewY(2deg); /* IE 9 */
    -webkit-transform: skewY(2deg);  /* Safari */
    transform: skewY(2deg); 
}

.region-featured-bottom-third .block {
	margin-top: 2em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    width: 95%; 
    -ms-transform: skewY(-2deg); /* IE 9 */
    -webkit-transform: skewY(-2deg);  /* Safari */
    transform: skewY(-2deg); 
}

#supportFront {
	color: #000000;
	background-color: #ffffff;
	display: inline-block;
	padding: 0.5em;
	border-radius: 15px;
	border-style: outset;
    text-decoration: none;
}

#strategicPlanFront {
	color: #000000;
	display: inline-block;
	font-size: 1.5em;
	background-color: #c7eafb;
	padding: 0.5em;
	border-radius: 20px;
	border-style: outset;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 30px;
}


#block-featuredbottomfirstfront img {
	margin-right: 16px;
}

#YoutubeEmbed iframe {
	width: 50%;
	height: 200px;
}

@media (max-width:47.99em) {

    #block-featuredbottomfirstfront img {
	    width:100%;
	    margin-right: 0px;
	    margin-bottom: 10px;
    }
    #YoutubeEmbed iframe {
	    width: 92%;
	    height: 120px;
    }

}

/*******************
FOOTER
*******************/

.site-footer {
	font-family: 'Hind Vadodara', sans-serif;
    padding: 0em;
    margin: 0em;
    margin-top: -3em;
}

.site-footer .block {
	border: 0px;
	padding-bottom: 0em;
	margin-bottom: 0em;
    -ms-transform: skewY(-2deg); /* IE 9 */
    -webkit-transform: skewY(-2deg);  /* Safari */
    transform: skewY(-2deg); 
}

.site-footer__top {
	padding-left: 2em;
	padding-top: 2em;
    -ms-transform: skewY(2deg); /* IE 9 */
    -webkit-transform: skewY(2deg);  /* Safari */
    transform: skewY(2deg); 
}

.site-footer__top h2 {
	font-size: 1.5em;
	color: #ffffff;
}

.site-footer__bottom {
	padding-left: 2em;
	padding-bottom: 0em;
	margin-bottom: 0em;
    -ms-transform: skewY(2deg); /* IE 9 */
    -webkit-transform: skewY(2deg);  /* Safari */
    transform: skewY(2deg); 
}

/*******************
Status Message
*******************/

.alert-wrapper {
	height: 60px;
}

.alert-wrapper h2 {
	font-size: 1.2rem;
}

/*******************
VIEWS
*******************/

/* Views */

.view-content {
    margin-left: 0px;   
}

.page-link {
	white-space: nowrap;
}

.view-news-archive .pagination {
    margin-left: 40%;
}

/* Programs and Service */
.servicesRow {
   display: inline-block;
   width: 50%;
 }

@media (max-width:47.99em) {

    .servicesRow{
        width: 100%;
    }
 }

.serviceImagesFront {
   position: relative;
   display: inline-block;  
   width: 25%; 
   margin-bottom: -20px; 
}

.serviceImagesFront img {
	max-width: 90%;
	margin-top: 20px;
	margin-right: 5%;
	margin-left: 5%;
    height:auto;
    border: 4px solid white;  
    border-style: inset;
}

@media (max-width:74.99em) {

    .serviceImagesFront {
        width: 50%; 
    }
}

@media (max-width:47.99em) {

    .serviceImagesFront {
        width: 100%; 
    }
}

/*******************
TAXONOMY VIEWS
*******************/

.node--view-mode-teaser h2 a {
    color: #006cb4;
}

.node-readmore {
    display: none;
}

.file--application-pdf {
	background-image: none;
}

/*******************
WEBFORMS
*******************/

.webform-button--submit {
	background-color: #006cb4;
	color: #ffffff;
	border-radius: 6px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.webform-button--submit:hover {
	color: #ffffff;
	text-decoration: underline;
}

.radio .form-check {
	padding-left: 0.25rem;
	padding-right: 1.25rem;
}

/* Webforms for Affected Individual Attestation*/

#edit-form-subject {
	font-size: 1.3rem;
}

#edit-attestation--wrapper legend {
	font-size: 0.9rem;
	font-style: italic;
}

#edit-attestation-attestation--description {
	font-size: 1rem;
}

/* Webforms for Bright Beginnings Interest List Information Form*/

#block-webform-8 {
    text-align: center;
}

#block-webform-8 form {
	display: inline-block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media (max-width:61.99em) {

    #block-webform-8 form {
	    width: 98%;
    }
}

#block-webform-8 .formradiostyle {
	padding-left: 16px;
}

#block-webform-8 .formradiostyle .js-form-item {
	display: inline-block;
    margin-right: 4px;
}

#block-webform-8 .js-webform-radios {
	padding-left: 16px;
}

#edit-child-s-gender--wrapper div {
	margin-left: 6px;
}

#edit-my-child-has-had-an-evaluation---wrapper div {
    margin-left: 6px;
}

#edit-my-child-has-an-individualized-family-service-plan-ifsp-or-an-in--wrapper div {
    margin-left: 6px;
}

/* Webforms for Contact page*/

#contact-message-feedback-form {
    display: none;
}

.webformContact {
	display: inline-block;
	border-style: solid;
	border-color: #484847;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
	width: 45%;
	margin-left: 2%;
}

@media (max-width:61.99em) {

    .webformContact {
	    width: 90%;
	    margin-bottom: 12px;
    }
}

.webformContactSpam {
   margin-top: -60px;
}

.webformContactSpam label {
   display:inline;
   color: #ffffff;
   font-size: 2px;
   margin: 0px;
}

.webformContactSpam input {
   display:inline;
   border-color: #ffffff;
   color: #ffffff;
   width: 10%;
   font-size: 2px;
   height: 2px;
   margin: 0px;
   padding: 0px;
}

.webformContactSpam textarea {
   display:inline;
   border-color: #ffffff;
   color: #ffffff;
   width: 10%;
   font-size: 2px;
   height: 2px;
   margin: 0px;
   padding: 0px;
}

.webformContactSpam .form-group {
   margin: 0px;
}

.webformContactSpam button {
   background-color: #ffffff;
   border-color: #ffffff;
   color: #ffffff;
   font-size: 2px;
   height: 2px;
   margin-top: -8px;
   padding: 0px;
}

/* Webforms for Employment page*/

.webformContactEmployment  {
	display: inline-block;
	border-style: solid;
	border-color: #484847;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
	width: 45%;
	margin-left: 2%;
}

.webformContactEmployment h2{
	color: #d2232a;
	text-align: center;
}

@media (max-width:61.99em) {

    .webformContactEmployment  {
	    width: 90%;
	    margin-bottom: 12px;
    }
}

.webformContactBeside {
	display: inline-block;
	padding: 10px;
	width: 45%;
	margin-left: 2%;
	vertical-align: top;
}

@media (max-width:61.99em) {

    .webformContactBeside {
	    width: 90%;
	    margin-bottom: 12px;
    }
}

/* Webforms for Fiscal Intermediary page; Form closed.*/

.webformContactCenter  {
	display: block;
	border-style: solid;
	border-color: #484847;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}

.webformContactCenter h2{
	color: #ea7125;
	text-align: center;
}

@media (max-width:61.99em) {

    .webformContactCenter {
	    width: 90%;
	    margin-bottom: 12px;
    }
}

.webformContactFI  {
	display: inline-block;
	border-style: solid;
	border-color: #484847;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
	width: 38%;
	margin-left: 2%;
}

.webformContactFI h2{
	color: #ea7125;
	text-align: center;
}

@media (max-width:61.99em) {

    .webformContactFI  {
	    width: 98%;
	    margin-left: 0.5%;
	    margin-bottom: 12px;
    }
}

.webformContactFIBeside {
	display: inline-block;
	padding: 10px;
	width: 50%;
	margin-left: 0.5%;
	vertical-align: top;
}

@media (max-width:61.99em) {

    .webformContactFIBeside {
	    width: 98%;
	    margin-bottom: 12px;
    }
}

/*******************
BASIC PAGE
*******************/

.field--name-field-downloads {
	border: 1px #f8d4bc;
	border-style: solid none none none;
	padding-top: 0.5em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1.5em;	
	margin-bottom: 1em;
}

.page-node-92 .field--name-field-downloads {
	border-style: none none none none;
}

.page-node-185 .field--name-field-downloads {
	border-style: none none none none;
}

.page-node-192 .field--name-field-downloads {
	border-style: none none none none;
}

.file--x-office-document {
    background-image: none;
}

.field--name-field-downloads .field__label {
	color: #44697d;
	font-size: 1.2em;
	font-weight: 700;
}

.field--name-field-downloads .field__item {
    display: inline-block;
    margin-right: 1em;
}

.field--name-field-downloads a {
    display: inline-block;
    padding: 0.8em;
    color: #fff;
    background: #44697d;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 1em;
}

.field--name-field-downloads a:hover {
    color: #fff;
    background: #474747;
    text-decoration: underline;
}

.field--name-field-view-pdf {
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1.5em;	
}

.field--name-field-view-pdf .field__label {
	color: #44697d;
	font-size: 1.2em;
}

.field--name-field-view-pdf .field__item {
    display: inline-block;
    margin-right: 1em;
    margin-top: 1em;
}

#cboxTitle {
    color: #000000 !important;
    background: rgba(0, 0, 0, 0.1);
}

/* Nondiscrimination page */

.blockNondiscrimination {
	width: 70%;
	background: #eadeee;
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding: 1em;
}

@media (max-width:74.99em) {
    .blockNondiscrimination {
        width: 80%;
    }
}

@media (max-width:47.99em) {
    .blockNondiscrimination {
        width: 100%;
    }
}

/* Referral on Incident Management page */

.fakeContact  {
	width: 60%;
	background: #eadeee;
	padding-top: 2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.fakeFieldLabel {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 0em;
}

@media (max-width:74.99em) {
    .fakeContact {
        width: 80%;
    }
}

@media (max-width:47.99em) {
    .fakeContact {
        width: 100%;
    }
}

/*******************
SERVICES
*******************/

.node--type-service .field--name-field-content-media img {
	max-width: 100%;
    width: 480px;
    height: auto;
}

.node--type-service .field--name-field-available {
	border: 1px #f8d4bc;
	border-style: solid none none none;
	padding-top: 2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	color: #5c2b84;
}

.node--type-service .field--name-field-available .field__label {
	font-size: 1.2em;
	font-weight: 700;
}

.node--type-service .field--name-field-available .field__item {
    padding-right: 4em;
}

.node--type-service .field--name-field-contact {
    background: #f8d4bc;
	padding-top: 2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.node--type-service .field--name-field-contact .field__label {
	font-size: 1.2em;
	font-weight: 700;
}

/* Referral on Career Solutions page */

#referralitemsDiv {
	width: 86%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -18px;
	margin-bottom: 20px;
	padding: 16px 16px 16px 80px;
    background: url(../images/CSblueItemsBG.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: auto;
}

/* Nondiscrimination page */

.fakeDownloads  {
	margin-left: 2em;
}

.fakeDownloads h2 {
	color: #44697d;
    font-size: 1.2em;
    font-weight: 700;
}

.fakeDownloads a {
    display: inline-block;
    padding: 0.8em;
    color: #ffffff;
    background: #44697d;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 1em;
    margin-right: 2em;
    font-size: 1.071em;
}

/* Fiscal Intermediary and Self-Direction Services Pages Title */

.page-node-97 h1 {
	display: none;
}

.page-node-98 h1 {
	display: none;
}

/* Downloads on Programs and Services Page Block CSS*/

.brochureOnViewPage h3 {
	color: #44697d;
	font-size: 1.2em;
	margin-left: 1.5em;
}

.brochureOnViewPage p {
	margin-left: 3em;
	margin-top: 1em;
}

.brochureOnViewPage a {
	display: inline-block;
	background-color: #44697d;
    color: #ffffff;
    font-size:1.071em;
    text-decoration: none;
	padding: 0.8em;
	border-radius: 5px;
	margin-right: 40px;
	margin-bottom: 16px;
}

/* Smore Newsletter block on Bright Beginnings Page*/

#bbhidemain {
	overflow: hidden;
	position: relative;
	height: 600px;
}

#bbhidepart {
	position: relative;
	top: -300px;
}

/* Top Info block on Bright Beginnings Page*/

.bbaboutdiv{
	width: 100%;	
    background: url(../images/BBAboutDivBG.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
    padding: 24px 50px 0px 50px;
    text-align: left;
}

.bbtopdiv{
	width: 100%;	
    background: url(../images/BBHelpInfoDivBG.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
  	margin-bottom: 24px;
    text-align: center;
    padding-top: 30px;
}

.bbtoptitle{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
	width: 70%;
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 24px;
    background-color: rgba(255,255,255,0.75);
    font-family: 'Yusei Magic', sans-serif;
    font-size: 2rem;
    color: #4f1d58;
    text-align: center;
}

.bbtopbutton{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
	width: 90%;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 12px;
    background-color: rgba(255,255,255,0.75);
    font-family: 'Delicious Handrawn', cursive;
    font-size: 2rem;
    color: #ffffff;
    text-align: center;
}

.bbtopbutton a{
    display: block;
    color: #ffffff;
    background-color: #5c2b84;
	padding: 12px;    
}

@media (max-width:61.99em) {
	.bbaboutdiv{
        padding: 20px 20px 0px 20px;
    }
    .bbtopdiv{
        padding- top: 20px;
    }

	.bbtoptitle{
        font-size: 1.5rem;
    }

	.bbtopbutton{
        font-size: 1.25rem;
    }
}

.page-node-187 .node--type-service .field--name-field-available{
	border-style: none none none none;
}
/* No Feed Icon on Bright Beginnings Page*/

.page-taxonomy-term-20 .feed-icons {
	display: none;
}

/* Can-am Conference page */

.page-node-244 .field--name-field-downloads {
	border: 0px;
	border-style: none none none none;
}

.page-node-244 h1 {
	display: none;
}

/*******************
NEWS
*******************/

.field--name-field-news-cover-picture img {
	max-width: 80%;
	max-height: 500px;
	width: auto;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.node--type-simplenews-issue .field--name-field-visible-date {
	content: ' ';
	background: url(../images/iconNotesBlack.webp);
	background-repeat: no-repeat;
	background-position: 76%;
	background-size: 1.5em 1.5em;
	margin-bottom: 0.8em;
	padding-left: 77%;
	margin-top: -2em;
}

@media (max-width:74.99em) {

    .node--type-simplenews-issue .field--name-field-visible-date {
    	background-position: 70%;
    	padding-left: 72%;
    }
 }

@media (max-width:47.99em) {

    .node--type-simplenews-issue .field--name-field-visible-date {
    	background-position: 60%;
    	padding-left: 63%;
    }
 }

 .node--type-simplenews-issue .field--name-field-news-footer {
 	margin-bottom: 6px;
 }

.otherNewsRow .views-field-title {
    border-bottom: 1px solid lightgrey;
}

#newsletterTable tr {
	border-bottom: 0px;
	background-color: rgba(255,255,255,0);
}

#newsletterTable tr td {
	border: 0px;
}

#newsletterH3 {
	display: none;
}

#newsletterHr {
	display: none;
}

#newsletterBody1 {
	text-align: center;
	background-color: rgb(248, 212, 188);
	padding: 16px;
}

#newsletterBody2 {
	text-align: left;
	background-color: rgba(255, 255, 255, 0.85);
	padding: 16px;
}

@media (max-width:47.99em) {

    #newsletterImages img {
        width: 96%;
        height: auto;
    }
}

/*******************
E-NEWSLETTER
*******************/

/*
<div id="eNewsletterDiv">
    drupal-media data-align="center"
</div>
*/

#eNewsletterDiv p {
	margin-bottom: 0;
}

#eNewsletterDiv img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#eNewsletterDiv .field--type-image {
    float: none;
}

#eNewsletterDiv .field--type-image img {
        max-width: 80%;
        height: auto;
}

@media (max-width:61.99em) {
    #eNewsletterDiv p {
        display: none;
    }
}

@media (max-width:47.99em) {
    #eNewsletterDiv .field--type-image img {
        width: 96%;
    }
}

/*******************
EVENTS
*******************/

.node--type-event .node__content {
	border: 1px #825aa4 solid;
	border-radius: 20px;
	padding: 0 1.5em 1.5em 0;
}

.node--type-event .field--name-field-event-visible-date {
	display: inline-block;
	content: ' ';
	color: #ffffff;
	background: url(../images/iconCalendarWhite.webp);
	background-repeat: no-repeat;
	background-position: 1em 50%;
	background-size: 1.5em 1.5em;
	padding: 1.5em 1.5em 1.5em 3em;
	border-radius: 18px 0 0 0;
	margin-bottom: 1em;
	background-color: #825aa4;
}

.field--name-field-event-visible-time {
	display: inline-block;
	content: ' ';
	background: url(../images/iconClockBlue.webp);
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-left: 2em;
	padding-right: 1.5em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

.field--name-field-location {
	display: inline-block;
	content: ' ';
	background: url(../images/iconLocationBlue.webp);
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-left: 2em;
	padding-right: 1.5em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

.node--type-event .field--name-field-event-information {
	padding: 1.5em 0 0 1.5em;
}

.eventsRow .node--view-mode-teaser {
    border-bottom: none;
    margin-right: 2em;
}

@media (min-width:95em) {

    .eventsRow .node--view-mode-teaser {
        width: 45.49em;
    }

}

@media (min-width:108em) {

    .eventsRow .node--view-mode-teaser {
        width: 51.99em;
    }

}

/*******************
MEMBERSHIP
*******************/

#twoColumnMembershipImg1 {
	width: 52.4%;
	padding-left:16px;
	padding-right:16px;
	text-align: center;	
}
#twoColumnMembershipImg2 {
	width: 45.6%;
	padding-left:16px;
	padding-right:16px;
	text-align: center;
}


#twoColumnMembershipImg1 img {
	width: 100%;
    height: auto;
}

#twoColumnMembershipImg2 img {
	width: 100%;
    height: auto;
}

@media (max-width:61.99em) {

    #twoColumnMembershipImg1 {
	    width: 98%;
    	padding-right:0px;	
    }
    #twoColumnMembershipImg2 {
	    width: 98%;
    }
}

/*******************
FOUNDATIONS
*******************/

#foundationsContainerOne {
	width: 100%;
	text-align: center;
}

#foundationsContainerOne img {
	width: 96%;
	height: auto;
}
/* Tow Columns Images on Foundations page */

#foundationsContainer {
	width: 100%;
}

@media (max-width:47.99em) {

    #foundationsContainer h1 {
	    margin-top: 20px;	
    }
}

#twoColumnFoundationsImg1 {
	width: 48%;
	padding-left:16px;
	padding-right:16px;	
	text-align: center;
}

#twoColumnFoundationsImg1 img {
	width: 100%;
    height: auto;
}

#twoColumnFoundationsImg2 {
	width: 45%;
	padding-left:16px;
	text-align: center;
}

#twoColumnFoundationsImg2 img{
	width: 45%;
	height:auto;
}

@media (max-width:61.99em) {

    #twoColumnFoundationsImg1 {
	    width: 90%;
    	padding-right:0px;	
    }
    #twoColumnFoundationsImg1 img {
	    width: 90%;
    }
    #twoColumnFoundationsImg2 {
	    width: 90%;
    }
    #twoColumnFoundationsImg2 img {
	    width: 90%;
    }
}

/* Tow Columns Text on Foundations page */

#twoColumnFoundationsText1 {
	width: 48%;
	padding-left:16px;
	padding-right:16px;	
	text-align: center;
}

#twoColumnFoundationsText1 img{
	width: 45%;
	height:auto;
}

#twoColumnFoundationsText2 {
	width: 45%;
	padding-left:16px;
	text-align: center;
}

#twoColumnFoundationsText2 img{
	width: 54%;
	height:auto;
}

@media (max-width:61.99em) {

    #twoColumnFoundationsText1 {
	    width: 90%;
    	padding-right:0px;	
    }
    #twoColumnFoundationsText1 img {
	    width: 90%;
    }
    #twoColumnFoundationsText2 {
	    width: 90%;
    }
    #twoColumnFoundationsText2 img {
	    width: 90%;
    }
}

#tttfBG {
	border-radius: 15px;
	width: 100%;
	height: 96%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/trimTheTreePromoBG.webp);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: top;
}

#tttfWindow {
    width:70%;
    padding: 8px;
    text-align: center;
}

#tttfWindow img {
    width: 45%;
    height: auto;
}

/*******************
ADVOCACY RESOURCES
*******************/

/* Tow Columns Text on Advocates page */
#twoColumnAdvocatesText1 {
	width: 49%;
	padding-left:16px;
	padding-right:16px;	
}

#twoColumnAdvocatesText2 {
	width: 44%;
	padding-left:16px;
}

@media (max-width:61.99em) {

    #twoColumnAdvocatesText1 {
	    width: 90%;
	    padding-right:0px;	
    }
    #twoColumnAdvocatesText2 {
	    width: 90%;
    }

}

/*******************
Content with Bullets
*******************/

/* Tow Columns for Bullets */
#twoColumnBullet1 {
	width: 49%;
	padding-left:16px;
	padding-right:16px;	
}

#twoColumnBullet2 {
	width: 44%;
	padding-left:16px;
}

@media (max-width:61.99em) {

    #twoColumnBullet1 {
	    width: 90%;
	    padding-right:0px;	
    }

    #twoColumnBullet1 ul {
	    margin-bottom: 0px;	
    }

    #twoColumnBullet2 {
	    width: 90%;
    }

}

/* Others */
#advocacyTitlesList {
	width: 100%;
	margin-bottom: 12px;
	padding: 12px 16px 0px 16px;
    background: #ffefdd;
}

#advocacyDataOrange {
	background: url(../images/advocacyDarkOrangeBG.jpg);
	background-position: center center;
	background-size: cover;
}

#advocacyDataBlue {
	background: url(../images/advocacyDarkBlueBG.jpg);
	background-position: center center;
	background-size: cover;
}

#advocacyDataCovid {
	background: url(../images/advocacyCovidBG.jpg);
	background-position: center center;
	background-size: cover;
}

#advocacyScrollingArea {
	height: 600px;
	overflow: scroll;
}

#infectionDirection iframe{
    width: 45%;
    margin-right: 16px;
    margin-left: 16px;
    height: 600px;
}

@media (max-width:61.99em) {

    #infectionDirection iframe{
        width: 90%;
        margin-right: 0px;
        margin-left: 0px;
        height: 400px;
    }
}

/*******************
EMPLOYMENT
*******************/

#employmentDiv1 {
    width: 58%;
    float: left;
}

#employmentDiv2 {
    width: 38%;
    float: right;
    text-align: center;
}

#employmentDiv2 img {
	margin-right: 1em;
	margin-bottom: 1em;
    width: 98%;
    height: auto;
}

@media (max-width:47.99em) {

    #employmentDiv1 {
        width: 100%;
    }
    #employmentDiv2 {
        width: 100%;
    }
    #employmentDiv2 img {
        width: 100%;
    }
}

/*******************
CONTACT and Agency Awards
*******************/

.addtoany_list{
    float: left;
    clear: left;
	display: block;
}

.page-node-9 .addtoany_list {
	display: none;
}

.page-node-52 .addtoany_list {
	display: none;
}

.page-node-64 .addtoany_list {
	display: none;
}

.page-node-192 .addtoany_list {
	display: none;
}

.page-node-243 h1 {
	display: none;
}

.page-node-243 .addtoany_list {
	display: none;
}

#webform-submission-contact-for-general-inquiries-add-form {
	display: none;
}

/*******************
OTHERS
*******************/

/* Important Titile -- Donate Now button on the Front */

.importantdonate {
  display: block;
  margin: 6px 2px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.importantdonate span {
  position: relative;
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  animation: flipdonate 5s infinite;
  animation-delay: calc(.2s * var(--i))
}

@keyframes flipdonate {
  0%,80% {
    transform: rotateY(360deg) 
  }
}

/* Important Titile on the Front */

.importanttitle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.importanttitle span {
  position: relative;
  display: inline-block;
  color: #034ea2;
  font-family: 'Abril FatFace', cursive; 
  font-weight: normal;
  font-size: 32px;
  text-transform: uppercase;
  animation: flip 5s infinite;
  animation-delay: calc(.2s * var(--i))
}

@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}

/* Important Titile 2 on the Front */

.wrapperFrontHighlighted {
    background: #DED4E6;
    font-size: 1.6rem;
    width: 50%;
    margin-left: 25%;
    text-align: center;
}

.front-highlighted-float {
    animation: front-highlighted-floating 3s linear infinite;
    margin: 1.5rem auto;
    background: #AD95C1;
    padding: 12px;
    color: #ffffff;
    box-shadow: -12px -10px 12px 0px #CEBFDA;
}

@keyframes front-highlighted-floating {
    0% {
        transform: translate(0%, 5%);
    }
    50% {
        transform: translate(0%, -5%);
    }
    100% {
        transform: translate(0%, 5%);
    }
}

.front-highlighted-float a{
    color: #ffffff;
    text-decoration: none;
    backgroud-color: #8C6AA8;
    padding:12px 30px 12px 30px;
}

.front-highlighted-float a:hover{
    color: #ffffff;
    text-decoration: none;
}

.front-highlighted-float a:visited{
    color: #ffffff;
    text-decoration: none;
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 2em;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* list-inline-item for the Blocks on the Front*/
#liBlock {
	width: 46%;
	padding-left: 2%;
	padding-right: 2%;
	vertical-align: top;
}

@media (max-width:47.99em) {

    #liBlock {
	    width: 96%;
    }
}

/* Buttons, such as Current Openings on careers */

#orangeTextCenter {
    color: #ffffff;
    background-color: #ea7125;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#orangeTextRight {
    color: #ffffff;
    background-color: #ea7125;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-right: 2em;
    margin-bottom: 0.5em;
}

#lightBlueTextCenter {
    color: #ffffff;
    background-color: #00aeef;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#lightBlueTextRight {
    color: #ffffff;
    background-color: #00aeef;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-right: 2em;
    margin-bottom: 0.5em;
}

#emailBlueTextRight {
    color: #ffffff;
    background-color: #006cb4;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-right: 2em;
    margin-bottom: 0.5em;
}

#darkBlueTextCenter {
    color: #ffffff;
    background-color: #44697d;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#darkBlueTextRight {
    color: #ffffff;
    background-color: #44697d;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-right: 2em;
    margin-bottom: 0.5em;
}

#whiteTextRight {
    color: #ea7125;
    background-color: #ffffff;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-right: 2em;
    margin-bottom: 0.5em;
}

#submitBlueText {
    color: #ffffff;
    background-color: #006cb4;
    border-radius: 6px;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 300px;
}

#suedayTextRight {
    color: #ffffff;
    background-color: #09743b;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-right: 2em;
    margin-bottom: 0.5em;
}

#scuttleBlueTextCenter {
    color: #000000;
    background-color: #90d7ec;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    border-radius: 5px;
    margin-right: 2em;
    margin-bottom: 0.5em;
}

/* PayPal buttons */

.paypal-grey-background {
	background-color: #ebebeb;
	padding: 1em;
	border-radius: 2px;
}

.paypal-grey-background tr {
	border: 0px;
	border-style: none;
}

.paypal-grey-background tr td, tr th {
	border: 0px;
	border-style: none;
	background-color: #ebebeb;
}

/* Notification for PayPal Donation Block */

.noticePayPal p {
    padding-left: 5%;
    padding-right: 5%;
	font-size: 0.75em;
}

/* News and Events Like Button */
.likebtn_container {
    margin-bottom: 6px;
    display: inline-block;
    margin-left: 80%;
}

/* News and Events Pager */
.pagination {
	margin-left: 70%;
}

.pagination li {
	text-align: center;
	width: 7em;
}

/* Hide Skip to main content with theme bootstrap_barrio 5.5*/
/* It created a broken skip link <a></a>, not ADA accessible, so I deleted it.
.visually-hidden-focusable {
	display: none;
}
And, I changed the html.html.twig file by adding a <p id="skipMainContent"> tag */
#skipMainContent {
	display: none;
}

/* ifram on the Aetna Resources page */

.iframeFlyer {
	width: 46%;
	height: 1020px;
	margin-left: 10px;
	margin-right: 10px;

}

@media (max-width:61.99em) {
    .iframeFlyer {
	    width: 96%;
	    height: 600px;
    }
}

/*******************
/test-new-design
*******************/

.field--name-field-pdf-to-images .field__items {
	display: relative;
	margin-right: 20px;
}

.field--name-field-pdf-to-images .field__items .field__item {
	display: inline-block;
	margin-right: 20px;
}

.page-node-258 .field--name-field-image .field__items .field__item{
	display: inline-block;
	margin-right: 20px;
}