/*
Theme Name:Journalism & Media Communication 2019
Theme URI:https://www.libarts.colostate.edu/
Author:John Russell
Author URI:https://it.libarts.colostate.edu/
Template: libarts-theme
Description:Theme for the Journalism & Media Communication
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Tags:responsive, mobile first, bootstrap
Text Domain:fundamentum
*/



/**
 * Table of Contents:
 *
 * 1.0 - Reset and Normalize
 *   1.1 - Plugins Reset/Override
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Author Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 *   6.15 - Homepage
 *	 6.16 - Events
 * 7.0 - Sidebars
 *   7.1 - Sidebar Blocks
 * 8.0 - Footer
 * 9.0 - Multisite
 * 10.0 - Media Queries
 * 11.0 - Print
 * -----------------------------------------------------------------------------
 */

h1,
.fl-row-bg-color h1,
.fl-row-bg-parallax h1,
.fl-row-bg-slideshow h1 {
	font-size:8rem;
	font-size:clamp(4rem, 5.5vw, 8rem);
}



@media only screen and (min-width:768px) {

}



@media only screen and (min-width:992px) {

}



@media only screen and (min-width:1200px) {

}



@media only screen and (min-width:1440px) {
    .site-header-row-drawer {
        overflow-x:hidden;
    }
    .site-header-row-drawer::before,
    .site-header-row-drawer::after {
        position:absolute;
        z-index:-1;
        bottom:0;
        width:30%;
        height:100%;
        background-repeat:no-repeat;
        background-size:auto;
        opacity:0;
        transition:opacity 300ms, transform 300ms;
    }
    .site-header-row-drawer::before {
        left:0;
        background-image:url(images/beaver-burger-top-left.png);
        background-position:10% 10%;
        transform:translateX(-6rem) translateY(6rem);
    }
    .site-header-row-drawer::after {
        right:0;
        background-image:url(images/beaver-burger-bottom-right.png);
        background-position:90% 90%;
        transform:translateX(6rem) translateY(6rem);
    }
    .site-header-row-drawer.active::before,
    .site-header-row-drawer.active::after {
        opacity:1;
        transform:translateX(0) translateY(0);
    }
    
    .site-header-row-drawer .fl-module-menu .menu-item a {
        padding:0.5rem 0;
    }
}