/*!
Theme Name: Marquis Bollman
Theme URI: https://help.lafayette.edu
Author: Fastspot
Author URI: https://fastspot.com
Description: Bollman is the primary theme for the Lafayette College Help web presence. It is used for the official websites for departments, offices, and programs at the College, as well as special interest websites. It is a responsive theme designed to work equally well on desktop computers, tablets, and mobile devices. The theme supports medium and large headers on its homepage, as well as a variety of page-level design components. Subpages include the ability to add a photo gallery behind the page title. Visit the communications website to learn more about web styles and Help's component library: <a href="https://communications.lafayette.edu/style-guides/web-styles-and-component-library">https://communications.lafayette.edu/style-guides/web-styles-and-component-library/</a>
Version: 0.1.4
License: GPL-2.0
Tags: red, white, light, two-columns, right-sidebar, responsive-layout, custom-menu
Template: marquis-base
*/

/* Help Home */
@media( min-width: 992px ) {
    .page-template-template-help-home-page .main_navigation_section {
        height:80px;
    }

    .page-template-template-help-home-page .header_logo {
        background-size: 480px 180px;
        width:188px;
        height:30px;
    }
}

.help_home_has_header {
    padding-top:0px !important;
}

.help_header_graphic {
    background-color:#333333;
    padding:30% 0 5% 0;
    text-align:center;
    background-size:cover;
    background-position:50% 50%;
    overflow:hidden;
}

.help_header_graphic h1 {
    font-size:4em;
    font-size:12vw;
    line-height:1em;
    text-transform:uppercase;
    font-weight:700;
    color:#FFFFFF;
    text-shadow:0px 0px 15px rgba(0,0,0,0.3);
    margin:0;
    padding:0;
}

h1.help_header_title {
    font-size:3em;
    line-height:1em;
    text-transform:uppercase;
    font-weight:700;
    color:#222222;
    margin:0;
    padding:0;
}

@media( min-width:992px ) {
    .help_header_graphic h1 {
        font-size:5em;
        font-size:9vw;
        line-height:1.5em;
        line-height:.6em;
    }

    .help_header_graphic {
        padding:15% 0 0 0;
    }

    h1.help_header_title {
        font-size:4em;
        font-size:6.5vw;
    }

    .js-scroll_header .help_home_has_header {
        padding-top:140px !important;
    }
}

.help_intro {
    text-align:center;
    padding:2rem 2rem .5rem 2rem;
    max-width:1100px;
    margin:0 auto;
}

.help_intro p {
    color:#65001C;
    font-size:1.4rem;
    font-weight:400;
    margin:0;
}

.page_help_home .in_content_callout_header {
    text-align:center;
}

.page_help_home .page_wrapper {
    overflow:visible;
}

.help_home_icons_title .in_content_callout_heading,
.help_home_icons_title .in_content_callout_heading .in_content_callout_header_large {
    float:none !important;
    text-align:center;
}

body.theme-marquis-help .page_wrapper.help_home_search {
    padding-top:1rem;
}

@media( max-width:991px ) and ( min-width:768px ) {
    body.theme-marquis-help .page_wrapper.help_home_search {
        padding-top:0rem;
    }
}

@media( min-width:992px ) {
    body.theme-marquis-help .page_wrapper.help_home_search {
        padding-top:0rem;
    }

    .help_intro {
        padding:3rem 2rem 0 2rem;
    }

    .help_intro p {
        font-size:1.6rem;
    }
}

/* Help Home main */

.help_home_main {
    padding:1rem 0 2rem 0;
    display:flex;
    gap:0 3%;
    flex-wrap:wrap;
    justify-content:center;
}

.marquis_search_block {
    margin-bottom:0;
}

@media( min-width:1360px ) {
    .help_home_main {
        padding:3rem 0 2rem 0;
        width:120%;
        margin:0 0 0 -10%;
    }
}

.help_home_main .in_content_callout_heading {
    text-align:left;
}

.help_home_main .in_content_callout_heading h2 {
    margin-top:0;
}

/* Help Home options */

.help_home_support {
    width:100%;
    background-color:#1D5F83;
    box-sizing:border-box;
    padding:3rem 1.5em 2rem 1.5em;
}

.help_home_support .in_content_callout_header {
    text-align:left;
}

.help_home_support_content {
    display:block;
}

.help_home_support .in_content_callout_header.help_home_support_title {
    padding:0px 2rem;
}

.help_home_support_content_main {
    padding:0px 2rem 2rem 2rem;
    box-sizing:border-box;
}

.help_home_support_content_side { 
    padding:2rem;
    background:#FFFFFF;
}

.help_home_support_content_side *:last-child {
    margin-bottom:0;
}

.help_home_support_option {
    margin:0 0 25px 0;
}

.help_home_support_option *:last-child {
    margin-bottom:0;
}

.help_home_support_option:last-child {
    margin-bottom:0;
}

.help_home_support_buttons,
.help_home_support_contact_info {
    padding:1rem 0 0 0;
}

.help_home_support_buttons a.button:link,
.help_home_support_buttons a.button:visited {
    background:#FFFFFF;
    color:#1D5F83;
    font-size:1em;
    padding:10px 25px;
    margin-bottom:10px;
    display:block;
    box-sizing:border-box;
    text-align:center;
}

.help_home_support_buttons a.button:hover {
    background:#c9e9f9;
}

.help_home_support_content_main p,
.help_home_support_content_main h4 {
    color:#FFFFFF;
}

.help_home_support h2.in_content_callout_heading {
    color:#FFFFFF;
}

.help_home_support_content_main h3 {
    color:#c9e9f9;
}

.help_home_support_content_main a:link,
.help_home_support_content_main a:visited {
    color:#FFFFFF;
}

.help_home_support_content_main a:hover {
    color:#c9e9f9;
}

@media( min-width:600px ) {
    .help_home_support_buttons a.button:link,
    .help_home_support_buttons a.button:visited {
        display:inline-block;
        text-align:left;
    }
}

@media( min-width:1160px ) {

    .help_home_support {
        padding:3rem 3rem 2rem 3rem;
    }

    .help_home_support .in_content_callout_header.help_home_support_title {
        padding:0;
    }

    .help_home_support_content {
        display:flex;
        justify-content:space-between;
    }

    .help_home_support_content_main {
        padding:1rem 2rem 1rem 0;
        border-right:1px solid #4397c5;
        border-bottom:none;
        width:65%;
    }

    .help_home_support_content_side { 
        padding:1rem 0 0 0;
        width:30%;
        background:none;
    }

    .help_home_support_buttons a.button:link {
        margin-bottom:0px;
    }

    .help_home_support_content_side p,
    .help_home_support_content_side h4 {
        color:#FFFFFF;
    }

    .help_home_support_content_side h2.in_content_callout_heading {
        color:#FFFFFF;
    }

    .help_home_support_content_side h3 {
        color:#c9e9f9;
    }

    .help_home_support_content_side a:link,
    .help_home_support_content_side a:visited {
        color:#FFFFFF;
    }

    .help_home_support_content_side a:hover {
        color:#c9e9f9;
    }
    
}

/* Help home icon blocks */

.help_home_icons {
    width:100%;
    box-sizing:border-box;
    padding:1rem;
}

.help_home_main .help_home_icons_title .in_content_callout_heading {
    text-align:center;
}

.help_home_icon_blocks {
    display:flex;
    align-items:stretch;
    flex-wrap:wrap;
}

.help_home_icon_block {
    display:block;
    width:100%;
    max-width:50%;
    text-align:center;
    text-decoration:none;
    font-size:1.2em;
    font-weight:700;
    padding:1rem;
    box-shadow:0px 0px 15px rgba(0,0,0,0);
    transition:.2s;
    background-color:#FFFFFF;
}

.help_home_icon_block:hover {
    transform:scale(1.05);
    box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}

.help_home_icon_block img {
    max-width:120px;
    margin:0 auto 15px auto;
    display:block;
}

/* Help home featured links */

.help_home_featured_links {
    width:100%;
    box-sizing:border-box;
    max-width:500px;
    padding-top:2rem;
}

.help_home_featured_links .in_content_callout_header {
    padding:2rem 0 0 0 !important;
}

.help_home_featured_links header h2.in_content_callout_heading {
    font-size:1.4em;
}

.help_home_featured_link_list ul {
    list-style:none;
    margin:0;
    padding:0;
}

.help_home_featured_link_list li {
    list-style:none;
    margin:0;
    padding:1rem 0;
    border-bottom:1px solid #DCDCDC;
    font-size:1.2em;
}

/* Help Home Desktop */
@media( min-width:960px ) {

    .help_home_main {
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:0 5%;
    }

    .help_home_main .help_home_icons_title .in_content_callout_heading {
        text-align:center;
    }

    .help_home_options {
        width:65%;
    }

    .help_home_icon_section {
        padding:3rem 0;
    }

    .help_home_featured_links {
        padding-top:0;
        width:30%;
        min-width:200px;
    }   

    .help_intro p {
        font-size:2.25rem;
    }

    .help_home_featured_link_list li:last-child {
        border-bottom:none;
    }
}

@media( min-width:760px ) {

    .help_home_icon_block {
        width:100%;
        max-width:33.3%;
    }
}

/* In-Content Callout Flexible Block Links */

.in_content_callout_header .in_content_callout_heading.callout_header_align_left {
    text-align:left;
}

.in_content_callout_header .in_content_callout_heading.callout_header_align_center {
    text-align:center;
    float:none;
}

.callout_flexible_block_links {
    padding:2rem 0;
}

.flexible_block_links {
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:20px 3%;
    flex-wrap:wrap;
}

.flexible_block_links.flexible_block_links_align_left {
    justify-content:flex-start;
}

.flexible_block_link {
    display:block;
    width:48.5%;
}

a.flexible_block_link:link,
a.flexible_block_link:visited {
    transition:.3s;
    box-shadow:0px 0px 15px rgba(0,0,0,0);
    text-decoration:none;
}

.enlarge_on_hover a.flexible_block_link:hover {
    transform:scale(1.05);
    box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}

.flexible_block_link_title {
    margin:0 0 15px 0;
    font-size:1.4em;
    display:block;
    color:#910029;
}

.flexible_block_color_blue .flexible_block_link_title {
    color:#1D5F83;
}

.flexible_block_link_description {
    margin:0;
    font-size:.9em;
    display:block;
    color:#1E1E1E;
}

.flexible_block_link_image {
    margin:0;
    background-size:cover;
    background-position:50% 50%;
    overflow:hidden;
}

.flexible_block_link_content {
    padding:0 2rem;
}

.flexible_block_link_cta {
    display:block;
    padding:1rem 0 0 0;
    font-weight:700;
    text-transform:uppercase;
}

.block_style_solid .profile_callout_button {
    color:#FFFFFF;
}

.block_style_solid .profile_callout_button::after {
    background-position:-400px -140px;
    width:6px;
    height:10px;
}

@media( max-width:600px ) {
    .flexible_block_link {        
        width:100%;
    }
}

/* Flexible Block size variations */

@media( min-width:760px ) {
    .block_columns_3 .flexible_block_link {
        width: 31.3%;
    }
    
    .block_columns_4 .flexible_block_link {
        width: 22.6%;
    }

    .flexible_block_link_title {
        font-size:2em;
    }

    .flexible_block_link_description {
        font-size:1em;
    }
    
    .block_columns_3 .flexible_block_link_title {
        font-size:1.6em;
    }
    
    .block_columns_3 .flexible_block_link_description {
        font-size:1em;
    }
    
    .block_columns_4 .flexible_block_link_title {
        font-size:1.4em;
    }
    
    .block_columns_4 .flexible_block_link_description {
        font-size:.9em;
    }
}

/* Flexible Blocks Default */

.block_style_default .flexible_block_link_content {
    padding:30px 10px 15px 10px;
}

.typography .block_style_default a.flexible_block_link:link,
.typography .block_style_default a.flexible_block_link:visited {
    border:none;
}

.typography .block_style_default a.flexible_block_link:hover {
    border:none;
}

/* Flexible Blocks Solid */

.block_style_solid .flexible_block_link {
    background-color:#910029;
}

.block_style_solid .flexible_block_link:hover {
    background-color:#780022;
}

.block_style_solid .flexible_block_link.flexible_block_color_blue {
    background-color:#257DAD;
}

.block_style_solid .flexible_block_link.flexible_block_color_blue:hover {
    background-color:#1D5F83;
}

.block_style_solid a.flexible_block_link .flexible_block_link_title,
.block_style_solid a.flexible_block_link .flexible_block_link_description,
.block_style_solid a.flexible_block_link .flexible_block_link_cta {
    color:#FFFFFF;
}

.typography .block_style_solid a.flexible_block_link:link,
.typography .block_style_solid a.flexible_block_link:visited {
    border:none;
}

.typography .block_style_solid a.flexible_block_link:hover {
    border:none;
}

.block_style_solid .flexible_block_link_content {
    padding:40px 30px;
}

/* Flexible Blocks Underlined */

.block_style_underlined .flexible_block_link_content {
    padding:30px 10px;
}

.typography .block_style_underlined a.flexible_block_link:link,
.typography .block_style_underlined a.flexible_block_link:visited {
    border-bottom:5px solid #1E1E1E;
}

.typography .block_style_underlined a.flexible_block_link.flexible_block_color_blue:hover {
    border-bottom:5px solid #4EA8D8;
}

.typography .block_style_underlined a.flexible_block_link.flexible_block_color_red:hover {
    border-bottom:5px solid #910029;
}

/* Flexible Block Borders */

.in_content_callout_header.flexible_block_border_red {
    border-bottom:4px solid #910029;
}

.in_content_callout_header.flexible_block_border_blue {
    border-bottom:4px solid #4EA8D8;
}

/* Featured Video Callout */

.callout_featured_video {
    padding:30px 0;
}

.featured_video_container {
    width:100%;
    height:auto;
    margin:0 auto;
}

.featured_video_container_media {
    width:100%;
    position:relative;
    padding:0 0 56.25% 0;
    background-color:#DCDCDC;
}

.featured_video_container_media iframe {
    width:100%;
    height:100%;
    position:absolute;
    z-index:100;
    left:0;
    top:0;
}

.featured_video_description {
    padding:30px 0 0 0;
    margin:30px 0 0 0;
    border-top:1px solid #DCDCDC;
    margin:30px auto 0 auto;
}

@media( min-width:760px ) {

    .featured_video_align_left .featured_video_container,
    .featured_video_align_left .featured_video_description {
        margin-left:0;
        margin-right:0;
    }

    .featured_video_size_medium .featured_video_container,
    .featured_video_size_medium .featured_video_description {
        width:75%;
    }

    .featured_video_size_small .featured_video_container,
    .featured_video_size_small .featured_video_description {
        width:50%;
    }
}