/*
Theme Name: Genesis Child
Theme URI: https://datachieve.com/
Description: This is the child theme.
Author: DatAchieve
Author URI: https://www.datachieve.com/

Version: 1.0.0
*/

/*
 ____          _   _       _     _____    _ _ _   _
|  _ \  ___   | \ | | ___ | |_  | ____|__| (_) |_| |
| | | |/ _ \  |  \| |/ _ \| __| |  _| / _` | | __| |
| |_| | (_) | | |\  | (_) | |_  | |__| (_| | | |_|_|
|____/ \___/  |_| \_|\___/ \__| |_____\__,_|_|\__(_)

*/

/*
Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: genesis-sample
Requires at least: 5.4
Requires PHP: 5.6
*/

/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Container
	- Site Inner
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Genesis Simple FAQ
	- WPForms
- Skip Links
- Site Header
	- Title Area
- Site Navigation
	- Responsive Menu
	- Header Menu
	- Footer Menu
- Content Area
	- Entry Content
	- Entry Meta
	- Pagination
	- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
	- Min-width: 960px
		- Site Header
		- Genesis Menu
		- Responsive Menu
		- Header Menu
		- Site Inner
		- Content
		- Sidebar
		- Author Box
		- After Entry
		- Column Classes
		- Entry Misc.
		- Footer Widgets
- Print Styles
*/

/*********************************************
	# ACF Notification Bar
*********************************************/

.alert-container {
	background-color: #333;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 10px;
	text-align: center;
	transition: all 0.4s ease-in-out;
}

.alert-container p {
	margin-bottom: 0;
}

a:hover .alert-container {
	opacity: .9;
}

/*********************************************
	# Primary Menu
*********************************************/

.nav-primary .genesis-nav-menu .menu-item a {
	font-size: 17px;
	font-weight: 700;
	padding: 22px 30px;
	position: relative;
	text-transform: uppercase;
}

.nav-primary .genesis-nav-menu .sub-menu .menu-item a {
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	text-transform: none;
}

.nav-primary .genesis-nav-menu .sub-menu a:hover {
	color: #FCCF41;
}

.nav-primary .genesis-nav-menu span.sub-dscr {
	color: #4A4A4A;
	display: block;
	font-family: "scotch-text", sans-serif;
    font-weight: 500;
	font-size: 12px;
	font-style: italic;
	margin-top: 8px;
	text-transform: none;
}

.nav-primary .genesis-nav-menu .menu-highlight.menu-item a {
	background-color: #3D6D89;
	color: #fff;
}

.nav-primary .genesis-nav-menu .menu-highlight.menu-item a:hover {
	background-color: #FCCF41;
	color: #000;
}

.nav-primary .genesis-nav-menu .menu-highlight.menu-item a:hover span.sub-dscr {
	color: #4A4A4A;
}

.nav-primary .genesis-nav-menu .menu-highlight.menu-item span.sub-dscr {
	color: #FFF;
}

.nav-primary .genesis-nav-menu .menu-highlight .sub-menu a {
	background-color: #000;
	color: #fff;
}

.nav-primary .genesis-nav-menu .menu-highlight .sub-menu a:hover {
	background-color: #000;
	color: #FCCF41;
}

.nav-primary .genesis-nav-menu .menu-highlight .sub-menu::before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000;
	content: " ";
	height: 0;
	left: 15px;
	position: absolute;
	top: 0;
	width: 0;
}

.genesis-nav-menu > .menu-highlight.menu-item .sub-menu .menu-item:first-child,
.genesis-nav-menu > .menu-highlight.menu-item .sub-menu .menu-item:last-child {
	background-color: #000;
}


/*********************************************
	# Site Header
*********************************************/
.site-header {
	height: 105px;
	z-index: 700;
}

/******* Homepage Section Intros ************/

.sections-intro {
	margin-bottom: 60px;
	position: relative;
	z-index: 30;
}

.sections-intro .pre-title {
	display: block;
	font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 20px;
	color: #666;
    text-transform: uppercase;
}

.sections-intro h3 {
	font-size: 40px;
}

.sections-intro a.button {
	position: absolute;
	top:50px;
	right:0;
}

/*********************************************
	# Secondary Menu
*********************************************/

.nav-secondary::before,
.nav-secondary::after{
    display: none;
}

.nav-secondary {

	background-color: #fff;
    position: relative;
	z-index: 750;
    display: flex;
    gap: 0.5em;
    margin-left: auto;
    padding: 0;
    width: 100%;

    @media only screen and (max-width: 1023px) {
        display: none;
    }

    div.wrap{
        margin: 0 0 0 auto;
	    max-width: 100%;
    }

    .genesis-nav-menu{
        display: flex;
        align-items: center;

        li.menu-item{
            display: block;

            a{
                padding: 1.2rem 1rem;
                font-size: 13px;
                font-weight: 600;
            }

            ul li a{
                padding: 1rem;
            }

        }


        li.highlight{
            background: #3D6D89;

            & > a{
                color: white;
            }

            &:hover{
                background: #FCCF41;

                & > a{
                    color: black;
                }
            }
        }


        li.right.search{

	        height: 100%;

            form{

                display: flex;
                height: 100%;
                align-items: center;
                position: relative;

                label{
                    input{
                        padding: 1rem 0.5rem;
                        border-top: none;
                        border-bottom: none;
                    }

                    input::placeholder{
                        color: rgba(0,0,0,0.8);
                        font-size: 0.9em;
                    }
                }

                button{
                    padding: 1.1rem 0.75rem;
                    border-radius: 0;
                    height: 100%;
                    display: flex;
                    gap: 0.25rem;
                }

				button span {
					position: relative;
					top: -2px;
				}
            }
        }
    }

}


.nav-secondary .genesis-nav-menu .sub-menu a {
	color: #fff;
	padding: 10px 12px;
	z-index: 400;
}

.nav-secondary .genesis-nav-menu .sub-menu a:hover {
	color: #FCCF41;
}

.nav-secondary input.search-form-submit {
	display: none;
}

.nav-secondary li.menu-social-item  {
	display: inline-block;
}

.nav-secondary li.menu-social-item a {
	display: flex;
	align-items: center;
	justify-content: center;
    color: #fff;
	background-color: #3D6D89;
    border: 1px solid #3D6D89;
    border-radius: 50%;
	opacity: 1;
    font-size: 13px;
	padding: 0;
    height: 32px;
    width: 32px;
	margin-right: 10px;
    text-align: center;
}

.nav-secondary li.menu-social-item a:hover {
	color: #000;
	background-color: #FCCF41;
    border: 1px solid #FCCF41;
}

/*********************************************
	# Hero Header
*********************************************/

/******* Static Hero Image ************/

.hero-section-header {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	position: relative;
	height: 80vh;

    @media only screen and (max-width: 860px) {
        height: auto;
    }

}
  
.hero-section-header .color-overlay {
	background-color: rgba(0,0,0,.40);
	position: relative;
	height: 80vh;

    @media only screen and (max-width: 860px) {
        height: auto;
    }

    & > div.wrap{

        display: flex;
        flex-direction: column;
        position: relative;
        height: 100%;

        @media only screen and (max-width: 860px) {
            display: block;
			flex-direction: unset;
			position: relative;
			height: 100%;
        }

        &::before,
        &::after{
            display: none;
        }
    }

}

.hero-section-header .wrap {
	max-width: 100%;
}

.hero-section-header .hero-widget,
.video-section-header .hero-widget,
.hero-slider .hero-widget {
	font-size: 22px;
	color: #fff;
    position: relative;
    max-width: 1280px;
	z-index: 500;
    margin: 8rem auto 0 auto;

    & div.wrap{
        margin: 0;
        max-width: 50%;
        @media only screen and (max-width: 1023px) {
            max-width: 100%;
        }
    }

    @media only screen and (max-width: 860px) {
        margin: 0;
    }
}
  
.hero-section-header .hero-widget h1,
.video-section-header .hero-widget h1,
.hero-slider .hero-widget h1 {
	color: #fff;
    font-size: 60px;
    font-style: normal;
    line-height: 1.1em;
}

.hero-section-header a.uk-button.uk-button-default {
	color: #fff;
	border: none;
	font-weight: 700;
	padding: 0;
}

.hero-section-header a.uk-button.uk-button-default:hover {
	opacity: .7;
}

.hero-section-header a.button.btn1 {
	margin-right: 20px;
}

.hero-section-header .play-vd {
	display: inline-block;
}

.hero-section-header .hero-widget i.fa-sharp.fa-regular.fa-circle-play{
    font-size: 24px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -3px;
}

.hero-section-header .cta-message {
	background: rgba(0,0,0, 0.5);
    max-width: 1280px;
	color: #fff;
    position: relative;
    width: 100%;
	z-index: 550;
    margin: auto auto 0 auto;
}

.video-section-header .cta-message {
	background: rgba(0,0,0, 0.5);
    max-width: 1280px;
	color: #fff;
    position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -640px;
	max-width: 1280px;
    width: 100%;
	z-index: 550;
}

.video-section-header .hero-widget {
	margin: 12rem auto 0 auto;
}

.hero-section-header,
.video-section-header{
    div.header_cta_message_container{
    }
}

.msg-left.uk-width-1-2.uk-first-column {
	padding-left: 0;
}
  
/******* Hero Carousel Slider ************/

.hero-slider,
.hero-slider .wrap {
	position: relative;
	max-width: 100%;
}

.hero-slider .overlay {
	content: '';
	background-color: rgba(17,24,32,.4);
	display: block;
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

/******* Video Hero Section ************/
.video-section-header {
	position: relative;
	z-index: 1;
}

.video-section-header .uk-cover-container {
	/*height: 500px;*/
	padding: 20px;
}

.video-section-header .uk-cover-container:before {
	content:'';
	background-color: rgba(0,0,0,.4);
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	display:block;
	z-index: 300;
}

.video-section-header .site-header {
	position: relative;
	z-index: 1000;
}

.video-section-header .hero-page-title.uk-width-2xlarge.uk-margin {
	color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 450;
    display: flex;
    flex-direction: column;
    padding: 100px 0;
}

.video-section-header .hero-page-title.uk-width-2xlarge.uk-margin .entry-title {
	color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    opacity: .8;
    margin-bottom: 24px
}

.video-section-header p.opt-header-txt {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
}

/******* Mission / About ************/

.avlf-main-content-container {
	position: relative;
}

.avlf-cnt.uk-width-1-2.uk-first-column.uk-scrollspy-inview {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
    padding-left: 0;
    position: relative;
    padding-right: 35px;
    z-index: 10;
}

.avlf-main-content-container .color-bg-overlay {
    float: left;
	background-image: url(images/mission-hmpg-bw.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom-right-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 55%;
	z-index: 1;
}

.avlf-main-content-container .color-bg-overlay .color {
	float: left;
	background-color: rgba(252,208,66,.80);
	border-bottom-right-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	z-index: 1;
}

.avlf-main-content-container .avlf-cnt span.small-title {
    display: block;
	font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 15px;
	opacity: .5;
    text-transform: uppercase;
}

.avlf-main-content-container .avlf-cnt h2 {
	font-size: 42px;
}

.avlf-main-content-container .avlf-cnt a.button {
	background-color: transparent;
	border: 1px solid #000;
	color: #000;
}

.avlf-main-content-container .avlf-cnt a.button:hover {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}

.avlf-main-content-container a.button.btn2 {
	margin-left: 20px;
}

.avlf-cta-container.uk-width-1-2 {
	position: relative;
    z-index: 10;
    padding: 4rem 0;

    @media only screen and (max-width: 1023px) {
        padding-left: 1rem;
    }

    @media only screen and (max-width: 860px) {
        padding-left: 0;
    }
}

.avlf-cta-container.uk-width-1-2 a {
	color: #000;
}

.avlf-cta-container .uk-card.uk-card-default .uk-width-2-3 {
	padding-top: 10px;
}

.avlf-cta-container.uk-width-1-2 .uk-width-1-3 {
    width: calc(80% / 3);
}

.avlf-main-content-container .uk-width-1-3.uk-first-column img {
	display: block;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	border: 6px solid #fff;
	height: 130px;
	width: 130px;
}

.avlf-cta-container.uk-width-1-2 .uk-card.uk-card-default h3 {
	font-size: 20px;
	font-family: "lato", sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}

.avlf-cta-container.uk-width-1-2 .uk-card.uk-card-default {
	background-color: transparent;
	font-size: 14px;
	box-shadow: none;
}

.avlf-cta-container .uk-card.uk-card-default:hover img  {
	box-shadow: 0 20px 80px rgba(0, 0, 0, 0.2);
	border: 6px solid rgba(252, 207, 85, 0.5);
}

/*********************************************
	# AVLF Programs
*********************************************/

.avlf-programs-carousel-container {
	padding: 120px 0;
}

.programs-slider .uk-card.uk-card-default {
    background-color: #EFF5F5;
	border-radius: 20px;
	box-shadow: none;
}

.programs-slider .uk-card-media-top img {
	display: block;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	object-fit: cover;
	margin-bottom: 20px;
	height: 180px;
	width: 100%;
}

.programs-slider .card-bottom {
	font-size: 14px;
}

.programs-slider .card-bottom {
	padding: 10px 30px 15px 30px;
	position: relative;
}

.programs-slider .card-bottom .more-icon {
	background-color: #FCCF41;
	position: absolute;
	bottom: 0;
	right: 0;
}

.programs-slider span.color-safe {
	font-size: 12px;
	font-weight: 600;
	padding: 5px 10px;
	position: absolute;
	left: 30px;
	top: -35px;
}

.programs-slider span.color-safe.Safe.\&.Stable.Homes {
	background-color: #49753f;
	color: #fff;
}

.programs-slider span.color-safe.Community.Support.\&.Partnership {
	background-color: #3c6f8a;
	color: #fff;
}

.programs-slider span.color-safe.Safe.\&.Stable.Families {
	background-color: #6e5c7f;
	color: #fff;
}

.programs-slider .card-bottom {
	position: relative;
}

.programs-slider *+.uk-margin {
    margin-top: 40px !important;
}

.programs-slider .uk-card span.more-icon {
	color: #000;
	font-size: 24px;
	background-color: #FCCF41;
	border: 10px solid #fff;
	border-radius: 50%;
	height: 65px;
	width: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -5px;
	bottom: -5px;
}

.programs-slider .uk-card.uk-card-default:hover span.more-icon {
	background-color: #000;
	border: 10px solid #EFF5F5;
	color: #FCCF41;
}

/*********************************************
	# Impact Stories
*********************************************/

.avlf-impact-stories-container {
	padding: 40px 0 120px;
	position: relative;
}

.stories-slider.uk-slider.uk-slider-container {
	position: relative;
	z-index: 99;
}

.avlf-impact-stories-container .color-img-overlay {
    float: right;
	background-image: url(images/mission-hmpg-bw.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius: 50px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
	z-index: 1;
}

.avlf-impact-stories-container .color-img-overlay .color {
	float: right;
	background-color: rgba(252,208,66,.80);
	border-top-left-radius: 50px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
	z-index: 1;
}


.avlf-impact-stories-container .uk-flex-last\@s.uk-card-media-right.uk-cover-container.media-height {
    background-size: cover;
	border-radius: 15px;
	height: 284px;
}

.avlf-impact-stories-container .uk-card-body {
	font-size: 15px;
	padding: 0;
}

.avlf-impact-stories-container .uk-card.uk-card-default {
	background: transparent;
	box-shadow: none;
}

.avlf-impact-stories-container .uk-card.uk-card-default h3 {
	font-size: 20px;
	margin-bottom: 15px;
}

.avlf-impact-stories-container .uk-card.uk-card-default p {
	margin-bottom: 10px;
}

.avlf-impact-stories-container .uk-card.uk-card-default .more-link {
	font-weight: 600;
	margin-bottom: 0;
}

.avlf-impact-stories-container .uk-card .inner-body {
	background: #fff;
    border-radius: 15px;
    padding: 20px 30px;
    position: relative;
    top: 20px;
    right: -20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    z-index: 20;
}

/*********************************************
	# Parallax Image
*********************************************/

.parallax-section .wrap {
	max-width: 100%;
}

.parallax-section .uk-height-large {
    height: 750px;
}

/*********************************************
	# Animated Metrics
*********************************************/

.avlf_metrics {
	background-color: #3C6E8A;
	text-align: center;
}

.avlf_metrics .wrap {
	background-color: #3C6E8A;
	position: relative;
}

.avlf_metrics .uk-grid {
	margin-left: 0;
}

.avlf_metrics span.st-title {
	display: block;
	color: #fff;
	font-weight: 700;
	line-height: 1.3;
}
  
.avlf_metrics span.numscroller.st_numbr,
.avlf_metrics span.st_after {
	color: #FCCF41;
	font-size: 52px;
	font-weight: 700;
	font-style: normal;
}
  
.avlf_metrics .metric-item.uk-card.uk-card-default.uk-card-body {
	background-color: #3C6E8A;
	box-shadow: none;
}

.avlf_metrics span.avlf-metric-dscr {
	color: #FCCF41;
	display: block;
	font-family: "scotch-text", sans-serif;
    font-size: 42px;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 2rem 0;
}


/*********************************************
	# Flexible Call-to-Actions
*********************************************/

.flexgrid_container {
	background-color: #3C6E8A;
}

.flexgrid_container .wrap {
	background-color: #fff;
	border-top-left-radius: 50px
}

.flexgrid_container .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.image-text .left-half,
.text-image .right-half {
	background-size: cover;
	background-position: center;
	/*height: 75vh;*/
}

.row .left-half,
.row .right-half {
	width: 50%;
}

.row .left-half {
	font-size: 20px;
	padding: 100px 80px;
	display: flex;
    justify-content: center;
	align-items: flex-start;
    flex-direction: column;
}

.row .right-half {
	font-size: 20px;
	padding: 100px 80px;
	display: flex;
    justify-content: center;
	align-items: flex-start;
    flex-direction: column;
}

.row .left-half a.button,
.row .right-half a.button {
	display: inline-block;
}

.row span.pre-title {
  color: #4A4A4A;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.flexgrid_container .row h2 {
	font-size: 36px;
}

@media only screen and (max-width: 1023px) {

	.flexible-content .content .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.row .left-half,
	.row .right-half {
		width: 100%;
	}

	.image-text .left-half,
	.text-image .right-half {
		padding: 100px 0;
	}

	.text-image .left-half,
	.image-text .right-half {
		padding: 60px 0;
	}

	.text-image,
	.image-text {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.text-image .left-half {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}

	.row span.pre-title {
		font-size: 15px;
	}

	.legion_units_container {
		padding: 20px 0 40px !important;
	}

	.flexgrid_container {
		padding: 0 20px 60px;
	}

	.flexgrid_container .row h2 {
		font-size: 32px;
	}

}

/*********************************************
	# AVLF Blog
*********************************************/

.albright-posts-container {
	padding: 100px 0;
}

.albright-posts-container .sections-intro a.button {
	top: 0;
}

.albright-posts-container .uk-card.uk-card-default {
    background-color: #EFF5F5;
    border-radius: 20px;
    box-shadow: none;
}

.albright-posts-container .uk-card-body {
	padding: 20px 30px 20px;
	position: relative;
}

.albright-posts-container .uk-card-media-top img {
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.albright-posts-container .uk-card h3.uk-card-title {
	font-family: "lato", sans-serif;
	font-weight: 700;
	font-size: 20px;
}

.albright-posts-container .uk-card p.entry-meta {
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}

.albright-posts-container .uk-card span.more-icon {
    color: #000;
    font-size: 24px;
    background-color: #FCCF41;
    border: 10px solid #fff;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -5px;
    bottom: -5px;
}

.albright-posts-container .uk-card.uk-card-default:hover span.more-icon {
	background-color: #000;
	border: 10px solid #EFF5F5;
	color: #FCCF41;
}

/*********************************************
	# Footer
*********************************************/

.footer-widgets-1.widget-area .footer-logo {
    background-image: url(images/AVLF_Logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 75px;
    width: auto;
    margin-bottom: 30px;
}

.paltinum_transparency_badge img{
    display: block;
    margin: auto auto 1rem auto;
}

.footer-top-ctas .wrap {
	border-bottom: 1px solid rgba(255,255,255,.20);
	padding-bottom: 20px;
}

.footer-top-ctas .addr-icon,
.footer-top-ctas .nws-icon {
    height: 100px;
    width: 100px;
    border-radius: 50%;
	color: #000;
    font-size: 32px;
    background-color: #FCCF41;
	display: flex;
    align-items: center;
    justify-content: center;
}

.footer-top-ctas .addr-wrap {
    float: left;
    width: 70%;
}

.footer-top-ctas .ic-wrap {
	float: left;
	width: 23%;
}

.footer-top-ctas span.clear-addr {
    display: block;
}

.footer-top-ctas .company-newsletter.one-half h4 {
	color: #fff;
	font-family: museo-slab, serif;
	font-size: 24px;
}

.footer-top-ctas .company-address h4 {
	font-size: 18px;
	margin-bottom: 10px;
}

.footer-top-ctas .company-address address {
	margin-top: 0px;
	margin-bottom: 10px;
}

.footer-top-ctas span.subtitle {
    font-size: 18px;
	font-weight: 600;
	color: #FCCF41;
}

.footer-top-ctas a.phone {
	font-size: 16px;
	font-weight: 700;
}

/*********************************************
	# Header Functions
*********************************************/

.header-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.header-hero .wrap {
	max-width: 100%;
}

.header-hero .color-overlay {
    background-color: rgba(0, 0, 0, .40);
    position: relative;
}

.header-hero .hero-page-title {
	position: relative;
	margin: 0 auto;
	max-width: 1280px;

    & > div.wrap{
        display: flex;
        gap: 4rem;
        flex-direction: column;
        padding-top: 7rem;

        &::before,
        &::after{
            display: none;
        }

    }
}

.header-hero .hero-page-title h1.entry-title,
.header-hero .hero-page-title h2,
.header-hero .hero-page-title h3,
.header-hero .hero-page-title h4 {
	color: #fff;
}

.cta-message {
	background: rgb(0,0,0,.7);
	color: #fff;
	padding: 2rem 2rem;
    width: 100%;
}

.cta-message .wrap {
    margin: 0 auto;
    max-width: 1280px;

    div.header_cta_message_container{
        display: flex;
        gap: 3rem;
        align-items: center;
        justify-content: center;

        @media only screen and (max-width: 1023px) {
            flex-direction: column;
			gap: 2rem;
        }


        p{
            font-family: "scotch-text", sans-serif;
            font-size: 1.6rem;
            font-style: italic;
			line-height: 1.3em;
            margin: 0;
            display: flex;
            align-items: center;

        }

        a.button{
            font-size: 0.8rem;
            min-width: 180px;
            @media only screen and (max-width: 1023px) {
                width: 100%;
            }
        }
    }
}

.header-hero .cta-message .msg-left {
	font-family: "scotch-text", sans-serif;
    font-size: 28px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.3em;
}

.header-hero .cta-message .msg-left a {
	color: #FCCF41;
	display: inline block;
	font-size: 24px;
	font-family: "lato", sans-serif;
	font-weight: 700;
	margin-left: 15px;
}

.header-hero .cta-message .msg-right {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-hero .msg-right a.button.btn2 {
    margin-left: 20px;
}

/*********************************************
	# Sidebar
*********************************************/

.sidebar-cta-container .uk-card.uk-card-default img {
	float: left;
	border-radius: 10px;
	display: block;
	height: 125px;
	width: 125px;
	object-fit: cover;
	margin: 0 15px 15px 0;
}

.sidebar-cta-container .uk-card.uk-card-default {
	box-shadow: none;
}

.sidebar-cta-container .uk-width-2-3 {
	padding-left: 20px;
}

.sidebar-cta-container .uk-card.uk-card-default h3 {
	color: #000;
	font-family: "lato", sans-serif;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}

.sidebar-cta-container .uk-card.uk-card-default a {
	color: #000;
}

.sidebar-cta-container .uk-card.uk-card-default p {
	font-size: 13px;
	line-height: 1.5em;
	opacity: .8;
}

/* Sidebar- Event Widget
--------------------------------------------- */

.sidebar h2.tribe-events-widget-events-list__header-title.tribe-common-h6.tribe-common-h--alt {
    background: #3C6E8A;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
}

.sidebar .tribe-events-widget .tribe-events-widget-events-list__event-row {
    flex-wrap: nowrap;
    margin-bottom: var(--tec-spacer-3);
    border-bottom: 1px solid rgba(0, 0, 0, .20);
    padding-bottom: 10px;
}

.sidebar a.tribe-events-widget-events-list__view-more-link.tribe-common-anchor-thin {
    border: 1px solid #3C6E8A;
    border-radius: 50px;
    color: #3C6E8A;
    font-weight: 500;
    display: block;
    padding: 10px;
    text-align: center;
}


.sidebar a.tribe-events-widget-events-list__view-more-link.tribe-common-anchor-thin:hover {
	background-color: #3C6E8A;
	color: #fff;
}

/*********************************************
	# Events Plugin
*********************************************/

.tribe-events .tribe-events-c-search__button, 
.tribe-events button.tribe-events-c-search__button {
	background-color: #3D6D89 !important;
}

.tribe-events .tribe-events-c-search__button:hover, 
.tribe-events button.tribe-events-c-search__button:hover {
	background-color: #000 !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: 20px !important;
}

.tribe-common .tribe-common-c-btn-border, 
.tribe-common a.tribe-common-c-btn-border {
	border: 1px solid #3D6D89 !important;
	color: #3D6D89 !important;
}

.tribe-common .tribe-common-c-btn-border:hover, 
.tribe-common a.tribe-common-c-btn-border:hover,
.tribe-common a.tribe-common-c-btn-border:focus,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover  {
	background-color: #3D6D89 !important;
	border: 1px solid #3D6D89 !important;
	color: #fff !important;
}

.tribe-events-meta-group a {
	color: #3D6D89 !important;
}

.tribe-events-meta-group a:hover,
.tribe-events-content a:hover {
	color: #000 !important;
}

.tribe-events-content a {
	border-bottom: 1px solid #3D6D89 !important;
}

/*********************************************
	# Subpages Template
*********************************************/

.subpages .subpage.uk-card.uk-card-default img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: block;
    object-fit: cover;
    height: 220px;
    width: 100%;
}

.subpages .subpage.uk-card.uk-card-default h3.subpage-title {
	font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.subpages .subpage.uk-card.uk-card-default h3.subpage-title a {
	color: #000;
}

.subpages .subpage.uk-card.uk-card-default {
    background-color: #EFF5F5;
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	font-size: 14px;
}

.subpages .subpage.uk-card.uk-card-default .body-copy {
	padding: 25px;
}
	

/* Media Queries
---------------------------------------------------------------------------- */
@media only screen and (max-width: 1340px) {

	.nav-primary .genesis-nav-menu .menu-item a {
		padding: 22px 20px;
	}

	.hero-section-header .cta-message .wrap {
		font-size: 25px;
	}

	.hero-section-header .hero-widget, .video-section-header .hero-widget, .hero-slider .hero-widget {
		padding: 0 40px;
	}

	.header-hero .hero-page-title {
		position: relative;
		margin: 0 auto;
		max-width: 1140px;
	}

	.avlf-main-content-container .avlf-cnt h2,
	.sections-intro h3 {
		font-size: 36px;
	}

	.hero-section-header .hero-widget, .video-section-header .hero-widget, .hero-slider .hero-widget {
		& div.wrap {
		margin: 0;
		max-width: 65%;
	}

}

.video-section-header .cta-message {
	margin-left: -570px;
	max-width: 1140px;
}

}

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

	.hero-section-header .hero-widget h1, 
	.video-section-header .hero-widget h1, 
	.hero-slider .hero-widget h1 {
		font-size: 50px;
	}

	.header-hero .hero-page-title {
		max-width: 960px;
	}

	.video-section-header .cta-message {
		margin-left: -480px;
		max-width: 960px;
	}

	.site-header {
		padding: 10px 15px;
	}

	.nav-primary .genesis-nav-menu .menu-item a {
		font-size: 15px;
	}

	.hero-section-header .cta-message a {
		display: inline;
		font-size: 20px;
		margin-left: 15px;
	}

	.avlf-cta-container .uk-card.uk-card-default .uk-width-2-3 {
		padding-top: 10px;
		padding-left: 10px;
	}

	.avlf-cnt.uk-width-1-2.uk-first-column.uk-scrollspy-inview {
		padding-right: 0;
		padding-top: 80px;
		padding-bottom: 60px;
	}

	.programs-slider .uk-child-width-1-4\@s>* {
		width: 33.33%;
	}

	.avlf_metrics span.numscroller.st_numbr, .avlf_metrics span.st_after {
		font-size: 48px;
	}

	.avlf-impact-stories-container .uk-child-width-1-2\@s>* {
		width: 100%;
	}

	.avlf-impact-stories-container .uk-flex-last\@s.uk-card-media-right.uk-cover-container.media-height {
		float: right;
		background-size: cover;
		background-position: top;
		border-radius: 15px;
		height: 325px;
		width: 40%;
	}

	.avlf-impact-stories-container .uk-card-body {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 15px;
		float: right;
		width: 50%;
	}

	.avlf-impact-stories-container .uk-card .inner-body {
		top: auto;
		right: -20px;
	}

	.parallax-section .uk-height-large {
		height: 550px;
	}
	
	.footer-top-ctas .addr-icon, .footer-top-ctas .nws-icon {
		height: 70px;
    	width: 70px;
	}

	.header-hero .cta-message .msg-left {
		font-size: 24px;
	}

	.header-hero .cta-message .msg-left,
	.header-hero .cta-message .msg-left a {
        font-size: 20px;
    }

}

@media only screen and (max-width: 1023px) {

	.content {
		padding: 40px;
	}

	.sidebar {
		padding: 0 40px 40px;
	}

	.entry {
		margin-bottom: 40px;
	}

	.header-hero .hero-page-title {
		max-width: 800px;
	}

	.cs-header-title.uk-width-1-2 {
		width: 100%;
	}

	.hero-section-header {
		height: 85vh;
	}

	.hero-section-header .cta-message {
		margin: 50px auto 0 auto;
	}

	.hero-section-header .cta-message a {
		display: block;
		margin-left: 0;
	}

	.video-section-header .cta-message {
        margin-left: 0;
        left: 0;
        max-width: 100%;
    }

	.avlf_metrics .metric-item.uk-card.uk-card-default.uk-card-body {
		padding: 15px;
	}

	.avlf_metrics span.numscroller.st_numbr, .avlf_metrics span.st_after {
        font-size: 42px;
    }

	.row .left-half,
	.row .right-half {
		padding: 0 5%;
	}

	section.row.image-text .left-half,
	section.row.text-image .right-half {
		padding: 200px 0;
	}
	
	.row .left-half, .row .right-half {
    	padding: 60px 60px;
	}

	.albright-posts-container .uk-card-body {
		padding: 20px 20px 20px;
	}

	.avlf_metrics span.avlf-metric-dscr {
		margin-top: 20px;
        padding: 0 1rem 2rem 1rem;
	}

	.mobile-slider-container .uk-child-width-1-4\@s>* {
        width: 33.33%;
    }

	.footer-top-ctas {
		margin-bottom: 30px;
	}

	.footer-widgets-1 {
		float: left;
		margin-bottom: 40px;
		width: 100%;
	}

	.footer-menu-container {
		float: left;
		margin-top: 20px;
		width: 100%;
	}

	.genesis-nav-menu ul#menu-site-footer-menu .menu-item {
		display: inline-block;
	}

	.site-footer .ft-copyright {
		margin-top: 10px;
	}

}

@media only screen and (max-width: 860px) {

	.hero-section-header .color-overlay .wrap,
	.parallax-section .wrap,
	.flexgrid_container .wrap,
	.mobile-slider-container .wrap,
	.footer-top-ctas .wrap,
	.header-hero .wrap {
		padding-left: 0;
		padding-right: 0;
	}

	.content,
	.entry,
	.sidebar,
	.archive-description.cpt-archive-description,
	.full-width-content .content {
        padding: 0;
    }

	.hero-section-header .hero-widget h1, 
	.video-section-header .hero-widget h1, 
	.hero-slider .hero-widget h1 {
        font-size: 46px;
    }

	.hero-section-header .hero-widget, 
	.video-section-header .hero-widget, 
	.hero-slider .hero-widget {
		left: 0;
        padding: 6rem 1rem 0 1rem;
		max-width: 100%;
	}

	.hero-section-header {
		height: auto;
	}

	.header-hero .color-overlay {
        padding: 0 1rem;
	}

	.hero-section-header .hero-widget .wrap, .video-section-header .hero-widget .wrap, .hero-slider .hero-widget .wrap {
        margin: 0;
        max-width: 100% !important;
    }

	.hero-section-header .cta-message, .video-section-header .cta-message {
		margin: 50px auto 0 auto;
	}

	.hero-section-header .cta-message {
		background: rgba(0,0,0,.50);
		padding: 25px 5%;
	}

	.header-hero .cta-message {
		padding: 20px 25px;
	}

	.hero-section-header .cta-message .uk-width-1-2,
	.header-hero .cta-message .uk-width-1-2 {
		width: 100%;
	}

	.header-hero .cta-message .uk-width-1-2 {
		text-align: center;
	}

	.home .site-inner {
		padding: 5% 0 0;
	}

	.avlf-cta-container.uk-width-1-2 {
		top: 0;
	}

	.msg-right.uk-width-1-2.uk-grid-margin.uk-first-column {
		margin-top: 20px;
		padding-left: 0;
	}

	.avlf-main-content-container .color-bg-overlay {
		height: 48%;
		width: 100%;
	}

	.avlf-cnt.uk-width-1-2.uk-first-column.uk-scrollspy-inview {
		padding-top: 80px;
	}

	.avlf-main-content-container .uk-width-1-2 {
		width: 100%;
	}

	.avlf-cta-container.uk-width-1-2.uk-grid-margin.uk-first-column {
		padding-left: 0;
	}

	.avlf-cta-container.uk-width-1-2 .uk-width-1-3 {
		width: calc(60% / 3);
	}

	.avlf-cta-container.uk-width-1-2.uk-grid-margin.uk-first-column {
		background: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 20px;
		margin-left: 0;
	}

	.sections-intro .uk-width-1-2 {
		width: 100%;
	}

	.sections-intro a.button {
		position: relative;
		top: 0;
		right: 0;
	}

	.avlf-programs-carousel-container {
		padding: 60px 0;
	}

	.programs-slider .uk-child-width-1-4\@s>*,
	.mobile-slider-container .uk-child-width-1-4\@s>* {
        width: 50%;
    }

	.avlf-impact-stories-container .uk-flex-last\@s.uk-card-media-right.uk-cover-container.media-height {
		width: 48%;
	}

	.albright-posts-container {
		padding: 60px 0;
	}

	.company-address.one-half.first {
		border-bottom: 1px solid rgba(255, 255, 255, .20);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.site-footer {
		padding: 20px 0;
		text-align: center;
	}

	.site-footer .ft-copyright {
		width: 100%;
	}

	.site-footer .genesis-nav-menu {
		float: left;
		clear: none;
		margin-top: 20px;
		width: 100%;
	}

	.footer-top-ctas .company-newsletter.one-half h4 {
		font-size: 21px;
	}

	.footer-top-ctas span.subtitle {
		font-size: 16px;
	}

}

@media only screen and (max-width: 700px) {

	.footer-widgets {
		padding: 40px 0 0;
	}

	.footer-widgets-2.widget-area,
	.footer-widgets-3.widget-area,
	.footer-widgets-4.widget-area,
	.footer-widgets-5.widget-area {
		float: left;
		clear: both;
		margin: 0 auto 40px;
	}

	.footer-menu-container .uk-child-width-expand\@s>:not([class*=uk-width]) {
		max-width: 100%;
	}

}

@media only screen and (max-width: 600px) {

	.hero-section-header .color-overlay {
        padding: 10px 1rem 1rem 1rem;
	}

	.wp-custom-logo .title-area {
        width: 135px;
    }

	.site-header {
		height: 87px;
	}

	.site-header button.uk-button.uk-button-default {
		padding: 12px;
	}

	.hero-section-header .hero-widget h1, 
	.video-section-header .hero-widget h1, 
	.hero-slider .hero-widget h1 {
		font-size: 42px;
	}

	.video-section-header .cta-message .wrap {
		padding: 0;
	}

	.video-section-header .hero-widget {
		margin-top: 100px;
		padding: 0;
	}

	.avlf-cta-container.uk-width-1-2 .uk-width-1-3 {
        width: calc(100% / 3);
    }

	.sections-intro .pre-title {
		font-size: 13px;
	}

	.avlf-main-content-container .avlf-cnt h2, .sections-intro h3 {
		font-size: 32px;
	}

	.programs-slider .uk-child-width-1-4\@s>*, 
	.mobile-slider-container .uk-child-width-1-4\@s>* {
        width: 100%;
    }

	.avlf-impact-stories-container .uk-flex-last\@s.uk-card-media-right.uk-cover-container.media-height {
		width: 100%;
	}

	.avlf-impact-stories-container .uk-card .inner-body {
		top: -20px;
		right: 0;
		width: 100%;
	}

	.avlf-impact-stories-container .uk-card-body {
		float: left;
		width: 100%;
	}

	.avlf_metrics .metric-item.uk-card.uk-card-default.uk-card-body {
        padding: 15px 0 0 0;
    }

	.avlf_metrics .wrap {
		top: 0;
	}

	.avlf_metrics span.avlf-metric-dscr {
		font-size: 30px;
		margin-top: 25px;
	}

	.row .left-half, .row .right-half {
        padding: 40px 40px;
    }

}

@media only screen and (max-width: 480px) {

	.hero-section-header .hero-widget a.button.btn1 {
		display: block;
	}

	.hero-section-header .play-vd {
		display: block;
		margin-top: 20px;
	}

	.hero-section-header a.uk-button.uk-button-default {
		margin-left: 0;
		text-align: center;
		width: 100%;
	}

}
