/*
Theme Name: Enrollment Resources Client
Theme URI: http://enrollmentresources.com
Author: Enrollment Resources
Author URI: http://enrollmentresources.com
Description: Description
Version: 1.0
Template: er-2015
Tags:
*/


/* General */
@media screen and (max-width: 64em) {
    .title-area {
        background-color: #8a1e02 !important;
    }

    .full-width-header .top-bar.expanded .toggle-topbar a {
        color: #fff;
    }

    .top-bar-section .dropdown li.parent-link a,
    .top-bar-section .dropdown li.title div a {
        color: #000;
    }

    .full-width-header .top-bar-section ul li.active>a {
        color: #fff;
    }

    .top-bar-section .dropdown li.parent-link a,
    .top-bar-section .dropdown li.title div a {
        color: #000;
    }

    .top-bar-section .dropdown li.parent-link a:hover,
    .top-bar-section .dropdown li.title div a:hover {
        background-color: #A11700;
        color: #fff;
    }
}


@media only screen and (min-width: 64.063em) {
    #main .inner-wrap {
        padding: 0 4%;
    }

    .full-width-header .top-bar-section .top-bar-menu>.menu-item>.dropdown {
        padding-top: 29px;
    }

    .full-width-header.is-sticky .top-bar-section .top-bar-menu>.menu-item>.dropdown {
        padding-top: 20px;
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
        content: "\203A";
        margin-top: -0.3px;
        font-size: 1.9em;
        line-height: .3;
    }

    .full-width-header .menu-item {
        margin: 0;
    }

    .full-width-header .top-bar-section li>ul>li:not(.has-form) a:not(.button) {
        color: #fff;
    }
}


.wrapper a,
.full-width-header .pre-header .left a,
.full-width-header .pre-header .right a {
    text-decoration: underline;
}

.button {
    border-radius: 4px;
}

.button {
    text-decoration: none !important;
}

.get-info-btn:hover {
    background-color: #6e1000;
}

#er-form {
    background: #fff;
    border-radius: 5px;
}

#footer .menu li a,
#footer a,
#main .programs-list .program .title,
.sidebar .programs-list .program .title,
.er-accordion .accordion-navigation a.panel-heading {
    text-decoration: none !important;
}

.full-width-header .top-bar.expanded .toggle-topbar a {
    color: #fff;
}

/*  Job Openings (/employment) */
.facet-wrap {
    margin-top: 1rem;
    display: flex;
    gap: 8px;
}

.facetwp-facet-jobs_page_zip,
.facetwp-facet-jobs_page_location,
.facetwp-facet-jobs_page_type {
    min-width: 20%;
}

.somabutton {
    background-color: #8a1e02;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 3px;
}

p:has(.somabutton) {
    margin-top: 3rem;
}

p:has(.somabutton) a:hover,
a:active {
    color: #d4d4d4;
}

.post_content {
    max-width: 75%;
}


/* In the News */
embed,
iframe,
object,
video {
    max-width: 100%;
}

.video-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5em;
    padding-top: 30px;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.in-news-apply {
    text-align: center;
}

/* Gravity Forms */
.right_column,
.left_column {
    width: 49%;
    display: inline-block;
}

.right_column {
    margin-left: 2%;
}


/* Blog */
.content-holder {
    overflow: hidden;
    margin-top: 2rem;
}

.alignleft {
    margin-right: 2rem;
}

.blog-article a {
    text-decoration: underline;
}

.blog-article_title-link {
    color: #333;
    text-decoration: underline;
}

.blog-article_title-link:hover {
    color: #555 !important;
}

/* Soma Student Success */
.student-success-stories-wrap {
    margin: 8rem auto 4rem;
    max-width: 75%;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.student-item {
    display: flex;
    border-radius: 15px;
    gap: 1rem;
}

.student-info {
    max-width: 75%;
    border-radius: 15px;
    padding: 2rem;
    background-color: #fff;
}

.student-image {
    border-radius: 15px;
}

.student-image img {
    width: 20rem;
    border-radius: 15px;
}

.student-name {
    font-weight: bold;
}

.quiz-container {
    max-width: 75%;
    margin: 0 auto 4rem;
    text-align: center;
    padding: 0 12rem;
}

.quiz-container a, .sub-text a {
    text-decoration: underline;
}