@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,400;1,800&family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,400;1,800&family=Oswald:wght@200;400;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Open+Sans+Condensed:wght@300;700&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap'); */

@import url("/hr2/css/page-animation.css");

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* Using a url */
/* font-family: montserratlight; */
/* font-family: 'Roboto', sans-serif; */
/* font-family: 'Roboto', sans-serif; */
body {
font-family: 'Open Sans',Arial,verdana;
}
.social-heading {
font-size: 1.5em;
font-weight: 600;
margin-bottom: 0.5em;
text-align: center;
}
button:focus {
outline: 1px dotted;
outline: none;
}
b.category {
display: inline-block;
font-weight: 900;
color: #082698;
padding: 0;
font-size: 1em;
text-transform: uppercase;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
width: 50px;
height: 50px;
}
.employee-section ul li {
    padding: 1.02em 1em;
    font-weight: 300;
}
/* Style to be applied on scroll down */
.scrolled-nav-link {
    color: #494747 !important;
}
.logo-text-container h1 {
font-size: 1.8em;
}
h3.hr-staff {
color: #1d3c6b;
}
.cal-container {
margin-top: 2em;
}
.carousel-control-next, .carousel-control-prev {
z-index: 2;
}
i.fa-solid.fa-person-chalkboard {
position: absolute;
margin-left: -1.5em;
font-size: 2em;
}
/*
i.fas.fa-chalkboard-teacher {
position: absolute;
margin-left: -1.5em;
font-size: 1.6em;
}
*/
.dropdown-menu {
font-size: .85rem;
}
ul.submenu.dropdown-menu.level2 {
margin-top: -16em !important;
}
.stickyLogo {
display: none;
}
.stickyLogo.fixed {
padding: .5em 0.5em 0 0.5em;
background: #ffffff;
background: none;
margin: 1em -12em;
height: auto;
transition: .2s;
display: block;
}
.stickyLogo.fixed h1 {
color: #4d4d4d;
font-family: 'Poppins', sans-serif;
padding: 0em 0em;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
transition: .3s;
}
.stickyLogo.fixed h1 span {
color: #ffffff;
display: inline-block;
background: #e01313;
padding: .1em .4em .0em .4em;
}
.containerhrnav {
max-width: 1550px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
#carouselExampleFade {
margin-bottom: 1.2em;
/*filter: drop-shadow(2px 3px 2px #222);*/
border-radius: 2em;
}
.overlayhrhp {
top: 0;
right: 0;
left: 0;
bottom: 0;
display: block;
background: rgb(32 39 62 / 25%);
position: absolute;
width: 100%;
margin: 0em 0em;
height: 100%;
z-index: 2;
}
.display-none {
display: none !important;
}

figure.image img {
width: 100%;
}
.row {
margin-right: 0;
margin-left: 0;
}
.namebox img {
transition: .2s;
}
.namebox img:hover {
transform: scale3d(1.1, 1.1, 1.1);
}
ul.list-unstyled li {
border-bottom: solid #e6e6e6;
margin-bottom: 1em;
padding: 1.5em;
box-shadow: 0 .5rem .7rem rgba(0,0,0,.2)!important;
}
i.fas.fa-caret-right {
color: red;
}
button.view-jobtn {
background: #3366CC;
border-radius: 0.2em;
color: #FFF;
margin: 0.5em 0;
font-size: .9em;
text-transform: uppercase;
transition: .3s;
border: 2px solid #0093e7;
padding: 10px 35px;
margin-top: 20px;
margin-bottom: 0;
line-height: 1.3em !important;
min-height: 4em;
min-width: 270px;
border-radius: 2em;
transition: .2s;
}
button.view-jobtn:hover {
background: #282828;
}
ul.list-unstyled button {
width: 48%;
}
.hamburger.is-active:hover {
opacity: 0.7;
outline: none;
}
.news-twitter-container {
padding-bottom: 3em;
}
.namebox img {
width: 100%;
border-radius: .15em;
}
.dropdown-item {
display: block;
width: 100%;
padding: .5rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
/* font-size: .85em; */
text-align: inherit;
white-space: nowrap;
background-color: transparent;
}
p {
margin-top: 0;
margin-bottom: .5rem;
transition: .25s;
}
a {
color: #0967cc;
}
a:hover {
text-decoration: none;
}
h1, h2, h3, h4 {
font-family: 'Open Sans',Arial,verdana;
/* color: inherit; */
font-weight: 700;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
line-height: 1.3;
text-rendering: optimizeLegibility;
letter-spacing: -0.2px;
-webkit-transform: scale(1, 1.1);
-ms-transform: scale(1, 1.1);
transform: scale(1, 1.1);
transition: .25s;
}
button.navbar-toggler.hamburger.hamburger--3dy-r.collapsed {
border: none;
outline: none;
}
a.nav-link.selected-sidemenu-link, a.nav-link.selected-side-link {
color: #FFF !important;
background-color: #1d3c6b !important;
}
.white-bg {
background:#FFF;
}
svg.svg-inline--fa.fa-caret-right.fa-w-6 {
color: #e01313;
}
.hamburger {
padding: 10px 10px;
}

.navbar {
padding: 0 0 .3em 0;
}

input#search-input {
width: 100%;
display: block;
margin: 0;
margin-bottom: 1em;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
padding: 1.5rem 1.2rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #000000;
background-color: #e2e2e2;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button#myBtn {
position: absolute;
background: red;
color: #FFF;
border: solid red .2em;
border-radius: .1em;
padding: .12em .45em;
font-size: 1.1em;
margin: -6em -1.5em;
z-index: 2;
}

#scroll-top-btn {
display: inline-block;
background-color: #e01313;
color: #FFF;
border: none;
width: 50px;
height: 50px;
font-size: 2em;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#scroll-top-btn::after {
/* content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff; */
}
#scroll-top-btn:hover {
cursor: pointer;
background-color: #333;
}
#scroll-top-btn:active {
background-color: #555;
}
#scroll-top-btn.show {
opacity: 1;
visibility: visible;
}


#controls {
400font-weight: bold;
font-size: 1.2em;
}

#controls a {
display: inline-block;
background: #e01313;
padding: .2em .5em;
border-radius: .15em;
font-size: .85em;
color: #FFF;
transition: .3s;
}

#controls a:hover {
background: #333;
}
.custom-control-label {
cursor: pointer;
}
.custom-control.custom-switch {
margin: auto;
display: block;
text-align: center;
width: 20em;
	display: none;
}
.high-contrast-container {
height: .4em;
font-size: .8em;
padding: .2em;
background: #05132d;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
h2.employee-hub-title span {
color: #dc3545;
}
/*
.employee-hub-title, .section-title {
padding: .25em;
padding-bottom: 0;
background: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 1.25em;
padding-top: .25em;
padding-bottom: .45em;
margin-bottom: 0em;
color: #212121;
font-family: 'Roboto', sans-serif;
font-family: 'montserratblack', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-seri;
font-family: 'Poppins', sans-serif;
text-align: center;
}
*/
.employee-hub-title, .section-title {
padding: .25em;
font-family: "Open Sans", sans-serif;
background: #fff;
text-transform: uppercase;
font-size: 1.25em;
padding-top: .25em;
padding-bottom: .45em;
margin-bottom: 0em;
color: #212121;
text-align: center;
text-align: left;
border-left: solid #495057 .4em;
padding-left: 1em;
}
.captions-slide-text, p.caption-slide-text {
/* background: rgb(29 29 29 / 40%); */
font-size: 2.8em;
z-index: 999999999999999999999;
width: auto;
padding: .2em .2em;
line-height: 1.2em;
color: #fff;
position: absolute;
bottom: 0;
/* transform: skew(-8deg) rotate(-1deg); */
margin: 1.2em 20%;
/* text-shadow: -1px 0 0 #000, -1px 1px 0 rgba(16,16,16,.2); */
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
}

.navbar-dark li.nav-email button, .navbar-dark li.nav-search button {
color: #ffffff;
background: none;
}

li.employee-news-list-style b {
color: #252525;
}

li.nav-email button, li.nav-search button {
background: none;
color: #4389f3;
display: block;
margin: -.15em .1em;
font-size: 1.5em;
width: 1.5em;
border-radius: .3em;
border: none;
transition: all .3s ease-out;
padding: 0;
}

li.nav-email button:hover {
color: #0a81ff;
}
.red {
color: red;
}
/* .caption-bg {
background: #dc3545 !important;
color: #FFF;
padding: .07em 1em !important;
display: inline;
line-height: 1.3em !important;
} */
.row.ticker {
font-family: 'Roboto', sans-serif;
}
.side-menu-container a.nav-link {
color: #1d3c6b;
font-size: .9em;
background: #efefef;
border-bottom: solid #ffffff;
font-family: 'Roboto', sans-serif;
    padding: .7em;
/* font-weight: bolder; */
}
.side-menu-container a.nav-link:hover {
background: #dadada;
}
.navbar .dropdown-toggle::after {
color: #3a88ff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgb(58 136 255);
}
.page-header-pic .overlay {
top: 0;
right: 0;
left: 0;
bottom: 0;
display: block;
background: rgb(32 39 62 / 37%);
position: absolute;
width: 100%;
margin: 0;
height: 99%;
border-radius: 2em 2em 0 0;
z-index: 0;
}

h2.quick-links {
color: white;
background: #333;
font-size: 1.2em;
}
h1 {
color: #373737;
/* font-size: 32px;
font-weight: 700;
text-transform: none;
line-height: 34px; */
}
figure ul {
padding-left: 1em;
}
.page {
padding-top: 0;
}
/* .page h2 {
margin: 0;
font-size: 2.2em;
} */

.page h2 {
/* padding: .1em .5em;
font-size: 1.8em;
position: absolute;
top: 0;
margin: -7em auto;
color: #FFF;
text-shadow: 2px 2px 0px rgba(0,0,0,0.7);
background: #f34235;
left: 0;
text-transform: uppercase; */
padding: .1em 2.5em;
font-size: 2.2em;
position: absolute;
top: 0;
margin: -6em auto;
background: rgba(0, 0, 0, .4);
color: #FFF;
text-shadow: 2px 2px 0px rgba(0,0,0,0.7);
left: 0;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
/* .page h4, .page h3 {
font-size: 1.1em;
text-transform: uppercase;
display: inline-block;
border-radius: 0;
font-weight: bold;
color: #2d2c2c;
} */
.page h4, .page h3 {
font-size: 1.1em;
text-transform: uppercase;
display: inline-block;
border-radius: 0;
font-weight: bold;
/* color: #c10d00; */
font-size: 1.5em;
}
span.coming-soon {
color: #ffc107;
font-size: .9em;
font-weight: bold;
}
footer span.coming-soon {
color: #dc3545;
font-size: 1em;
font-weight: bold;
}

h2.page-title {
background: #3366CC;
background: #b82025;
background: #e01313;
padding: .1em 1em;
font-size: 1.7em;
position: absolute;
top: 0;
/* background: rgba(0, 0, 0, .2); */
color: #FFF;
/* text-shadow: 2px 2px 0px rgba(0,0,0,0.3); */
left: 0;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
margin-top: 5em;
z-index: 0;
display: block;
margin: auto;
}
.quick-view {
position: absolute;
margin: -3.5em 1.4em;
padding: .35em 1em;
font-size: .7em;
text-transform: uppercase;
background-color: #0f4682;
border-color: #007bff;
}
.page-header-pic, .container.page-header-pic.hide-for-small {
height: 20em;
background-size: cover !important;
}
/* .nav-search button {
background: none;
color: #69768a;
border: none;
}
.nav-search button {
color: #595959;
font-size: 1.2em;
padding: 0em;
font-size: 1.7em;
margin: -.3em 0;
cursor: pointer;
transition: all .3s ease-out;
} */
.nav-search button:hover {
/* transform: scale(1.2); */
color: #e01313;
}
.white-padding {
background: #FFF;
padding: .2em .5em !important;
/* border-radius: .5em; */
margin-top: .5em !important;
}
.ticker-wrap {
background: #23262b;
background: #1d3c6b;
background: #001e4c;
padding: .2em 0em;
}
.side-menu-title {
color: #1d3c6b;
font-family: 'Roboto', sans-serif;
text-align: left;
text-transform: uppercase;
padding: .24em;
font-weight: bolder;
font-size: 1.5em;
}
.side-menu-container {
background: #fff;
margin: .4em 0 0 0;
padding: .2em 0 .5em 0em;
}
.ck-content ol, .ck-content ul {
margin-top: 1em;
margin-bottom: 1rem;
}
.ck-content ul li {
margin-bottom: 0.5em;
/* font-size: .9em; */
font-size: 1em;
}
.ck-content p {
margin-top: 0;
margin-bottom: 0rem;
}
.ck-content .table table td, .ck-content .table table th {
font-size: .9em;
}
.ck-content a {
font-weight: bold;
}
.ck-content tr:nth-child(1) span {
color: #FFF !important;
}
.ck-content tr:nth-child(1) {
background: rgb(119 119 119);
}
.ck-content tr:nth-child(2) {
background: rgb(211 222 224 / 1);
}
.ck-content tr:nth-child(3) {
background: rgb(211 222 224 / .9);
}
.ck-content tr:nth-child(4) {
background: rgb(211 222 224 / .7);
}
.ck-content tr:nth-child(5) {
background: rgb(211 222 224 / .5);
}
.ck-content tr:nth-child(6) {
background: rgb(211 222 224 / .3);
}
.ck-content tr:nth-child(7) {
background: rgb(211 222 224 / .1);
}
.ck-content .table table td, .ck-content .table table th {
/* border: 1px solid #ababab !important; */
}
.navbar .navbar-light .navbar-nav .nav-link {
color: rgb(86 86 86 / 98%);
font-family: 'Roboto', sans-serif;
font-family: 'Poppins', sans-serif;
font-weight: bold !important;
font-size: .82em;
transition: all .3s ease-out;
border-bottom: none;
/* border-bottom: solid #182d4c; */
/* border-bottom: solid #ffffff; */
}
.navbar .navbar-light:hover .navbar-nav:hover .nav-link:hover {
/* border-bottom: solid #1069e0; */
}

.b-border {
transition: .3s;
}
.b-border:hover {
/* border-bottom: solid #fff; */
}


button.hp-employee-btns {
background: #bd0b39;
padding: .7em 1em;
border: none;
border-radius: 1em;
width: 60%;
display: block;
margin: 1em auto;
font-weight: bold;
color: #FFF;
/*transition: .2s;*/
}
.ck-content button.hp-employee-btns {
width: 90%;
}
.float-right-desktop {
float:right;
}
.float-left-desktop {
float:left;
}
button.hp-employee-btns:hover {
background: #413d3c;
}

button.hp-employee-btns {
background: linear-gradient(135deg, #bd0b39, #e91e63);
padding: 0.8em 1.5em;
border: none;
border-radius: 8px;
width: 80%; /* Adjusts to content size */
display: block;
margin: 1em auto;
font-weight: bold;
color: #FFF;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
/*    transition: all 0.3s ease;*/
position: relative;
overflow: hidden;
}

/* Hover and active state */
/* button.hp-employee-btns:hover {
    background: linear-gradient(135deg, #e91e63, #bd0b39);
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

button.hp-employee-btns:active {
    transform: translateY(0);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
} */

/* Icon animation */
/* button.hp-employee-btns i {
    margin-right: 0.5em;
    transition: transform 0.3s ease;
} */

/* button.hp-employee-btns:hover i {
    transform: scale(1.2);
} */

/* Ripple effect */
button.hp-employee-btns::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 300%;
height: 300%;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
transform: translate(-50%, -50%) scale(0);
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}

button.hp-employee-btns:hover::after {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 3px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
/*
.navigation-container .navbar-light .navbar-nav .nav-link {
color: #595959;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: bold !important;
font-size: .8em;
}
*/
.navigation-container .navbar-light .navbar-nav .nav-link {
color: #595959;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: bold !important;
font-size: .8em;
margin-left: 0;
font-weight: normal !important;
text-transform: capitalize;
}
.navigation-container li.nav-item.dropdown {
transition: .2s;
}
.navigation-container li.nav-item.dropdown:hover {
background: #ededed;
}
.navigation-container a.dropdown-item {
color: #FFF;
}
.level2 a.dropdown-item {
color: #333;
}
.level2 a.dropdown-item:hover {
color: #FFF;
}
.side-logos {
display: block;
margin: 1em auto;
left: 0;
position: absolute;
height: 60%;
padding: 0;
right: 0;
bottom: 0;
}
.logo-container {
display: inline-block;
width: 30em;
margin: 1em auto 0 auto;
left: 0;
right: 0;
position: absolute;
top: 0;
bottom: 0;
}
.logo-text-container {
padding: 1em 0.5em 0 0.5em;
background: #ffffff;
background: #1d3c6b;
background: #001e4c;
margin: auto;
height: auto;
transition: .2s;
}
.row.logo-text-container img {
/* display: none; */
}
.cares-logo {
margin: auto;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: .3s;
}

.cares-logo:hover {
transform: scale(1.1);
}
.logo-text-container h1 {
border-bottom: solid #fff .15em;
color: #ffffff;
font-family: 'Poppins', sans-serif;
padding: 0em 0em;
text-transform: uppercase;
font-weight: normal;
font-weight: bold;
transition: .3s;
}
.logo-text-container h1 span {
color: #ffffff;
display: inline-block;
background: #e01313;
padding: .1em .4em .0em .4em;
}
.logo-text-container h1.shrink {
font-size: 1.4em !important;
}
.text-container h1 span {
color: #ffffff;
display: inline-block;
background: #e01313;
padding: .1em .4em .0em .4em;
}
.logo-text-container p {
font-size: 1em;
color: #1d3c6b;
margin: 0.7em 6.5em;
display: inline-block;
text-transform: uppercase;
position: absolute;
left: 0;
bottom: 0;
display: none;
}

.logo-text-container .fa-heartbeat {
color: #dc3545;
font-size: 1em;
}
.logo-text {
text-align: center;
padding: .21em;
color: #FFF;
}

/* img.logo-text {
padding-top: 1em;
margin: auto;
display: block;
} */
img.logo-text {
padding-top: 1em;
margin: -3em 14em;
display: inline-block;
float: right;
position: absolute;
height: 4em;
}

.view-all-news {
text-align: center;
display: block;
margin-bottom: 5.9em;
color: #5594ef !important;
font-weight: bold;
}

.light-bg-box {
/* background: #f1f1f1; */
display: block;
width: 100%;
height: auto;
overflow: hidden;
}
.light-bg-box-auto {
/* background: #f1f1f1; */
display: block;
width: 100%;
height: auto;
}
/* .social-header-icons {
background: #ffffff;
color: #4080ff !important;
margin: .1em .2em .1em .1em;
width: 2.1em;
transition: .2s;
cursor: pointer;
transition: .2s;
} */

.d-flex.flex-row.flex-grow-1.flex-fill.justify-content-center.py-2.px-1.social-header-icons {
height: 40px;
}
i.fab.fa-facebook-f {
margin-top: 0;
}
.social-header-icons {
width: 2.1em;
cursor: pointer;
color: rgb(255, 255, 255) !important;
margin: 0.1em 0.2em 0.1em 0.1em;
transition: all 0.2s ease 0s;
}
.social-header-icons:hover {
color: #1d3c6b !important;
}
.social-header-icons:hover {
background: #fff;
}
.margin-top-slim {
margin-top: .45em;
padding: 2% 4% 2% 4%;
}
.margin-top-slim a {
font-weight: bold;
}
.margin-top1 {
margin-top: 1em !important;
}
.margin-top2 {
margin-top: 2em !important;
}
.margin-top3 {
margin-top: 3em !important;
}

.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.padding-top1 {
padding-top: 1em !important;
}
.padding-top2 {
padding-top: 2em;
}
.padding-top3 {
padding-top: 3em;
}
.padding0 {
padding: 0;
}
.padding-right0 {
padding-right: 0;
}
.padding-left0 {
padding-left: 0;
}

main {
padding: 0 0%;
/* background: #000; */
/* background: #c7c4c4; */
}
.fc-h-event {
display: block;
border: 1px solid #ffffff;
background-color: #e40b0b;
}
.btn-set {
position: relative;
}

button.apply-btn, button.view-jobs-btn, .submit-calendar-btn {
background: #3366CC;
background: #d00101;
border-radius: .2em;
color: #FFF;
margin: .5em 0;
border: none;
font-size: .9em;
padding: .2em 1em;
text-transform: uppercase;
transition: .3s;
background: #3366CC;
border-radius: .2em;
color: #FFF;
margin: .5em 0;
border: none;
font-size: .9em;
padding: .2em 1em;
text-transform: uppercase;
transition: .3s;
/* background-color: #0093e7; */
border: 2px solid #0093e7;
padding: 10px 35px;
margin-top: 20px;
margin-bottom: 0;
line-height: 1.3em !important;
min-width: 270px;
}
button.apply-btn:hover, button.view-jobs-btn:hover, .submit-calendar-btn:hover {
background: #333;
}
.media-body h5 {
color: #333;
}
/*
.view-btn {
background: #3366CC;
border-radius: .2em;
color: #FFF;
margin: .5em 0;
border: none;
font-size: .9em;
padding: .7em 1em;
text-transform: uppercase;
transition: .3s;
border: 2px solid #0093e7;
margin-top: 20px;
margin-bottom: 0;
line-height: 1;
min-width: 175px;
display: block;
margin: auto;
}
*/
.view-btn {
background-color: #f5f7fa; /* Softer background color */
color: #0073e6; /* Slightly deeper blue for text */
border: 2px solid #0073e6; /* Slimmer border */
border-radius: 0.5em; /* Smooth, rounded corners */
font-size: 1em; /* Slightly larger for readability */
padding: 0.6em 1.5em;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
margin: 1em auto;
line-height: 1.2;
min-width: 90%;
font-weight: 600;
display: inline-block;
text-align: center;
cursor: pointer;
}

.view-btn:hover {
background-color: #0073e6; /* Background fills with primary color on hover */
color: #ffffff; /* Text color changes to white */
transform: translateY(-2px); /* Lift effect on hover */
}

.dark-btn {
background: #dc3545;
border-radius: 2em;
color: #FFF;
display: block;
margin: .5em 0em;
font-size: .9em;
padding: .7em 1em;
text-transform: uppercase;
transition: .3s;
border: 2px solid #0093e7;
margin-top: 20px;
margin-bottom: 0;
line-height: 1;
min-width: 150px;
}
.view-btn:hover, .dark-btn:hover {
background: #333;
}
.view-btn:hover {
background: #007bff;
color: #FFF;
}
table#staff-page-table {
width: 98%;
margin: 0 auto;
padding: 0;
display: block;
}
thead.staff-page-table-head-style {
background: #5f5d5d;
color: #FFF;
}
th.staff-page-header-text {
padding: .4em;
}
.namebox {
font-size: 3.5em;
background: #d1dcec;
/* padding: .5em 0; */
text-align: center;
margin: .1em;
color: #1d1d1d;
text-transform: uppercase;
font-weight: bold;
transition: .25s;
position: relative;
}
.namebox:hover {
background: #ffffff;
}
#staff {
padding-top: 1.75em;
}
#staff p {
margin-top: 0;
margin-bottom: 2em;
font-size: .82em;
text-align: center;
}
.staff-email-btn {
font-size: .5em;
color: #1d1d1d;
position: absolute;
top: 0;
margin: 1.4em -5em;
}

.col-lg-8.col-sm-12.padding-top1 {
padding: 0;
}
.row.img-btns {
padding: 0 0em;
}

.d-flex.flex-row.flex-grow-1.flex-fill.justify-content-center.bg-danger.py-2.text-white.px-1.news {
width: 6em;
}
.light-bg {
/* background: #f5f5f5; */
padding: .91em !important;
}
.last-row {
padding: 0em 0em;
}
.employee-section {
/*padding-top: .8em;*/
}
.last-row a, .employee-section a {
color: #636363;
font-size: .9em;
}
.last-row h3, .employee-section h3 {
text-transform: uppercase;
}
.employee-section ul {
list-style-type: none;
padding-left: .2em;
}
.employee-section ul li {
padding: 1.02em 1em;
}
li.employee-news-list-style:hover {
background: #ececec;
}
.navigation-container {
background: #307cf1;
background: #ffffff;
padding: .7em 0 .5em 0;
transition: .25s;
z-index: 999;
position: relative;
}
.navbar-light .navbar-toggler {
color: rgb(16 16 16 / 0.8);
border-color: rgba(0,0,0,.1);
padding-bottom: .2em;
}
.hamburger-box {
/* padding: .7em .7em .3em .7em; */
}
/* .navigation-container {
background: rgb(255 255 255 / .8);
padding: .7em;
transition: .25s;
z-index: 999;
position: absolute;
left: 0;
right: 0;
} */
.navigation-container .navbar-light .navbar-nav .active>.nav-link, .navigation-container .navbar-light .navbar-nav .nav-link.active, .navigation-container .navbar-light .navbar-nav .nav-link.show, .navigation-container .navbar-light .navbar-nav .show>.nav-link {
color: #595959;
}
.cal-carousel.owl-theme {
/* background: #f3f3f3; */
padding: 0em 0em;
}
.search-result-container {
padding: .5em 1em;
background: #ffffff;
margin: .5em .5em 2em .5em;
}

.search-result-container:nth-child(even) {
/* background: #f3f3f3; */
}
.search-result-container:hover {
background: #f3f3f3;
}
.search-result-container p {
font-weight: normal;
color: #333;
font-size: .9em;
}
.modal-body .ck-content {
width: 90%;
margin: auto;
font-size: .8em;
padding: 2em;
background: #f5f5f5;
border-radius: .3em;
}
.editor ul li, .editor ol li {
margin-bottom: 1em;
}
p.title {
margin-bottom: 0;
font-weight: bolder;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
font-size: 1.3em;
/* text-transform: uppercase; */
}
h3.search {
color: #ffffff;
font-size: 1.2em;
margin: 0;
background: #353535;
padding: .1em 1.2em;
text-transform: uppercase;
}

ul.dropdown-menu.fade-up.show, .dropdown-menu.fade-up.show {
background: black;
margin-top: .5em;
}

.dropdown-item:focus, .dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #0d5bd2;
}

ul.submenu.dropdown-menu {
background: #FFF;
}
/* .navigation-container:hover {
}
.navigation-container .navbar {
z-index: 9999;
}
.navigation-container .navbar .dropdown-item:focus, .navigation-container .navbar .dropdown-item:hover {
color: #16181b;
color: #ffffff;
text-decoration: none;
background-color: #3a88ff;
}
.navigation-container .navbar-nav li:hover>.dropdown-menu {
margin-top: .6em;
border-radius: 0;
}
.navigation-container .navbar .dropdown-item {
font-size: .96em;
}
/* .navigation-container .navbar .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
width: 20em;
min-width: 10rem;
padding: .5rem 0;
margin: .45rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #1c4788;
background-color: #0f213e;
background-clip: padding-box;
border: none;
border-radius: .25rem;
} */
.dropdown-menu.fade-up {
margin-top: .6em;
}
.dropdown-menu.fade-up.show {
display: block !important;
} */
.dropdown-item {
color: #FFF;
}
.bg-primary {
background-color: none !important;
}

/* HAMBURGER MENU */


.icon-bar {
width: 22px;
height: 2px;
background-color: #B6B6B6;
display: block;
transition: all 0.2s;
margin-top: 4px
}

.navigation-container .navbar-toggler {
border: none;
background: transparent !important;
}

.navigation-container .navbar-toggler .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}

.navigation-container .navbar-toggler .middle-bar {
opacity: 0;
}

.navigation-container .navbar-toggler .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}

.navigation-container .navbar-toggler.collapsed .top-bar {
transform: rotate(0);
}

.navigation-container .navbar-toggler.collapsed .middle-bar {
opacity: 1;
}

.navigation-container .navbar-toggler.collapsed .bottom-bar {
transform: rotate(0);
}
/* .navbar .mainNav>ul>li>a:after {
-webkit-transition: width .3s linear;
transition: width .3s linear;
height: 3px;
margin: 0 auto;
bottom: -7px;
content: '';
width: 0;
left: 0;
right: 0;
position: absolute;
background: #dc3545;
} */

a {
-webkit-transition: opacity .3s linear,visibility .3s linear,color .3s linear,border .3s linear,background .3s linear,-webkit-box-shadow .3s linear;
transition: opacity .3s linear,v729isibility .3s linear,color .3s linear,border .3s linear,background .3s linear,-webkit-box-shadow .3s linear;
transition: opacity .3s linear,visibility .3s linear,color .3s linear,border .3s linear,background .3s linear,box-shadow .3s linear;
transition: opacity .3s linear,visibility .3s linear,color .3s linear,border .3s linear,background .3s linear,box-shadow .3s linear,-webkit-box-shadow .3s linear;
}
a:active, a:hover {
outline: 0;
}

#dates p {
font-size: .9em;
padding-top: .8em;
font-family: 'Roboto', sans-serif;
font-weight: normal;
float: left;
}
.date-cap {
display: inline;
background: #ad0406 !important;
background: #3c3c3c;
color: #ffffff;
margin: 0;
line-height: 15px;
border-radius: .2em;
font-size: .8em !important;
padding: .4em .7em;
text-align: center;
text-transform: uppercase;
width: 14%;
}
.date {
text-transform: uppercase;
font-size: .95em;
}
.cal-container .date {
background: #1e457d;
background: #001e4c;
color: #FFF;
text-align: center;
padding: .5em .8em;
font-weight: bold;
margin: 0.15em 1em 0.15em .2em;
cursor: pointer;
transition: .2s;
text-transform: uppercase;
float: left;
}
.calendar.item.box.effect2:nth-child(odd) {
/* background: #f3f3f3; */
}
.calendar.item.box.effect2:hover {
/*background: #CCC;*/
}
.calendar.item.box.effect2 {
left: 0;
right: 0;
padding: 0.25em .55em;
width: 100%;
display: inline-block;
/* height: 3.95em; */
}
.calendar.item .month {
font-size: .9em;
margin-top: .4em;
display: block;
}
.calendar.item .day {
font-size: 1.5em;
margin-bottom: 0.25em;
display: block;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
}
.calendar.item .year {
font-size: 1.2em;
margin-top: -.4em;
display: block;
font-weight: normal;
color: #fff;
}
.cal-container p.title {
color: #252323;
padding: .17em .7em;
width: 75%;
}
.Odd {
/* background: #f3f3f3; */
}
.ticker-container {
position: relative;
padding: .25em;
}
.ticker-overlay {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 90%);
display: block;
display: none;
position: absolute;
width: 100%;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0em auto 0 auto;
z-index: 2;
}
.ticker-title {
/* background-color: #dc3545 !important; */
text-transform: uppercase;
padding: .2em .2em !important;
width: 8em !important;
}
.ticker a {
color: #FFF;
font-size: 1.25em;
}
.ticker h4 {
font-size: .9em;
margin: 0;
color: #ffffff;
background: #3a88ff;
background: #091e3e;
background: none;
padding: .2em .4em;
font-family: 'Poppins', sans-serif;
}
.why-title {
/* text-align: center; */
font-size: 1.5em;
font-weight: bold;
}
.main-container {
/* padding-top: 2em; */
}
.main-section {
padding: 0em 0em 3em 0em;
}
.page .main-section {
padding: 0em 0em 3em 0em;
}
popper,
.tooltip {
position: absolute;
z-index: 9999;
background: #FFC107;
color: black;
width: 150px;
border-radius: 3px;
box-shadow: 0 0 2px rgba(0,0,0,0.5);
padding: 10px;
text-align: center;
}
.style5 .tooltip {
background: #1E252B;
color: #FFFFFF;
max-width: 200px;
width: auto;
font-size: .8rem;
padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
border-color: #FFC107;
}
.style5 .tooltip .tooltip-arrow {
border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
left: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
right: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}

.black-title-wrap {
text-align: center;
background: #333131;
color: #FFF;
padding: .2em;
}
.hover-scale-image img {
transition: .3s;
}
.hover-scale-image img:hover {
transform: scale(1.1);
}
.img-fluid img {
width: 100%;
}

h5.mt-0.mb-1 {
font-weight: bold;
}
button.hr-btn {
width: 99%;
margin: 1em auto;
display: block;
background: #4a6ee0;
padding: .7em .7em;
color: #FFF;
border-radius: .3em;
border: solid #819df5;
transition: .2s;
text-transform: uppercase;
}
button.hr-btn:hover {
background: #333;
}

.margin0 {
margin: 0;
}
.bf-footer {
background-size: cover;
height: 26em;
width: 100%;
}
.black {
background: black;
color: black;
}
.bf-footer .overlay {
/* background: linear-gradient(90deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 74%);
background: linear-gradient(90deg, rgba(0,0,0,0) 10%, rgb(133, 170, 241) 74%); */
width: 100%;
position: absolute;
height: 30em;
}
.hr-rule {
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 74%);
height: .2em;
}
.hr-rule2 {
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(130, 134, 138, 0.5) 74%);
height: .07em;
}
.hr-rule3 {
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(130, 134, 138, 0.5) 74%);
height: .3em;
}
.hr-rule3 {
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(130, 134, 138, 0.5) 74%);
height: .02em;
}
.scs-logo-header {
margin-top: .2em;
margin-right: .7em;
transition: .3s;
}
.scs-logo-header.shrink {
margin-top: .37em;
margin-right: .47em;
height: 2em;
}
.fixed {
background: rgb(0 0 0 / 0.85);
background: rgb(255 255 255 / 99%);
position: fixed;
width: 100%;
top: 0;
/* padding: .4em; */
}
.navigation-container.fixed .navbar-light .navbar-nav .active>.nav-link, .navigation-container.fixed .navbar-light .navbar-nav .nav-link.active, .navigation-container.fixed .navbar-light .navbar-nav .nav-link.show, .navigation-container.fixed .navbar-light .navbar-nav .show>.nav-link, .navigation-container.fixed li.nav-email button, .navigation-container.fixed .nav-search button {
color: #ffffff;
}
.fixed .navbar-light .navbar-nav .nav-link {
color: rgb(255 255 255 / 98%);
}
footer {
padding: 5em 0em 3em 0em;
/* background: #d8d8d8; */
}

.footerwrap {
width: 96%;
margin: auto;
}
.hr-heart-footer img {
margin: 0 auto 2em auto;
display: block;
}
footer .row {
padding: 0em;
}
footer ul {
list-style-type: none;
padding: .4em 0em;
}
footer h3, footer li, footer li a {
color: #000;
font-size: .95em;
font-weight: 300;
}
footer h3 {
margin-bottom: .2em;
font-size: .96em;
color: #042995;
font-weight: bold;
text-transform: uppercase;
}
footer .logo {
display: block;
margin: auto;
width: 90%;
/* padding: 1em; */
/* background: #FFF; */
}
.hr-news-icon {
padding: .05em .3em;
color: #ffffff;
position: absolute;
margin: -0.35em -1.3em;
background: #e01313;
font-size: 1.2em;
border-radius: .05em;
}

footer .col-md-1 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
/* END HAMBURGER MENU */

/* NAVBAR SLIDE DOWN ANIMATION  */
navbar {
padding: 0px!important;
-webkit-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
-moz-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
}

.navbar ul.dropdown-menu{
/* width: 11vw;
border-radius: 0px;
font-weight: 400;
font-size: 0.9em;
line-height: 16px;
text-decoration: none;
padding: 0px;
list-style-type: none; */
-webkit-animation: mymove 0.5s;
animation: mymove 0.5s;
/* background-color: #fff; */
-webkit-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
-moz-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
}

.navbar li.dropdown:hover ul.dropdown-menu{
display: block;
}

/*
.navbar .dropdown-menu li:hover a {
color: #ec5626;
}
.navbar .dropdown-menu li{
border-bottom: 1px solid #ccc;
padding: 20px;
display:block;
}
.navbar .dropdown-menu li a{
color: #444;
text-decoration: none;
text-transform: capitalize;
} */
/* a.dropdown-item {
background: #0a1627;
}
@keyframes mymove {
from {
top:  100px;
height: 0px;
opacity: 0;
border-bottom:0px;
}
to {
height: auto;

}
}

.side-menu-container .dropdown-toggle::after {
color: red;
}
.side-dropdown a.dropdown-item {
color: #333;
font-size: .9em;
}
.side-dropdown a.dropdown-item:hover {
background: #CCC;
}
.navbar-nav a.nav-link{
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
padding: 0px !important;
}
ul.navbar-nav li.nav-item {
margin: 5px 7px;
}
.navbar {
padding: 0;
}
ul.navbar-nav .nav-item:after {
content: '';
display: block;
height: 3px;
width: 0;
transition: width .5s ease, background-color .5s ease;
}
.navbar-nav .nav-item:hover:after {
width: 100%;
/* background: #ffbb21; */

.news-twitter-container {
padding-bottom: 2em;
}
.twitter-box {
font-size: 2em;
color: #294979;
margin-top: .5em;
}
#SCSlogoRound {
margin: auto;
display: block;
}
#calendar a {
color: #333;
transition: .2s;
}
.breadcrumb {
background-color: #ffffff;
border-bottom: solid #e8e8e8 .2em;
width: 100%;
font-size: .8em;
border-radius: 0;
margin: .1em 0 .4em 0;
}
.cr-container {
text-align: center;
padding: .3em;
font-size: .9em;
/* background: #303640; */
background: #b82025;
background: #001e4c;
color: #FFF;
text-transform: uppercase;
}
.row.quick-links {
padding-top: 1em;
}
.quick-links a p:hover {
color: #1847a7;
}
ul.quick-links a:hover {
color: #ffffff;
background: #3e7de6;
}
ul.quick-links {
padding: .5em .5em .5em 0em;
font-size: .88em;
font-size: .9em;
float: left;
list-style-type: none;
display: block;
width: 50%;
}
ul.quick-links a {
color: #333;
}
ul.quick-links a:hover, .quick-links a:hover {
color: #ffffff;
background: #3e7de6;
}
ul.quick-links li, .quick-links {
/* margin-left: 1em;
line-height: 2em; */
/*border-bottom: solid #cccccc .12em;*/
}
ul.quick-links li, .quick-links p {
border-bottom: solid #eaeaea .12em;
padding: .68em 0;
border-bottom: solid #eaeaea .12em;
font-size: .9em;
}
/*
.navbar-dark .navbar-nav .nav-link {
font-family: 'Open Sans',Arial,verdana;
color: #595959;
text-transform: uppercase;
font-weight: bold !important;
font-size: .85em;
}
*/
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #252525;
}
.navbar-dark .navbar-nav .nav-link {
color: #595959;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: bold !important;
font-size: .8em;
margin-left: 0;
font-weight: normal !important;
text-transform: capitalize;
}
.navbar-dark .hamburger-inner, .navbar-dark .hamburger-inner::before, .navbar-dark .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #fff9f9;
background-color: #313131;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
ul.dropdown-menu.fade-up, .dropdown-menu.fade-up, div.dropdown-menu.fade-up  {
background: black;
}
.dropdown-item:focus, .dropdown-item:hover {
background-color: #2952a7 !important;
color:#FFF !important;
}
.showit {
display: block;
visibility: visible;
}
.hideit {
display: none !important;
visibility: hidden !important;
}
ul.submenu.dropdown-menu.level2 {
margin-top: -2em;
border-top: solid .2em #e01313;
border-radius: 0;
}
.level2 {
opacity: 0;
visibility: hidden;
transition: .3s;
margin-top: -2em;
border-radius: 0;
}
.level2 a.dropdown-item:hover {
background: #151414;
color: #FFF;
}

.search-container {
padding: 0 10em;
}

nav.navbar li {
font-size: 1.2em;
}
@media (min-width: 2200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1600px;
}
}

@media (max-width: 1400px) {
.img-btns h2 {
margin: 8em auto;
}
.container {
margin: 0 !important;
}
.navigation-container .navbar-light .navbar-nav .nav-link {
font-size: .82em;
}
.navigation-container.shadow.fixed .container {
margin-left: 0;
}

.navbar-dark .navbar-nav .nav-link {
color: rgb(255 255 255 / 99%);
font-family: 'Poppins', sans-serif;
font-weight: bold !important;
font-size: .75em;
}
.logo-text-container h1 {
/* font-size: 1.5em; */
}
h2.page-title {
padding: 0.25em 1em;
font-size: 1.4em;
}

footer .col-md-1 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1500px;
}
}

@media (min-width: 2000px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1300px;
max-width: 1400px;
max-width: 2000px;
}
}

@media (max-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1300px;
max-width: 1400px;
max-width: 1600px;
}
}


@media (max-width: 1200px) {

img.mr-3 {
display: none;
}
.float-right-desktop {
float:auto;
}
.float-left-desktop {
float:auto;
}
input:focus {
outline:none;
}
.container, .container.padding0 {
max-width: 100% !important;
}
li.nav-email button, li.nav-search button {
background: none;
color: #1d3c6b;
display: block;
margin: .1em .1em;
font-size: 1.2em;
width: 2em;
border-radius: .3em;
border: none;
transition: all .3s ease-out;
}
#dates {
padding: 0 0 0 0em !important;
}
.last-row a, .employee-section a {
color: #636363;
font-size: 1em;
}
.row.img-btns {
padding: 0 0em;
}
nav.navbar li {
font-size: 1em;
}
}

@media (max-width: 1100px) {
ul.list-unstyled button {
width: 100%;
}
.navigation-container .navbar-light .navbar-nav .nav-link {
font-size: .7em;
}
.img-btns h2 {
font-size: .85em;
}
.navigation-container .navbar-light .navbar-nav .nav-link {
font-size: .75em;
}
.navbar-dark .navbar-nav .nav-link {
color: rgb(255 255 255 / 99%);
color: rgb(0 0 0 / 99%);
font-family: 'Poppins', sans-serif;
font-weight: bold !important;
font-size: .75em;
}
.navbar-dark .navbar-nav .nav-link {
font-size: .75em;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgb(0 0 0 / 75%);
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #000;
}

.ticker h4 {
font-size: .8em;
}

.search-container {
padding: 0 4em;
}
margin: 8em 0 0em .15em;
}


/* ============ only desktop view ============ */
@media all and (min-width: 992px) {

.navbar .nav-item:hover .dropdown-menu, .drop-item:hover {
display: block;
}
.footerwrap .col-lg-1 {
-ms-flex: 0 0 12%;
flex: 0 0 12%;
max-width: 12%;
}
.navbar .nav-item .dropdown-menu{   opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
.navbar .nav-item:hover .nav-link{  }
.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .dropdown-menu.fade-up{ top:180%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

.dropdown-menu .dropdown-toggle:after{
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid;
}

.dropdown-menu .dropdown-menu{
margin-left:0; margin-right: 0;
}

.dropdown-menu li{
position: relative;
}
.nav-item .submenu{
display: none;
position: absolute;
left:100%; top:-7px;
}
.nav-item .submenu-left{
right:100%; left:auto;
}

.dropdown-menu > li:hover{
/* background-color: #fff;  */
}
.dropdown-menu > li:hover > .submenu{
display: block;
}
}

/* ============ desktop view .end// ============ */

@media (max-width: 980px) {
.menu-block-btn {
font-weight: bold;
border: solid;
border-radius: .2em;
padding: 0em .25em;
margin-left: -1em;
}
.staff-email-btn {
display: block;
}
.navigation-container .navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link  {
font-size: 1em;
}
.navigation-container {
padding: .1em;
}
main {
margin: 0 0%;
}
li.nav-email button, li.nav-search button {
font-size: 1.7em;
}
}


@media (max-width: 768px) {

.img-btns h2 {
margin: 3em 0 0em .15em;
}
button.hp-employee-btns {
width: 98%;
}
.page-header-pic .overlay, .page-header-pic {
display:none;
}
.search-container {
padding: 0 2em;
}

#dates {
padding: 0 0 0 1.7em !important;
}
.calendar.item.box.effect2 {
left: 0;
right: 0;
padding: 0.25em .55em;
width: 100%;
display: inline-block;
height: 3.95em;
}
.ticker-title {
display: none !important;
}
.title-icon .icon {
display: none;
}

.title-icon {
margin: .25em auto;
position: relative;
width: 100%;
padding: 0;
}
.navbar-dark .hamburger.is-active .hamburger-inner, .navbar-dark .hamburger.is-active .hamburger-inner::before, .navbar-dark .hamburger.is-active .hamburger-inner::after {
background-color: #fff;
background-color: #8d1414;
}
.img-btns h2 {
font-size: 1em;
}
.img-btns h2:hover {
background: #3c4047;
}
.img-btns img {
display: none;
}
.employee-hub-title, .section-title {
margin-top: .5em;
}
#scroll-top-btn {
margin: 30px;
}
.padding-top1 {
padding-top: 0em !important;
}
footer .col-md-1 {
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
}
.overlay {
position: absolute;
/* background: rgb(0 0 0 / .1); */
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
width: 98%;
cursor: pointer;
height: 98%;
}

.captions-slide-text, p.caption-slide-text {
font-size: 1.3em;
padding: 0em;
margin: 3em 0;
}
.container {
max-width: 100%;
}
h2.page-title {
padding: 0.25em 1em;
font-size: 1em;
}
.page h2 {
padding: .1em .5em;
font-size: 1.3em;
position: absolute;
top: 0;
margin: -6em auto;
transition: .2s;
left: 0;
}
.img-btns img {
width: 98%;
margin: auto;
}
.logo-text-container h1 {
margin: .5em 0;
width: 100%;
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: 4px;
display: block;
border-left: 0;
border-right: 0;
padding: .2em;
text-align: center;
}
.page-header-pic {
height: 8.5em;
}
.hide-small, .hide-for-small {
display: none !important;
}
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
.ck-content .table table td, .ck-content .table table th {
/* border-radius: .7em; */
}

.container.ticker-container {
padding-right: 15px;
padding-left: 0;
}

.ticker h4 {
font-size: .8em;
margin: 0;
}
.navigation-container {
/* background: #306ecc; */
padding-top: 0em;
transition: .25s;
}
.overlay {
background: none;

}
}
/* Container */
.img-btns {
    display: flex;
    flex-wrap: wrap;
}

.btn-set {
    position: relative;
    overflow: hidden;
}

/* Overlay with Gradient from Bottom to Top */
.btn-set .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(17 31 43), rgba(0, 0, 0, 0.1));
    z-index: 1;
    transition: background 0.3s ease-in-out;
}

.btn-set:hover .overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3));
    background: linear-gradient(to top, rgb(17 31 43), rgba(0, 0, 0, 0.8));
}
/* Image Styling */
.btn-set img {
width: 100%;
height: auto;
display: block;
transition: transform 0.5s ease;
margin: .2em;
}

.btn-set:hover img {
    transform: scale(1.1); /* Slight zoom on hover */
}

/* Centered Title and Icon Container */
.title-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    z-index: 2;
    opacity: 1;
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Ensure Centering on Hover */
.btn-set:hover .title-icon {
    opacity: 1;
    transform: translate(-50%, -50%);
}

/* Icon Styling */
.title-icon .icon {
    font-size: 2rem;
    margin-bottom: 5px;
}

/* h2 Styling - Centered Text */
.title-icon h2 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .title-icon h2 {
        font-size: 1rem;
    }
    .title-icon .icon {
        font-size: 1.5rem;
    }
}