/*
 Theme Name:   IU CollegeAmerica Child Theme
 Description:  This is the CollegeAmerica Child Theme for the main Independence theme.
 Author:       CEHE Webteam
 Author URI:   http://www.stevenshenager.edu
 Template:     independence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/


/** start styles for 1368px break point **/

@media (max-width: 1368px) {
    .page-template-page-locations .interactive-selector .responsive-tabs .responsive-tabs__heading span {
        display: none !important;
    }
    .page-template-page-locations .interactive-selector .responsive-tabs .responsive-tabs__heading {
        padding: 10px 0 0 25px;
    }
}
/** end styles for 1368px break point **/
/** start styles for 1080px break point **/

@media (max-width: 1080px) {}
/** end styles for 1080px break point **/
/** start styles for 1024px break point **/

@media (max-width: 1024px) {
    /** Revised school of header titles **/

    #banner_txt_school {
        position: relative;
        top: 0;
    }
    #banner_txt_school h1 {
        line-height: 35px;
        font-size: 35px;
    }
    /** End Revised school of header titles **/
    /** SlickNav style customization **/

    .slicknav_nav,
    .slicknav_nav ul {
        background: #013245 none repeat scroll 0 0;
    }
    .slicknav_menu {
        padding: 0! important;
    }
    .slicknav_btn {
        background: #a61d30 none repeat scroll 0 0;
        border-radius: 50% !important;
        display: block;
        float: right;
        height: 60px;
        left: inherit;
        line-height: 1.125em;
        padding: 20px !important;
        position: relative;
        right: 20px;
        vertical-align: middle;
        width: 60px;
    }
    .slicknav_menu .slicknav_icon::before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 0.875emt;
        position: absolute;
        width: 1.125em;
    }
    .slicknav_menu .slicknav_icon {
        float: left;
        height: 0.875em;
        width: 1.125em;
    }
    /** End SlickNav style customization **/
    /** fix to header alignment **/

    .slicknav_menu {
        top: 40px !important;
    }
    .slicknav_brand img {
        height: 60px;
    }
    .herographic {
        padding-top: 40px;
    }
    /** Apply now form **/

    .full-page-form .form-apply-now-2_wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .form-apply-now-2_wrapper #field_20_12 {
        position: relative;
        left: -300px;
        bottom: -70px;
    }
    /** End Apply now form **/
}
/** end styles for 1024px break point **/
/** start styles for 768px break point **/

@media (max-width: 768px) {
    .blog-sidebar {
        display: none !important;
    }
    .articles-template-default .article-single,
    .press-template-default .article-single {
        width: 100%;
    }
    /*career assessment header text **/

    .page-template-page-career-assessment .banner_txt h1 {
        left: 5%;
    }
    /** hide blog sidebar on mobile displays **/

    #gform_widget-2 {
        display: none;
    }
    .articles-template-single-side .article-single {
        width: 100%;
    }
    /** Fix days left font size on home page **/

    .s-day h4 {
        font-size: 48px;
        font-family: "Montserrat", sans-serif;
    }
    /** Fix days left font size on home page **/

    .s-day h4 {
        font-size: 48px;
        font-family: "Montserrat", sans-serif;
    }
    /** Hide infographic **/

    .info-illustrated {
        display: none;
    }
    .info-static {
        display: block;
    }
    /** End Hide infographic **/
    /** Revised school of header titles **/

    #banner_txt_school {
        position: relative;
        top: 15%;
    }
    #banner_txt_school h1 {
        line-height: 35px;
        font-size: 35px;
    }
    .page-template-page-degrees .page-intro {
        padding: 70px 0
    }
    #school_banner .post-inner-page-upper {
        font-size: 16px;
        font-family: 'neuton', serif;
        margin-bottom: 15px;
        text-transform: italic;
    }
    #school_banner .post-inner-page-lower {
        font-size: 25px;
        font-family: 'montserrat', sans-serif;
    }
    #school_banner .post-inner-page-bottom {
        font-size: 15px;
        font-family: 'montserrat', sans-serif;
        margin-bottom: 25px;
    }
    /** End Revised school of header titles **/
    /** Apply now form  **/

    .full-page-form .form-apply-now-2_wrapper h1,
    .full-page-form .form-apply-now-2_wrapper h2,
    .full-page-form .form-apply-now-2_wrapper .callNow,
    .full-page-form .form-apply-now-2_wrapper a,
    .full-page-form .form-apply-now-2_wrapper p {
        color: #FFFFFF;
    }
    .full-page-form .form-apply-now-2_wrapper #field_21_1 p {
        color: #FFFFFF;
        text-align: center;
    }
    .full-page-form .form-apply-now-2_wrapper .privacySection {
        color: #FFFFFF;
    }
    .full-page-form .form-apply-now-2_wrapper .gform_fields > li {
        margin-top: 0;
    }
    .full-page-form .form-apply-now-2_wrapper {
        height: 875px;
        background-size: cover;
        margin-left: auto;
        margin-right: auto;
    }
    #field_22_12 {
        left: -330px;
        top: 115px;
    }
    .full-page-form .form-apply-now-2_wrapper #field_20_1 p {
        text-align: center;
    }
    /** End apply now form styles **/
}
/** end styles for 768px break point **/
/** start styles for 640px break point **/

@media (max-width: 640px) {
    /** request info form **/
    /** hides the 'for a faster response' text in the request info form. AJM **/

    .request-2_wrapper #field_23_13 {
        display: none;
    }
    /** End request info form styles **/
    /** Career assesment mobile background **/

    .page-template-page-career-assessment .school_banner {
        background: url('https://www.collegeamerica.edu/wp-content/uploads/2017/03/career_assesment_bg.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }
    .page-template-page-career-assessment .school_banner {
        min-height: 525px;
    }
    /** Revised school of header titles **/

    #banner_txt_school {
        position: relative;
        top: 20%;
    }
    #banner_txt_school h1 {
        line-height: 30px;
        font-size: 35px;
    }
    .page-template-page-degrees .page-intro {
        padding: 70px 0
    }
    /** End Revised school of header titles **/
}
/** end styles for 640px break point **/

@media (max-width: 414px) {
    /** Request info form **/
    /** Sets the background for the request info form. AJM **/

    .full-page-form .layout-2_wrapper {
        height: 850px;
    }
    /** Removes the top margin from the apply now form. AJM **/

    .full-page-form .form-apply-now-2_wrapper .gform_fields > li {
        margin-top: 0;
    }
    /** Positions and sets the width of the request info footer. AJM **/

    .request-2_wrapper .gform_fields,
    .full-page-form .request-2_wrapper .gform_page_footer,
    .full-page-form .request-2_wrapper .gform_footer {
        float: right;
        width: 100%;
        right: 0;
    }
    /** End Request info form **/

    #gform_submit_button_14 {
        top: 0;
        transform: translateY(0px);
    }
    .page-template-page-career-assessment .school_banner {
        min-height: 420px;
        margin-top: 65px;
    }
    .prelim-disclaimer {
        width: 100% !important;
        top: 70px !important;
        position: relative;
    }
    /** Apply now form **/

    .full-page-form .form-apply-now-2_wrapper .gform_fields > li {
        margin-top: 10px;
    }
    .full-page-form .form-apply-now-2_wrapper .gform_page_footer,
    .full-page-form .form-apply-now-2_wrapper .gform_footer {
        bottom: 0;
        right: 0 !important;
    }
    /** End apply now form styles **/

    .slider_cont .s_box1,
    .slider_cont .s_box2 {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    /** Apply now form**/

    .full-page-form .form-apply-now-2_wrapper .gform_fields > li {
        margin-top: 0;
    }
    .full-page-form .form-apply-now-2_wrapper h1,
    .full-page-form .gform_confirmation_wrapper h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .form-apply-now-2_wrapper .gform_fields,
    .full-page-form .form-apply-now-2_wrapper .gform_page_footer,
    .full-page-form .form-apply-now-2_wrapper .gform_footer {
        float: right;
        width: 100%;
        right: 0;
    }
    .form-apply-now-2_wrapper .gform_fields,
    .full-page-form .form-apply-now-2_wrapper .gform_page_footer,
    .full-page-form .form-apply-now-2_wrapper .gform_footer {
        font-size: 14px;
    }
    /** End Apply now form**/
    /**Iu banner**/

    .banner-iu {
        font-size: 35px;
        left: 50%;
        line-height: 100%;
        position: absolute;
        text-align: center;
        top: 85px;
        transform: translateX(-50%);
        font-family: 'montserrat', sans-serif;
        color: #ffffff;
    }
    /** Apply now form **/
    .full-page-form .form-apply-now-2_wrapper a.circle-gray {
        font-size: 18px;
        height: 20px;
        line-height: 20px;
        width: 20px;
    }
    /** End Apply now form **/
}

@media (max-width: 360px) {
    /** Revised school of header titles **/

    #header-video {
        min-width: 100%;
        max-width: 100%;
    }
    #header-video #banner_txt_school {
        position: relative;
        top: 14rem;
    }
    #header-video .banner_txt_school h1 {
        line-height: 20px;
        font-size: 35px;
    }
    .page-template-page-degrees .page-intro {
        padding: 60px 0
    }
    /** End Revised school of header titles **/

    .slicknav_menu {
        top: 40px;
    }
    .slicknav_brand {
        height: 44px;
    }
    .herographic .item {
        min-height: 450px;
    }
    .su-column img,
    .su-column iframe,
    .su-column object,
    .su-column embed {
        max-width: 100%;
        min-width: 100%;
    }
    /** New location styles **/

    .page-template-page-locations .flex-con h2 {
        text-align: center;
        color: #A61D30;
        font-size: 24px;
    }
    .page-template-page-locations .color-blocks {
        margin-bottom: -900px;
        padding: 100px 0 1000px;
    }
}
/** end styles for 360px break point **/

@media (max-width: 584px) and (min-width: 470px ) {
  .banner_txt h1 { margin-top: 0; }
}

@media (max-width: 374px) and (min-width: 320px ) {
  .banner_txt h1 { margin-top: 0; }
}