/*
 Theme Name:   GenerateInside
 Theme URI:    https://inside.ewu.edu/
 Description:  GenerateInside is the theme to be used only on the parent site of INSIDE.EWU.EDU.
 Author:       Eastern Washington University
 Author URI:   https://inside.ewu.edu
 Template:     generatepress
 Version:      0.1
*/


/* Top Bar - Hide empty icon square to the left of A-Z Services link */
.top-bar .widget_nav_menu li.slideout-toggle a:before {
    display: none;
  }
  .top-bar .widget_nav_menu a:hover {
    text-decoration:underline;
  }

/* Off Canvas Panel - Spacing around closing "X" at top of panel */
.slideout-navigation button.slideout-exit {
    color: #222222;
    padding-left: 22px;
    padding-right: 22px;
		padding-bottom: 0px;
	  padding-top: 30px;
}

/* Off Canvas Panel - Hiding the Hamburger Icon on Desktop */
.menu-bar-item.slideout-toggle.has-svg-icon {
    display: none;
}

/* A-Z Link Customizations */
.slideout-toggle a {
  border-radius: 5px;
  color: white;
  padding: .3em .7em;
  text-decoration: none;
  text-transform: uppercase;
}

.slideout-toggle a:hover {
  /* background-color: #222222; */
}

.slideout-toggle a:active {
  background-color: #5E0014;
}

/* Mobile Logo - Resize to fit mobile devices */
.site-logo.mobile-header-logo img {
    height: 46px;
}

/* Main Navigation - Uppercase on Mega Menu */
.main-navigation .main-nav ul li.menu-item-has-children>a {
	text-transform:uppercase;
}

/*Add border lines in between menu lists*/
.menu-item .menu-item-type-custom li {
	border-right: none;
}

.menu-item li {
	border-right: 1px solid;
	border-color: #ccc;
}

/* Mega Menu Settings */
.dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover > ul.toggled-on {
    padding: 15px;
}

/* Mega Menu - Fix for Flexbox */
@media (min-width: 769px) {
    .dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover > ul.toggled-on {
        display: flex;
        }
    body .main-navigation .main-nav ul ul li ul li a {
        color: #333333;
        }
    body .main-navigation .main-nav ul ul li ul li a:hover {
        color: #B7142E;
			text-decoration: underline;
        }
}

/* Alert - More Info Link */
.alert-link {
	background-color: #e6642a;
	border: 1px white;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 20px;
	text-decoration: none;
}
.alert-link > a {
	color: #ffffff;
}

.alert-link > a:hover, .alert-link:focus {
	color: #f2f2f2;
	text-decoration:underline;
        }

@media only screen and (max-width: 770px) {
	.alert-link {
		margin: 0 0 0 0;
	}
}

/* Main Navigation - Removing shadow from menu drop-downs */
.main-navigation ul ul {
	box-shadow:0px 0px 0px rgb(0 0 0 / 10%);
}

/* Hiding the default off canvas hamburger */
/* .menu-bar-item .slideout-navigation hide-on-mobile  {
    display:none;
} */


/* SEARCH BOX CUSTOMIZATIONS */
.navigation-search.nav-search-active {
    top: 60px;
    width: 350px;
    padding: 15px;
    margin-right:40px;
    background: #E0E0E0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    box-shadow: 0 0px 0px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    left: auto;
}

/* MOBILE SEARCH BOX CUSTOMIZATIONS */
@media screen and (max-width: 769px) {
    .navigation-search.nav-search-active {
        margin-right: 0;
        }
    }

.navigation-search.nav-search-active button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: auto;
    width: 90px;
    font: bold 15px/40px 'Open Sans';
    color: #fff;
    text-transform: uppercase;
    background: #B7142E;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}

.navigation-search.nav-search-active button:hover {
    background: #6c1c24;
}

.navigation-search.nav-search-active button:active,
.navigation-search.nav-search-active button:focus {
    background: #c42f2f;
}

.navigation-search.nav-search-active button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #B7142E;
    top: 12px;
    left: -6px;
}

.navigation-search.nav-search-active button:hover:before {
    border-right-color: #6c1c24;
}

.navigation-search.nav-search-active button:focus:before {
    border-right-color: #c42f2f;
}

.navigation-search.nav-search-active button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.navigation-search input[type="search"] {
    width: 230px;
    height: 40px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'Open Sans';
    border: 0;
    background: #ffffff;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.navigation-search input[type="search"]:active, 
.navigation-search input[type="search"]:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

/* SECONDARY NAVIGATION */

/* Secondary Navigation - Adding padding left to Top Picks link  */
.secondary-navigation .menu-toggle {
    padding-left: .9em;
	font-weight:bold;
}

/* Secondary Navigation - Adding padding right to Quick Links button  */
.gb-button-wrapper.gb-button-wrapper-4d66f3dc {
	padding-right: .9em;
}

/* Quick Links alignment on mobile */
.secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item>a {
    color: #333333;
    font-weight:700;
    font-size: 12px;
    line-height: 34px;
    text-align: center;
}

@media screen and (min-width: 769px) {
.secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item>a {
    color: #333333;
    font-weight:700;
    font-size: 12px;
    line-height: 34px;
    text-align: left;
    }
}

/* Secondary Menu - Hiding the Hambuger icon on mobile view */
nav#secondary-navigation .menu-toggle.secondary-menu-toggle span.gp-icon.icon-menu-bars {
    display: none;
}

/* Secondary Menu - Hiding the square (missing icon) in front of the custom A-Z link */
nav#secondary-navigation .slideout-toggle:not(.has-svg-icon) a:before {
    display: hidden;
}

/* Secondary Menu - Making the secondary menu sticky as well as the primary menu */
.navigation-stick ~ .secondary-navigation {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    right: 0;
    top: 60px;
}

/* Secondary Menu - Set order the Quick Links Button */
.gb-button-wrapper.gb-button-wrapper-4d66f3dc {
    order: 100;
}

.secondary-navigation .main-nav {
    margin-right: auto;
}

/* RAVE Alerts Styling */
#ravealertmessage {
	background-image:url(https://inside.ewu.edu/wp-content/uploads/2023/05/triangle-exclamation.svg);
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: left;
	display: flex;
	flex-direction:column;
	align-items: left;
	color: white;
	max-width: 1200px;
	margin: 0 auto;
	flex-wrap: wrap;
}
#ravealertmessage h2 {
	font-weight: 600;
	font-size:1.5em;
	padding-left:80px;
}
#ravealertmessage p {
	font-size:1em;
	padding-left:80px;
	margin-top:-1.5em;
	margin-bottom: .5em;
	line-height: normal;
}
.col-sm-10 {
	background-color: #e6642a;
}

/* Rave Alerts Tablet */
@media (max-width: 992px) {
    #ravealertmessage {
			background-position: top 5px center;
			background-size: 50px;
			padding-top:60px;
			display:flex;
			flex-direction:column;
    }
		#ravealertmessage h2 {
			font-size:1.2em;
			margin-bottom:.6em;
			margin-top: 0em;
			margin-left: .3em;
			margin-right: .3em;
			padding-left: 0px;
			text-align:center;
	}
		#ravealertmessage p {
			margin-left: .5em;
			margin-right: .5em;
			margin-bottom: 0.5em;
			padding-top:.5em;
			padding-left: 0px;
			text-align:center;
	}
}

/* Rave Alerts Mobile */
@media (max-width: 768px) {
    #ravealertmessage {
			background-position: top 5px center;
			background-size: 30px;
			padding-top:35px;
			display:flex;
			flex-direction:column;
    }
	#ravealertmessage h2 {
			margin-bottom:.6em;
			margin-top: 0em;
			margin-left: .5em;
			margin-right: .5em;
			padding-left:0px;
			text-align:center;
	}
		#ravealertmessage p {
			margin-left: .1em;
			margin-right: .1em;
			margin-bottom: 1em;
			padding-left:0px;
			text-align:center;
	}
}

/* Mega Menu - Mobile settings */
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }

    .slideout-navigation .main-nav {
	display: none;
    }
    
    /* Widget Customizations */
    .textwidget {
        color: #ffffff;
        font-size:.8em;
    }
    .textwidget a {
        color: #ffffff;
    }
    .textwidget a:hover {
        text-decoration:underline;
    }
    .widget-title {
        margin-bottom: .5em;
        border-bottom: 1px #222222 solid;
    }

/* Calendar Page Sub Heading Styles */
.calendarsubhead {
	color: #B7142E;
	border-bottom: 1px dashed;
}
/* Styles for content links */
.entry-content a {
	text-decoration:underline;
}
/* Styles for read more links */
.read-more a {
	text-decoration:underline;
}
/* Styles for widget text links */
.calendar-widget-links {
	text-decoration: underline;
}
.calendar-widget-links a {
	text-decoration:none;
}
.calendar-widget-links a:hover {
	text-decoration:underline !important;
}

/* Footer link to inside */
.footerlink {
	text-decoration: underline;
}

/* Making SVG Icons Accessible */
.menu > .mega-menu.sfHover .dropdown-menu-toggle svg {
    transform: rotate(180deg);
}
/* Making SVG visible with brand color */
span svg {
    fill: #222222;
}
@media (min-width: 769px){
    span svg {
        fill:  #222222;
    }
}
/* Footer Customizations - SVG CSS */
    svg {
        width: 15px;
        height: 15px;
        fill: #ffffff;
    }

/* PEOPLE SEARCH STYLING */
input[type=text], input[type=url], select, textarea {
    border: 1px solid;
    border-radius: 0;
    padding: 10px 15px;
    width: 100%;
}

.peoplesearchbtn {
	margin-top: 1em;
	padding: 8px 12px;
	background-color: #B7142E !important;
}

/* Yoast Breadcrumb for Hero Headers */
@media screen and (min-width:770px) {
	.hero-meta {
  text-shadow: .05em .05em .07em #000000;
	font-size: 24px;
	font-weight:bold;
	}
}
@media screen and (max-width: 769px) {
  .hero-meta {
    text-shadow: .05em .05em .07em #000000;
		font-size: 16px;
		font-weight:bold;
  }
}
.hero-meta a:hover {
	text-decoration:underline;
	}

/* Title Styling for Pages and Posts in Hero Headers */
@media screen and (min-width:770px) {
	h1.announcement {
  text-shadow: .05em .05em .07em #000000;
	font-size: 60px;
	font-weight:bold;
	line-height: 1.1;
	}
}
@media screen and (max-width: 769px) {
  h1.announcement {
    text-shadow: .05em .05em .07em #000000;
		font-size: 35px;
		font-weight:bold;
  }
}

/* MAIN CONTENT STYLING */

/* Closing up space between hero image and body content */
.entry-content:not(:first-child),
.entry-summary:not(:first-child),
.page-content:not(:first-child) {
    margin-top: 0em;
}

/* Featured News - Border Radius on Read More button on homepage */
.wp-show-posts-read-more {
	border-radius: 5px;
}

/* Top Picks Link Styling  */
.menu-toggle .gp-icon+.mobile-menu {
	padding-left: 0px;
	font-weight: 700;
}

/* Modal for Contact/Links */
.static-image-overlay .wp-show-posts-image .wp-show-posts-image-overlay, .wp-show-posts-image:hover .wp-show-posts-image-overlay {
	z-index: 1;
}

/* Modifications to a-z links */

ul.suggestions {
    text-transform: none;
    font-weight:400;
    }

ul.suggestions a:link {
    font-weight:400;
    color:#B7142E;
    }

ul.suggestions a:hover {
    text-decoration: underline;
    }

ul.suggestions a:visited {
    color:#B7142E;
    }

.textwidget custom-html-widget {
    text-transform: none;
    font-weight:400; 
    }
}