/*
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
*/

/* Custom Hero Header
---------------------------------------------------------------------------- */

/******* Static Hero Image ************/
.hero-section-header {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	position: relative;
	height: 100vh;
	text-align: center;
  }
  
  .hero-section-header .color-overlay {
	background-color: rgba(0,0,0,.40);
	position: relative;
	height: 100vh;
  }

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

  .hero-section-header .hero-widget .wrap {
	font-size: 22px;
    font-weight: 600;
    height: 70vh;
	margin: 0 auto;
    max-width: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	width: 100%;
  }

  .hero-section-header .hero-widget span.intro-title {
	font-family: "filmotype-lacrosse", sans-serif;
	font-size: 70px;
	font-weight: 400;
	font-style: normal;
	position: relative;
    top: 20px;
	width: auto;
	z-index: 25;
  }

  .hero-section-header .hero-widget span.intro-title::after {
	content: '';
    display: block;
    background-image: url(images/underline.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 32px;
    bottom: -10px;
    width: 100%;
    height: 74px;
    z-index: 1;
  }
  
  .hero-section-header .hero-widget h1 {
	color: #fff;
	font-size: 64px;
	font-family: "area-normal", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin-bottom: 40px;
  }

  .hero-section-header .hero-widget p {
	padding: 0 60px;
  }

  .site-header .uk-button-default {
	display: none;
	color: #fff;
	margin-bottom: 10px;
  }
  

/******* 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;
}

.hero-slider .hero-widget,
.video-section-header .hero-widget {
	display: flex;
	align-items: center;
    justify-content: center;
    flex-direction: column;
	height: 100vh;
	position: absolute;
	top: 5%;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	z-index: 999;
	text-align: center;
}

.hero-slider .hero-widget h1,
.video-section-header .hero-widget h1 {
	color: #fff;
	font-size: 64px;
	font-family: "area-normal", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin-bottom: 40px;
	text-transform: uppercase;
}

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

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

.hero-slider .mouse,
.header-hero .mouse {
    width: 25px;
    position: absolute;
    height: 36px;
    border-radius: 15px;
    border: 2px solid #888;
    border: 2px solid rgba(255,255,255,.8);
    bottom: 80px;
    left: 50%;
    margin-left: -12.5px;
    cursor: pointer;
    -webkit-transition: border-color .2s ease-in;
    -moz-transition: border-color .2s ease-in;
    transition: border-color .2s ease-in;
	z-index: 1000;
}

.hero-slider .mouse .scroll,
.header-hero .mouse .scroll {
    display: block;
    margin: 6px auto;
    width: 3px;
    height: 6px;
    border-radius: 4px;
    background: #b0b1b1;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: scroll;
    -moz-animation-name: scroll;
    animation-name: scroll;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

/* Header Menu
--------------------------------------------- */

.nav-primary {
	margin-top: 5px;
}

.nav-primary .menu-item a {
	color: #fff;
	font-family: "area-normal", sans-serif;
	font-weight: 700;
	font-size: 15px;
	font-style: normal;
}

.nav-primary .genesis-nav-menu a:focus,
.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover  {
	color: #729EA1;
}

.nav-primary .highlight-menu.menu-item a {
    background-color: #83CD20;
    border-radius: 50px;
    font-weight: 700 !important;
    padding: 14px 20px 17px;
    margin-left: 15px;
}

.nav-primary .highlight-menu.menu-item a:hover {
	background-color: #729EA1;
}

/* Calls-to-Action
--------------------------------------------- */
.featured-cta-grid-container {
	position: relative;
}

.featured-cta-grid-container:before {
	content: '';
	background-image: url(images/border-curve.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: -110px;
	left: 0;
	height: 144px;
	width: 100%;
	z-index: 50;
}

.featured-cta-grid-container .feature-cta img {
	display: block;
	border-radius: 15px;
	height: 325px;
	width: 100%;
	object-fit: cover;
}

.featured-cta-grid-container .uk-card.uk-card-default {
	box-shadow: none;
	z-index: 100;
}

.featured-cta-grid-container .uk-card-media-top,
.featured-cta-grid-container .uk-card-default {
    background-color: transparent;
}

.featured-cta-grid-container .uk-card-body {
	background: #fff;
    border-top-left-radius: 15px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
	font-size: 15px;
    position: relative;
	padding: 30px;
    top: -75px;
    left: 40px;
	width: 90%;
}

.featured-cta-grid-container .uk-card-body p.ex-cta {
    float: left;
	margin-bottom: 0;
    width: 80%;
}

.featured-cta-grid-container .uk-card-body h3 {
	color: #034833;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 14px;
}

.featured-cta-grid-container .uk-card-body a.more-link {
	background-color: #83CD20;
	color: #fff;
	position: absolute;
	right: 20px;
	bottom: 20px;
	padding: 10px 15px;
	border-radius: 8px;
}

.featured-cta-grid-container .feature-cta:nth-child(3n+1) {
	position: relative;
	top: -120px;
}

.featured-cta-grid-container .feature-cta:nth-child(3n+2) {
	position: relative;
	top: -60px;
}

.featured-cta-grid-container .feature-cta:nth-child(3n+3) {
	position: relative;
	top: -120px;
}

/* About Us
--------------------------------------------- */
.wccac-main-content-container {
	padding: 80px 0 120px;
}

.wccac-main-content-container .ms-cnt {
	margin-top: 60px;
}

.wccac-main-content-container span.small-title {
    color: #034833;
	display: block;
	margin-bottom: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.wccac-main-content-container .ms-cnt h2 {
	color: #034833;
	font-size: 54px;
}

.wccac-main-content-container .ms-img {
	position: relative;
}

.wccac-main-content-container .ms-img img {
	display: block;
	border-radius: 20px;
	object-fit: cover;
	height: 561px;
	width: 510px;
	position: relative;
}

.wccac-main-content-container .ms-img:before {
	display: block;
	content: '';
	background: transparent;
	height: 561px;
	width: 510px;
	border: 4px solid #83CD20;
	border-radius: 20px;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 99;
}

.wccac-main-content-container .cnt-txt {
    display: inline-block;
	margin-left: 30px;
	position: relative;
	top: 12px;
}

.wccac-main-content-container span.ab-smtxt {
    color: #727272;
    display: block;
    /* margin-bottom: 5px; */
}

.wccac-main-content-container a.ft-phone {
	font-size: 18px;
	font-weight: 700;
}

/* Ways to Get Involved
--------------------------------------------- */

.get-involved-container {
	color: #fff;
	background-color: #134611;
	position: relative;
	padding: 100px 0 100px;
}

.get-involved-container:before {
	content: '';
	background-image: url(images/border-curve-green.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: -110px;
	left: 0;
	height: 144px;
	width: 100%;
	z-index: 50;
}

.get-involved-container .sec-intro-container {
	margin: 0 auto 60px;
	max-width: 860px;
	text-align: center;
}

.get-involved-container span.in-intro {
	color: #83CD20;
	font-family: "filmotype-lacrosse", sans-serif;
	font-size: 64px;
	font-weight: 400;
	font-style: normal;
	position: relative;
	z-index: 50;
}

.get-involved-container span.in-intro::after {
	content: '';
    display: block;
    background-image: url(images/underline.png);
    background-repeat: no-repeat;
    background-size: contain;
	opacity: .5;
    position: absolute;
    left: 32px;
    bottom: -10px;
    width: 100%;
    height: 74px;
    z-index: -1;
  }

.get-involved-container h3 {
	color: #fff;
	font-size: 60px;
}

.get-involved-container .uk-card.uk-card-default.uk-card-body .crd-number {
	display: block;
	font-size: 42px;
	font-family: "fenwick-outline", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.get-involved-container .uk-card.uk-card-default.uk-card-body {
	border-radius: 15px;
	color: #034833;
	font-size: 15px;
}

.get-involved-container .uk-card.uk-card-default.uk-card-body h4 {
	color: #034833;
}

.get-involved-container .gi-wrap:nth-child(3n+2) {
	position: relative;
	top: 40px;
}

.get-involved-container .btn-wrap {
    float: left;
    clear: both;
    margin-top: 100px;
    text-align: center;
    width: 100%;
}

.get-involved-container .btn-wrap a.button:hover {
	border: 1px solid #fff;
}

/* Parallax CTA
--------------------------------------------- */
.parallax-section {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

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

.parallax-section:before {
    content: '';
    background-color: rgba(0, 0, 0, .45);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.parallax-section .uk-width-2xlarge.uk-text-center.uk-margin-auto.uk-margin-auto-vertical {
    padding: 100px 0 150px;
	width: 1000px;
	z-index: 99;
}

.parallax-section .uk-width-2xlarge span.px-small-title {
	color: #fff;
	font-family: "filmotype-lacrosse", sans-serif;
	font-size: 72px;
	font-weight: 400;
	font-style: normal;
	position: relative;
	top: 20px;
}

.parallax-section .uk-width-2xlarge span.px-small-title::after {
	content: '';
    display: block;
    background-image: url(images/underline.png);
    background-repeat: no-repeat;
    background-size: contain;
	opacity: .6;
    position: absolute;
    left: 32px;
    bottom: -10px;
    width: 100%;
    height: 74px;
    z-index: -1;
  }

.parallax-section .uk-width-2xlarge h3 {
	font-size: 64px;
	margin-bottom: 40px;
}


/* Mailchimp
--------------------------------------------- */
.mc-widget {
	background-color: #fff;
}

.mc-widget .mailchimp-widget.widget-area.anim-left.uk-scrollspy-inview {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	position: relative;
	top: -60px;
    margin: 0 auto;
    max-width: 1140px;
}

.mc-widget .two-thirds {
	position: relative;
}

.mc-widget .two-thirds input[type="submit"] {
	border-radius: 5px;
    position: absolute;
    bottom: 30px;
    right: 3px;
}

.mc-widget .two-thirds {
	padding-left: 40px;
}

.mc-widget .widget {
	margin-bottom: 0;
}

.mc-widget  .one-third.first h4 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 15px;
}

/* Footer
--------------------------------------------- */
.footer-widgets-1.widget-area img.footer-logo {
	margin-bottom: 30px;
    width: 80%;
}

.ft-social ul.social_cont li {
	display: inline-block;
}

.ft-social ul.social_cont li a{
	display: flex;
	align-items: center;
	justify-content: center;
    color: #111820;
    border: 1px solid #111820;
    border-radius: 50%;
    font-size: 18px;
    height: 45px;
    width: 45px;
	margin-right: 10px;
    text-align: center;
}

/* Interior Entry Header
---------------------------------------------------------------------------- */

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

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

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

.header-hero .cs-header-title {
	padding: 100px 0 140px;
	margin: 0 auto;
	max-width: 760px;
	position: relative;
	text-align: center;
	z-index: 75;
}

.header-hero .hero-int-left {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	left: 0;
	bottom: -75px;
	height: 415px;
	width: 325px;
}

.header-hero .hero-int-right {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	right: 0;
	top: 200px;
	height: 290px;
	width: 345px;
}

.cs-header-title h1.entry-title {
	color: #fff;
	display: inline;
	font-family: "filmotype-lacrosse", sans-serif;
	font-size: 70px;
	font-weight: 400;
	font-style: normal;
	position: relative;
    top: 20px;
	width: auto;
	z-index: 25;
}


.cs-header-title h1.entry-title::after {
	content: '';
    display: block;
    background-image: url(images/underline.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 32px;
    bottom: -10px;
    width: 100%;
    height: 74px;
    z-index: 1;
  }

.header-hero p.hero-intro.uk-margin {
    color: #fff;
    line-height: 1em;
    font-size: 64px;
}

/* Subpages
---------------------------------------------------------------------------- */
.sub-pages .sub-page .uk-card-body {
	padding: 60px;
}

.sub-pages .sub-page h2.uk-card-title {
	font-size: 32px;
}

/* Media Queries
---------------------------------------------------------------------------- */

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

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

	.site-header {
		padding: 0 20px 0 0;
	}

	.nav-primary {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 0;
	}

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

	.hero-section-header,
	.hero-section-header .color-overlay {
		height: 90vh;
	}

	.hero-section-header .hero-widget .wrap {
		padding: 0 5%;
	}

	.hero-section-header .hero-widget span.intro-title,
	.get-involved-container span.in-intro,
	.cs-header-title h1.entry-title {
		font-size: 56px;
	}

	.hero-section-header .hero-widget h1,
	.get-involved-container h3,
	.header-hero p.hero-intro.uk-margin {
		font-size: 58px;
	}

	.wccac-main-content-container .ms-img.uk-width-1-2 {
		width: 45%;
	}

	.wccac-main-content-container .ms-img:before {
		width: 405px;
	}

	.wccac-main-content-container .ms-cnt {
		margin-top: 60px;
		padding-left: 80px;
	}

	.footer-widgets-1.widget-area {
		margin-right: 40px;
		width: 250px;
	}

	.footer-widgets-2.widget-area {
		margin-right: 40px;
		width: 200px;
	}

	.footer-widgets-2.widget-area h4.widget-title {
		display: none;
	}

	.footer-widgets-3.widget-area {
		margin-right: 40px;
	}

}

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

	.site-header button.uk-button.uk-button-default {
		margin-top: 24px;
	}

	.wccac-main-content-container {
		padding: 10px 0 120px;
	}

	.wccac-main-content-container .ms-img.uk-width-1-2 {
		width: 100%;
	}

	.wccac-main-content-container .ms-cnt {
        margin-top: 60px;
        padding-left: 0;
		width: 100%;
    }

	.wccac-main-content-container .ms-img img {
		display: block;
		border-radius: 20px;
		object-fit: cover;
		height: 461px;
		width: 100%;
		position: relative;
	}

	.wccac-main-content-container .ms-img:before {
        width: 96%;
        height: 460px;
    }

	.wccac-main-content-container .ms-cnt {
        margin-top: 100px;
    }

	.parallax-section .uk-width-2xlarge.uk-text-center.uk-margin-auto.uk-margin-auto-vertical {
		padding: 100px 5% 150px;
	}

	.parallax-section .uk-width-2xlarge span.px-small-title {
		font-size: 62px;
	}

	.parallax-section .uk-width-2xlarge h3,
	.get-involved-container h3 {
		font-size: 56px;
	}

	.mc-widget .mailchimp-widget.widget-area.anim-left.uk-scrollspy-inview {
		font-size: 15px;
	}

	.mc-widget .one-third.first h4 {
		font-size: 24px;
	}

	.footer-widgets-1.widget-area {
        margin-right: 20px;
        width: 200px;
    }

	.ft-social ul.social_cont li a {
		font-size: 15px;
	}

	.footer-widgets-2.widget-area {
		margin-right: 20px;
	}

	.footer-widgets-3.widget-area {
        margin-right: 20px;
		width: 140px;
    }

	.footer-widgets-4.widget-area {
		width: 140px;
    }

}

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

	.color-overlay .wrap {
		padding-left: 0;
		padding-right: 0;
	}

	.header-hero .cs-header-title {
		padding: 100px 5% 140px;
	}

	.featured-cta-grid-container .uk-card-body h3 {
		font-size: 19px;
	}

	.featured-cta-grid-container .uk-card-body {
		padding: 20px;
	}

	.featured-cta-grid-container .uk-card-body a.more-link {
		right: 10px;
		bottom: 10px;
	}

	.home .site-inner {
		padding-top: 0;
	}

	.mc-widget .mailchimp-widget.widget-area.anim-left.uk-scrollspy-inview {
		text-align: center;
	}

	.mc-widget .two-thirds {
		margin-top: 20px;
		padding-left: 0;
	}

	.mc-widget .two-thirds p {
		margin-bottom: 0;
	}

	.mc-widget .two-thirds input[type="submit"] {
		bottom: 2px;
		right: 3px;
	}

	.parallax-section .uk-width-2xlarge h3, .get-involved-container h3 {
        font-size: 48px;
    }

	.footer-widgets-1.widget-area {
        margin-right: 20px;
        width: 40%;
    }

	.footer-widgets-3.widget-area {
		float: left;
		clear: left;
		margin-top: 40px;
		width: 40%;
	}

	.footer-widgets-4.widget-area {
		margin-top: 40px;
		width: 40%;
	}

}

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

	.hero-section-header .hero-widget h1, .get-involved-container h3,
	.wccac-main-content-container .ms-cnt h2,
	.header-hero p.hero-intro.uk-margin,
	.cs-header-title h1.entry-title {
        font-size: 48px;
    }

	.wccac-main-content-container span.small-title {
		font-size: 15px;
	}

	.cs-header-title h1.entry-title::after {
		bottom: -20px;
	}

	
}

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

	.home .site-inner {
        padding-top: 60px;
    }

	.hero-section-header .hero-widget h1, 
	.get-involved-container h3, 
	.wccac-main-content-container .ms-cnt h2,
	.header-hero p.hero-intro.uk-margin {
        font-size: 42px;
    }

	.featured-cta-grid-container .feature-cta:nth-child(3n+1),
	.featured-cta-grid-container .feature-cta:nth-child(3n+2),
	.featured-cta-grid-container .feature-cta:nth-child(3n+3),
	.get-involved-container .gi-wrap:nth-child(3n+2) {
		top:0;
	}

	.featured-cta-grid-container .uk-card-body {
		top: -20px;
	}

	.get-involved-container {
		padding: 100px 0 60px;
	}

	.get-involved-container .btn-wrap {
		margin-top: 60px;
	}
}

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

	.hero-section-header .hero-widget span.intro-title, 
	.get-involved-container span.in-intro,
	.parallax-section .uk-width-2xlarge span.px-small-title {
		font-size: 52px;
	}

}

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

	.footer-widgets-1.widget-area,
	.footer-widgets-2.widget-area,
	.footer-widgets-3.widget-area,
	.footer-widgets-4.widget-area {
		font-size: 14px;
        margin-right: 0;
	}

	.ft-social ul.social_cont li a {
		height: 35px;
		width: 35px;
	}

	.footer-widgets-2.widget-area address {
		margin-top: 0 !important;
	}

	.mc-widget .two-thirds input[type="submit"] {
		position: relative;
		right: 0;
		bottom: 0;
		margin-top: 10px;
		width: 100%;
	}

}

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

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

}