/*   
Theme Name: Day of AI
Theme URI: https://www.dayofai.org/
Description: Custom WordPress theme for Day of AI
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*/

.hide_field {
	display:none !important;
}

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

:root{
    --color-blue:#4873B7;
    --color-green:#37B558;
    --color-orange:#F26739;
    --color-navy:#004876;
    --font-body:"Roboto", sans-serif;
    --font-heading:"Gugi", sans-serif;
}

html, body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family: var(--font-body);
}
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);
}
h1, .h1{
    font-size:64px;
}
h2, .h2{
    font-size:38px;
}
h3, .h3{
    font-size:32px;
}
h4, .h4{
    font-size:24px;
}
h5, .h5{
    font-size:18px;
}
h6, .h6{
    font-size:16px;
}
p{
    color:black;
    font-size:16px;
    font-family: var(--font-body);
    line-height: 1.5;
    font-weight:300;
}
p a{
    color:var(--color-blue);
}
p a:hover{
    color:var(--color-green);
}
main{
    margin-top:112px;
}
.centered{
    text-align:center;
}
.right{
    text-align: right;
}

/*BUTTONS*/

.ym_button{
    font-family:var(--font-heading);
    text-transform: uppercase;
    font-size:16px;
    letter-spacing: 3%;
    color:white;
    background:var(--color-green);
    padding:0 2rem;
    border-radius:30px;
    border:2px solid var(--color-green);
    transition-duration: 0.5s;
    height:45px;
    line-height:45px;
    vertical-align: middle;
    display:inline-block;
}
.ym_button:hover{
    background:var(--color-orange);
    border-color:var(--color-orange);
    color:white;
}
.ym_button_alt{
    background:transparent;
    color:var(--color-green);
}
.ym_button_alt:hover{
    background:var(--color-blue);
    border-color:var(--color-blue);
    color:white;
}
.ym_button_orange{
    background:var(--color-orange);
    border-color:var(--color-orange);
    color:white;
}
.ym_button_orange:hover{
    background:var(--color-green);
    border-color:var(--color-green);
    color:white;
}

/*HEADER*/

.ym_header, .ym_header_logo{
    height:112px;
}
.ym_header{
    position:fixed;
    width:100%;
    background:white;
    box-shadow:0 0 5px rgba(0,0,0,0.25);
    z-index:9999;
}
.ym_header_logo a{
    display:block;
    width:100%;
    height:100%;
}
.ym_header_logo img{
    height:100%;
    width:auto;
    padding:0.5rem 0;
}
.ym_header_mobile{
    display:none;
}
.ym_header_right{
    width:100%;
}
.ym_header_top{
    display:block;
    border-bottom:1px solid var(--color-blue);
    width:100%;
    text-align:right;
    padding:0.5rem 0;
}
.ym_header_search,
.ym_header_sites,
.ym_header_site,
.ym_header_sites span{
    display:inline-block;
    vertical-align: middle;
}
.ym_header_search i{
    color:var(--color-green);
    font-size:14px;
}
.ym_header_search input{
    border:none;
    background:transparent;
    font-size:13px;
    width:100px;
    padding:0.25rem;
    transition-duration: 0.5s;
}
.ym_header_search input::placeholder{
    text-transform: uppercase;
}
.ym_header_search input:active,
.ym_header_search input:focus{
    outline:none;
    width:300px;
}
.ym_header_sites{
    margin-left:1rem;
}
.ym_header_sites span{
    font-size:13px;
    font-weight:300;
}
.ym_header_site{
    width:25px;
    height:25px;
    background-size:cover;
    background-position: 25% center;
    background-repeat: no-repeat;
    border-radius:50%;
    margin-left:0.5rem;
}
.ym_header_main{
    text-align:right;
}
.ym_header_nav{
    list-style:none;
    margin:0;
    padding:0;
    display:inline-block;
    font-weight:500;
    font-size:15px;
}
.ym_header_nav li{
    display:inline-block;
}
.ym_header_nav a{
    display:block;
    padding:1.45rem 1rem;
    color:black;
}
.ym_header_nav li a:hover,
.ym_header_nav li:hover a,
.ym_header_nav li:hover > a{
    color:var(--color-blue);
}
.ym_header_nav li.menu-item-has-children a::after{
    font: var(--fa-font-solid);
    content: "\f0d7";
    color:var(--color-blue);
    margin-left:5px;
}
.ym_header_nav li .sub-menu{
    display:none;
}
.ym_header_nav li:hover .sub-menu{
    display:block;
    position: absolute;
    background:white;
    box-shadow:0 0 5px rgba(0,0,0,0.25);
    border-radius:10px;
    text-align:left;
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
    width:250px;
}
.ym_header_nav li .sub-menu li{
    display:block;
}
.ym_header_nav li .sub-menu li a{
    padding:1rem;
    color:black;
}
.ym_header_nav li .sub-menu li a:hover{
    color:white;
    background:var(--color-blue);
}
.ym_header_nav li .sub-menu li a::after{
    content:none;
}
.ym_header_button{
    display:inline-block;
    margin-left:1.5rem;
}

/*HERO*/

.ym_hero{
    width:100%;
    height:500px;
    overflow:hidden;
    position: relative;
}
.ym_hero_video{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.ym_hero_video video{
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.ym_hero_overlay{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content: center;
    position: relative;
}
.ym_hero_content h1,
.ym_hero_content p{
    color:white;
}
.ym_hero_content p{
    font-weight:500;
    font-size:30px;
    padding:0 22%;
    margin:0;
}
.ym_hero_callout{
    width:100%;
    margin-top:-1rem;
    position: relative;
    z-index:100;
}
.ym_callout_bar{
    background:var(--color-blue);
    border-radius:30px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.ym_callout_bar p{
    color:white;
    font-size:24px;
    margin:0;
    padding:0.75rem 2rem;
}
.ym_callout_bar .ym_button{
    height:60px;
    border-radius:30px;
    line-height:60px;
    vertical-align: middle;
    padding:0 3rem;
}

/*CONTENT*/

.ym_content{
    padding:5rem 0;
    position: relative;
}
.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_image{
    border-radius:15px;
    min-height:100%;
    width:100%;
    padding:2rem 10%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    display:flex;
    align-items:center;
    justify-content: center;
    text-align: center;
    position: relative;
}
.ym_content_image p{
    color:white;
    margin:0 0 2rem;
    display:block;
}
.ym_content_image p b{
    font-weight: 500;
}
.ym_content_image p.h2{
    font-size:50px;
}
.ym_content_image p:not(.h2){
    font-size:35px;
    line-height:1.25;
}
.ym_content_image_number{
    width:115px;
    height:115px;
    border-radius:15px;
    background: var(--color-orange);
    font-size:48px;
    font-family:var(--font-heading);
    color:white;
    position:absolute;
    top:-0.5rem;
    right:-0.5rem;
    line-height:115px;
    vertical-align: middle;
}
.ym_image_content_list_item{
    margin:2rem 0;
}
.ym_image_content_list_item:nth-child(3n+2) .ym_content_image_number{
    background:var(--color-blue);
}
.ym_image_content_list_item:nth-child(3n+3) .ym_content_image_number{
    background:var(--color-green);
}
.ym_content_buttons{
    margin:1.5rem 0 0;
}
.ym_content_buttons .ym_button:not(:first-of-type){
    margin-left:0.5rem;
}
.ym_content_text{
    padding:1rem 0;
}
.order-1 .ym_content_text{
    padding-right:2rem;
}
.order-2 .ym_content_text{
    padding-left:2rem;
}
.ym_content_text h2,
.ym_content_text h3{
    margin:0 0 1.5rem;
}
.ym_content_text p b{
    font-weight:500;
}
.ym_content_text ul{
    font-size:16px;
    font-weight:300;
    line-height: 1.5;
    margin:0;
    padding:0;
    list-style: none;
}
.ym_content_text ul li{
    padding-left:2rem;
    margin:0 0 1rem;
    position: relative;
}
.ym_content_text ul li::before{
    font: var(--fa-font-solid);
    content: "\f061";
    color:var(--color-green);
    position:absolute;
    left:0;
    top:0;
    padding:3px;
    width:2rem;
    text-align:center;
}

/*STATIC LOGOS*/

.ym_static_logos{
    display:flex;
    flex-wrap:wrap;
}
.ym_static_logo{
    max-width:40%;
    width:auto;
    height:70px;
    padding:0 0 0 4rem;
}
.ym_static_logo img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}

/*ICON BLOCKS*/

.ym_icon_block{
    position: relative;
    height:100%;
}
.ym_icon_block a{
    display:block;
    height:100%;
}
.ym_icon_block_inner{
    text-align:center;
    border:3px solid var(--color-blue);
    border-radius:15px;
    padding:115px 2rem 2rem;
    height:100%;
}
.ym_icon_block_icon{
    width:115px;
    height:115px;
    border-radius:15px;
    background:var(--color-blue);
    padding:1rem;
    display:flex;
    align-items:center;
    justify-content: center;
    margin:-172.5px auto 2rem;
}
.ym_icon_block_icon img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}
.ym_icon_block_inner p.h3{
    margin:0 0 1rem;
}
.ym_icon_block_inner p:not(.h3){
    padding:0 10%;
    margin:0;
}
.ym_icon_blocks .ym_col{
    margin:5rem 0 0;
}
.ym_icon_blocks .ym_col:nth-child(4n+2) .ym_icon_block_inner{
    border-color:var(--color-green);
}
.ym_icon_blocks .ym_col:nth-child(4n+2) .ym_icon_block_icon{
    background:var(--color-green);
}
.ym_icon_blocks .ym_col:nth-child(4n+3) .ym_icon_block_inner{
    border-color:var(--color-orange);
}
.ym_icon_blocks .ym_col:nth-child(4n+3) .ym_icon_block_icon{
    background:var(--color-orange);
}
.ym_icon_blocks .ym_col:nth-child(4n+4) .ym_icon_block_inner{
    border-color:var(--color-navy);
}
.ym_icon_blocks .ym_col:nth-child(4n+4) .ym_icon_block_icon{
    background:var(--color-navy);
}
.ym_icon_block a:hover .ym_icon_block_icon img{
    transform:rotate(360deg);
    transition-duration: 0.5s;
}

/*LOGO SLIDER*/

.ym_logo_slider{
    padding:0 4rem;
}
.ym_logo_slide{
    margin:0 1.5rem;
}
.ym_logo_slide_inner,
.ym_logo_slide a{
    display:block;
    width:100%;
    padding-bottom:50%;
    position: relative;
    overflow:hidden;
}
.ym_logo_slide img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width:auto;
    height:auto;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.ym_logo_slider .slick-arrow{
    width:50px;
    height:50px;
    border-radius:50%;
    background:var(--color-orange);
}
.ym_logo_slider .slick-arrow:hover{
    background:var(--color-blue);
}
.ym_logo_slider .slick-arrow::before{
    color:white;
    font-size:24px;
    opacity: 1;
}
.ym_logo_slider .slick-next::before{
    content:'\f0da';
}
.ym_logo_slider .slick-prev::before{
    content:'\f0d9';
}

/*CTA BLOCK*/

.ym_cta_block{
    background:var(--color-blue);
    border-radius:15px;
    overflow:hidden;
}
.ym_cta_block_overlay{
    width:100%;
    height:100%;
    background-image:url(public/img/overlay-pattern.png);
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding:5rem;
    text-align:center;
}
.ym_cta_block_overlay h2,
.ym_cta_block_overlay p{
    color:white;
    margin:0 0 2rem;
}
.ym_cta_block_overlay p{
    padding:0 15%;
    margin:0 0 2.5rem;
}
.ym_cta_block .ym_button_alt{
    border-color:white;
    color:white;
}
.ym_cta_block .ym_button_alt:hover{
    background:var(--color-green);
    border-color:var(--color-green);
}

/*POSTS*/

.ym_posts .row{
    margin:0 -0.5rem;
}
.ym_posts .ym_col{
    margin:0 0 2rem;
    padding:0 0.5rem;
}
.ym_post{
    border:3px solid var(--color-orange);
    border-radius: 15px;
    overflow:hidden;
    background:white;
    height:100%;
}
.ym_post a{
    display:block;
    height:100%;
    width:100%;
    position: relative;
    padding-bottom:57px;
}
.ym_post_image{
    width:100%;
    padding-bottom:60%;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.ym_post_date{
    position: absolute;
    width:60px;
    height:60px;
    background:var(--color-orange);
    color:white;
    border-radius: 10px;
    bottom:0.5rem;
    right:0.5rem;
    text-align: center;
    padding:0.4rem;
}
.ym_post_date span{
    display:block;
    font-size:10px;
    text-transform: uppercase;
    font-weight:500;
    margin:0;
    line-height: 15px;
}
.ym_post_date span:nth-child(2){
    font-size:16px;
    font-weight:700;
}
.ym_post_image.ym_logo_image{
    background-size:80%;
}
.ym_post_content{
    padding:1rem;
}
.ym_post_content p:last-of-type{
    margin:0;
}
.ym_post_button{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:57px;
    line-height:60px;
    color:white;
    text-align:center;
    text-transform: uppercase;
    font-family: var(--font-heading);
    font-size:16px;
    background:var(--color-orange);
    transition-duration: 0.5s;
}
.ym_post a:hover .ym_post_button{
    height:65px;
    line-height:68px;
}
.ym_posts .ym_col:nth-child(4n+2) .ym_post{
    border-color:var(--color-blue);
}
.ym_posts .ym_col:nth-child(4n+2) .ym_post_button,
.ym_posts .ym_col:nth-child(4n+2) .ym_post_date{
    background:var(--color-blue);
}
.ym_posts .ym_col:nth-child(4n+3) .ym_post{
    border-color:var(--color-green);
}
.ym_posts .ym_col:nth-child(4n+3) .ym_post_button,
.ym_posts .ym_col:nth-child(4n+3) .ym_post_date{
    background:var(--color-green);
}
.ym_posts .ym_col:nth-child(4n+4) .ym_post{
    border-color:var(--color-navy);
}
.ym_posts .ym_col:nth-child(4n+4) .ym_post_button,
.ym_posts .ym_col:nth-child(4n+4) .ym_post_date{
    background:var(--color-navy);
}
.ym_post_cats{
    text-align:center;
    font-size:16px;
    font-family: var(--font-heading);
}
.ym_post_cats a{
    margin:0;
    color:black;
    display:inline-block;
    padding:0.5rem 2rem;
    border-radius:20px;
}
.ym_post_cats a.active{
    background:var(--color-green);
    color:white;
}

/*FOOTER*/

.ym_footer_main::before{
    content:'';
    width:100%;
    height:8px;
    border-radius:4px;
    background:var(--color-blue);
    display:block;
    position: absolute;
    top:0;
    left:0;
}
.ym_footer_main{
    padding:3rem 0;
    position: relative;
}
.ym_footer_nav{
    list-style:none;
    margin:0;
    padding:0;
    font-size:16px;
    font-family: var(--font-heading);
    columns:3;
    column-gap:200px;
    margin-right:-200px;
}
.ym_footer_nav li{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin:0 0 1rem;
}
.ym_footer_nav li.wide{
    width:350px;
}
.ym_footer_nav li a{
    color:black;
}
.ym_footer_nav li .sub-menu{
    list-style:none;
    margin:0;
    padding:0;
    font-family:var(--font-body);
    font-weight:300;
    font-size:14px;
}
.ym_footer_nav li .sub-menu li{
    margin:0.5rem 0 0 0;
}
.ym_footer_nav li .sub-menu.two_col{
    -webkit-columns:2;
    columns:2;
    column-gap: 22px;
}
.ym_footer_nav li:not(.sub-menu li):nth-last-child(2),
.ym_footer_nav li:not(.sub-menu li):last-child{
    margin-left:-230px;
}
.ym_footer_logo,
.ym_footer_button{
    text-align:center;
    width:100%;
    margin-bottom:1rem;
}
.ym_footer_button .ym_button{
    width:100%;
}
.ym_social{
    list-style:none;
    margin:0;
    padding:0;
}
.ym_social li{
    display:inline-block;
    margin-right:0.5rem;
}
.ym_social li a{
    display:block;
    width:45px;
    height:45px;
    border-radius:50%;
    color:white;
    font-size:24px;
    text-align:center;
    line-height:45px;
    background:var(--color-blue);
}
.ym_social li:nth-child(3n+2) a{
    background:var(--color-green);
}
.ym_social li:nth-child(3n+3) a{
    background:var(--color-orange);
}
.ym_footer_text p,
.ym_footer_legal p{
    font-size:12px;
    margin:0;
}
.ym_footer_text{
    text-align:right;
    width:100%;
    padding:1rem 0;
}
.ym_footer_text p a{
    margin-left:1.5rem;
}
.ym_footer_legal{
    margin:2rem 0 0;
    padding:0 0 2rem;
}

/*TITLE BAR*/

.ym_title_bar{
    width:100%;
    height:210px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.ym_title_bar_overlay{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
    background:rgba(0,0,0,0.5);
    text-align:center;
}
.ym_title_bar h1{
    color:white;
    margin:0 auto;
}

/*LINK LIST*/

.ym_link_list{
    list-style:none;
    margin:0;
    padding:0;
    font-family:var(--font-heading);
    text-transform: uppercase;
    font-size:16px;
    height:100%;
    display:flex;
    flex-wrap:wrap;
}
.ym_link_list li{
    display:block;
    margin:0 0 1rem;
    width:100%;
}
.ym_link_list li a{
    padding:1rem;
    color:white;
    display:block;
    border-radius:15px;
    background-color:var(--color-blue);
    text-align:center;
}
.ym_link_list li a span{
    color:white;
}
.ym_link_list li a:hover{
    filter:brightness(0.85);
}

/*PAGE NAV*/

.ym_navigation{
    padding:3rem 0 0;
    position: relative;
}
.ym_navigation_flex{
    display:flex;
    align-items: center;
    position: relative;
}
.ym_navigation_bar{
    width:100%;
    height:8px;
    border-radius:4px;
    background:var(--color-blue);
    display:block;
    margin-top:3rem;
}
.ym_index .ym_navigation_bar{
    margin-top:2.5rem;
    margin-bottom:3rem;
}
.ym_navigation_flex h2{
    padding-right:2rem;
    flex:0 0 20%;
}
.ym_nav_links{
    list-style:none;
    margin:0;
    padding:0;
    font-weight:400;
    font-size:16px;
}
.ym_nav_links li{
    display:inline-block;
}
.ym_nav_links li a{
    color:black;
    display:block;
    padding:0.5rem 0;
}
.ym_nav_links li:not(:last-child) a::after{
    content:'|';
    color:var(--color-blue);
    margin:0 1.5rem;
}
.ym_nav_links li a:hover{
    color:var(--color-blue);
}

/*COURSES*/

.ym_course_header{
    border-radius:15px;
    padding:2rem;
    background-color:var(--color-blue);
    color:white;
    display:flex;
    justify-content: space-between;
    align-items:center;
    cursor: pointer;
}
.ym_course_header h2,
.ym_course_header span,
.ym_course_header p{
    color:white;
    margin:0;
}
.ym_course_header h2{
    font-size:28px;
}
.ym_course_header span{
    font-family:var(--font-heading);
    font-size:18px;
    text-transform: uppercase;
    margin:0.5rem 0 0;
    display:block;
}
.ym_course_header p{
    font-size:18px;
    font-weight:400;
}
.ym_course_content{
    display:none;
    padding-bottom:2rem;
}
.ym_course_lessons .ym_col{
    margin:1rem 0;
}
.ym_course_lesson{
    border-color:var(--color-blue);
    border-weight:3px;
    border-style:solid;
    border-radius:15px;
    position: relative;
}
.ym_course_lesson_title{
    background-color:var(--color-blue);
    padding:1rem;
    color:white;
    border-radius:9px 9px 0 0;
}
.ym_course_lesson_title h4{
    font-size:24px;
    margin:0;
}
.ym_course_lesson_content{
    padding:1rem 1rem 2rem;
}
.ym_course_lesson_content p{
    margin:0;
}
.ym_course_lesson_length{
    position:absolute;
    bottom:-20px;
    right:-3px;
    background-color:var(--color-blue);
    border-radius:15px;
    font-family:var(--font-heading);
    font-size:16px;
    letter-spacing: 1px;
    padding:0.5rem 1rem;
    color:white;
}
.ym_course_prereqs{
    font-weight:700;
    font-style: italic;
    font-size:18px;
    margin:0;
    padding:1rem 0 0;
}
.ym_course_content_title{
    display:flex;
    justify-content: space-between;
    padding:0.75rem 2rem;
    vertical-align: middle;
    border-weight:3px;
    border-radius:15px;
    border-style:solid;
    border-color:var(--color-blue);
    margin:1rem 0 0;
}
.ym_course_content_title h3{
    color:var(--color-blue);
    font-size:26px;
    margin:0;
}
.ym_course_content_title span{
    font-family:var(--font-heading);
    font-size:18px;
    text-transform: uppercase;
    margin:0;
    display:block;
    color:var(--color-blue);
}

/*BREADCRUMBS*/

.ym_breadcrumbs{
    font-family:var(--font-heading);
    text-transform: uppercase;
    font-size:16px;
    padding:2rem 0;
}
.ym_breadcrumbs p{
    font-family:var(--font-heading);
}
.ym_breadcrumbs span span:not(.breadcrumb_last)::after{
    content:'\f105';
    font: var(--fa-font-solid);
    color:var(--color-blue);
    margin:0 1rem;
}

/*ACCORDIONS*/

.ym_accordion{
    text-align:left;
    margin:2rem 0 0;
}
.ym_accordion_section{
    position:relative;
    margin:1rem 0 0;
    border:3px solid var(--color-green);
    border-radius: 15px;
    background:transparent;
}
.ym_accordion_q{
    position:relative;
    cursor:pointer;
}
.ym_accordion_q span{
    background:var(--color-green);
    color:white;
    width:64px;
    height:100%;
    display:inline-block;
    border-radius: 10px;
    line-height:64px;
    font-size:26px;
    text-align:center;
}
.ym_accordion_q p.h5{
    text-align: left;
    margin: 0;
    padding:0 3rem 0 1rem;
    line-height: 58px;
    font-size:18px;
    font-family: var(--font-body);
    font-weight: 400;
    display:inline-block;
}
.ym_accordion_section::after{
    content:'\f107';
    font: var(--fa-font-solid);
    position:absolute;
    right:1rem;
    top:1.25rem;
    pointer-events: none;
    color: var(--color-green);
    font-size: 24px;
}
.ym_accordion_a{
    display:none;
    padding:2rem;
}
.ym_accordion_a img{
    max-width: 100%;
}
.ym_accordion .ym_accordion_section:nth-child(3n+2){
    border-color:var(--color-orange);
}
.ym_accordion .ym_accordion_section:nth-child(3n+2) .ym_accordion_q span{
    background:var(--color-orange);
}
.ym_accordion .ym_accordion_section:nth-child(3n+2)::after{
    color:var(--color-orange);
}
.ym_accordion .ym_accordion_section:nth-child(3n+3){
    border-color:var(--color-blue);
}
.ym_accordion .ym_accordion_section:nth-child(3n+3)::after{
    color:var(--color-blue);
}
.ym_accordion .ym_accordion_section:nth-child(3n+3) .ym_accordion_q span{
    background:var(--color-blue);
}

/*TEAM*/

.ym_team .ym_col{
    margin:1rem 0;
}
.ym_team_image{
    width:100%;
    padding-bottom:100%;
    border-radius: 15px;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin:0 0 1rem;
}
.ym_team_member{
    text-align:center;
}
.ym_team_member p{
    margin:0;
}
.ym_team_member p.h5{
    color:var(--color-blue);
    margin:0 0 0.5rem;
}

/*MODALS*/

.ym_modal .modal-dialog{
    max-width:66%;
}
.ym_modal .modal-content{
    padding:2rem;
    border-radius:15px;
}
.ym_modal .btn-close{
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0.75rem;
    right: 0.75rem;
    color:white;
    font-size:24px;
    background:var(--color-orange);
    border:none;
    border-radius:50%;
    z-index:999;
}
.ym_modal .btn-close:hover{
    background:var(--color-blue);
}
.ym_modal p.h4{
    color:var(--color-blue);
}

/*GRAVITY FORMS*/

.ym_content .gform_title{
    margin:0 0 2rem;
}
.ym_content .gform_required_legend{
    display:none;
}
.ym_content .gform_wrapper.gravity-theme .gfield_required{
    color:var(--color-orange);
}
.ym_content .gform_wrapper.gravity-theme .gfield{
    margin:0 0 1rem;
}
.ym_content .gform_wrapper.gravity-theme .gfield_description{
    color:var(--color-blue);
    font-size:12px;
    font-weight:300;
}
.ym_content .gform_wrapper.gravity-theme input:not([type="submit"]){
    border:1px solid var(--color-blue);
    padding:0.75rem 1rem !important;
    border-radius:30px;
    font-size:16px;
}
.ym_content .gform_wrapper.gravity-theme input[type="submit"]{
    font-family:var(--font-heading);
    text-transform: uppercase;
    font-size:16px;
    letter-spacing: 3%;
    color:white;
    background:var(--color-green);
    padding:0 2rem;
    border-radius:30px;
    border:2px solid var(--color-green);
    transition-duration: 0.5s;
    height:45px;
    line-height:45px;
    vertical-align: middle;
    display:inline-block;
}
.ym_content .gform_wrapper.gravity-theme input[type="submit"]:hover{
    background:var(--color-orange);
    border-color:var(--color-orange);
    color:white;
}
.ym_content .gform_wrapper.gravity-theme .gfield textarea{
    border:1px solid var(--color-blue);
    padding:0.5rem 1rem;
    border-radius:15px;
}
.ym_content .gform_wrapper.gravity-theme .ginput_container_select{
    position:relative;
}
.ym_content .gform_wrapper.gravity-theme .ginput_container_select::after{
    content:'\f107';
    font: var(--fa-font-solid);
    color:var(--color-orange);
    position: absolute;
    top:0;
    right:0;
    padding:1.2rem 1rem;
    pointer-events: none;
}
.ym_content .gform_wrapper.gravity-theme select{
    background:var(--color-blue);
    padding:0.75rem 1rem !important;
    border-radius:30px;
    color:white;
    border:1px solid var(--color-blue);
    font-size:16px;
    height:50px;
    -webkit-appearance:none;
}
.ym_content .gform_wrapper.gravity-theme .gfield.gfield--width-half.one_third{
    grid-column: span 4;
}
.ym_content .gform_wrapper.gravity-theme .gfield.gfield--width-half.two_thirds{
    grid-column: span 8;
}
.ym_content .gform_wrapper.gravity-theme .two_col .gfield_checkbox{
    columns:2;
}
.ym_content .gform_wrapper.gravity-theme .four_col .gfield_checkbox{
    columns:4;
}
.ym_content .gform_wrapper.gravity-theme .gfield-choice-input + label{
    font-size:16px;
    font-weight:300;
}
.ym_content .gform_wrapper.gravity-theme .gfield-choice-input{
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
}
.ym_content .gform_wrapper.gravity-theme .checkbox_inline .gfield_checkbox{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.ym_content .gform_wrapper.gravity-theme .checkbox_inline .gfield_checkbox .gchoice{
    padding-right:1rem;
}
.ym_content .gform_wrapper.gravity-theme .checkbox_inline .gfield_checkbox .gfield-choice-input + label{
    max-width:none;
    padding-right:1rem;
}

/*SINGLE POST*/

.ym_single_post_content h1{
    color:var(--color-navy);
    font-size:48px;
}
.ym_single_post_image{
    width:100%;
    padding-bottom:60%;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin:0 0 1rem;
}
.ym_back_link{
    text-transform: uppercase;
    font-family: var(--font-heading);
    font-size:16px;
    color:var(--color-blue);
    margin:0 0 1rem;
    display:inline-block;
}
.ym_back_link:hover{
    color:var(--color-green);
}




/*COURSE COLORS - KEEP AT END*/

.ym_course_main h2{
    color:var(--course-color);
}
.ym_course_main .ym_icon_block_icon{
    background: var(--course-color) !important;
}
.ym_course_main .ym_icon_block_inner{
    border-color: var(--course-color) !important;
}