/*   
Theme Name: Asian Pacific Fund
Theme URI: https://asianpacificfund.org/
Description: Custom WordPress theme for Asian Pacific Fund
Author: Yelling Mule
Author URI: https://www.yellingmule.com
Version: 1.0
*/

@CHARSET "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

/*Required Styles*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
figure.wp-block-image {
    margin: 3rem 0 2rem;
    width: 100%;©
}
figure.wp-block-gallery {
    margin: 3rem 0 2rem;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
img.aligncenter {
    margin: 3rem 0 3rem;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0.5rem 0;
}

/*CUSTOM SCSS
-------------------------------------------------------------- */

@font-face {
    font-family: 'Avenir LT Std';
    src: url('public/fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('public/fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std Medium';
    src: url('public/fonts/Avenir-Medium.woff2') format('woff2'),
        url('public/fonts/Avenir-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std Black';
    src: url('public/fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('public/fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root{
    --font-heading:'Avenir LT Std Black', sans-serif;
    --font-subheading:'Avenir LT Std Medium', sans-serif;
    --font-body:open-sans, sans-serif;

    --color-red:#901F22;
    --color-blue:#005468;
    --color-orange:#EB9000;

    --color-teal:#0084A7;
    --color-green:#9DBA3B;
    --color-blue:#004C66;
    --color-lightgrey:#F0F0F0;
}

html, body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family: var(--font-body);
    font-weight:400;
}
a, a:hover, a:focus{
    text-decoration: none;
}
h1, h2, h3, h4, h5, h5,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-heading);
    font-weight:700;
}
h1, .h1{
    font-size:54px;
    text-transform: uppercase;
}
h2, .h2{
    font-size:48px;
    color:var(--color-blue);
}
h3, .h3{
    font-family: var(--font-subheading);
    font-size:36px;
    color:var(--color-blue);
    font-weight:500;
}
h4, .h4{
    font-size:24px;
    color:var(--color-blue);
}
h5, .h5{
    font-size:22px;
    color:var(--color-blue);
    text-transform: uppercase;
}
h6, .h6{
    font-size:16px;
    color:var(--color-blue);
    text-transform: uppercase;
}
p{
    color:black;
    font-size:16px;
    font-family: var(--font-body);
    line-height: 1.75;
    font-weight:400;
}
p a{
    color:var(--color-blue);
}
p a:hover{
    color:var(--color-orange);
}
main{
    margin-top:100px;
}
.centered{
    text-align:center;
}
.right{
    text-align: right;
}

/*BUTTONS & LINKS*/

.ym_button_outline {
    border: 2px solid var(--color-green);
    background: var(--color-green);
    padding: 14px 40px 9px 40px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size:20px;
    font-weight:700;
    color:white;
    font-family:var(--font-heading);
    display:inline-block;
}

.ym_button_outline:hover {
    background: white;
    color: var(--color-green);
}

.ym_button{
    text-transform: uppercase;
    font-size:20px;
    font-weight:700;
    color:var(--color-teal);
    font-family:var(--font-heading);
    display:inline-block;
}
.ym_button::before{
    content:'\f061';
    font: var(--fa-font-solid);
    width:45px;
    height:45px;
    line-height: 43px;
    border:2px solid var(--color-teal);
    color:var(--color-teal);
    background:transparent;
    border-radius:50%;
    text-align:center;
    vertical-align: middle;
    display:inline-block;
    margin-right:0.75rem;
    margin-top:-8px;
    font-size:20px;
}
.ym_button:hover{
    transition-duration: 0.5s;
    color:var(--color-teal);
}
.ym_button:hover::before{
    background:var(--color-teal);
    color:white;
    transition-duration: 0.5s;
}
.ym_flex_button{
    height:100%;
    align-items:center;
    justify-content: right;
    display:flex;
}
.ym_button_back::before{
    content:'\f060';
}

/*ALERT BAR*/

.ym_alert_bar{
    position: fixed;
    width:100%;
    background:var(--color-teal);
    text-align: center;
    z-index:1000;
    padding:0.5rem 0;
    display:block;
}
.ym_alert_bar p,
.ym_alert_bar p a{
    color:white;
}
.ym_alert_bar p{
    margin:0;
    font-size:14px;
}
.ym_alert_bar p a{
    text-transform: uppercase;
    font-family:var(--font-heading);
    font-weight:700;
    margin-left:1.5rem;
}
.ym_alert_bar_toggle{
    width:20px;
    height:20px;
    font-size:12px;
    border-radius: 50%;
    border:1px solid white;
    position: absolute;
    top:0.5rem;
    right:0.5rem;
    color:white;
    cursor: pointer;
}
.ym_alert_bar_toggle:hover{
    color:var(--color-teal);
    background:white;
}

/*HEADER*/

.ym_header,
.ym_header_logo{
    height:130px;
}
.ym_header{
    position: fixed;
    width:100%;
    background:white;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    z-index:1000;
}
.ym_header .container{
    max-width:90%;
}
.ym_header_logo a{
    display:block;
    width:100%;
    height:100%;
}
.ym_header_logo img{
    height:100%;
    width:auto;
    padding:1rem 0;
}
.ym_header_mobile{
    display:none;
}
.ym_header_nav{
    list-style:none;
    margin:0;
    margin-top: 18px;
    padding:0;
    display:inline-block;
    font-size:19px;
    font-weight:700;
    text-align:center;
    width: 100%;
}
.ym_header_nav li{
    display: inline-block;
}
.ym_header_nav li.menu-item-has-children a::after{
    content:'\f107';
    font: var(--fa-font-solid);
    color:var(--color-blue);
    display:inline-block;
    margin-left:0.5rem;
}
.ym_header_nav li a{
    color:black;
    display:block;
    padding:2.25rem 1rem;
}
.ym_header_nav .sub-menu{
    display:none;
    position: absolute;
    width:300px;
    box-shadow:0 5px 5px rgba(0,0,0,0.25);
    text-align:left;
    list-style: none;
    margin:0;
    padding:0;
    background:white;
}
.ym_header_nav .sub-menu li{
    display:block;
    font-size:16px;
    font-weight:600;
}
.ym_header_nav .sub-menu li a{
    padding:1rem;
}
.ym_header_nav .sub-menu li a::after{
    content:none;
}
.ym_header_nav .sub-menu li a:hover{
    color:white;
    background:var(--color-teal);
}
.ym_header_nav li.menu-item-has-children:hover .sub-menu{
    display:block;
}
.ym_header_right{
    height:100%;
}
.ym_header_button{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
 /*   justify-content: right;*/
    padding-top:0.5rem;
}
.ym_header_button .ym_button{
    color:var(--color-green);
    font-size: 20px;
}
.ym_header_button .ym_button::before{
    border-color:var(--color-green);
    color:var(--color-green);
}
.ym_header_button .ym_button:hover{
    color:var(--color-blue);
}
.ym_header_button .ym_button:hover::before{
    background:var(--color-blue);
    color:white;
}

/*HERO*/

.ym_hero{
    position:relative;
    width:100%;
    height:600px;
    border-radius:0 0 20px 20px;
    overflow: hidden;
    margin-bottom: -20px;
    z-index: 100;
}
.ym_hero_blocks{
    width:100%;
    height:100%;
    display:flex;
}
.ym_hero_section{
    flex:1;
    height:100%;
    position: relative;
    overflow:hidden;
}
.ym_hero_section img{
    filter:grayscale(100%);
    opacity: 0.25;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.ym_hero_section_red{
    background:var(--color-blue);
}
.ym_hero_section_orange{
    background:var(--color-green);
}
.ym_hero_section_blue{
    background:var(--color-teal);
}
.ym_hero_overlay{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.ym_hero_overlay h1{
    color:white;
    margin:0;
    text-transform: none;
}
.ym_text_shadow {
    text-shadow:0 0 10px black;
}
.ym_text_uppercase {
    text-transform: uppercase !important;
}
.ym_no_text_shadow {
    text-shadow:none !important;
}
.ym_no_text_uppercase {
    text-transform: none !important;
}
.ym_hero_logo{
    width:300px;
    margin:0 auto 2rem;
}
.ym_hero_logo img{
    width:100%;
    height:auto;
}

/*CONTENT*/

.ym_content{
    position:relative;
    padding:5rem 0;
}
.ym_content_top_large{
    padding-top:10rem;
}
.ym_content_top_small{
    padding-top:2.5rem;
}
.ym_content_top_none{
    padding-top:0;
}
.ym_content_bottom_large{
    padding-bottom:10rem;
}
.ym_content_bottom_small{
    padding-bottom:2.5rem;
}
.ym_content_bottom_none{
    padding-bottom:0;
}
.ym_content_grey{
    background:var(--color-lightgrey);
}
.ym_content_topgrey::before{
    content:'';
    width:100%;
    height:50%;
    position:absolute;
    top:0;
    left:0;
    background:var(--color-lightgrey);
    z-index:0;
}
.ym_content_bottomgrey::before{
    content:'';
    width:100%;
    height:50%;
    position:absolute;
    bottom:0;
    left:0;
    background:var(--color-lightgrey);
    z-index:0;
}
.ym_content_topstripegrey::before{
    content:'';
    width:100%;
    height:3.5rem;
    position:absolute;
    top:0;
    left:0;
    background:var(--color-lightgrey);
    z-index:0;
}
.ym_content_bottomstripegrey::before{
    content:'';
    width:100%;
    height:3.5rem;
    position:absolute;
    bottom:0;
    left:0;
    background:var(--color-lightgrey);
    z-index:0;
}
.ym_content_image{
    width:50%;
    height:100%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top:0;
}
.ym_content_video{
    width:50%;
    padding-bottom:35%;
    position: absolute;
    top:50%;
    transform:translate(0,-50%);
    background:black;
}
.ym_content_video iframe,
.ym_content_video video{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.ym_content_image_left,
.ym_content_video_left{
    left:0;
    border-radius:0 20px 20px 0;
}
.ym_content_image_right,
.ym_content_video_right{
    right:0;
    border-radius:20px 0 0 20px;
}
.ym_text_content{
    padding:2rem 2rem 2rem 0;
}
.ym_col_offset .ym_text_content{
    padding:2rem 0 2rem 2rem;
}
.ym_video_text_content{
    padding-top:0;
    padding-bottom:0;
}
.ym_text_content .ym_button{
    margin:1rem 0 0;
}

/*BLOCKS*/

.ym_blocks{
    margin:-2rem 0 0;
}
.ym_blocks .ym_col{
    margin:2rem 0 0;
}
.ym_block{
    width:100%;
    height:100%;
    background:white;
    text-align:center;
    border:5px solid var(--color-blue);
    border-radius: 20px;
}
.ym_block:hover{
    background:var(--color-blue);
}
.ym_block a{
    width:100%;
    height:100%;
    display:block;
    padding:3rem 2rem;
}
.ym_block_icon{
    width:auto;
    height:100px;
    margin:0 auto 1.5rem;
    position: relative;
}
.ym_block_icon img{
    max-height: 100%;
    width:auto;
    height:auto;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.ym_icon_content_blocks .ym_block_icon{
    margin:0 0 1rem;
}
.ym_icon_content_blocks .ym_col:nth-of-type(n+1):not(:last-child) .ym_icon_content_block{
    border-right:1px solid var(--color-green);
}
.ym_icon_content_blocks .col-lg-8 .ym_icon_content_block{
    padding-right:2rem;
}
.ym_image_block{
    text-align: center;
}
.ym_block_image{
    width:100%;
    padding-bottom:60%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin:0 0 1.5rem;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.ym_block_image_overlay{
    display:none;
}
.ym_block_image_overlay .ym_button{
    color:white;
    margin:1rem 0 0;
}
.ym_block_image_overlay .ym_button::before{
    color:white;
    border-color:white;
    background:transparent;
}
.ym_block_image_overlay .ym_button:hover::before{
    background:transparent;
}
.ym_image_block a:hover .ym_block_image .ym_block_image_overlay{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(157, 186, 58, 0.7);
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;
}
.ym_block h5{
    margin:0;
    color:var(--color-blue);
}
.ym_image_block h5{
    text-align:center;
}
.ym_block p{
    margin:1rem 0 0;
    color:black;
}
.ym_block:hover .ym_block_icon img{
    filter:brightness(0) invert(1);
}
.ym_blocks .ym_col:nth-of-type(3n + 2) .ym_block{
    border-color:var(--color-teal);
}
.ym_blocks .ym_col:nth-of-type(3n + 2) .ym_block h5{
    color:var(--color-teal);
}
.ym_blocks .ym_col:nth-of-type(3n + 2) .ym_block:hover{
    background:var(--color-teal);
}
.ym_blocks .ym_col:nth-of-type(3n + 3) .ym_block{
    border-color:var(--color-green);
}
.ym_blocks .ym_col:nth-of-type(3n + 3) .ym_block h5{
    color:var(--color-green);
}
.ym_blocks .ym_col:nth-of-type(3n + 3) .ym_block:hover{
    background:var(--color-green);
}
.ym_block:hover h5,
.ym_block:hover p{
    color:white !important;
}
.ym_stat_blocks .row{
    margin:0;
    align-items: center;
}
.ym_stat_blocks .ym_col{
    padding:0;
}
.ym_stat_block{
    padding:3rem 4rem;
    height:100%;
    text-align:center;
    position: relative;
}
.ym_stat_block p{
    padding:0 10%;
}
.ym_stat{
    font-family: var(--font-subheading);
    color:black;
    font-size:96px;
    line-height:1;
    font-weight:500;
    display:flex;
    align-items: center;
    justify-content: center;
}
.ym_stat span{
    font-size:18px;
    display:inline-block;
    text-transform: uppercase;
    width:60px;
    line-height:1.5;
}
.ym_stat_blocks .ym_col:nth-of-type(3n+1) .ym_stat_block::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    height:20px;
    width:100%;
    background:var(--color-green);
    border-radius:0 10px 10px 0;
}
.ym_stat_blocks .ym_col:nth-of-type(3n+2) .ym_stat_block::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:20px;
    width:100%;
    background:var(--color-blue);
    border-radius:10px;
}
.ym_stat_blocks .ym_col:nth-of-type(3n+3) .ym_stat_block::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    height:20px;
    width:100%;
    background:var(--color-teal);
    border-radius:10px 0 0 10px;
}
.ym_event_blocks .ym_col{
    margin:1.5rem 0 0;
}
.ym_event_block{
    position: relative;
    width:100%;
    border:3px solid var(--color-teal);
    border-radius:20px;
    overflow: hidden;
}
.ym_event_block a{
    position: relative;
    display:block;
    width:100%;
    height:100%;
    padding:2.5rem 1.5rem 2.5rem 5.5rem;
}
.ym_event_block .ym_button{
    color:var(--color-green);
}
.ym_event_block .ym_button::before{
    color:var(--color-green);
    border-color:var(--color-green);
}
.ym_event_block .ym_button:hover::before{
    background:transparent;
}
.ym_event_block:hover{
    border-color:var(--color-blue);
}
.ym_event_block:hover .ym_button::before{
    border-color:var(--color-teal);
}
.ym_event_block:hover .ym_button,
.ym_event_block:hover .ym_button::before{
    color:var(--color-teal);
}
.ym_event_block_image{
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width:4rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*POSTS*/

.ym_posts .ym_col{
    margin:2rem 0 0;
}
.ym_post_image{
    width:100%;
    padding-bottom:65%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius:20px;
    position: relative;
    margin:0 0 1rem;
}
.ym_post_image_cats{
    position:absolute;
    bottom:1rem;
    left:1rem;
    width:100%;
}
.ym_post_image_cats span{
    padding:1rem 1rem 0.75rem;
    border-radius:3px;
    color:white;
    text-transform: uppercase;
    font-family:var(--font-heading);
    font-size:14px;
    background:var(--color-teal);
    display:inline-block;
    margin:0 0.25rem 0 0;
    line-height:1;
    letter-spacing:1px;
}
.ym_post_content h4{
    font-size:21px;
}
.ym_post_content span{
    color:var(--color-teal);
    text-transform: uppercase;
    font-family:var(--font-heading);
    font-size:14px;
}
.ym_post:hover .ym_post_image_cats span{
    background:var(--color-green);
}
.ym_post:hover .ym_post_content span{
    color:var(--color-green);
}
.ym_featured_post{
    padding:3rem 0;
    border-bottom:3px solid var(--color-teal);
}
.ym_post_flex{
    height:100%;
    display:flex;
    align-items: center;
}
.ym_post_flex h5{
    color:var(--color-teal);
}
.ym_post_flex .ym_button{
    color:var(--color-green);
}
.ym_post_flex .ym_button::before{
    color:var(--color-green);
    border-color:var(--color-green);
}
.ym_post_flex .ym_button:hover::before{
    background:var(--color-green);
    color:white;
}
.ym_post_filters{
    padding:2rem 0;
    display:flex;
    width:100%;
    justify-content: center;
    align-items: center;
}
.ym_post_filters label:not(.ym_search label){
    flex:0 0 15%;
    text-align:right;
    padding:0 0.5rem;
    color:var(--color-blue);
    font-family: var(--font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin:0;
}
.ym_post_filters .ym_select,
.ym_post_filters .ym_search{
    flex:0 0 35%;
}
.ym_post_filters .ym_select{
    border:2px solid var(--color-blue);
    color:black;
    border-radius:10px;
    margin:0 0.5rem;
    position: relative;
}
.ym_post_filters .ym_select select{
    width:100%;
    -webkit-appearance:none;
    background:transparent;
    padding:0.75rem;
    color:black;
    border:none;
    outline:none;
}
.ym_post_filters .ym_select::after{
    content:'\f107';
    font: var(--fa-font-solid);
    color:var(--color-blue);
    pointer-events: none;
    position: absolute;
    right:0;
    top:0;
    padding:1rem;
}
.ym_post_filters .ym_search form{
    border:2px solid var(--color-blue);
    border-radius:10px;
}
.ym_post_filters .ym_search input{
    color:black;
    padding:0.75rem 1.5rem;
    border:none !important;
    background:transparent;
    font-size:1rem !important;
    font-family:var(--font-body);
}
.ym_post_filters .ym_search .is-search-icon{
    background:none;
    border:none;
}
.ym_post_filters .ym_search .is-form-style .is-search-submit path{
    fill:var(--color-green);
}
.ym_post_filters .ym_search .is-form-style button.is-search-submit{
    height:52px;
}
.ym_page_post{
    height:100%;
    padding-bottom:2rem;
    border-bottom:3px solid var(--color-teal);
}

/*TESTIMONIALS*/

.ym_testimonial{
    width:100%;
    position: relative;
    background:white;
    border-radius:20px;
    border-top:20px solid var(--color-teal);
    overflow: hidden;
}
.ym_testimonial_image{
    width:100%;
    min-height:100%;
    padding-bottom:110%;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.ym_testimonial_content{
    padding:5rem 4rem 5rem 5rem;
    position: relative;
}
.ym_testimonial_quote:before{
    content:'\f10d';
    font: var(--fa-font-solid);
    color:var(--color-green);
    position: absolute;
    left:-3.5rem;
    top:-1rem;
    font-size:48px;
}
.ym_testimonial_quote{
    font-size:21px;
    font-family:var(--font-heading);
    color:black;
    margin:0 0 2rem;
    position: relative;
}
.ym_testimonial_attr p{
    margin:0;
}
.ym_testimonial_attr p:first-of-type{
    font-weight:700;
}

/*FOOTER*/

.ym_footer{
    background:white;
    border-top:6px solid var(--color-blue);
    padding:3rem 0 1rem;
}
.ym_footer_logo{
    width:100%;
}
.ym_footer_logo img{
    width:100%;
    height:auto;
}
.ym_footer_nav{
    list-style:none;
    margin:0;
    padding:1.25rem 0;
    text-align:right;
    font-family: var(--font-subheading);
    font-size:16px;
}
.ym_footer_nav li{
    display:inline-block;
}
.ym_footer_nav li:not(:last-child)::after{
    content:'|';
    margin:0 1rem;
}
.ym_footer_nav li a{
    color:black;
}
.ym_footer_nav li a:hover{
    color:var(--color-teal);
}
.ym_footer_contact{
    margin:2rem 0 0;
}
.ym_footer_contact p{
    margin:0;
    font-size:16px;
    line-height:1.25;
}
.ym_footer_contact a{
    margin:1rem 0 0;
    color:var(--color-teal);
    display:block;
}
.ym_footer_contact a:hover{
    color:var(--color-blue);
}
.ym_footer_social{
    list-style:none;
 /*   margin:2rem 0 0;*/
    padding:2rem 0;
    text-align:center;
}
.ym_footer_social li{
    display: inline-block;
    margin:0 0.55rem;
    margin-bottom: 0.55rem;
}
.ym_footer_social li a{
    display:block;
    color:var(--color-green);
    width:45px;
    height:45px;
    border-radius:50%;
    border:2px solid var(--color-green);
    display:flex;
    align-items: center;
    justify-content: center;
}
.ym_footer_social li a:hover{
    color:white;
    background:var(--color-green);
}
.ym_footer_newsletter{
    margin:2rem 0 0;
    width:100%;
}
.ym_footer_newsletter .gform_required_legend{
    display:none;
}
.ym_footer_newsletter #field_1_1{
    grid-column: span 9;
}
.ym_footer_newsletter #field_submit{
    grid-column: span 3;
    height:34px;
}
.ym_footer_newsletter input:not([type="submit"]){
    border:none;
    border-bottom:2px solid black;
    padding:0.5rem;
}
.ym_footer_newsletter input[type="submit"]{
    background:transparent;
    border:none;
    text-transform: uppercase;
    font-size:16px;
    font-weight:700;
    color:var(--color-teal);
    font-family:var(--font-heading);
    display:inline-block;
    align-self:center !important;
}
.ym_footer_newsletter #field_submit::before{
    content:'\f061';
    font: var(--fa-font-solid);
    width:45px;
    height:45px;
    line-height: 43px;
    border:2px solid var(--color-teal);
    color:var(--color-teal);
    background:transparent;
    border-radius:50%;
    text-align:center;
    vertical-align: middle;
    display:inline-block;
    margin-right:0.75rem;
    margin-top:-8px;
    font-size:20px;
}
.ym_footer_newsletter #field_submit:hover{
    transition-duration: 0.5s;
    color:var(--color-teal);
}
.ym_footer_newsletter #field_submit:hover::before{
    background:var(--color-teal);
    color:white;
    transition-duration: 0.5s;
}
.ym_footer_bottom{
    text-align:center;
    margin:1rem 0 0;
}
.ym_footer_bottom p{
    margin:0;
    font-size:12px;
}
.ym_footer_bottom p a{
    color:var(--color-teal);
}
.ym_footer_bottom p a:hover{
    color:var(--color-blue);
}

/*TITLE/CTA BARS*/

.ym_title_bar{
    width:100%;
    height:200px;
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ym_title_bar_overlay{
    width:100%;
    height:100%;
    background:rgba(0,76,102,0.5);
    display:flex;
    justify-content: center;
    align-items:center;
    text-align:center;
}
.ym_title_bar h1,
.ym_title_bar .h1{
    color:white;
    margin:1rem 0 0;
    text-shadow:0 0 10px black;
    letter-spacing: 1px;
}
.ym_cta_bar{
    height:auto;
    width:100%;
    border-radius:20px;
    overflow: hidden;
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ym_cta_bar .ym_title_bar_overlay{
    display:block;
    padding:5rem 20%;
    background:rgba(0,76,102,0.75);
}
.ym_cta_bar .ym_title_bar_overlay *{
    color:white;
}
.ym_cta_bar .ym_title_bar_overlay .ym_button{
    margin:1.5rem 0 0;
}
.ym_cta_bar .ym_title_bar_overlay .ym_button::before{
    color:white;
    border-color:white;
}

/*CHARTS*/

.ym_chart{
    margin:2rem 0 0;
}
.ym_chart_item{
    margin:1rem 0 0;
}
.ym_chart_label{
    display:flex;
    align-items: center;
    height:100%;
}
.ym_chart_label span{
    font-family: var(--font-heading);
    font-size:20px;
    text-transform: uppercase;
}
.ym_chart_bar_section{
    width:100%;
    border-right:1px dashed grey;
    height:60px;
}
.ym_chart_bar{
    border-radius:0 10px 10px 0;
    background:var(--color-blue);
    width:0;
    height:60px;
}
.ym_chart_bar_green{
    background:var(--color-green);
}
.ym_chart_bar_teal{
    background:var(--color-teal);
}
.ym_chart_bar span{
    color:white;
    font-family: var(--font-heading);
    font-size:20px;
    padding:1rem;
    display:block;
}
.ym_chart_bar.animated {
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
}
.ym_chart_bar.grow{
    width:var(--width);
}

/*AFFILIATES*/

.ym_affiliate_blocks .ym_col{
    margin:2rem 0 0;
}
.ym_affiliate_block{
    height:100%;
    width:100%;
    position: relative;
    border:3px solid var(--color-teal);
    border-radius:20px;
    overflow: hidden;
}
.ym_affiliate_block a{
    padding:1.5rem 1rem;
    display:flex;
    width:100%;
    height:100%;
    justify-content: space-between;
    flex-wrap:wrap;
}
.ym_affiliate_block_title{
    font-size:25px;
    font-family: var(--font-heading);
    color:black;
    min-height:80px;
    line-height:1.3;
    width: 100%;
    margin-bottom: 10px;
}
.ym_affiliate_block_locations,
.ym_affiliate_block_issues{
    list-style:none;
    margin:0;
    padding:0;
}
.ym_affiliate_block_locations li,
.ym_affiliate_block_issues li{
    display:inline-block;
}
.ym_affiliate_block_locations{
    color:var(--color-teal);
    font-size:16px;
    font-family: var(--font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ym_affiliate_block_locations li:not(:last-child)::after{
    content:' / ';
}
.ym_affiliate_block_issues{
    color:black;
    font-size:16px;
}
.ym_affiliate_block_issues li:not(:last-child)::after{
    content:', ';
}
.ym_affiliate_block a:hover{
    background:var(--color-teal);
}
.ym_affiliate_block a:hover *{
    color:white !important;
}
.ym_affiliate_filters{
    background:var(--color-blue);
    border-radius:20px;
    width:100%;
    padding:3rem 2rem;
    position:relative;
    z-index:1;
}
.ym_affiliate_filters form{
    display:flex;
    align-items: center;
    justify-content: center;
}
.ym_affiliate_filters form label{
    flex:0 0 20%;
    color:white;
    font-family: var(--font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin:0;
}
.ym_affiliate_filters form .ym_select{
    flex:0 0 30%;
    color:white;
    margin:0 0.5rem;
    position: relative;
}
.ym_affiliate_filters form .ym_select::after{
    content:'\f107';
    font: var(--fa-font-solid);
    color:var(--color-green);
    pointer-events: none;
    position: absolute;
    right:0;
    top:0;
    padding:1rem;
}
.ym_affiliate_filters form .ym_select select{
    width:100%;
    -webkit-appearance:none;
    background:var(--color-teal);
    padding:0.75rem;
    color:white;
    border:2px solid var(--color-teal);
    border-radius:10px;
    outline:none;
}
.ym_affiliate_filters form .ym_clear{
    flex:0 0 10%;
    padding:0 0 0 1rem;
}
.ym_affiliate_filters form .ym_clear a{
    color:var(--color-green);
    text-decoration: underline;
    font-size:16px;
}

/*STORIES*/

.ym_stories .ym_col{
    margin:0 0 3rem;
}
.ym_story{
    height:100%;
}
.ym_story a{
    display:block;
    padding:0 0 3rem;
    position: relative;
    height:100%;
}
.ym_story .ym_button{
    position:absolute;
    bottom:0;
    left:0;
}
.ym_story_modal .modal-dialog{
    max-width:1110px;
}
.ym_story_modal .modal-header{
    border-bottom:none;
    padding:1.5rem 3rem;
}
.ym_story_modal .modal-header .close{
    border:2px solid var(--color-green);
    color:var(--color-green);
    border-radius:50%;
    width:40px;
    height:40px;
    padding: 0;
    margin: -0.5rem -2rem 0 0;
    opacity: 1;
}
.ym_story_modal .modal-body{
    padding:0 3rem 1rem;
}
.ym_video{
    width:100%;
    padding-bottom:56.75%;
    position:relative;
}
.ym_video iframe,
.ym_video video{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.ym_story_modal .ym_video{
    margin:0 0 2rem;
}

/*SINGLE POSTS*/

.ym_single_post_date,
.ym_single_post_cats{
    display:inline-block;
    margin:3rem 0;
}
.ym_single_post_cats span{
    color:white;
    background:var(--color-teal);
    margin:0 0 0 1rem;
    padding:0.75rem 0.75rem 0.5rem;
    font-size:14px;
    font-family:var(--font-heading);
    text-transform: uppercase;
    display:inline-block;
}
.ym_single_post_content h1{
    text-transform: none;
    color:var(--color-blue);
    margin:0 0 2rem;
}
.ym_single_post_content a,
.ym_single_post_content p a,
.ym_single_post_content ul a{
    color:var(--color-teal);
}
.ym_single_post_content a:hover,
.ym_single_post_content p a:hover,
.ym_single_post_content ul a:hover{
    color:var(--color-green);
}
.ym_single_post_content ul{
    margin:1rem 0;
}
.ym_single_post_image{
    width:100%;
}
.ym_single_post_image img{
    width:100%;
    margin:0 auto 2rem;
}

/*TEAM*/

.ym_team_image{
    width:100%;
    padding-bottom:100%;
    border-radius:20px;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin:0 0 1rem;
}
.ym_team .ym_col{
    margin:2rem 0 0;
}
.ym_team_member{
    text-align:center;
}
.ym_team_modal .ym_general_content i{
    font-size:24px;
    margin:1rem 0 0;
    color:var(--color-teal);
}

/*GENERAL*/

.ym_general_content hr{
    margin:2rem 0;
    border-color:var(--color-green);
    border-width:2px;
}
.ym_general_content a,
.ym_general_content p a,
.ym_general_content li a{
    color:var(--color-teal);
}
.ym_general_content a:hover,
.ym_general_content p a:hover,
.ym_general_content li a:hover{
    color:var(--color-green);
}

/*LOGOS*/

.ym_logos{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.ym_logo{
    flex:1;
    width:100%;
    height:200px;
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin:0 1rem;
}

/*FORMS*/

.ym_content .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description{
    margin:0;
    padding-top:0;
}
.ym_content .gform_wrapper.gravity-theme .gfield_required{
    color:var(--color-teal);
}
.ym_content .gform_wrapper.gravity-theme input[type="submit"]{
    text-transform: uppercase;
    color:var(--color-teal);
    background:transparent;
    border:none;
}
.ym_content .gform_wrapper.gravity-theme input[type="text"],
.ym_content .gform_wrapper.gravity-theme input[type="email"],
.ym_content .gform_wrapper.gravity-theme textarea,
.ym_content .gform_wrapper.gravity-theme select{
    border:2px solid lightgrey;
    border-radius:10px;
    padding:0.75rem !important;
}