/*
Theme Name:     HEIPAC Genesis child theme 3.0
Description:    This is a child theme of Genesis
Author:         Golin Web Design
Template:       genesis

(optional values you can add: Theme URI, Author URI, Version)
*/

/* @import url("../genesis/style.css");  Use code below for genesis 3.x */
@import url("style-genesis-sample-3-2.css");


/* ## Headings and Fonts
--------------------------------------------- */

/* colors */
/**** colors ****/
:root {
--dark_blue: #1D1645;
--medium_blue: #1D9ADD;
--teal_blue:#1d4e86;
--light_blue: #C1D2EF;
--red: #f44a4b;
--gray_blue: #69819E;
--orange:#e56a32;
--gray:#5c5c5c;
--text_gray:#363636;
--light_orange:#e58f3b;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 15px;
	color:var(--dark_blue);
}

h1, h1.entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	line-height:55px;
	font-weight: 600;
	margin-bottom:35px;
	color:#fff;
}

h2, h2.entry-title  {
	font-size: 34px;
	line-height:40px;
	color:var(--orange);
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 16px;
}
body > div {
    font-family: 'Crimson Text', serif;
	font-size: 26px;
	line-height:36px;
	font-weight: normal;
    color:var(--text_gray);
    line-height:1.5em;
}
p {
	margin-bottom:1.2em;
    font-family: 'Crimson Text', serif;
	font-size: 26px;
	line-height:36px;
	font-weight: normal;
    color:var(--text_gray);
}
a, a:visited, .entry-title a, a:hover {
	color:var(--medium_blue);
}
a, a:visited, .entry-title a {
	text-decoration: none;
	/* -webkit-tap-highlight-color: transparent; use this if you don't want a tap color feedback */
}
a:hover, .entry-title a:hover {
	text-decoration:none;
}
a:active {
    outline:none;
	/*-moz-outline-style: none; not sure if I need this too  */
}

/* image captions */
.wp-caption-text {
	font-weight: normal;
	font-size: 13px;
	font-family: "Open Sans", sans-seric;
}

/********** Page Layout **********/

/* set site width, header width and nav width*/
.content-sidebar-wrap, .site-header .wrap, .nav-primary .wrap, .site-inner {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto; 
}
/* reduce space bewteen content and footer */
.page {
	margin-bottom:0px;
}
.content {
	float: none;
	width: 100%;
	}
h1.entry-title {
    display:none;
}
.site-inner {
    margin-top:192px;
    padding-top:0;
}
/********* header settings *************/
.site-header {
    	box-shadow:none;
    	position:absolute;
    	width:100%;
    	top:30px;
}
.site-header .wrap {
	margin-top:30px;
	margin-bottom:30px;
}
.site-title {
	display:none;
}
.title-area {
    width:100%;
}
/* set dimensions of logo */
.logo {
	max-width:350px;
	height: auto;
	}

/* header gradient */
.site-container::before {
    content:"";
    height:30px;
    width:100%;
    background: rgb(29,153,220);
    background: linear-gradient(90deg, rgba(29,153,220,1) 0%, rgba(29,22,69,1) 100%);
}

/********** navigation ****************/	
/* move main menu to right of logo */
.nav-primary .genesis-nav-menu {
   text-transform:uppercase;
   font-family: "Open Sans", sans-serif;
}
.nav-primary .menu-item {
    float:left;
}
/* remove sub-menu arrow indicator */
.nav-primary .sf-sub-indicator {
    display:none;
}
.nav-primary .genesis-nav-menu a {
	 padding:15px 5px 8px 5px;
	 margin-left:10px;
	 margin-right:10px;
}
.genesis-nav-menu li a {
	 color:var(--medium_blue);
	 text-decoration: none;
	 font-size:16px;
     font-weight:600;
     border-bottom:2px solid #fff;
}
.genesis-nav-menu li a:hover {
	 color:var(--dark_blue);
	 border-bottom:3px solid var(--dark_blue);
}

/* submenu width */
.genesis-nav-menu .sub-menu{
	position:absolute !important;
	width:180px;
	z-index:10000;
}

.genesis-nav-menu ul.sub-menu li a {
    text-transform:none;
	font-size: 16px !important;
	padding-top:0px !important;
	font-family:'Open Sans', sans-serif;
	color:var(--medium_blue);
	border:none;
	padding-bottom:10px;
	}
.genesis-nav-menu ul.sub-menu li a:hover {
    color:var(--dark_blue);
}
/* submenu background color */
.genesis-nav-menu ul.sub-menu, .genesis-nav-menu ul.sub-menu li a {
	background-color:#fff;
	}
.genesis-nav-menu ul.sub-menu {
	border:none;
	padding-top:15px;
	padding-bottom:5px;
}
/* color of current menu item */
.genesis-nav-menu .current-menu-item a, .genesis-nav-menu .current-menu-parent a {
	color:var(--dark_blue); 
	border-bottom:3px solid var(--dark_blue);
}
/* color of current menu item */
.genesis-nav-menu .sub-menu .current-menu-item a {
	color:var(--dark_blue); 
	border-bottom:none;
}
.genesis-nav-menu li:not(.current-menu-item):not(.current-menu-parent) a, .genesis-nav-menu .sub-menu li:not(.current-menu-item) a {
/*	color:var(--medium_blue); */
}


/********** homepage ***********/
/* don't display page title */
.home h2.entry-title {
	display:none;
}
.home h2 {
    color:var(--dark_blue);
}
.home p {
    font-size:21px;
    font-family:"Open Sans", sans-serif;
    line-height:31px;
}
.home .site-inner {
    padding-top:0;
    margin-top:180px;
}
.home-slider {
    background-color:transparent;
    z-index: 20000;
    position: relative;
}
.slider-text {
    font-family:"Crimson Text", serif !important;
    font-style:italic !important;
}
.home-mobile-slider {
    display:none;
}
.home-education {
    background-image:url("/wp-content/uploads/home-education-background.jpg");
    background-size:cover;
    background-position:left top;
    padding-top:40px;
    padding-bottom:20px;
    margin-bottom:7px;
}
.home-education-mobile {
    display:none !important;
}
.home-advocacy-mobile {
    display:none !important;
}
.home-importance-mobile {
    display:none !important;
}
.home-education-text,
.home-advocacy-text,
.home-importance-text {
    max-width:510px;
    margin-left:auto;
    margin-right:auto;
}
.home-advocacy {
    background-image:url("/wp-content/uploads/home-advocacy-background.jpg");
    background-size:cover;
    background-position:right top;
    padding-top:40px;
    padding-bottom:20px;
    margin-bottom:7px;
}
.home-importance {
    background-image:url("/wp-content/uploads/home-importance-background.jpg");
    background-size:cover;
    background-position:left top;
    padding-top:40px;
    padding-bottom:20px;
    margin-bottom:7px;
}

.home-importance-text p,
.home-importance-text h2 {
    color:#fff;
}
.home-join {
    max-width:950px;
    margin-left:auto !important;
    margin-right:auto !important;
}

/***** secondary pages *********/
/* limit content area to 850px */
body:not(.home) .content {
	max-width: 1200px !important;
	padding-top:0px;
/*	padding-left: 5%;
	padding-right: 5%;
*/
}
.subpage-banner,
.subpage-banner figure, 
.subpage-banner .vc_single_image-wrapper,
.subpage-banner img {
    width:100%;
    height:100%;
}
.subpage-top {
  /*  margin-top:-180px;*/
    z-index:10000;
    margin-bottom:40px;
}
.subpage-title {
    max-width:1300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-105px;
}
.subpage-title h1 {
    color:#fff;
    margin-left:50px;
}
/***** About Page ******/
.about-top-textcol {
    border-bottom:2px solid var(--teal_blue);
}
.about-team {
    margin-top:35px;
    margin-bottom:35px;
}
.about-team h2 {
    font-family:"Open Sans", sans-serif;
}
.about-person p {
    font-size:24px;
    font-weight:600;
}
.about-person h3 {
    font-size:24px;
    font-weight:bold;
    
}
.about-person {
    max-width:800px;
    border-bottom:2px solid var(--teal_blue);
    margin-top:30px;
}
.about-team .about-person:last-child {
    border:none;
}
/***** Advocacy Page ******/
.advocacy-row h3 {
    font-weight:bold;
    font-family:"Open Sans", sans-serif;
    color:var(--dark_blue);
}
/***** Systems Change Page ******/
.systems-change p {
    font-size:30px;
}
/****** FAQ Page *********/
.faq-text-sidebar p {
    font-size:20px;
    font-family:"Open Sans", sans-serif;
    line-height:30px;
}
.faq-sidebar-mobile {
    display:none;
}
.faq-row h3 {
    font-weight:bold;
    font-family:"Open Sans", sans-serif;
    color:var(--dark_blue);
}

/***** Donate Page ******/
.donate-top p {
    font-size:30px;
}
.donate-checkinfo p {
    font-size:24px;
    line-height:34px;
}
.donate-top-sidebar p {
    font-family:"Open Sans", sans-serif;
    font-size:24px;
    margin-left:-20px;
}
.donate-top-sidebar li {
    font-size:20px;
    line-height:30px;
    font-weight:600;
    font-family:"Open Sans", sans-serif;
    margin-bottom:20px;
}
.donate-bottom p {
    font-size:18px;
    line-height:28px;
    font-family:"Open Sans", sans-serif;
}
/****** Contact Page ******/
.contact-row p {
    font-family:"Open Sans", sans-serif;
    font-size:24px;
    line-height:34px;
    font-weight:600;
}
.contact-row {
    display:flex;
}
.contact-row .icon-col {
    flex-basis:200px;
    border-bottom:2px solid var(--medium_blue);
}
.contact-row .text-col {
    flex-basis:600px;
    border-bottom:2px solid var(--teal_blue);
}
/****** blog page ******/
.post h2:last-of-type {
    margin-bottom:25px;
}
/*** posts ****/
/*** banner image on single blog post page */
/*** post page banner ****/
.post-banner-background {
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:140px;
	margin-bottom:50px;
	z-index:15000;
	position:relative;
	background-position:top right;
	height:300px;
	
	}
.post-bannercontainer {
	margin-left:auto;
	margin-right:auto;
	max-width:1300px;
	height:300px;
	}
.post-banner-title {
	display:flex;
	justify-content:flex-start;
	align-items:flex-end;
	padding-left: 1.618em;
	padding-left: 1.618em;
	height:300px;
	margin-left:20px;
	}
.post-banner-title h1 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 600;
    margin-bottom:10px;
}
/* test page and blog archive */
.page-id-392 .site-inner,
.page-id-406 .site-inner {
    margin-top:0;
}
/*** display full post content only on 'blog' page ****/
.blog_content {
    display:none;
}
.blog-post .blog_content {
    display:block;
}
.blog-post .entry-content {
        display:none;
}
.blog-post .entry-meta {
    font-family: "Open Sans", sans-serif;
	font-size:26px;
	font-weight: bold;
	padding-bottom:15px;
	border-bottom:2px solid var(--medium_blue);
	margin-bottom:20px !important;
}
.blog-post .blog_content h3 {
    font-style:italic;
    color:var(--orange);
}
.blog-post .entry-header h2 a {
    color:var(--orange);
}
.blog-post .entry-header {
    display:flex;
    flex-wrap:wrap;
}
.blog-post .entry-header h2 {
    flex-basis:100%;
    order:2;
    margin-bottom:15px;
}
.blog-post .entry-header p {
    flex-basis:100%;
    order:1;
}
/*** recent posts ***/
.recent-posts-sidebar h3 {
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
}
.recent-posts .entry-header {
    display:flex;
    flex-wrap:wrap;
}
.recent-posts .entry-header h2 {
    font-family: "Crimson Text", serif;
    font-size:20px;
    line-height:30px;
    color:var(--dark_blue);
    margin-bottom:8px;
     flex-basis:100%;
    order:2;
}
.recent-posts .entry-header a {
    font-weight:400;
    line-height:26px;
    font-family: "Crimson Text", serif;
    font-size:20px;
    color:var(--dark_blue);
}
.recent-posts .entry-header a::after {
    content:' Read more...';
    color:#1D9ADD;
}
.recent-posts .entry-meta {
    font-family: "Open Sans", sans-serif;
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    color:var(--dark_blue);
}

.recent-posts .entry-content {
    display:none;
}
.recent-posts .post {
    margin-bottom:8px;
    border-bottom: 1px solid var(--orange);
}
/**** single post page ****/
.single .site-inner {
    margin-top:0;
}
/* display title on single blog post page */
.single-post h1.entry-title {
    display:block;
    font-family: 'Crimson Text', serif;
    color:var(--orange);
    font-size:34px;
    line-height:44px;
}
.single-post .entry-header {
    display:flex;
    flex-wrap:wrap;
}
.single-post .entry-header h1 {
    flex-basis:100%;
    order:2;
    margin-bottom:15px;
}
.single-post .entry-meta {
    margin-bottom:0;
    font-weight:bold;
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--medium_blue);
    width:100%;
    margin-bottom:15px;
}
.single-post .entry-content h3 {
    font-style:italic;
    color:var(--orange);
    font-size:34px;
}

/* size headers on archive pages */
body.archive h2.entry-title a, body.archive h2.entry-title {
	font-family: "Crimson Text", serif;
	font-size:24px;
	font-weight: bold;
	margin-bottom:15px;
	}
a.moretag, a:visited.moretag, a:hover.moretag {
	color:#6ebae4 !important;
	font-size:14px;
	font-family:"Open Sans", sans-serif;
}
/* hide "continue reading because we added readmore */
.post .post-more {
	display:none;
}
/* hide comments on custom post types */
#comments {
	display:none;
}
/**** cutsom post loop pagination *****/
/*** make pagination lineup horizontally **/
.pagination li {
	float:left;
	margin-left:5px;
}
/* set page nav color */
.pagination li a {
	color:var(--medium_blue);
    background-color:#fff;
}
 
/* set achive page nav color */
.pagination li.active a, .pagination li a:hover {
	color:#0b6981; 
    background-color:#fff;
}
/* add flexbox to center pagination */
.pagination {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
}
/******* footer ************/
/********** basic footer setting *********/
/* remove genesis gototop */
.site-footer .gototop {
	display:none;
}
.site-footer {
    border-top:0px;
    background-color:var(--dark_blue) !important;
    color:#fff;
    text-align:left;
    font-size:16px;
    padding-top:0;
    font-family:"Open Sans", sans-serif;
}
.site-footer p,
.site-footer a {
    color:#fff;
    text-align:left;
    font-size:16px;
    font-family:"Open Sans", sans-serif;
}
.site-footer a:hover {
    color:var(--medium_blue);
}
.site-footer .footer-firstline {
    font-family:"Crimson Text", serif;
    font-size:30px;
    color:var(--medium_blue);
    padding-bottom:25px;
}
.footer-widgets .wrap, .site-footer .wrap {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
}
.footer-widgets .wrap {
    display:flex;
    align-items:center;
}
.footer-widgets {
	/* set background color and add paint splash images */
	background-color:var(--dark_blue) !important;
	padding-bottom:0;
	padding-top:20px;
}
/* 3 Footer widgets */
.footer-widgets-1 {
	width:250px;
	float:left;
	padding-left:0;
}
.footer-widgets-3 {
	width:190px;
	float:left;
}
.footer-widgets-2 {
	width:calc(100% - 440px);
	float:left;
}

/* style fonts */
.footer-widgets h4 {
	font-family: "Open Sans", sans-serif;
	color:#fff;
	text-transform: uppercase;
	font-size:16px;
	border-bottom:0px;
	font-weight:normal;
	padding-bottom:0;
}
.footer-widgets p {
	font-family: "Open Sans", sans-serif;
	color:#fff;
	font-size:16px;
}
/* footer widget menu styling */
#menu-footer {
    display:flex;
    justify-content:center;
}
.footer-widgets ul li a {
	font-family: "Open Sans", sans-serif;
	color:#fff;
	text-transform: uppercase;
	font-size:16px;
	text-decoration:none;
}
.footer-widgets ul li {
	padding-bottom:5px;
	margin-right:20px;
	margin-bottom:0;
}
.footer-widgets ul li a:hover {
    color:var(--medium_blue);
}
.footer-linkedin {
    margin-top:6px !important; 
    margin-right:8px !important;
}
.footer-widgets-3 img {
    margin-bottom:0;
}

@media only screen and (max-width:1350px) {
    .content-sidebar-wrap, 
    .site-header .wrap, 
    .site-footer .wrap,
    .footer-widgets .wrap,
    .site-inner {
	    margin-left: 20px;
	    margin-right: 20px; 
    }
    .nav-primary .wrap {
        margin-left:0;
        margin-right:0;
    }
    .subpage-title h1 {
        margin-left:70px;
    }

    .footer-widgets-1 {
        padding-left:30px;
    }
} /* 1350 */
@media only screen and (max-width:1280px) {
    /* switch to mobile menu */
    .nav-primary {
        display:none;
    }
    #rmp-container-59 {
        height:400px !important;
        padding-top:20px !important;
    }
    .site-inner,
    .home .site-inner {
        margin-top:130px;
    }
    .logo {
        margin-top:-30px;
    }
    .home-slider {
        margin-top:-50px;
    }
} /* 1280 */
@media only screen and (max-width:1190px) {
     /* stack footer widgets */
    .footer-widgets .wrap {
        flex-wrap:wrap;
        display:flex;
        padding-bottom:0;
    }
    #menu-footer {
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    .footer-widgets-2 {
        width:100%;
        padding-top:30px;
        order:3;
    }
    .footer-linkedin {
        margin-left:0 !important;
    }
    .footer-widgets-2 {
        order:1;
    }
    .footer-widgets-3 .widget_text {
        width:110px;
        order:2;
    }
    
} /* 1190 */

@media only screen and (max-width:1100px) {
    .home-education {
         background-position:-100px top;
    }
}/* 1100 */
@media only screen and (max-width:1000px) {
    .subpage-banner,
    .subpage-banner figure, 
    .subpage-banner .vc_single_image-wrapper {
        height:250px;
    }
    .subpage-banner img {
        object-fit:cover;
        object-position:right top;
        height:250px !important;
    }
    
    .subpage-top {
       /* margin-top:-160px;*/
    }
    .faq-sidebar-mobile {
        display:block;
    }
    .faq-sidebar-top {
        display:none;
    }
    .faq-last-row {
        border-bottom:2px solid var(--medium_blue);
        padding-bottom:40px;
        margin-bottom:25px !important;
    }
    .donate-sidebar,
    .donate-leftcol {
        width:100% !important;
    }
    .donate-top-sidebar {
        margin-top:35px;
    }
    .footer-widget-area {
        margin-bottom:0;
    }
} /* 1000 */
@media only screen and (max-width:910px) {
    /* contact page */
    .contact-row .icon-col,
    .contact-row .text-col {
        flex-basis:100%;
    }
    .contact-row .icon-col {
        border-bottom:none;
    }
} /* 905 */
@media only screen and (max-width:912px) {
    .home-join-icon img {
        width:150px;
    }
    .home-education {
        background-image:url("https://heipac.org/wp-content/uploads/OrangeEd_Image2noswirl.jpg");
        height:350px;
        margin-bottom:0;
        background-position:center -60px;
    }
    .home-advocacy {
        background-image:url("/wp-content/uploads/Yellow_Image2noswirl.jpg");
        background-position:center -30px;
        height:350px;
        margin-bottom:0;
    }
    .home-importance {
        background-image:url("/wp-content/uploads/BlueLast_Image3noswirl.jpg");
        background-position:center -50px;
        height:350px;
        margin-bottom:0;
    }
     .home-education-mobile {
        background-color:var(--light_orange);
        display:block !important;
        padding-top:35px;
        margin-bottom:7px;
     }
    .home-advocacy-mobile {
        background-color:#f3c953;
        display:block !important;
        padding-top:35px;
        margin-bottom:7px;
     }
    .home-importance-mobile {
        background-color:var(--medium_blue);
        display:block !important;
        padding-top:35px;
        margin-bottom:7px;
     }
    .home-education-text,
    .home-importance-text,
    .home-advocacy-text {
        max-width:100%;
    }
    .home-education p, 
    .home-education h2,
    .home-advocacy p,
    .home-advocacy h2,
    .home-importance p,
    .home-importance h2 {
        display:none;
    }
    .home-desktop-slider .slider-text {
        font-size:3.6vw !important;
        line-height:4vw !important;
        width:42% !important;
        margin-left:-4% !important;
    }
} /* 912 */
@media only screen and (max-width:800px) {
    .subpage-title {
        position:absolute;
        bottom:0px;
        width:100%;
        background: rgba(29,22,69,.3);
        padding-bottom:7px;
    }
    .post-banner-title {
        height: 70px;
        position: absolute;
        width: 100%;
        bottom: 0;
        background: rgba(29,22,69,.3);
    }
    .post-banner-background {
        height:250px;
        margin-top:140px;
    }
    .post-banner-container {
        height:250px;
    }
} /* 800 */
@media only screen and (max-width:767px) {
    .content-sidebar-wrap, 
    .site-header .wrap, 
    .site-footer .wrap,
    .footer-widgets .wrap,
    .site-inner {
	    margin-left: 3%;
	    margin-right: 3%; 
    }
    .subpage-title h1 {
        margin-left:6%;
    }
    .post-banner-title  {
        padding-left:6%;
        margin-left:0;
    }
    .site-inner {
        padding-left:0;
        padding-right:0;
    }
    .site-header {
        padding-left:3%;
        padding-right:3%;
    }

    .home-education,
    .home-advocacy,
    .home-importance {
        background-position:top center;
    }
    .home-join {
        display:flex;
    }
    .about-top-textcol {
        border-bottom:none;
    }
    .about-top {
        border-bottom:2px solid var(--medium_blue);
    }
    .faq-howlong  {
        display:flex;
        flex-wrap:wrap;
    }
    .faq-howlong-colleft {
        order:2;
    }
    .faq-howlong-colright {
        order:1;
    }
    .donate-top-sidebar {
        margin-bottom:15px !important;
    }
    .post .entry-content img,
    .blog_content img {
        max-width:35%;
    }
    .footer-widgets-2 ul li {
        padding-bottom:0;
        margin-bottom:0;
        width:100%;
    }
    .footer-widgets-2 {
        margin-bottom:15px;
    }
}/* 767 */

@media only screen and (max-width:550px) {
    .logo {
        max-width:70%;
    }
    .title-area {
      /*  padding-top:0; */
    }
    .subpage-intro h2 {
        font-size:29px;
        line-height:38px;
    }
    .footer-widgets-1 {
        margin-bottom:30px;
    }
} /* 550 */

@media only screen and (max-width:480px) {
    .home-mobile-slider .slider-text {
       font-size:6.7vw !important;
       line-height:6.9vw !important;
    }
    .home-mobile-slider {
        display:block;
    }
    .home-desktop-slider {
        display:none;
    }
	
} /* 480 */