/*
Theme Name:   Emerson Child Theme for Divi
Theme URI:    https://emerson.divisoup.com
Description:  A Child Theme for Divi
Author:       Divi Soup
Author URI:   https://divisoup.com
Template:     Divi
Version:      1.0
*/


/***Variables for customiser***/

:root {
    /*Colour palette*/
    --ds-primary: #e8605f;
    --ds-dark: #2c2c2c;
    --ds-light: #ffffff;
    --ds-sub-1: #f9f9f9;
    --ds-sub-2: #dfdfdf;
    --ds-sub-3: #aeaeae;
    /*H1*/
    --ds-h1-height: 1em;
    --ds-h1-weight: 400;
    --ds-h1-size-desktop: 40px;
    --ds-h1-size-tablet: 36px;
    --ds-h1-size-mobile: 30px;
    --ds-h1-style: uppercase;
    /*H2*/
    --ds-h2-height: 1.2em;
    --ds-h2-weight: 400;
    --ds-h2-size-desktop: 34px;
    --ds-h2-size-tablet: 34px;
    --ds-h2-size-mobile: 26px;
    --ds-h2-style: none;
    /*H3*/
    --ds-h3-height: 1.2em;
    --ds-h3-weight: 400;
    --ds-h3-size-desktop: 22px;
    --ds-h3-size-tablet: 22px;
    --ds-h3-size-mobile: 20px;
    --ds-h3-style: none;
    /*H4*/
    --ds-h4-height: 1em;
    --ds-h4-weight: 400;
    --ds-h4-size-desktop: 20px;
    --ds-h4-size-tablet: 20px;
    --ds-h4-size-mobile: 20px;
    --ds-h4-style: none;
    /*H5*/
    --ds-h5-height: 1em;
    --ds-h5-weight: 400;
    --ds-h5-size-desktop: 18px;
    --ds-h5-size-tablet: 18px;
    --ds-h5-size-mobile: 18px;
    --ds-h5-style: none;
    /*H6*/
    --ds-h6-height: 1em;
    --ds-h6-weight: 400;
    --ds-h6-size-desktop: 16px;
    --ds-h6-size-tablet: 16px;
    --ds-h6-size-mobile: 16px;
    --ds-h6-style: none;
    /*Blog grid*/
    --ds-blog-grid-width: 250px;
    --ds-blog-grid-gap: 50px;
    /*Resources portfolio*/
    --ds-resources-filter-width: 120px;
    --ds-resources-filter-gap: 10px;
    --ds-resources-item-width: 300px;
    --ds-resources-item-gap: 50px;
    /*Courses page*/
    --ds-courses-item-width: 300px;
    --ds-courses-item-gap: 50px;
}


/***Global Styling***/


/*Typography*/

p,
body,
.et_pb_post p {
    color: var(--ds-dark);
}

h1,
.et_pb_column_1_3 h1,
.et_pb_column_1_4 h1,
.ds-title {
    color: var(--ds-dark);
    font-size: var(--ds-h1-size-desktop);
    font-weight: var(--ds-h1-weight);
    line-height: var(--ds-h1-height);
    text-transform: var(--ds-h1-style);
}

h2,
.et_pb_column_1_3 h2,
.et_pb_column_1_4 h2 {
    color: var(--ds-dark);
    font-size: var(--ds-h2-size-desktop);
    font-weight: var(--ds-h2-weight);
    line-height: var(--ds-h2-height);
    text-transform: var(--ds-h2-style);
}

h3,
.et_pb_column_1_3 h3,
.et_pb_column_1_4 h3 {
    color: var(--ds-dark);
    font-size: var(--ds-h3-size-desktop);
    font-weight: var(--ds-h3-weight);
    line-height: var(--ds-h3-height);
    text-transform: var(--ds-h3-style);
}

h4,
.et_pb_column_1_3 h4,
.et_pb_column_1_4 h4,
.et_pb_widget h4.widgettitle {
    color: var(--ds-dark);
    font-size: var(--ds-h4-size-desktop);
    font-weight: var(--ds-h4-weight);
    line-height: var(--ds-h4-height);
    text-transform: var(--ds-h4-style);
}

h5,
.et_pb_column_1_3 h5,
.et_pb_column_1_4 h5 {
    color: var(--ds-dark);
    font-size: var(--ds-h5-size-desktop);
    font-weight: var(--ds-h5-weight);
    line-height: var(--ds-h5-height);
    text-transform: var(--ds-h5-style);
}

h6,
.et_pb_column_1_3 h6,
.et_pb_column_1_4 h6 {
    color: var(--ds-dark);
    font-size: var(--ds-h6-size-desktop);
    font-weight: var(--ds-h6-weight);
    line-height: var(--ds-h6-height);
    text-transform: var(--ds-h6-style);
}

@media all and (max-width: 980px) {
    h1,
    .et_pb_column_1_3 h1,
    .et_pb_column_1_4 h1,
    .ds-title {
        font-size: var(--ds-h1-size-tablet);
    }
    h2,
    .et_pb_column_1_3 h2,
    .et_pb_column_1_4 h2 {
        font-size: var(--ds-h2-size-tablet);
    }
    h3,
    .et_pb_column_1_3 h3,
    .et_pb_column_1_4 h3 {
        font-size: var(--ds-h3-size-tablet);
    }
    h4,
    .et_pb_column_1_3 h4,
    .et_pb_column_1_4 h4,
    .et_pb_widget h4.widgettitle {
        font-size: var(--ds-h4-size-tablet);
    }
    h5,
    .et_pb_column_1_3 h5,
    .et_pb_column_1_4 h5 {
        font-size: var(--ds-h5-size-tablet);
    }
    h6,
    .et_pb_column_1_3 h6,
    .et_pb_column_1_4 h6 {
        font-size: var(--ds-h6-size-tablet);
    }
}

@media all and (max-width: 479px) {
    h1,
    .et_pb_column_1_3 h1,
    .et_pb_column_1_4 h1,
    .ds-title {
        font-size: var(--ds-h1-size-mobile);
    }
    h2,
    .et_pb_column_1_3 h2,
    .et_pb_column_1_4 h2 {
        font-size: var(--ds-h2-size-mobile);
    }
    h3,
    .et_pb_column_1_3 h3,
    .et_pb_column_1_4 h3 {
        font-size: var(--ds-h3-size-mobile);
    }
    h4,
    .et_pb_column_1_3 h4,
    .et_pb_column_1_4 h4,
    .et_pb_widget h4.widgettitle {
        font-size: var(--ds-h4-size-mobile);
    }
    h5,
    .et_pb_column_1_3 h5,
    .et_pb_column_1_4 h5 {
        font-size: var(--ds-h5-size-mobile);
    }
    h6,
    .et_pb_column_1_3 h6,
    .et_pb_column_1_4 h6 {
        font-size: var(--ds-h6-size-mobile);
    }
}


/*H1 underline*/

.ds-title {
    line-height: 1.5em;
    background-image: linear-gradient(120deg, var(--ds-primary) 0%, var(--ds-primary) 100%);
    background-repeat: no-repeat;
    background-size: 100% 3px;
    background-position: 0 90%;
    -webkit-transition: background-size 0.25s ease-in;
    transition: background-size 0.25s ease-in;
}


/*H4 underline (About page)*/

.ds-subhead h4 {
    border-bottom: 3px solid var(--ds-primary);
    margin-bottom: 20px;
}


/*Buttons*/

.et_pb_button,
.et_button_no_icon .et_pb_button {
    background: var(--ds-primary);
    border-color: var(--ds-primary);
    color: var(--ds-light) !important;
}

.et_pb_button:hover,
.et_button_no_icon .et_pb_button:hover {
    background: transparent !important;
    border-color: var(--ds-dark) !important;
    color: var(--ds-dark) !important;
}


/*Fix for fullwidth header button two*/

.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
    margin: 10px;
}


/*Vertical alignment*/

@media all and (min-width: 981px) {
    .ds-vertical-align {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}


/*Swap column order on tablets and smaller*/

@media all and (max-width: 980px) {
    .ds-swap-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}


/*Back to top button*/

.et_pb_scroll_top.et-pb-icon {
    background: var(--ds-primary);
    right: 5px;
    bottom: 5px;
    border-radius: 0;
}


/***Global menu styling***/


/*Remove the main header shadow*/

#main-header,
#main-header.et-fixed-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/*Menu item colour*/

#et-top-navigation #top-menu a {
    color: var(--ds-dark);
}

#et-top-navigation #top-menu a,
#et-boc .ds-members-menu a,
.ds-members-menu a {
    border-bottom: 3px solid transparent;
}


/*Arrow for items with sub menu*/

#top-menu .menu-item-has-children > a:first-child::after,
#et-boc .ds-members-menu.et_pb_fullwidth_menu .menu-item-has-children > a:first-child::after,
.ds-members-menu .menu-item-has-children > a:first-child::after {
    content: '\e044';
    font-size: 12px;
    font-weight: 100;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#top-menu .menu-item-has-children > a:hover:first-child::after,
#et-boc .ds-members-menu .menu-item-has-children > a:hover:first-child::after,
.ds-members-menu .menu-item-has-children > a:hover:first-child::after {
    color: var(--ds-primary);
}


/*Menu item on hover*/

#et-top-navigation #top-menu a:hover {
    opacity: 1;
    border-bottom-color: var(--ds-primary);
    background: transparent;
}


/*Active menu item*/

#et-top-navigation #top-menu .current_page_item a,
#top-menu li.current-menu-ancestor > a {
    font-weight: 600;
    border-bottom: 3px solid var(--ds-primary) !important;
}


/*Sub menu*/


/*Remove border*/

#top-menu .sub-menu,
#et-boc .ds-members-menu.et_pb_fullwidth_menu .fullwidth-menu-nav > ul ul,
.ds-members-menu .fullwidth-menu-nav > ul ul {
    border-top: none;
    padding: 0;
}


/*Make items fullwidth*/

#top-menu li li,
#et-boc .ds-members-menu.et_pb_fullwidth_menu .nav li li,
.ds-members-menu .nav li li {
    padding: 0;
    width: 100%;
}

#top-menu li li a,
#et-boc .ds-members-menu.et_pb_fullwidth_menu .nav li li a,
.ds-members-menu .nav li li a {
    width: 100%;
}


/*Switch alignment to right*/

#top-menu .sub-menu {
    right: 0;
    left: auto;
}

#top-menu li li ul.sub-menu {
    right: 240px;
    left: auto;
}


/*Mobile menu*/


/*Toggle color*/

.mobile_menu_bar::before {
    color: var(--ds-primary);
}


/*Remove border*/

.et_mobile_menu {
    border-top: none;
    padding: 0;
}


/*Link styling*/

.et_mobile_menu li a {
    text-transform: uppercase;
    color: var(--ds-dark);
    letter-spacing: 2px;
    font-weight: 400;
    border-bottom: none;
    padding: 10px 20px;
}

.et_mobile_menu .menu-item-has-children > a {
    background: transparent;
    font-weight: normal;
}


/*Add the arrow*/

.et_mobile_menu .menu-item-has-children > a:after {
    content: '\e044';
    font-family: 'ETModules';
    font-size: 12px;
    font-weight: 100;
    margin-left: 10px;
}


/*Current item styling*/

.et_mobile_menu li.current-menu-item > a,
.et_mobile_menu li.current-menu-ancestor > a {
    font-weight: 600;
    color: var(--ds-primary);
}


/*Hover styling*/

.et_mobile_menu li a:hover {
    opacity: 1;
    background: transparent;
    color: var(--ds-primary);
}


/*Search form*/

#et_search_icon:hover:before {
    color: var(--ds-primary);
}

@media all and (max-width: 479px) {
    .et_search_outer .et-search-form {
        width: 40% !important;
    }
}


/***Global footer***/


/*Hide footer on blank page template*/

.page-template-page-template-blank #ds-global-footer {
    display: none;
}


/*Background blend*/

#ds-global-footer:before {
    content: '';
    width: 100%;
    height: 60px;
    position: absolute;
    top: -60px;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 1) 100%);
}


/*Contact details icons*/

#ds-global-footer .et_pb_main_blurb_image {
    vertical-align: middle;
}

#ds-global-footer .et_pb_main_blurb_image .et-pb-icon {
    color: var(--ds-primary) !important;
}


/*Social icons*/

#ds-global-footer .ds-footer-social li a.icon {
    text-align: left;
}

#ds-global-footer .ds-footer-social li a.icon::before {
    color: var(--ds-primary);
}


/*Footer menus styling*/

#ds-global-footer .ds-footer-menu p {
    border-bottom: 1px solid var(--ds-sub-2);
    padding: .5em 0;
}

#ds-global-footer .ds-footer-menu p:first-child {
    padding-top: 0;
}

#ds-global-footer .ds-footer-menu p:last-child {
    border-bottom: none;
}


/*Link styling*/

#ds-global-footer .ds-footer-menu a {
    position: relative;
    color: var(--ds-dark);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Add the arrows*/

#ds-global-footer .ds-footer-menu a:after {
    content: '\e046';
    font-family: 'ETModules';
    font-size: 12px;
    color: var(--ds-dark);
    font-weight: 100;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Link colour on hover and active*/

#ds-global-footer .ds-footer-menu a:hover,
#ds-global-footer .ds-footer-menu a:hover:after,
#ds-global-footer .ds-footer-menu a.active,
#ds-global-footer .ds-footer-menu a.active:after {
    color: var(--ds-primary);
}


/*Footer optin*/


/*Reverse button and footer order*/

#ds-global-footer .ds-footer-optin .et_pb_newsletter_footer {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

#ds-global-footer .ds-footer-optin .et_pb_newsletter_button_wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

#ds-global-footer .ds-footer-optin .et_pb_newsletter_description {
    margin-bottom: 0;
}

#ds-global-footer .ds-footer-optin .et_pb_newsletter_field {
    padding-left: 0;
    padding-bottom: 10px;
}


/*Field color*/

#ds-global-footer .ds-footer-optin .et_pb_newsletter_field input {
    background: var(--ds-sub-1);
}


/*Copyright text*/

#footer-info {
    float: none;
    text-align: center;
    color: var(--ds-dark);
}

#footer-info a {
    color: var(--ds-primary);
}

#footer-info a:hover {
    opacity: 1;
}


/*Footer media queries*/

@media all and (max-width: 980px) {
    /*Make columns fullwidth on tablets*/
    #ds-global-footer .et_pb_column.et_pb_column_1_4 {
        width: 100% !important;
        margin-right: 0;
    }
    /*Add spacing*/
    #ds-global-footer .et_pb_column {
        margin-bottom: 50px;
    }
    /*Set blurb widths*/
    #ds-global-footer .et_pb_blurb_content {
        max-width: 100%;
        margin: 0;
    }
}


/*404 page*/

.ds-404 .et_pb_main_blurb_image .et-pb-icon {
    color: var(--ds-primary) !important;
}


/***Homepage***/


/*Fullscreen header*/


/*Content position*/

#ds-home-header .header-content {
    margin-top: 20vh;
}


/*Increase content width on mobile*/

@media all and (max-width: 479px) {
    #ds-home-header .header-content {
        width: 100%;
    }
}


/*Courses slider*/


/*Item padding*/

.ds-courses-slider .slick-slide {
    padding: 0 30px;
}


/*Position and style the price*/

.ds-courses-slider .et_pb_module_header {
    position: absolute;
    top: 20px;
    right: -10px;
    padding: 10px 10px 5px;
    background: var(--ds-light);
    border: 1px solid var(--ds-sub-2);
    font-weight: 600;
}


/*Add the ribbon effect*/

.ds-courses-slider .et_pb_module_header:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -10px;
    z-index: 1;
    border-left: 5px solid var(--ds-sub-2);
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ds-sub-2);
    border-top: 5px solid transparent;
}


/*Remove image margin*/

.ds-courses-slider .et_pb_main_blurb_image {
    margin-bottom: 0;
}


/*Add content padding*/

.ds-courses-slider .et_pb_blurb_container {
    padding: 20px;
}


/*Set internal column position*/

@media all and (min-width: 320px) {
    .ds-courses-slider .et_pb_blurb .one_half {
        float: left !important;
    }
}


/*Size internal columns*/

.ds-courses-slider .et_pb_blurb .one_half {
    width: 50%;
    text-align: center;
    line-height: 1.2em;
    margin-top: 20px;
    margin-right: 0;
    font-size: 15px;
}


/*Add divider*/

.ds-courses-slider .et_pb_blurb .one_half:first-of-type {
    border-right: 3px solid var(--ds-sub-2);
}


/*Style internal column content*/

.ds-courses-slider .et_pb_blurb .ds-course-teacher,
.ds-courses-slider .et_pb_blurb .ds-course-time {
    color: var(--ds-primary) !important;
    font-weight: 600;
    padding-bottom: 5px;
}


/*Position the nav buttons*/

.ds-courses-nav-prev,
.ds-courses-nav-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 10;
}

.ds-courses-nav-prev {
    left: -10%;
}

.ds-courses-nav-next {
    right: -10%;
}


/*Add the nav icons*/

.ds-courses-nav-prev:before,
.ds-courses-nav-next:before {
    font-family: 'ETModules';
    font-size: 30px;
    color: var(--ds-primary);
}

.ds-courses-nav-next:before {
    content: '\e046';
}

.ds-courses-nav-prev:before {
    content: '\e045';
}


/*How it works tabs*/


/*Tab steps*/


/*Remove background and borders*/

.ds-tab-steps .et_pb_all_tabs {
    background: transparent;
}

.ds-tab-steps .et_pb_tabs {
    border: none;
}


/*Evenly space tab controls*/

.ds-tab-steps ul.et_pb_tabs_controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media all and (max-width: 767px) {
    .ds-tab-steps ul.et_pb_tabs_controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}


/*Tab control styling*/

.ds-tab-steps .et_pb_tabs_controls {
    background-color: transparent;
}

@media all and (max-width: 767px) {
    .ds-tab-steps ul.et_pb_tabs_controls::after {
        border-top: none;
    }
}

.ds-tab-steps .et_pb_tabs_controls li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: none;
    padding: 0 10px;
    font-size: 20px;
}


/*Number circle styling*/

.ds-tab-steps .et_pb_tabs_controls li a {
    padding: 5px;
    color: var(--ds-sub-2);
    background: var(--ds-light);
    border: 3px solid var(--ds-sub-2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


/*Adjust steps for mobile*/

@media all and (max-width: 479px) {
    .ds-tab-steps .et_pb_tabs_controls li {
        font-size: 18px;
    }
    .ds-tab-steps .et_pb_tabs_controls li a {
        padding: 3px 8px;
        width: 30px;
        height: 30px;
        line-height: 1em;
    }
}


/*Tab step colors*/

.ds-tab-steps .et_pb_tabs_controls li.et_pb_tab_active a,
.ds-tab-steps .et_pb_tabs_controls li:hover a {
    background: var(--ds-primary);
    border-color: var(--ds-primary);
    color: var(--ds-light) !important;
}


/*Position the tab control text (edit text in advanced settings of each tab)*/

.ds-tab-steps .et_pb_tabs_controls li:after {
    position: absolute;
    top: 60px;
    left: 0;
    width: 80%;
    padding: 0 10%;
    text-align: center;
    line-height: 1.2em;
    color: var(--ds-sub-2);
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.ds-tab-steps .et_pb_tabs_controls li.et_pb_tab_active:after,
.ds-tab-steps .et_pb_tabs_controls li:hover:after {
    color: var(--ds-dark);
}


/*Reposition for smaller screens*/

@media all and (max-width: 767px) {
    .ds-tab-steps .et_pb_tabs_controls li:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        padding: 0 0 0 55px;
        text-align: left;
    }
}

@media all and (max-width: 479px) {
    .ds-tab-steps .et_pb_tabs_controls li:after {
        left: 15px;
        padding: 0 0 0 30px;
    }
}


/*Add the joining line*/

.ds-tab-steps .et_pb_tabs_controls li:before {
    content: '';
    position: absolute;
    top: calc(50% - 1.5px);
    left: calc(50% + 25px);
    background: var(--ds-sub-2);
    height: 3px;
    width: 100%;
    z-index: 0;
}


/*No line on last tab*/

.ds-tab-steps .et_pb_tabs_controls li:last-child:before {
    display: none;
}

@media all and (max-width: 767px) {
    .ds-tab-steps .et_pb_tabs_controls li {
        margin-bottom: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    /*Remove lines on smaller screens*/
    .ds-tab-steps .et_pb_tabs_controls li:before {
        display: none;
    }
}


/*Tab content padding*/

.ds-tab-steps .et_pb_tab {
    padding: 100px 40px 0;
}

@media all and (max-width: 767px) {
    .ds-tab-steps .et_pb_tab {
        padding: 40px 0;
    }
}


/*Teacher modules*/


/*Set background*/

.ds-teacher {
    background: var(--ds-light);
}


/*Make image fullwidth*/

.ds-teacher .et_pb_team_member_image {
    margin-bottom: 0;
    max-width: 100%;
}

.ds-teacher .et_pb_team_member_image img {
    width: 100%;
}


/*Set the overlay*/

.ds-teacher .et_pb_team_member_image:before {
    content: '';
    position: absolute;
    background: var(--ds-light);
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Overlay on hover*/

.ds-teacher:hover .et_pb_team_member_image:before {
    opacity: .8;
}


/*Content padding*/

.ds-teacher .et_pb_team_member_description {
    padding: 20px;
}


/*Position styling*/

.ds-teacher .et_pb_member_position {
    color: var(--ds-primary) !important;
    font-weight: 600;
    font-size: 80%;
}


/*Position social icons*/

.ds-teacher .et_pb_member_social_links {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    height: 100%;
    width: 100%;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


/*Adjust layout for tablets*/

@media all and (min-width: 768px) and (max-width: 980px) {
    .ds-teacher {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ds-teacher .et_pb_team_member_image {
        width: 100%;
        margin: 0;
    }
}


/*Replace Google & LinkedIn for Instagram & Pinterest*/

.ds-teacher .et_pb_google_icon::before {
    content: "\e09a";
}

.ds-teacher .et_pb_linkedin_icon::before {
    content: "\e095";
}


/*Icon colour*/

.ds-teacher .et_pb_member_social_links a {
    color: var(--ds-primary);
}


/*Text shadow for icon clarity*/

.ds-teacher .et_pb_member_social_links a:before {
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.ds-teacher:hover .et_pb_member_social_links {
    opacity: 1;
}


/*Testimonial slider*/


/*Set the company link colour*/

.ds-testimonial-slider .et_pb_testimonial_meta a {
    color: var(--ds-primary);
}


/*Align the images*/

.ds-testimonial-nav .slick-slide {
    text-align: center;
}


/*Add transition to images*/

.ds-testimonial-nav .slick-list.draggable .et_pb_image_wrap {
    opacity: .5;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}


/*Scale active image and change opacity*/

.ds-testimonial-nav .slick-list.draggable .slick-center .et_pb_image_wrap {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}


/*Position the nav buttons*/

.ds-testimonial-nav-prev,
.ds-testimonial-nav-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 10;
}

.ds-testimonial-nav-prev {
    left: -20%;
}

.ds-testimonial-nav-next {
    right: -20%;
}


/*Add the nav icons*/

.ds-testimonial-nav-prev:before,
.ds-testimonial-nav-next:before {
    font-family: 'ETModules';
    font-size: 30px;
    color: var(--ds-primary);
}

.ds-testimonial-nav-next:before {
    content: '\e046';
}

.ds-testimonial-nav-prev:before {
    content: '\e045';
}


/*Adjust image column width on smaller screens*/

@media all and (max-width: 768px) {
    .ds-testimonial-images {
        width: 50% !important;
    }
}

@media all and (max-width: 479px) {
    .ds-testimonial-images {
        width: 70% !important;
    }
}


/***Membership page***/


/*Pricing table*/


/*Position the table rows*/

.ds-table-row {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}


/*Reposition the first row*/

.ds-table-row-first {
    position: relative;
}


/*Swap z-index of active table*/

.ds-table-row.active {
    z-index: 1;
}


/*Remove table padding*/

.ds-comparison-table .et_pb_pricing_table {
    padding-bottom: 0;
}


/*Reorder items*/

.ds-comparison-table .et_pb_pricing_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ds-comparison-table .et_pb_pricing_heading {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.ds-comparison-table .et_pb_pricing_content_top {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.ds-comparison-table .et_pb_pricing_content {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.ds-comparison-table .et_pb_button_wrapper {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}


/*Remove margin on price table headings*/

.ds-comparison-table .et_pb_pricing_heading {
    margin-bottom: 0;
    padding: 60px 15px 20px;
}


/*Element colors*/

.ds-comparison-table .et_pb_pricing_title,
.ds-comparison-table .et_pb_best_value,
.ds-comparison-table .et_pb_et_price,
.ds-comparison-table .et_pb_sum {
    color: var(--ds-dark);
}


/*Featured table element colours*/

.ds-comparison-table .et_pb_featured_table .et_pb_et_price,
.ds-comparison-table .et_pb_featured_table .et_pb_sum {
    color: var(--ds-primary);
}


/*Set padding and remove border on price area*/

.ds-comparison-table .et_pb_pricing_content_top {
    padding: 20px 0;
    border-bottom: 0;
}


/*Set padding on featured price area*/

.ds-comparison-table .et_pb_featured_table .et_pb_pricing_content_top {
    padding-bottom: 40px;
    padding-top: 30px;
}


/*Set button area padding and colour*/

.ds-comparison-table .et_pb_pricing_table .et_pb_button_wrapper {
    padding: 20px;
}


/*Style button*/

.ds-comparison-table .et_pb_pricing_table .et_pb_button {
    background-color: var(--ds-dark);
    border-color: var(--ds-dark);
    color: var(--ds-light);
}


/*Style featured button*/

.ds-comparison-table .et_pb_featured_table .et_pb_button {
    background-color: var(--ds-primary);
    border-color: var(--ds-primary);
}


/*Toggle*/


/*Position the toggle*/

.ds-comparison-toggle .et_pb_text_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*Remove padding from text*/

.ds-comparison-toggle h4 {
    padding-bottom: 0;
}


/*Toggle container*/

.ds-toggle-btn {
    width: 80px;
    height: 40px;
    margin: 10px;
    background: var(--ds-primary);
    border-radius: 50px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}


/*Toggle button styling*/

.ds-toggle-btn .ds-btn-circle {
    width: 30px;
    height: 30px;
    background-color: var(--ds-light);
    opacity: 1;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 45px;
    top: 50%;
    margin-top: -15px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}


/*Toggle active button position*/

.ds-toggle-btn.active .ds-btn-circle {
    left: 5px;
}


/*Position and hide the checkbox*/

.ds-toggle-btn .ds-btn-value {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}


/*Monthly / Yearly text*/

.ds-toggle-btn h4 {
    padding-bottom: 0;
}


/*Adjust widths on tablets*/

@media all and (max-width: 980px) {
    .ds-table-row .et_pb_column .et_pb_pricing_table {
        width: 75% !important;
        max-width: 75% !important;
        margin: 0 auto 50px;
    }
}


/*Adjust widths on mobile*/

@media all and (max-width: 767px) {
    .ds-table-row .et_pb_column .et_pb_pricing_table {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 50px;
    }
}


/***Resources page***/


/*Filters*/


/*Set to grid layout*/

.ds-resources-grid .et_pb_portfolio_filters ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--ds-resources-filter-width), 1fr));
    grid-gap: var(--ds-resources-filter-gap);
    text-align: center;
}


/*Make sure filters don't shrink on smaller screens*/

.ds-resources-grid .et_pb_portfolio_filters li {
    width: 100% !important;
}


/*Remove clearfix after filters*/

.ds-resources-grid .et_pb_portfolio_filters ul::after {
    display: none;
}


/*Style the filters*/

.ds-resources-grid .et_pb_portfolio_filters li a {
    color: var(--ds-dark);
    border: none;
    border-bottom: 3px solid transparent;
    padding: 10px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.ds-resources-grid .et_pb_portfolio_filters li a:hover {
    background: transparent;
}


/*Active filter*/

.ds-resources-grid .et_pb_portfolio_filters li a.active {
    color: var(--ds-dark);
    background-color: transparent;
    border-bottom-color: var(--ds-primary);
    border-radius: 0;
}


/*Remove filter border radius*/

.ds-resources-grid .et_pb_portfolio_filters li:nth-last-child(1):nth-child(2n) a {
    border-radius: 0 !important;
}


/*Portfolio items*/


/*Set to grid layout*/

.ds-resources-grid .et_pb_portfolio_items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--ds-resources-item-width), 1fr));
    grid-gap: var(--ds-resources-item-gap);
}


/*Remove title spacing*/

.ds-resources-grid .et_pb_module_header {
    margin-top: 0;
    padding-bottom: 0;
}


/*Set the title to cover the image*/

.ds-resources-grid .et_pb_module_header a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Add image transition*/

.ds-resources-grid .et_pb_portfolio_item img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Fade out image on hover*/

.ds-resources-grid .et_pb_portfolio_item:hover img {
    opacity: .3;
}


/*Fade in title on hover*/

.ds-resources-grid .et_pb_portfolio_item:hover .et_pb_module_header a {
    opacity: 1;
}


/*Style the portfolio pagination*/

.ds-resources-grid .et_pb_portofolio_pagination {
    border-top: none;
    margin-top: 30px;
}

.ds-resources-grid .et_pb_portofolio_pagination ul li a {
    color: var(--ds-dark);
}

.ds-resources-grid .et_pb_portofolio_pagination ul li a.active {
    color: var(--ds-primary);
}


/***Individual resources (projects)***/


/*Set to fullscreen*/

.ds-resources-section {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/*Hide header and footer*/

.single-project #main-header,
.single-project #main-footer,
.single-project #ds-global-footer {
    display: none;
}


/*Align page to top of window*/

.single-project #page-container {
    padding-top: 0 !important;
}


/*Remove spacing*/

.single-project .et_pb_post {
    margin-bottom: 0;
}


/*Resource optin form*/


/*Set form to fullwidth*/

.ds-resource-optin .et_pb_newsletter_form {
    padding-left: 0;
    width: 100%;
}


/*Hide description*/

.ds-resource-optin .et_pb_newsletter_description {
    display: none;
}


/*Stop form wrapping*/

.ds-resource-optin .et_pb_newsletter_fields {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


/*Remove spacing*/

.ds-resource-optin .et_pb_newsletter_field {
    padding-left: 0 !important;
}


/*Adjust button padding*/

.ds-resource-optin .et_pb_newsletter_button.et_pb_button,
.ds-resource-optin .et_pb_newsletter_button.et_pb_button:hover {
    padding: 10px 4% !important;
}


/***Affiliates page***/


/*Set blurb icon colour*/

.ds-affiliate-blurb .et-pb-icon {
    color: var(--ds-dark) !important;
}


/*Contact page*/


/*Set blurb icon colour*/

.ds-contact-blurb .et-pb-icon {
    color: var(--ds-light) !important;
    background: var(--ds-dark) !important;
}


/*Social media icon colour*/

.ds-contact-social.et_pb_social_media_follow li a.icon::before {
    color: var(--ds-dark);
}


/*Remove form margin*/

.ds-contact-form .et_pb_contact_form {
    margin-left: 0;
}


/*Remove form field padding and set position*/

.ds-contact-form p.et_pb_contact_field {
    padding: 0;
    position: relative;
}


/*Input field background and padding*/

.ds-contact-form .et_pb_contact p input,
.ds-contact-form .et_pb_contact p textarea {
    padding: 16px 16px 16px 40px;
    background: var(--ds-sub-1);
    color: var(--ds-dark);
}


/*Placeholder colour*/

.ds-contact-form .et_pb_contact p input::-webkit-input-placeholder,
.ds-contact-form .et_pb_contact p textarea::-webkit-input-placeholder {
    color: var(--ds-sub-2);
}

.ds-contact-form .et_pb_contact p input:-ms-input-placeholder,
.ds-contact-form .et_pb_contact p textarea:-ms-input-placeholder {
    color: var(--ds-sub-2);
}

.ds-contact-form .et_pb_contact p input::placeholder,
.ds-contact-form .et_pb_contact p textarea::placeholder {
    color: var(--ds-sub-2);
}


/*Add the field icons*/

.ds-contact-form .et_pb_contact_field::before {
    font-family: 'ETModules';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 10px;
    line-height: 3.3em;
    color: var(--ds-sub-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*Define the field icons*/


/*Name*/

.ds-contact-form .et_pb_contact_field:first-child:before {
    content: '\e08a';
}


/*Phone*/

.ds-contact-form .et_pb_contact_field:nth-child(2):before {
    content: '\e090';
}


/*Email*/

.ds-contact-form .et_pb_contact_field:nth-child(3):before {
    content: '\e076';
}


/*Message*/

.ds-contact-form .et_pb_contact_field:nth-child(4):before {
    content: '\e065';
}


/*Form layout on tablets and desktop*/

@media all and (min-width: 768px) {
    /*Set to grid layout*/
    .ds-contact-form .et_pb_contact_form {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        margin-left: 0;
    }
    /*Make message field fullwidth*/
    .ds-contact-form .et_pb_contact_form p:last-of-type {
        grid-column: 1/-1;
    }
    /*Set submit button to final row    */
    .ds-contact-form .et_contact_bottom_container {
        grid-column-end: -1;
    }
    /*Remove margin*/
    .ds-contact-form p.et_pb_contact_field {
        margin: 0;
    }
}


/***FAQ Page***/


/*Style the titles*/

.ds-toggle h5.et_pb_toggle_title {
    color: var(--ds-dark);
    padding: 0 0 0 50px;
}


/*Style the icon*/

.ds-toggle .et_pb_toggle_title::before {
    color: var(--ds-primary);
    font-size: 20px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    right: auto;
    left: 0;
}


/*Change icons*/

.ds-toggle.et_pb_toggle_close .et_pb_toggle_title::before {
    content: '\e044';
}

.ds-toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    content: '\e043';
}


/***Courses page***/


/*Set to grid*/

.ds-courses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--ds-courses-item-width), 1fr));
    grid-gap: var(--ds-courses-item-gap);
}


/*Set last module margin*/

.ds-courses .et_pb_module:last-child {
    margin-bottom: auto !important;
}


/*Style the price*/

.ds-courses .et_pb_module_header {
    position: absolute;
    top: 20px;
    right: -10px;
    padding: 10px 10px 5px;
    background: var(--ds-light);
    border: 1px solid var(--ds-sub-2);
    font-weight: 600;
}


/*Add the ribbon effect*/

.ds-courses .et_pb_module_header:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -10px;
    z-index: 1;
    border-left: 5px solid var(--ds-sub-2);
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ds-sub-2);
    border-top: 5px solid transparent;
}


/*Remove image margin*/

.ds-courses .et_pb_main_blurb_image {
    margin-bottom: 0;
}


/*Set content padding*/

.ds-courses .et_pb_blurb_container {
    padding: 20px;
}


/*Set the inner column position*/

@media all and (min-width: 320px) {
    .ds-courses .et_pb_blurb .one_half {
        float: left !important;
    }
}


/*Style inner column*/

.ds-courses .et_pb_blurb .one_half {
    width: 50%;
    text-align: center;
    line-height: 1.2em;
    margin-top: 20px;
    margin-right: 0;
    font-size: 15px;
}


/*Add the divider*/

.ds-courses .et_pb_blurb .one_half:first-of-type {
    border-right: 3px solid var(--ds-sub-2);
}


/*Style the inner column content*/

.ds-courses .et_pb_blurb .ds-course-teacher,
.ds-courses .et_pb_blurb .ds-course-time {
    color: var(--ds-primary) !important;
    font-weight: 600;
    padding-bottom: 5px;
}


/***Course landing page***/


/*Blurb icon styling*/

.ds-landing-blurbs .et-pb-icon {
    color: var(--ds-primary) !important;
}


/*Video play button*/

.ds-video .et_pb_video_play {
    color: var(--ds-primary);
}


/*Syllabus Toggles*/


/*Title styling*/

.ds-syllabus h5.et_pb_toggle_title {
    color: var(--ds-dark);
    padding: 0 0 0 50px;
}


/*Icon styling*/

.ds-syllabus .et_pb_toggle_title::before {
    color: var(--ds-primary);
    font-size: 20px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    right: auto;
    left: 0;
}


/*Change the icons*/

.ds-syllabus.et_pb_toggle_close .et_pb_toggle_title::before {
    content: '\e050';
}

.ds-syllabus.et_pb_toggle_open .et_pb_toggle_title::before {
    content: '\e04f';
}


/*Payment options*/

.ds-payment-options i {
    color: var(--ds-sub-3);
}


/***Global blog layout styles***/


/*Position posts*/

.ds-blog .et_pb_post {
    position: relative;
    background: var(--ds-light);
}


/*Position the meta*/

.ds-blog .post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 5px;
}


/*Style the date*/

.ds-blog .published {
    position: absolute;
    top: 20px;
    right: -10px;
    width: 60px;
    line-height: 1em;
    padding: 5px 0 10px;
    background: var(--ds-light);
    color: var(--ds-dark);
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    border: 1px solid var(--ds-sub-2);
}


/*Make the day bold*/

.ds-blog .post-meta .published::first-line {
    font-size: 30px;
    line-height: 1em !important;
    font-weight: 600 !important;
}


/*Add the ribbon effect*/

.ds-blog .published:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -10px;
    z-index: 1;
    border-left: 5px solid var(--ds-sub-2);
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ds-sub-2);
    border-top: 5px solid transparent;
}


/*Style the meta*/

.ds-blog .author a,
.ds-blog .ds-blog-cat a,
.ds-blog .ds-comments {
    color: var(--ds-sub-3) !important;
}


/*Add the icons*/

.ds-blog .author:before,
.ds-blog .ds-blog-cat:before,
.ds-blog .ds-comments:before {
    font-family: 'ETModules';
    font-size: 12px;
    color: var(--ds-sub-2);
    margin-right: 5px;
}

.ds-blog .author:before {
    content: '\e08a';
}

.ds-blog .ds-blog-cat:before {
    content: '\e07b';
}

.ds-blog .ds-comments:before {
    content: '\e065';
}

.ds-blog .post-content p {
    margin-bottom: 10px;
    color: var(--ds-dark);
}


/*Style the excerpt*/

.ds-blog .ds-excerpt {
    display: block;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
}


/*Read more styling*/

.ds-blog a.more-link {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--ds-primary);
    font-weight: 600;
    margin-top: auto;
}


/*Add the icon*/

.ds-blog a.more-link:after {
    content: '\e046';
    font-family: 'ETModules';
    font-size: 12px;
    color: var(--ds-primary);
    font-weight: 100;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Icon on hover*/

.ds-blog .et_pb_post:hover a.more-link:after {
    padding-left: 5px;
    opacity: 1;
}


/*Blog pagination*/


/*Pagination placement*/

.ds-blog .pagination {
    grid-column: 1/-1;
}


/*Link styling*/

.ds-blog .pagination a {
    color: var(--ds-primary);
    font-weight: 600;
    font-size: 16px;
}


/*Add the arrows*/

.ds-blog .pagination .alignleft a:before,
.ds-blog .pagination .alignright a:after {
    font-family: 'ETModules';
    font-size: 12px;
    color: var(--ds-primary);
    font-weight: 100;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.ds-blog .pagination .alignleft a:before {
    content: '\e045';
    padding-right: 5px;
}

.ds-blog .pagination .alignright a:after {
    content: '\e046';
    padding-left: 5px;
}


/***Blog layouts***/


/*Blog grid layout*/


/*Set the grid layout*/

.ds-blog-grid .et_pb_ajax_pagination_container,
.ds-blog-grid #left-area.ds-blog {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--ds-blog-grid-width), 1fr));
    grid-gap: var(--ds-blog-grid-gap);
}


/*Style the posts*/

.ds-blog-grid .et_pb_post {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


/*Remove image margin*/

.ds-blog-grid .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}


/*Set image to fullwidth*/

.ds-blog-grid .et_pb_post a img {
    width: 100%;
}


/*Position the content container*/

.ds-blog-grid .ds-blog-main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    height: 100%;
}


/*Blog fullwidth layout*/


/*Remove the image margin*/

.ds-blog-fullwidth .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}


/*Add content padding*/

.ds-blog-fullwidth .et_pb_post .ds-blog-main-content {
    padding: 20px;
}


/*Blog inline layout*/


/*Set to inline on larger screens*/

@media all and (min-width: 768px) {
    .ds-blog-inline .et_pb_post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .ds-blog-inline .et_pb_post .entry-featured-image-url,
    .ds-blog-inline .et_pb_post .ds-blog-main-content {
        width: 50%;
        float: left;
    }
}


/*Remove the image margin*/

.ds-blog-inline .et_pb_post .entry-featured-image-url {
    margin: 0;
}


/*Set image to scale based on content*/

.ds-blog-inline .et_pb_post .entry-featured-image-url img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


/*Position the content*/

.ds-blog-inline .et_pb_post .ds-blog-main-content {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/*Set meta info to top*/

.ds-blog-inline .et_pb_post .post-meta {
    margin-bottom: auto;
}


/*Position the date*/

.ds-blog-inline .published {
    left: -10px;
    right: auto;
}


/*Add the ribbon effect*/

.ds-blog-inline .published::after {
    left: -1px;
    right: auto;
    z-index: 1;
    border-left: 5px solid transparent;
    border-right: 5px solid var(--ds-sub-2);
    border-bottom: 5px solid var(--ds-sub-2);
    border-top: 5px solid transparent;
}


/*Set read more to bottom*/

.ds-blog-inline a.more-link {
    margin-top: auto;
}


/***Sidebar styling***/


/*Space between widgets*/

.et_pb_widget {
    margin-bottom: 50px !important;
}


/*Search form*/


/*Input field*/

.widget_search input#s {
    border: none;
    border-radius: 0;
    color: var(--ds-dark);
}


/*Search button*/

.widget_search input#searchsubmit {
    width: 100px;
    border: 1px solid var(--ds-primary);
    border-radius: 0;
    background: var(--ds-primary);
    color: var(--ds-light);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0.5em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Search button on hover*/

.widget_search input#searchsubmit:hover {
    border: 1px solid var(--ds-dark);
    background: transparent;
    color: var(--ds-dark);
}


/*Remove list item margin*/

.et_pb_widget ul li {
    margin-bottom: 0;
}


/*Style list item links*/

.et_pb_widget li a {
    display: block;
    position: relative;
    padding: 15px 20px 15px 0;
    font-size: 14px;
    color: var(--ds-dark) !important;
    line-height: 1.2em;
    border-bottom: 1px solid var(--ds-sub-2);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*Remove border from last list item*/

.et_pb_widget li:last-of-type a {
    border-bottom: none;
}


/*Add the arrows*/

.et_pb_widget li a:after {
    content: '\e046';
    font-family: 'ETModules';
    font-size: 12px;
    color: var(--ds-dark);
    font-weight: 100;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*List items on hover*/

.et_pb_widget li a:hover,
.et_pb_widget li a.active,
.et_pb_widget li a.active:after {
    color: var(--ds-primary) !important;
}

.et_pb_widget li a:hover,
.et_pb_widget li a:hover:after {
    color: var(--ds-primary);
}


/*Set widgets to fullwidth on tablets and mobile*/

@media all and (max-width: 980px) {
    .et_pb_widget:nth-child(n),
    .et_pb_column .et_pb_widget:nth-child(n) {
        width: 100% !important;
    }
}


/*Single, archive & search page styling*/


/*Remove sidebar divider*/

.archive #main-content .container::before,
.search #main-content .container::before,
.single-post #main-content .container::before {
    display: none;
}


/*Remove sidebar padding*/

.archive #sidebar,
.search #sidebar,
.single-post #sidebar {
    padding-left: 0;
}


/*Set page background*/

.archive #main-content,
.search #main-content,
.single-post #main-content {
    background: var(--ds-sub-1);
}


/*Add space to bottom of page*/

.archive #left-area,
.search #left-area,
.single-post #main-content {
    padding-bottom: 50px;
}


/*Set single post background and padding*/

.single-post .et_pb_post {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 60px;
    background: var(--ds-light);
}


/*Add content padding*/

.single-post .et_pb_post .entry-content,
.single-post .et_pb_post .et_post_meta_wrapper:last-of-type {
    padding: 0 20px 20px;
}


/*Hide the title*/

.single-post .et_post_meta_wrapper:first-of-type .entry-title {
    display: none;
}


/*Style post meta*/

#left-area.ds-blog .post-meta {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.8em;
    padding-bottom: 5px;
}

.single-post .et_pb_post .post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 5px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 6px;
    padding: 0 20px;
}


/*Style the date on single posts*/

.single-post .et_pb_post .post-meta .published {
    position: absolute;
    top: 20px;
    right: -10px;
    width: 60px;
    line-height: 1em;
    padding: 5px 0 10px;
    background: var(--ds-light);
    color: var(--ds-dark);
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    border: 1px solid var(--ds-sub-2);
}

.single-post .et_pb_post .post-meta .published::first-line {
    font-size: 30px;
    line-height: 1em !important;
    font-weight: 600 !important;
}


/*Position and style the date*/

.single-post .et_pb_post .post-meta .published:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -1px;
    z-index: 1;
    border-left: 5px solid var(--ds-sub-2);
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ds-sub-2);
    border-top: 5px solid transparent;
}


/*Style the meta*/

.archive .et_pb_post .post-meta .comments-number a,
.search .et_pb_post .post-meta .comments-number a,
.single-post .et_pb_post .post-meta .author a,
.single-post .et_pb_post .post-meta .ds-blog-cat a,
.single-post .et_pb_post .post-meta .comments-number a {
    color: var(--ds-sub-3) !important;
}


/*Add the icons*/

.archive .et_pb_post .post-meta .comments-number:before,
.search .et_pb_post .post-meta .comments-number:before,
.single-post .et_pb_post .post-meta .author:before,
.single-post .et_pb_post .post-meta .ds-blog-cat:before,
.single-post .et_pb_post .post-meta .comments-number:before {
    font-family: 'ETModules';
    font-size: 12px;
    color: var(--ds-sub-2);
    margin-right: 5px;
}

.single-post .et_pb_post .post-meta .author:before {
    content: '\e08a';
}

.single-post .et_pb_post .post-meta .ds-blog-cat:before {
    content: '\e07b';
}

.archive .et_pb_post .post-meta .comments-number:before,
.search .et_pb_post .post-meta .comments-number:before,
.single-post .et_pb_post .post-meta .comments-number:before {
    content: '\e065';
}


/*Style the title on archive pages*/

#left-area.ds-blog .entry-title {
    font-size: var(--ds-h3-size-desktop);
    line-height: var(--ds-h3-height);
}


/*Single post pagination*/


/*Add margin*/

.single-post .ds-single-post-nav-prev,
.single-post .ds-single-post-nav-next {
    margin-top: 50px !important;
}


/*Set nav item width*/

.ds-single-post-nav-prev,
.ds-single-post-nav-next {
    margin: 20px 0;
    display: inline-block;
    width: 47.5%;
}


/*Position next*/

.ds-single-post-nav-next {
    float: right;
    text-align: right;
}


/*Next post title alignment*/

span.ds-single-nav-next-title {
    text-align: right;
}


/*Style the post title*/

span.ds-single-nav-previous-title,
span.ds-single-nav-next-title {
    display: block;
    color: var(--ds-dark);
    font-weight: 500;
    font-size: 16px;
}


/*Style the links*/

.ds-single-nav-previous,
.ds-single-nav-next {
    color: var(--ds-primary);
    font-weight: 600;
    font-size: 16px;
}


/*Add the arrows*/

.ds-single-nav-previous:before,
.ds-single-nav-next:after {
    font-family: 'ETModules';
    font-size: 12px;
    color: var(--ds-primary);
    font-weight: 100;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.ds-single-nav-previous:before {
    content: '\e045';
    padding-right: 5px;
}

.ds-single-nav-next:after {
    content: '\e046';
    padding-left: 5px;
}


/*Related posts*/

.ds-related-posts {
    margin-top: 50px;
}


/*Position the posts*/

.ds-related-posts ul {
    width: 100%;
    position: relative;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 20px;
}


/*Remove list padding*/

.ds-related-posts ul {
    padding: 0 !important;
}


/*Hide the default title and post meta*/

.ds-related-posts h1,
.ds-related-posts .post-meta {
    display: none;
}


/*Add header margin*/

h3.ds-related-posts-header {
    grid-column: 1 / -1;
    margin-bottom: 10px;
}


/*Style the title*/

.ds-related-content h4 {
    font-size: 16px;
    line-height: 1.2em;
    color: var(--ds-dark);
}

.ds-related-image img {
    margin-bottom: 10px;
}


/*Size and position the posts*/

.ds-related-list {
    position: relative;
    list-style-type: none;
}

#left-area .ds-related-list .post-meta {
    display: none;
}


/*Comments*/


/*Adjust padding*/

.single-post #comment-wrap {
    padding-top: 50px;
}

.single-post #commentform {
    padding-bottom: 0;
}


/*Style the edit link*/

.single-post a.comment-edit-link {
    color: var(--ds-primary);
    font-size: 14px;
}


/*Adjust replies position*/

.single-post .comment .children {
    margin-left: 20px;
}


/*Text colour*/

.single-post .logged-in-as,
.single-post .comment-notes {
    color: var(--ds-dark);
    font-size: 16px;
}


/*Link color*/

.single-post .logged-in-as a {
    color: var(--ds-primary);
}


/*Input field styling*/

.single-post #commentform textarea,
.single-post #commentform input:not(.submit) {
    width: 100%;
    padding: 16px 16px 16px 40px;
    color: var(--ds-dark);
    background: var(--ds-sub-1);
    font-size: 18px;
}


/*Add the field icons*/

.single-post #commentform p {
    position: relative
}

.single-post #commentform p::before {
    font-family: 'ETModules';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 10px;
    line-height: 2.8em;
    color: var(--ds-sub-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*Define the field icons*/


/*Name*/

.single-post #commentform .comment-form-author:before {
    content: '\e08a';
}


/*Phone*/

.single-post #commentform .comment-form-url:before {
    content: '\e0e3';
}


/*Email*/

.single-post #commentform .comment-form-email:before {
    content: '\e076';
}


/*Message*/

.single-post #commentform .comment-form-comment:before {
    content: '\e065';
}


/*Reposition on mobile*/

@media all and (max-width: 479px) {
    #comment-wrap .comment-body {
        padding: 0;
    }
    #comment-wrap .comment_avatar {
        position: relative;
        margin-bottom: 10px;
    }
}