/*
Theme Name: LochNet Intranet
Author: Clayton State Web Developer
Author URI: http://wordpress.org/
Description: The University header/footer for the University intranet living on WordPress.
Version: 1.0
*/
@import url('font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unna&display=swap');

body {font-size: 16px;font-family: 'Lato', sans-serif;letter-spacing:.2px;background-color:#eee}

h1,h2,h3,h4,h5,h6,.heroHeading, .fontSizeH1 {font-family:'Unna', sans-serif;}
h1 {font-size: 2.25em;font-weight:400;margin:0;padding:0;}
h2 {font-size: 1.85em;margin:15px 0 12px 0;font-weight:500;}
h3 {font-size:1.5em;margin-top:0.5em;}
h4 {font-size:1.34em}
a {color:#092c74;text-decoration:none;}
a:hover {text-decoration:none;color:#000}
a:hover h5 {text-decoration:none;}

/*basic colors for text and bg*/
.textcsuBlue {color:#092c74;}
.textcsuOrange {color:#c05131;}
.textWhite {color:#fff;}
.bgWhite {background-color:#fff;}
.bg-blue {background-color:#092c74 !important;}
.bgcsuOrange {background-color:#c05131;}
.bgLightRed { background-color:#fde5e5;}
.bgWhite {background-color:#fff;}
.gray-bg {background-color:#ddd;}
.grayBorder {border: 1px solid #cbc4bc;}
.btn.btn-block.btn-secondary.login {padding: .5em;font-size: 1.1em;text-transform: uppercase;font-weight: normal;}
.btn-secondary, a.btn.btn-secondary {color: #092c74;background-color: #fff;border-color: transparent;}
.fontSizeH1 {font-size: 2.25em;}
.navbar-toggler {border:1px solid #fff;padding: 0.25rem 0.5rem;}
.navbar-toggler-icon {background-image: url(mobile-nav.svg);}
.navbar {padding:0.5em 1em;}
.nav-link:focus, .nav-link:hover {color: #eee;text-decoration:underline}
.txtUpperCase {text-transform:uppercase;}
.stickySignature {position:fixed;top:50px;}

.intranetName h2 {margin:0;padding:0;font-size:1em;color:#fff}
.navbar h3 {padding-top: 0.5em;}
.intranetName p {margin: 0;padding: 0;font-size: 1em;color: #fff;}
.deptCategory h4 {margin-bottom:0;color:#092c74;text-transform:uppercase;}
.clearFilterbutton {padding: 5px 12px 9px 12px;border: 1px solid #c05131;}
.campusAnnouncements {background-color:#fff;margin-bottom:2.5em;}
.campusAlerts {background-color:#f0b323;color:#000}
.h3Heading {border-bottom:1px solid #cbc4bc}
.navContainer {position:relative;}
select.categoryFilter_fs.p-2.mx-1, select.p-2.mx-1, .clearFilterbutton {border: 0;}
.clearFilterbutton {background-color:#fff;}

#mainContent {position:relative;top:25px;}
.leftSideContent {background-color:#092c74;color:#fff;border-top:8px solid #eee;border-bottom:8px solid #eee;padding:1em;}
.leftSideContent ul li {list-style-type:none;padding:.3em .5em;margin:0;}
.leftSideContent li a { color:#fff;background-color:#092c74;padding: 0.3em 0.5em;width: 100%;display: inline-block;}
.leftSideContent li a:hover {color:#092c74; background-color:#fff;}
.boxHeadings {border-bottom: 1px solid #ddd;}

/*box styles*/
.borderRadius10 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.boxShadowQL {border:1px solid #ddd;-webkit-box-shadow: 0px 5px 15px -1px rgba(0,0,0,0.2); box-shadow: 0px 5px 15px -1px rgba(0,0,0,0.2);}
.boxShadow {-webkit-box-shadow: 0px 5px 15px -1px rgba(0,0,0,0.2); box-shadow: 0px 5px 15px -1px rgba(0,0,0,0.2);}
.boxShadowQL:hover {background-color:#ddd;cursor:pointer;-webkit-transition: background-color .8s ease-out;-moz-transition: background-color .8s ease-out;-o-transition: background-color .8s ease-out;transition: background-color .8s ease-out;border:1px solid #000;}
.boxShadow:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 2px;left: 50%;position: absolute;background: #fff;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}

.navbar-brand {padding-top:1em;padding-bottom:.5em;}
.leftSideContent li a span {padding-right: 0.5em;}

.navbar {padding:0.5em 1em;}
.btn.btn-block.btn-secondary.login {padding: 0.5em;}

.lnLogo {width:240px;height:39px;}

.deptCategory {width:80%;margin:0 auto;}
.deptCategory h3 {margin-bottom:0;color:#092c74;text-transform: uppercase}
.borderTR {border-top:7px solid #eee;border-right:7px solid #eee;}

.intranetImage {position:relative;background: url("frontEntrance.jpg");background-size: cover;background-repeat: no-repeat;min-height: 50vh;background-position: 50% 50%;}
.univNews {position:absolute;top: 50%;left: 80%;transform: translate(-50%, -50%);}

/* The side navigation menu */
.quickLinksAction {background-color:#eee;cursor:pointer;padding:1em;font-size:1.5em;color:#092c74}
.sidenav {height: 100%; width: 0;position: fixed;z-index: 1;top: 145px;left: 0;background-color: #ddd;overflow-x: hidden;padding-top: 60px;transition: 0.5s;}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #092c74;display: block;transition: 0.3s;}
.sidenav a:hover {color: #000;}
.sidenav .closebtn {position: absolute;top: 0;left: 0;font-size: 36px;margin-left: 0;}

/*dept news page */
.navContainer {position:relative;}
#menuToggle {z-index: 1;-webkit-user-select: none;user-select: none;}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute;top: 15px;left: 30px; cursor: pointer; opacity: 0; 
  z-index: 2-webkit-touch-callout: none;}
#menuToggle span.hamMenu{display: block;width: 33px;height: 4px;left:28%;margin-bottom: 5px; margin-top:5px;position: relative;   background: #fff;border-radius: 3px;z-index: 1;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
#menuToggle span.hamMenu:first-child{transform-origin: 0% 0%;}
#menuToggle span.hamMenu:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span.hamMenu{opacity: 1;transform: rotate(45deg) translate(-2px, -1px);background: #232323;}
#menuToggle input:checked ~ span.hamMenu:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span.hamMenu:nth-last-child(2){opacity: 1;transform: rotate(-45deg) translate(0, -1px);}
#menu{position: absolute;width: 50%;margin: -100px 0 0 0;padding-top: 125px;left: 0px;background: #ededed;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-100%,0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
#menu li{padding:5px 0;font-size: 16px;}
#menuToggle input:checked ~ ul{transform: none;opacity: 1;}

/*Quick Links*/
ul.quickLinks {list-style-type:none;margin:0;padding:0;}
ul.quickLinks li {display:inline;}
.quickLinksBlock {margin-bottom:1em;}
.quickLinksBlock>a {display:block;padding:10px;position:relative;background-color:#eee;color:#092c74;border:1px solid #eee;}
.quickLinksBlock>a:hover {border:1px solid #092c74;}
.quickLinksBlock>a:hover:before, .quickLinksBlock>a:hover:after {width:95%;height:90%;}


/* ACCESSIBILITY */
button:focus, input:focus {outline:#fff solid 2px !important;}
a:focus span{padding-left:3px;padding-right:3px;}
a:focus span.caret {padding-left: 0;padding-right: 0;}
.btn {border-radius:0;font-size:16px;padding:5px 12px 9px 12px;white-space:normal;}
.btn.btn-primary {color: #fff;}
.btn.btn-primary:hover, .btn.btn-secondary:hover {color: #092c74;background-color:#dddddc;}
.btn-primary, a.btn.btn-primary {color: #fff;background-color: #092c74;border-color: #092c74;}
.btn-primary:focus,.btn-primary.focus {color: #fff;background-color: #286090;border-color: #122b40;}
.btn-primary:visited {color:#fff;background-color:#092c74;}
.btn-primary:hover {color: #092c74;background-color: #f1f1ec;border-color: #092c74;}
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {color: #fff;background-color: #286090;border-color: #204d74;}
.btn-primary:active:hover,.btn-primary.active:hover,.open > .dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open > .dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open > .dropdown-toggle.btn-primary.focus {color: #fff;background-color: #204d74;border-color: #122b40;}
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus {background-color: #337ab7;border-color: #2e6da4;}

#skipToContent, #skipToFooter{padding: 6px;position: absolute;top: -40px;left: 0px;color: #000000;background: transparent;-webkit-transition: top 1s ease-out, background 1s linear;transition: top 1s ease-out, background 1s linear;z-index: 100;width:100%;text-align:center;font-size:1.5em;}
#skipToContent:focus, #skipToFooter:focus{position: absolute;left: 0px;top: 0px;background: #fc6719;color:#000;text-decoration:underline;-webkit-transition: top .1s ease-in, background .5s linear;transition: top .1s ease-in, background .5s linear;}

/*footer*/
footer{padding:10px 0 10px 10px;background-color:#092c74;color:#fff;font-size:inherit;align-items: center;position:relative}
.copyright p {padding-right:1em;margin:0;}
.navbar-logo img {height:64px;width:250px;}

/*media queries*/
@media screen and (max-width:990px) {
    .intranetImage {background:none;min-height:35vh}
    .univNews {position: relative;left: 0;top: 0;transform: none;}
    .navbar-light {background-color:#fff;border: 1px solid #cbc4bc;margin:1em}
    .campusAlerts {min-height: auto;}
    .navbar h3 {padding-top: 0;}
    .announcements {flex-direction:column}
}
@media screen and (max-width:768px) {
    .intranetNameDesc {text-align:left;}
    #menu {transform: none;opacity: 0;transition: opacity 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
    .navbar-light {background-color:#fff;}
    .lakerNews {text-align:center;}
    footer {text-align:center;}
    .quickLinksBlock {margin-bottom:.5em;}
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}