/*
Theme Name: Health Education Advocacy Linkage (HEAL)
Theme URI: http://social-ink.net
Description: By Social Ink
Version: 1
Author: yonatan reinberg, matt pinto
Author URI: http://social-ink.net
*/


/*
@import "lib/vendor/bootstrap/css/bootstrap.min.css";
@import "lib/vendor/bootstrap/css/bootstrap-theme.min.css";  */

@import "assets/css/wp.basic.css";
@import "assets/css/forms_cf7.css";
@import "assets/css/print.css";

/*****************
LAYOUT
***********************************************/

.onepage {
    clear: both;

    padding-bottom: 0;
}

    .archive .onepage {
        background: #f2f2f2;
    }

    .home .onepage {
        padding-top: 0;
    }

.content {
   padding-bottom: 3em;
}

.content .text {}

.content.nosidebar {
    float: none;
    width: 100%;
}

.pageinfo {}


/*****************
EXPANDERS
***********************************************/

.expander_section {}

.expander_section header a:after {
    content: ' +';
}

.expander_section header a.activated:after {
    content: ' -';
}

.meta_taxes {
    display: none;
    margin-top: 1em;
}

/*****************
TYPE
***********************************************/

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
}

h1 {}

h2 {}

h3 {}

h4 {
    color: #30B3C9;
    text-transform: none;
    font-size: 1.3em;
}

h5 {}

p {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 0;
    line-height: 1.65em;
    margin-top: 0;
}

.module_wys a {
    color: #30b3c9;
}

.fancyfont {}

.pageinfo h1 {
	text-align: center;
	font-size: 1.75em;
	color: #231f20;
}

.text {}

.text p {}

.text p:last-child {
    margin-bottom: 0;
}

.text h1 {}

.text h2 {}

.text h3 {
	margin-bottom: .25em;
	font-size: 1.25em;
	color: #30b3c9;
}

.text h4 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #fc8e88;
}

.text ul {
    margin-bottom: 1em;
    margin-left: 0;
}

.text ul li {
    list-style-type: disc;
    margin-left: 1em;
    line-height: 1.4em;
}


/*****************
IMAGECOVERS
***********************************************/

.backgrounded_image {
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    position: relative;
    width: 100%;
}

.backgrounded_image:before {
    background: rgba(255, 255, 255, .9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.backgrounded_image > div {
    position: relative;
}


/*****************
NINJA FORMS
***********************************************/

#nf-form-2-cont .nf-form-title {
    display: none;
}

.nf-before-form-content {
    margin-bottom: 2em;
        margin-top: 2em;

}


#nf-form-2-cont h3 {
    display: none;
}

.list-checkbox-wrap .nf-field-element li,
 .list-radio-wrap .nf-field-element li {
    display: flex;
}

.list-checkbox-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label {
    color: #333;
    font-weight: bold;
}

.nf-field-label label {
    color: #30b3c9;
    font-size: 1.1em;
}




/*****************
FIXES FOR IE
***********************************************/

.ie8,
.ie9 {}

.ie7 {}


/*****************
BASIC INPUT AND FORMS
***********************************************/

input[type=text] {
    padding: .5em;
}

.wpcf7 input[type=submit],
input[type=submit],
.button {
    background: none repeat scroll 0 0 #30b3c9;
    border: 0 none;
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 0.5em 0.75em;
    font-weight: 700;
}

input[type=submit]:hover,
.button:hover {
    box-shadow: 0 0 1px #111;
    background: #fff;
    color:#30b3c9;
    text-decoration: none;
}

input[type=submit]:active,
.button:active {
    box-shadow: inset 0 0 1px #222;
    outline: 0;
}

input[type=submit]:focus,
.button:focus {
    outline: 0;
}


/*****************
MOBILE HEADER
***********************************************/

.mobile_expansion {
    visibility: hidden;
}

.mobile_expansion + label {
    font-size: 2.4em;
    color: #333;
    cursor: pointer;
    content: "";
    display: inline-block;
    width: 1em;
    height: 0.82em;
    margin-top: .2em;
    border-top: 0.5em double;
    border-bottom: .15em solid;
    transition: all .5s ease-in-out;
}

.mobile_expansion + label.mobile_expand_search {
    border: none;
}

.mobile_expansion#mobile_expand_search:checked + label {
    border-color: #fff;
}

.mobile_expansion#mobile_expand_search:checked + label:before{
    margin-left: 0;
}

.mobile_expansion:checked + label {
    border: .2em solid;
    height: .78em;
    width: .78em;
    border-radius: 100%;
}

.mobile_expansion + label.icon-search {
    border: 0 !important;
    margin-top: -5px;
}


/*****************
NAV MENU MARKUP
***********************************************/

.menu_horizontal li {
    display: inline-block;
    list-style: none;
    margin-left: 0;
}


/*****************
HEADER
***********************************************/

#header {
    width: 100%;
    margin-top: 1em;
}

.header_inner .flexible {
    padding: 0 1em;

}

.mainhighlights {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.5em;
}

.orientation_menu {
    justify-content: flex-end;
}

.sitemeta {
    max-width: 70%;
    margin-left: 2%;
    text-transform: uppercase;
}

    .sitemeta h1 {
        color: #231f20;
        font-size: 1.8em;
        font-weight: 300;
            margin-bottom: 0;
    }

    .sitemeta h2 {
        color: #30b3c9;
       font-size: 1.2em;
       letter-spacing: 0.05em;
    }

.header_inner {}

.logo {}

.logo img {}

.topmenu {
    background: #231f20;
    color: #fff;
}

.topmenu .sink_dropdown > li > a {
	line-height: 1.6;
}

.topmenu ul {
    display: -ms-flexbox;
    display: flex;

    justify-content: center;
}

.topmenu ul > li a {
    padding: .5em 1em;
}

.topmenu ul.sub-menu li {
	margin-left: 0;
}

.topmenu li {
    margin-right: 1em;
}

.topmenu li:after {}

.topmenu li.last_item {
    margin-right: 0;
}

.topmenu .sub-menu li.last_item {
	margin-right: 1em;
}

.topmenu li a {
    color: #fff;
    text-transform: uppercase;
}

.topmenu li.pinkspecial a,
.topmenu li:hover a,
.topmenu ul.sub-menu li a {
	background: #fc8e88;
	color: #fff;
}

.topmenu ul.sub-menu li a  {
	/*margin-left: -.5em;*/
}

.topmenu li.greenspecial a {
	background: #30b3c9;
}

.topmenu li[class*="current"] > a
 {
    text-decoration: none;
    border-bottom: 5px solid #fc8e88;

}


.topmenu .sub-menu li a:hover  {
	background: #231f20;
}

.topmenu li.bluespecial a {
    text-decoration: none;
    background: #30b3c9;
    color: #fff;
}

.socialmedia {
    font-size: 30px;
}



.socialmedia a {}

.search_indicator {
    font-size: 30px;
    margin-left: 5px;
}

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

.sidebar {}

.sidebar_module {}

.sidebar_module .module_title {}

.sidebar_module .module_content {}


/*****************
BACKGROUNDS
***********************************************/

.herospot {
    background-position: center center;
    background-size: cover;
    height: 400px;
    height: calc(100vw / 2.5);
    overflow: hidden;
    position: relative;
    width: 100%;
}


.herospot.semantic:before  {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.herospot.semantic > div,
.herospot.semantic > article,
.herospot.semantic > section {
    position: relative;
}



.slides li {
    margin: 0;
    list-style: none
}

.slideshow_area {

    height: calc(100vw / 3);
}

.slideshow_area div.slide {
    background-position: center center;
    background-size: cover;
    height: calc(100vw / 3);
    width: 100%;
    position: relative;
}

#header .slideshow_area {
    position: absolute;
    top: 0;
    height: 600px;
    left: 0;
    max-height: 600px;
}

#header .slideshow_area div.slide {
 max-height: 600px;
 height: 600px;
}

.headerslider {
	position: relative;
}

.slide_nav {
    color: #fff;
    font-size: 2em;
    left: 2%;
    position: absolute;
    z-index: 300;
  	bottom: 45%;
}

.slide_nav a:before {
    text-shadow: 1px 1px 3px #111;
}

.home .slide_nav {}

.slide_nav a {
    color: #fff;
}

.slide_nav a:hover,
.slide_nav a:active,
.slide_nav a:focus {
    text-decoration: none;
    color: #2D2C28;
}

.slide_nav.left {}

.slide_nav.right {
    left: auto;
    right: 2%;
}


.committee-latest {
    position: relative;
    height: 700px;

}

    .committee-latest > .committee_inner {
    height: 650px;
 background: #867673;
    }

    .committee-latest > .tabs_overview {
        position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;


    }

    .committee-latest h1 {
            font-size: 1.5em;
            color: #333;
            text-align: center;
            margin: 2em auto;

    }

/*****************
LISTS
***********************************************/


/* single page view navigation */

div.next-post {}

div.prev-post {}


/* generated by wp_list_cat and wp_list_pages functions */

li.page_item {}

li.current_page_item {}

li.current_page_parent {}

li.cat-item {}

li.current-cat {}


/*****************
HOME
***********************************************/

.healintro {
    padding: 1em 0;
    color: #fff;
    text-align: center;
    font-size: 1em;
}

.healintro p {
	margin-bottom: 0;
	font-size: 1em;
}

.heal_circle {
    padding: 2em 0;
}

    .heal_circle .flexible {
        max-width: 700px;
        align-items: center;
    }

    .heal_circle .circular {
        max-width: 360px;
        width: 48%;
        position: relative;

        min-height: 360px;
    }


    .heal_circle .layout {
        width: 48%;
        max-width: 300px;
    }

    .heal_circle .layout ul li {
        list-style: none;
        margin-left: 0;
        margin-bottom: 1em;
        font-size: 1.3em;
        font-weight: bold;
    }
    .heal_circle .layout ul li a span {
        display: inline-block;
        margin-right:1em;
    }

    svg#heal_circle_overview {
        position: absolute;
    }

    svg#heal_circle_overview a path {
      opacity: 0.5;
      transition: .1s opacity;
    }

     svg#heal_circle_overview a.opened path,
    svg#heal_circle_overview a:hover path {
      opacity: 1;
    }


    .heal_circle .circular .innertext {
        position: absolute;
        z-index: 5;
        width: 280px;
        height: 270px;
        left: 40px;
        top: 46px;
        border-radius: 122px;
    }

    .heal_circle .circular .innertext .contained{
        position: absolute;
        z-index: 15;
        color: #fff;
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: .9em;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .heal_circle .circular .innertext .contained.opened {
            display: flex;
        }

        .heal_circle .circular .innertext .contained h1 {
            font-size: 1.4em;
            text-transform: uppercase;
            color: #fff;
        }

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

footer {
    padding:1em 0;
}

.signup_stripe {
    background: #fff5f5
}
    .signup_box {
        background: #fff;
        width: 35%;
        margin: 2em auto;
        padding: 1em;
    }

    .signup_box h1 {
        color:#231f20;
        font-size: 1.8em;
        text-align: center;
    }

.donate_stripe {
    color: #fff;
}
.donate_stripe .flexible {
    align-items: center;
}

.donate_stripe p,
.signup_stripe p {
    margin-bottom: 0;
}


#footer {
    clear: both;
    padding: 2em 0;
}

.footer_inner {}

.footermenu {}

	.footermenu ul.sub-menu {
		flex-wrap: nowrap;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}

.footercredits p {
    margin-bottom: 0;
}
.footercredits {
    justify-content: space-between;
    align-items: center;
}

.footercredits ul li {
    margin-left: 1em;
}

.footercredits a {}

.sitecredits {}

.sitecredits p {}

.sitecredits a {}

.sinkcredits {
    background: #000;
    color: #fff;
    text-align: right;
    padding: 1em 2em;
    margin-top: 2em;
}

.sinkcredits p {
    margin-bottom: 0;
}

.sinkcredits a {}


/*****************
RELATED
***********************************************/

.module-relatedcontent {
    background: #EFEFEF;
}
.related_content {
    text-align: center;
    margin: 2em 0;
}

.related_content .field_divlist {
    display: -ms-flexbox;
    display: flex;
    margin: 2em 0;
}

.related_content .field_divlist > div {
    background: #ccc none repeat scroll 0 0;
    border-right: 1px solid #fff;
    height: 250px;
    min-width: 25%;
    padding: 1em 2%;
}

.metadatum {
    max-width: 600px;
    margin: 2em auto;
    background: #fff;
    padding: 1.25em;
    border: 5px solid #eaeaea;
}

.metadatum .meta_item {
    margin-bottom: 1em;
    font-size: .9em;
    display: flex;
}

.metadatum .meta_item a {
	color: #30b3c9;
}
.metadatum .meta_item:last-of-type {
	margin-bottom: 0;
}

.metadatum .meta_item .lbl {
    font-weight: bold;
    display: inline-block;
    min-width: 173px;
    width: 20%;
    margin-right: 2em;

}

.metadatum .meta_item .val {
	width: 78%;
	word-wrap: break-word;
}

.socialink-module:last-of-type {
	margin-bottom: 0;
}


/*****************
ARCHIVE
***********************************************/

.content article.archive_post {

    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1em;
    padding-bottom: 1em;
    background: #fff;
    max-height: 300px;
}

.content article.archive_post .mainpost {
    padding: 1em;
}

aside.readmore {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1em 0;
}

	.archive_post aside.readmore {
		padding-bottom: 0;
	}

.content article.archive_post.archivepost_last {
    border-bottom: 0;
}

.archive_post .featimg {
    margin-right: 1em;

}

.archive_post.thumb_exists .mainpost {
	padding: 1em 0;
}

    .content .related_grid_inner {
        flex-wrap: wrap;
    }
    .content .related_grid_inner article.archive_post {
        max-width: 300px;
        max-height: inherit;
    }

    .content .related_grid_inner article.archive_post .featimg {
        margin-right: 0;
    }
    .content .related_grid_inner article.archive_post .mainpost {
        padding: 1em;
            height: 100%;
    }


.content article.archive_post h2 {
    margin-bottom: 0;
}

.content article.archive_post p.post_header_meta {
    font-size: 90%;
}

.content article.archive_post .post_meta {
    border-top: 1px solid #eaeaea;
    padding-top: 5px;
    font-size: 90%;
}

.content article.archive_post a.readmore {
    font-size: 90%;
    text-transform: uppercase;
}

.content article.archive_post a.readmore:after {
    content: '>';
    padding-left: 2px;
}

.relatedposts {
    clear: both;
}

.content .relatedposts li {
    list-style: none outside none !important;
    margin: 0px;
}

.prev {
    float: left;
}

.next {
    float: right;
}

.single_relatedposts {}

.archive_relatedposts {}

p.readmore {
    margin-bottom: 0;
}