html {
    scroll-behavior:smooth;
}

.pagecontent .fade-in-up {
  opacity: 0;
  transform: translateY(50px); 
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.pagecontent .fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.msl-visually-hidden {
    display:none;
}

.msl-pagebanner, .pagebanner img {
    width:100%;
}

body { 
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:18px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4 {
     color:#211C36;
}

.h4question {
    color:#211C36 !important;
    font-weight:bold;
}

@media (min-width: 1025px) {
    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -10px;
    }
    
    .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .main-top-nav li a {
        margin-top: 10px;
    }
    
    .main-top-nav .dropdown-menu li a {
        margin-top:5px;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #777;
    font-size: 15px;
}

/*** Nav Pills background ***/


.red-bg-nav .nav-tabs.nav-justified>.active>a, 
.red-bg-nav .nav-tabs.nav-justified>.active>a:hover, 
.red-bg-nav .nav-tabs.nav-justified>.active>a:focus,
.red-bg-nav .nav>li>a:hover, 
.red-bg-nav .nav>li>a:focus {
    background: #b74a47;
    color: #fff;
    border: none;
}

.color-bg .red-bg-nav li>a {
    text-decoration: none;
}

.color-bg .red-bg-nav .well li>a {
    text-decoration: underline;
}

/*** Full width Nav tabs ***/

.nav-pills li a:hover {
    cursor: pointer;
}

.full-width-nav-tab .nav-pills>li.active>a, 
.full-width-nav-tab .nav-pills>li.active>a:hover, 
.full-width-nav-tab .nav-pills>li.active>a:focus,
.full-width-nav-tab .nav>li>a:hover,
.full-width-nav-tab .nav>li>a:focus{
    color: #000;
    background-color: #40b4e5;
    border-radius:0px;
    transition-duration: 0.2s;
    font-size: 19px;
    height: 100%;
}

@media (min-width:992px) {
    .full-width-nav-tab ul {
        border-bottom: 10px solid #40b4e5;
    }
}

.full-width-nav-tab .nav {
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    padding-left: 0; 
    list-style: none; 
    border-bottom: 10px solid #40b4e5;
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch;
}

.full-width-nav-tab .nav-pills>li {
    width:100%;
}

/*** MARGINS ***/

.m-auto {
    margin:auto;
}

.mt-0 {
    margin-top:0px !important;
}
.mt-1 {
    margin-top:5px !important;
}
.mt-2 {
    margin-top:10px !important;
}
.mt-3 {
    margin-top:15px !important;
}
.mt-4 {
    margin-top:20px !important;
}
.mt-5 {
    margin-top:30px !important;
}

.mb-0 {
    margin-bottom:0px !important;
}

.mb-1 {
    margin-bottom:5px !important;
}
.mb-2 {
    margin-bottom:10px !important;
}
.mb-3 {
    margin-bottom:15px !important;
}
.mb-4 {
    margin-bottom:20px !important;
}
.mb-5 {
    margin-bottom:30px !important;
}

.mr-1 {
    margin-right:5px !important;
}
.mr-2 {
    margin-right:10px !important;
}
.mr-3 {
    margin-right:15px !important;
}
.mr-4 {
    margin-right:20px !important;
}
.mr-5 {
    margin-right:30px !important;
}

.ml-1 {
    margin-left:5px !important;
}
.ml-2 {
    margin-left:10px !important;
}
.ml-3 {
    margin-left:15px !important;
}
.ml-4 {
    margin-left:20px !important;
}
.ml-5 {
    margin-left:30px !important;
}

.pt-0 {
    padding-top:0px !important;
}
.pt-1 {
    padding-top:5px !important;
}
.pt-2 {
    padding-top:10px !important;
}
.pt-3 {
    padding-top:15px !important;
}
.pt-4 {
    padding-top:20px !important;
}
.pt-5 {
    padding-top:30px !important;
}

.pb-0 {
    padding-bottom:0px !important;
}

.pb-1 {
    padding-bottom:5px !important;
}
.pb-2 {
    padding-bottom:10px !important;
}
.pb-3 {
    padding-bottom:15px !important;
}
.pb-4 {
    padding-bottom:20px !important;
}
.pb-5 {
    padding-bottom:30px !important;
}

.pr-0 {
    padding-right:0px !important;
}

.pr-1 {
    padding-right:5px !important;
}
.pr-2 {
    padding-right:10px !important;
}
.pr-3 {
    padding-right:15px !important;
}
.pr-4 {
    padding-right:20px !important;
}
.pr-5 {
    padding-right:30px !important;
}

.pl-0 {
    padding-left:0px !important;
}

.pl-1 {
    padding-left:5px !important;
}
.pl-2 {
    padding-left:10px !important;
}
.pl-3 {
    padding-left:15px !important;
}
.pl-4 {
    padding-left:20px !important;
}
.pl-5 {
    padding-left:30px !important;
}

/* Border Radius*/

.br-40 {
    border-radius:40px !important;
}
.br-60 {
    border-radius:60px !important;
}
.br-80 {
    border-radius:80px !important;
}
.br-tl-60 {
    border-top-left-radius: 60px;
}
.br-tr-60 {
    border-top-right-radius: 60px;
}
.br-bl-60 {
    border-bottom-left-radius: 60px;
}
.br-br-60 {
    border-bottom-right-radius: 60px;
}

/*** VERTICAL ALIGN COLUMNS B3 FIX ***/

.vertical-align {
    display: flex;
    align-items: center;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*** Equal-height Row ***/

.row.equal-height {
  display: flex;
  flex-wrap: wrap;
}

.row.equal-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/* FIX OUTLINE */

a:focus,
a:focus-visible,
a:active:focus
a:active.focus, 
a.active.focus,
.btn:focus,
.btn:focus-visible,
.btn:active:focus,
.btn:active.focus, 
.btn.active.focus {
    outline:none;
}




/*** IMAGE STYLES ***/
img {
  height: auto !important;
  max-width: 100% !important;
}
.img-100 {
    width:100%;
}
.rounded {
    border-radius:5px;
}
.rounded-top {
    border-top-right-radius:5px;
    border-top-left-radius:5px;
}
.rounded-bottom {
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
.rounded-right {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.rounded-left {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.msl-pagebanner img {
    width:100%;
}

h1 {
    font-size:42px;
    margin:30px 0px;
    font-weight:800;
}

h2 {
    font-size:32px;
    margin:30px 0px;
}

h3 {
    font-size:24px;
}

h4 {
    margin:20px 0px;
    font-size:20px;
}

.head-bold {
    font-weight:bold;
    display:block;
}

p, ol, ul, .pageol a, .pagecontent a, a { 
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:18px;
    line-height:1.7;
}

.p-big,
.p-big a,
.p-big ul {
    font-size:20px;
}

.h2-big {
    font-size:40px;
    font-weight:700;
}

.h3-big {
    font-size:30px;
    font-weight:700;
}

.check-ul li {
    margin-left:30px;
}

.check-ul li:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 10px 0 0;
    color: #008C7A;
}

.check-ul .no-check-ul li:before {    
    display:none;
}

.check-ul.check-ul-red li:before {
    color: #E56B54;
}

.text-center ul li {
    list-style-position: inside;
    margin-left:-10px;
}

@media (max-width:1200px) {
    .text-center ul li {
        list-style-position: inside;
        margin-left:-30px;
    }
    .text-center .list-unstyled li {
        margin-left:0px;
    }
}

/* Font Awesome Colors */

.fa-color-white {
    color:#ffffff;
}

.fa-color-red {
    color:#E56B54;
}

.fa-color-green {
    color:#A2C748;
}

.fa-color-darkgreen {
    color:#357b73;
}

.fa-color-purple {
    color:#7664c6;
}

.fa-color-lightblue {
    color:#40B5E5;
}

.fa-color-darkblue {
    color:#211C36;
}

.fa-color-orange {
    color:#F39200;
}

.fa-color-yellow {
    color:#FFBF40;
}

.fa-color-pink {
    color:#e65c5c;
}

.fa-feature-icon {
    display:block;
    margin:0 auto;
    font-size:140px;
    margin-bottom:20px;
}

.fa-size-30 {
    font-size:30px;
}

.fa-size-40 {
    font-size:40px;
}

.fa-size-50 {
    font-size:50px;
}

.fa-size-80 {
    font-size:80px;
}

/* MARGIN & PADDING */
.mb-10 {
    margin-bottom:10px !important;
}

@media (min-width:1024px) {
    .col-sm-push-center {
        margin-left:20px;
    }
}

/* Keep Above Nav */
.modal {
    z-index: 1000000000;
}

/* CHECKOUT SETUP

ul[id="method-options"] li a[id*="stripe"] {
    background: url(https://www.guildofstudents.com/stylesheet/Redesign2016/stripe-payment-options.jpg) right 10px top 50% no-repeat #fff;
    background-size: 200px;
} */

@media (max-width: 992px) {
    ul[id="method-options"] li a[id*="card"], ul[id="method-options"] li a[id*="stripe"] {
        background: url(../jpg/stripe-payment-options.jpg) right 10px top 50% no-repeat #fff;
        background-size: 150px;
    }
}

.method-stripe div.pay input.button {
    background: #357b73;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #357b73;
    font-size: 16px;
    padding: 15px 10px;
    margin-top:-10px;
}
.method-stripe div.pay input.button:hover {
    background-color: #255a54;
}

/* NAV SETUP */

.navbar .collapse {
     padding: inherit;
}

@media (max-width: 1020px) {
    .pull-left, .pull-right {
        float: none!important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .pull-left {
        margin-right:20px;
    }
    
    .pull-right {
        margin-left:20px;
    }
}

/* color for heads */

.green-heads .white-bg h1, .green-heads .white-bg h2, .green-heads .white-bg h3, .green-heads .white-bg h4, .green-heads .white-bg h5  {
    color:#357b73;
}

.purple-heads .white-bg h1, .purple-heads .white-bg h2, .purple-heads .white-bg h3, .purple-heads .white-bg h4, .purple-heads .white-bg h5  {
    color:#3F366F;
}

.blue-heads .white-bg h1, .blue-heads .white-bg h2, .blue-heads .white-bg h3, .blue-heads .white-bg h4, .blue-heads .white-bg h5, 
.blue-heads h1, .blue-heads h2, .blue-heads h3, .blue-heads h4 {
    color:#211C36;
}

.yellow-heads .white-bg h1, .yellow-heads .white-bg h2, .yellow-heads .white-bg h3, .yellow-heads .white-bg h4, .yellow-heads .white-bg h5  {
    color:#e6b000;
}

#myFooter a {
    font-size:14px;
}
/* bx slider for homepage settings */

.slidernew {
    margin-bottom:30px;
}

.bx-wrapper {
    position: relative;
    padding: 0
}

.bx-wrapper img {
    width: 100%;
    margin: 0 auto;
    display: block;
    transition: transform 0.3s ease;
}

.bx-wrapper img:hover {
    transform: translateY(-3px) scale(1.01);
}

@media (min-width:992px) {
    .bx-wrapper img {
        border-radius: 40px;
        margin: 0px auto;
        margin-top:20px;
        width:98%;
    }
}

@media (max-width:992px) {
    .bx-wrapper img {
        border-radius: 60px;
        margin: 0px auto;
        margin-top:20px;
        width:98%;
    }
}

#sliderholder .slider .bxslider .news_item_hook a {
    display: none;
    visibility: hidden;
}

.bx-wrapper .bx-viewport {
    background: 0 0;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    margin: 0 5px;
    display: block;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: 0 0
}

.bx-wrapper .bx-prev {
    left: 45px;
    background: url(../png/controls.png) no-repeat 0 -32px;
    opacity: 0.4;
}

.bx-wrapper .bx-next {
    right: 45px;
    background: url(../png/controls.png) no-repeat -43px -32px;
    opacity: 0.4;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: inline
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 100%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}


/* end of slider bx wrapper settings */

/* admin pages colorset */

.edit_page_buttons {
	color: #666;
}

.msl_admin_page #msl_toolbar {
    overflow: visible;
}

div#msl_toolbar ul li {
    margin-bottom: 10px;
}

/*

.ctl00_Main_pnlControls, .save_body  h2, h3 {
color: #393b40;
}

.msl_admin_page h2, h3 {
color: #393b40;
}

 #admin_page_content #edit_body h2, h3 {
color: #393b40;
}
*/


/* end of admin pages colorset */


.mb-30 {
    margin-bottom:30px;
}

.list_controls a {
    float: left;
    width: 100px;
    margin: 10px;
    height: 2.6em;
    padding: 65px 2px 65px 2px;
    border: none;
    background-color: #fff;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-size: 80%;
}


/* Styling for General Forms */

.formcontainer {
    background:#fff;
    border-radius:30px;
    padding:50px;
}

.formcontainer #submit {
    width:100%;
}

.color-bg .formcontainer p a {
    color:#337ab7;
    text-decoration:none
}

.color-bg .formcontainer p {
    color:#000 !important;
}

.formcontainer .formquestion {
    font-weight:bold;
}

.formcontainer.form-white-bg p,
.formcontainer.form-white-bg ul,
.formcontainer.form-white-bg li {
    color:#000;
}

.formcontainer.form-white-bg a:not(.btn):not(.button) {
    color:#0da2fd;
    text-decoration:underline;
}

.formcontainer .formhelp {
    font-size: 14px; 
    width:70%;
    color:#757575;
}

.formcontainer .textbox {
    border-radius:30px;
    width:100%;
    margin-bottom:10px;
    padding: 15px;
}

.formcontainer .btn {
    border-radius: 30px;
    padding: 15px;
    font-size: 20px;
    width: 100%;
    color: #ffffff;
    background-color: #357b73;
    margin: 15px auto;
}

@media (min-width:1020px) {
    .formcontainer .textboxmd {
        width: 100%;
    }
    
    .formcontainer .textboxsm {
         width: 20%;
    }
    
    .formcontainer .textareabox {
         width: 100%;
    }
}

@media (max-width:1020px) {
    .formcontainer .btn {
        width:100%;
    }
    
    .formcontainer .formhelp {
        width:100%
    }
}

.formcontainer input[type="radio"], .formcontainer input[type="checkbox"] {
    margin-right:8px;
}

.formcontainer .selectdropdown {
    width: 50%;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 30px;
}

.formcontainer .selectdropdown option {
    background:#f1f1f1;
    padding:5px;
}

@media (max-width:1020px) {
    .formcontainer .selectdropdown {
        width: 100%;
    }
}

.formcontainer input[type="file"] {
    display: block;
    width: 100%;
}

.formcontainer #dvtext {
  display: none;
}
.formcontainer #chkYes:checked ~ #dvtext {
  display: block;
}

.checkbox input[type="checkbox"] {
    margin-left: 0px;
}

.general-form p { font-size:16px; }

.general-form h1 {
    font-size:32px;
    color:#000;
}

.general-form textarea {
     width:80% !important;
     border-top-left-radius:5px;
     border-bottom-left-radius:5px;
}
    
.general-form textarea, input.textbox {
    padding:7px;
}

.general-form input.textbox {
    width:50% !important;
    border-radius:5px;
}

.general-form .btn-default, .btn-default:hover {
    color: #fff;
    background-color: #568300;
    border-color: #568300;
    background-image:none;
    text-shadow:none;
}

.general-form {
    padding:10px 40px;
}

.recaptchadiv .button {
    color:#fff;
    width:100%;
    background-color: #357b73;
    border-color: #357b73;
    margin: 20px 0px;
    white-space: inherit;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 15px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size:18px;
    transition: transform 0.3s ease;
}

.recaptchadiv .button:hover {
    background-color: #255a54;
    transform: translateY(-5px) scale(1.03);
}

.recaptchadiv .form_error {
    color: #b24542;
}

/* PANELS THAT HAVE ZOOM EFFECT */

.hover-panel > .panel-body {
  padding: 0px;
}

.hover-panel > .panel-body > img {
  width: 100%;
  height: 100%;
}

.hover-panel .panel-footer {
    background-color:#fff !important;
    padding: 10px 15px 20px 15px;
}

@media (min-width:992px) {
    .hover-panel .panel-extpad {
        padding: 20px 55px 30px 55px;
    }
}

@media (min-width:992px) {
    .hover-panel > .panel-footer-p-30 {
        padding: 30px;
    }
}

.hover-panel .panel-body {
    padding:0px;
    overflow: hidden;
    position: relative;
}

.hover-panel .img-responsive {
    margin-bottom:0px;
}

 /*.hover-panel .panel-body img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}*/

.hover-panel .panel-body a:link img {
    transition-duration: 0.2s;
    width: 100%;
}

.hover-panel .panel-body a:link img:hover {
    transform: scale(1.1);
    cursor:pointer;
}

.hover-panel a:link .panel-body img {
    transition-duration: 0.2s;
    width: 100%;
}

.hover-panel a:link .panel-body img:hover {
    transform: scale(1.1);
    cursor:pointer;
}

.overlay-panel .panel-footer {
    position:relative;
}

.col-md-6 .card-footer-80 .panel-footer,
.col-md-5 .card-footer-80 .panel-footer,
.col-md-4 .card-footer-80 .panel-footer {
    width:80%;
    margin-top: -110px;
}

.col-md-3 .card-footer-80 .panel-footer {
    width:90%;
    margin-top: -40px;
}

.card-footer-80 .panel-footer {
    border-top:0px;
    border-radius:0px;
    position: relative;
}

.card-footer-80-blue .panel-footer {
    background-color: #211C36  !important;
}

.card-footer-80-lightblue .panel-footer {
    background-color: #3A96BB  !important;
}

.card-footer-80-white .panel-footer {
    background-color: #fff  !important;
}

.card-footer-80-green .panel-footer {
    background-color: #357B73  !important;
}

@media (max-width:1020px) {
    .card-footer-80 .panel-footer {
        margin-top: -130px;
        width:90%;
    }
}

.card-footer-80 {
    border-radius:0px;
    border:0px;
    background-color: rgba(0,0,0,0);
    box-shadow:none;
}

.card-footer-80-color .panel-footer p, .card-footer-80-color .panel-footer h2, .card-footer-80-color .panel-footer a {
    color:#fff !important;
}

.card-footer-80-color .panel-footer a {
    text-decoration:underline;
}

.card-footer-80-color .panel-footer h2 {
    color:#fff !important;
    font-weight:bold;
    margin-bottom:10px;
}

.card-footer-80-color .panel-footer h3, .card-footer-80-color .panel-footer h4  {
    color:#fff !important;
}

.card-footer-80 .panel-footer h4 {
    margin:0px;
    margin-bottom:10px;
}

.col-md-3 .card-footer-80 .panel-footer h2 {
   margin-top:10px;
   font-size:28px;
}

.card-footer-80-white .panel-footer p, .card-footer-80-white .panel-footer h2 {
    color:#000 !important;
}

.card-footer-80-white .panel-footer a {
    text-decoration:none;
}

.card-footer-80 .panel-footer a:hover {
    text-decoration:underline;
}

.hover-panel a:focus, .hover-panel a:hover {
    text-decoration: none !important;
}

a:hover .card-footer-80-color .panel-footer h2 {
    text-decoration: underline;
    text-decoration-color: white;
}

a:hover .card-footer-80-white .panel-footer h2 {
    text-decoration: underline;
    text-decoration-color: #23527c;
}

.card-footer-80-white .panel-footer h2 {
    color:#211C36 !important;
    font-weight:bold;
    margin-bottom:10px;
}

.card-side-image {
    background-color: transparent;;
    box-shadow:none;
}

@media (min-width:1020px) {
    .card-side-image .col-12,
    .card-side-image .col-xs-12 {
        padding:0px !important;
    }
    .card-side-image-image {
        margin-left:-30px;
    }
    .col-ontop {
        z-index:100;
    }
    .color-bg .card-side-image-text {
        margin-right: -30px;
    }
}

@media (max-width:1020px) {
    .card-side-image-text {
        margin: -50px 30px 0px 0px;
    }
}

.white-bg .card-side-image-text {
    background:#201c35;
    padding:20px;
}

.color-bg .card-side-image-text {
    background:#fff;
    padding:20px;
}

.white-bg .card-side-image-text p {
    color:#fff !important;
}

.color-bg .card-side-image-text {
   color:#000 !important;
}

.panel-jobadvert {
    padding: 20px;
    padding-bottom:0px;
    margin-bottom:20px;
}

.video-panel h3 {
    margin-top:0 !important;
    margin-bottom:10px;
    font-size:20px !important;
}

.video-panel .panel-body {
    padding: 0px;
}

.video-panel .embed-responsive-16by9 {
    margin-bottom: 0px;
}

.video-panel .panel-footer {
    padding:15px;
    background-color: #ffffff;
    border-top: none;
}

@media (max-width: 1020px) {
    .video-panel .embed-responsive-16by9 {
        margin-bottom: 10px;
        margin-top: 0px;
    }
}

.embed-responsive {
    min-height:181px;
}

.embed-responsive-youtubeshort {
    padding-bottom: 176%;
}

.embed-responsive iframe {
    height:101% !important;
}

@media only screen and (min-width:1020px) {
    .div-flex {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom:20px;
    }
    .div-flex .col-sm-4 {
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
      flex: 1;
    }
    .div-flex .hover-panel {
      flex: 1;
      height:100%;
    }
    .div-flex .div-sh {
      flex: 1;
      display: flex;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hover-panel {
      flex: none;
    }
}

/*.hover-panel h3 {
   margin:10px;
}*/

.hover-panel h3 a {
    font-size:20px !important;
}

.hover-panel .panel-footer a {
    text-decoration:none;
    font-weight:normal;
    color:#0092c2 !important;
}

.hover-panel .panel-footer .sociallinks a {
    text-decoration:underline;
    font-weight:normal;
    color:#fff !important;
    overflow-
}

.hover-panel .panel-footer .btn {
    color:#fff !important;
}

.hover-panel .panel-footer .btn-hp {
    color:#fff !important;
}

.hover-panel .panel-footer a:hover, .green_colorset a:hover {
    text-decoration:underline !important;
}

.hover-panel .panel-footer .btn-hp:hover, .hover-panel .panel-footer .btn:hover {
    text-decoration:none !important;
}

.hover-panel .panel-footer {
    border-top:0px;
}

.panel-nb {
    border:none !important;
}

.panel-nb[class~="panel"] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.btn-xl {
    padding: 16px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

@media (min-width:1020px) {
    .btn-md-50 {
        width:50% !important;
        display:block;
        margin: auto !important;;
    }
}

@media (max-width:992px) {
    .btn-mob-100 {
        width:100% !important;
        display:block;
        margin: auto !important;;
    }
}

.white-btn {
    margin: 0;
    padding: 8px 15px;
    border: none;
    background: none;
    background-color: #ffffff;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    border-radius: 5px;
    margin-top: 20px;
}
.white-btn:hover {
    background-color: #3F366F;
    color:#fff;
    cursor:pointer;
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #ccc;
    margin:10px 0px;
    white-space: inherit;
}

.btn-white:hover, .btn-white:focus, .btn-white:active {
    background-color:#255a54;
    color:#fff !important;
}

.btn-blue {
    color: #fff;
    background-color: #211C36;
    border-color: #211C36;
    margin:10px 0px;
    white-space: inherit;
    /*padding:15px 0px;*/
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    background-color:#2e1f6f;
    color:#fff;
}

.btn-purple {
    color: #fff;
    background-color: #3F366F;
    border-color: #3F366F;
    margin:10px 0px;
    white-space: inherit;
    /*padding:15px 0px;*/
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
    background-color:#373156;
    color:#fff;
}

.btn-green {
    color: #fff;
    background-color: #357b73;
    border-color: #357b73;
    margin:10px 0px;
    white-space: inherit;
    /*padding:15px 0px;*/
}

.btn-green:hover, .btn-green:focus, .btn-green:active {
    background-color:#255a54;
    color:#fff;
}

.btn-pink {
    color: #fff;
    background-color: #d3518d;
    border-color: #d3518d;
    margin:10px 0px;
    white-space: inherit;
    /*padding:15px 0px;*/
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active {
    background-color:#d54588;
    color:#fff;
}

.btn-yellow {
    color: #fff;
    background-color: #E6B000;
    border-color: #E6B000;
    margin:10px 0px;
    padding:15px 0px;
    white-space: inherit;
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {
    background-color:#d7a031;
    color:#000;
}

.btn-red {
    color: #fff;
    background-color:#b74a47;
    border-color: #b74a47;
    margin:10px 0px;
    white-space: inherit;
}

.btn-red:hover, .btn-red:focus, .btn-red:active {
    background-color:#893836;
    color:#fff;
}

.btn-blue a, .btn-green a, .btn-pink a, .btn-red a {
    color:#fff !important;
}

/* FONT AWESOME MARGIN RIGHT (BUTTONS) */

.fa-mr-5 {
    margin-right:5px;
}

.panel-group {
    margin-bottom:0px;
}

.panel-col {
    margin:20px 0px;
}

@media (max-width:1024px) {
    .panel-col:nth-child(2) {
      margin-top:0px;
    }
}

/*

@media (min-width:1020px) {
    .panel-col {
        padding:10px 40px;
    }
}*/

.panel-green .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
    margin-bottom:-10px;
}

.panel-green .panel-default > .panel-heading {
    padding: 5px;
    border-radius: 0;
    color: #000;
    background-color: #357b73;
    border-color: #357b73;
    background-image:none;
}

.panel-green .panel-title {
    font-size: 16px;
}

.panel-green .panel-title > a {
    display: block;
    padding: 11px;
    text-decoration: none;
    color:#fff;
}

.panel-green .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
    background: #fbfbfb;
    font-size:16px;
    padding:30px;
}

.panel-white .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #fff;
    border-bottom: 1px solid rgb(33 28 54);
}

.panel-white .panel-default > .panel-heading {
    padding: 0px;
    border-radius: 0;
    color: #000;
    background-color: #fff;
    border-color: #fff;
    background-image:none;
}

.panel-white .panel-title {
    font-size: 16px;
}

.panel-white .panel-title > a {
    display: block;
    padding: 9px;
    text-decoration: none;
    color: #000;
}

.panel-white .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
    background: rgb(247 247 247);
    color: #000;
    font-size:16px;
    padding:30px;
}

.panel-more-less {
    float: right;
    color: #fff;
    margin-right: 20px;
    font-size: 18px;
    font-weight: bolder;
    top:5px;
}

.panel-white .panel-more-less {
    float: right;
    color: #000;
    margin-right: 20px;
    font-size: 18px;
    font-weight: bolder;
    top:5px;
}

/*
.panel-transparent .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: rgb(255,255,255, 0%);
    border-bottom-color: #fff;
    margin-bottom:-10px;
    background-color: rgb(255,255,255, 0%);
}

.panel-transparent .panel-default > .panel-heading {
    padding: 0px;
    border-radius: 0;
    color: #000;
    background-color: rgb(185 50 50 / 0%);
    border-color: rgb(185 50 50 / 0%);
    background-image: none;
}

.panel-transparent .panel-title {
    font-size: 16px;
}

.panel-transparent .panel-title > a {
    display: block;
    padding: 9px;
    text-decoration: none;
    color: #fff;
}

.panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
    background: rgb(247 247 247);
    color: #000;
    font-size:16px;
    padding:30px;
}
.panel-transparent .panel-more-less {
    float: right;
    color: #fff;
    margin-right: 20px;
    font-size: 18px;
    font-weight: bolder;
    top:5px;
}*/

.panel-transparent.panel-col {
    margin:0px;
}

.panel-transparent .panel-heading {
    background:none;
    border-bottom: 1px solid #3ECFFF;
    transition-duration: 0.5s;
    padding: 0px 15px;
}

.panel-transparent .panel-title {
    /*padding: 5px !important;*/
    padding: 20px 0px;
    transition-duration: 0.5s;
}

.panel-transparent .panel {
    border: none;
    background-color: rgb(255 255 255 / 0%);
}

.panel-transparent .panel-body {
    background:#fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding:25px;
}

.color-bg .panel-transparent .panel-title,
.panel-transparent .panel-title,
.color-bg .panel-transparent .panel-heading a,
.panel-transparent .panel-heading a {
    font-size:20px !important;
}

.color-bg .panel-transparent .panel a, .color-bg .panel-transparent .panel-title {
    text-align:left;
    color:#fff !important;
    font-family: 'Lato', sans-serif;
}

.color-bg .panel-transparent .panel a:hover,
.color-bg .panel-transparent .panel a:focus,
.white-bg .panel-transparent .panel a:hover,
.white-bg .panel-transparent .panel a:focus {
    text-decoration:none;
}

.color-bg .panel-transparent .panel .panel-body p a,
.color-bg .panel-transparent .panel .panel-body h3 a,
.color-bg .panel-transparent .panel .panel-body h4 a,
.color-bg .panel-transparent .panel .panel-body ul a,
.color-bg .panel-transparent .panel .panel-body li a {
    color:#007bff !important;
    text-decoration:none !important;
}

.color-bg .panel-transparent .panel .panel-body p a:hover,
.color-bg .panel-transparent .panel .panel-body ul a:hover {
    text-decoration:underline !important;
}

.panel-transparent .panel-title .panel-title-text {
    display: inline-block;
    width:80%;
}

.panel-transparent .clicked-head-blue {
    background: #36b6e1;
    /*padding: 20px 15px;*/
    transition-duration: 0.5s;
}

.panel-transparent .clicked-head-blue .panel-title {
    padding: 30px 0px !important;
    color:#201c35 !important;
    font-size: 22px !important;
    font-weight:600;
    transition-duration: 0.5s;
}

.white-bg .panel-transparent .clicked-head-blue a,
.white-bg .panel-transparent .clicked-head-blue h4 {
    color:#fff !important;
}

.color-bg .panel-transparent .panel .clicked-head-blue .fa-solid {
    color: #423772;
}

.color-bg .panel-transparent .panel .panel-body p .btn-blue,
.color-bg .panel-transparent .panel .panel-body p .btn-green,
.color-bg .panel-transparent .panel .panel-body p .btn-purple,
.color-bg .panel-transparent .panel .panel-body p .btn-red {
    color:#fff !important;
}

.color-bg .panel-transparent .panel .panel-body p .btn-blue:hover,
.color-bg .panel-transparent .panel .panel-body p .btn-green:hover,
.color-bg .panel-transparent .panel .panel-body p .btn-purple:hover,
.color-bg .panel-transparent .panel .panel-body p .btn-red:hover {
    text-decoration:none !important;
}

.white-bg .panel-transparent .panel a {
    text-align:left;
    color:#000 !important;
    font-family: 'Lato', sans-serif;
}

.white-bg .panel-transparent .panel-title a {
    color:#000 !important;
    text-decoration:none !important;
}

.white-bg .panel-transparent .panel-more-less {
    color:#000 !important;
}

.white-bg .panel-transparent .clicked-head-blue a, 
.white-bg .panel-transparent .clicked-head-blue .panel-more-less {
    color:#fff !important;
}

.white-bg .panel-transparent .card-click-blue .panel-body {
    border:2px solid #36b6e1;
}

.panel-transparent .panel .panel-body a {
    color: #007bff !important;
    text-decoration: none !important;
}

.panel-transparent .panel .panel-body a:hover {
    text-decoration: underline !important;
}

.panel-transparent .panel .panel-body a.btn {
    color: #fff !important;
    text-decoration: none !important;
    text-align:center;
}

/**** VIDEO EMBED MARGIN ***/

.embed-responsive-16by9 {
    margin-bottom:20px;
}

@media (max-width:1020px) {
    .embed-responsive-16by9 {
        margin-bottom:10px;
        margin-top:10px;
    }
}

@media (max-width:1020px) {
    .panel-body .embed-responsive-16by9 {
        margin-bottom:10px;
        margin-top:0px;
    }
}



/**** WELLS ***/

/*  WELL STYLING */

.docs-well, .blue-well {
    padding: 20px 40px;
    background-color: #211C36;
    border: 1px solid #211C36;
    background-image:none;
    box-shadow:none;
}


.red-well {
    padding: 20px 40px;
    background-color: #b74a47;
    border: 1px solid #b74a47;
    background-image:none;
    box-shadow:none;
}

.green-well {
    padding: 20px 40px;
    background-color: #357B73;
    border: 1px solid #357B73 !important;
    background-image:none;
    box-shadow:none;
}

.pink-well {
    padding: 20px 40px;
    background-color: #e56b54;
    border: 1px solid #e56b54 !important;
    background-image:none;
    box-shadow:none;
}

.purple-well {
    padding: 20px 40px;
    background-color: #3F366F;
    border: 1px solid #3F366F !important;
    background-image:none;
    box-shadow:none;
}

.darkpurple-well {
    padding: 20px 40px;
    background-color: #211d33;
    border: 1px solid #211d33 !important;
    background-image:none;
    box-shadow:none;
}

.blue-well .btn-purple {
    background-color: #524790;
    border-color: #3F366F;
}

.blue-well .btn-purple:hover {
    background-color: #413972;
}

.well-styling h2, .well-styling h3, .well-styling h4  {
    padding-top:0px;
    color:#fff !important;
}

.well-styling a, .well-styling p, .well-styling li {
    color:#fff !important;
    font-weight:normal;
}

.well-styling a {
    text-decoration:underline;
}

.well-styling a:hover {
    text-decoration:underline;
}

.well-styling .btn, .well-styling .btn:hover {
    text-decoration:none;
}

.well-styling .fas {
    color:#fff;
}

.docs-well h2, .docs-well h3, 
.blue-well h2, .blue-well h3, .blue-well h4
.red-well h2, .red-well h3, .red-well h4{
    padding-top:0px;
    color:#fff !important;
}

.docs-well a, .docs-well p, .docs-well li, 
.blue-well a, .blue-well p, .blue-well li,
.red-well a, .red-well p, .red-well li {
    color:#fff !important;
    font-weight:normal;
}

.docs-well a, 
.blue-well a,
.red-well a {
    text-decoration:underline;
}

.docs-well a:hover, 
.blue-well a:hover,
.red-well a:hover{
    text-decoration:underline;
}

.docs-well .btn, .docs-well .btn:hover, 
.blue-well .btn, .blue-well .btn:hover,
.red-well .btn, .red-well .btn:hover {
    text-decoration:none;
}

.docs-well .fas, 
.blue-well .fas,
.red-well .fas {
    color:#fff;
}

.color-bg .docs-well a, .color-bg .docs-well p, .color-bg .docs-well li, 
.color-bg .panel .docs-well a, .color-bg .panel .docs-well p, .color-bg .panel .docs-well li {
    color:#fff !important;
    font-weight:normal;
}

/*
.blue-well {
    margin:20px 0px;
    background-color:#211C36 !important;
    background-image:none !important;
    border:none !important;
    box-shadow:none !important;
}

.blue-well h1, .blue-well h2, .blue-well h3, .blue-well a, .blue-well p {
    color:#fff !important;
}*/

.white-well {
    margin:20px 0px;
    background-color:#fff !important;
    background-image:none !important;
    border:none !important;
    box-shadow:none !important;
}

.white-well h1, .white-well h2, .white-well h3, .white-well a {
    color:#211C36 !important;
}

.color-bg .white-well p,
.color-bg .white-well li {
    color:#000;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;     
  justify-content: center; 
}

/****** SOCIAL MEDIA BLOCKS *******/

.social-icon-fa {
    color: #fff;
    font-size: 40px;
}

.facebooklink {
    background: #4267B2;
    border-radius:5px;
    padding:12px 10px;
}

.instagramlink {
    background: #C13584;
    border-radius:5px;
    padding:12px 10px;
}

.emaillink {
    background: #e56b54;
    border-radius:5px;
    padding:12px 10px;
}

.tellink {
    background: #a0a0a0;
    border-radius:5px;
    padding:12px 10px;
}

.maplink {
    background: #4D4085;
    border-radius:5px;
    padding:12px 10px;
}


.sociallinks a, 
.sociallinks a,
.sociallinks a {
    background:none;
    padding:0px;
    color:#fff;
    text-decoration:underline;
}

.sociallinks p {
    background:none;
    padding:0px;
    color:#fff;
}

.sociallinks .col-md-10 {
    padding-top:5px;
    overflow-wrap: anywhere;
}

@media (max-width:992px) {
    .sociallinks a, 
    .sociallinks a,
    .sociallinks a,
    .sociallinks p {
        display:block;
        margin:auto;
        text-align:center;
    }
    
    .sociallinks .col-md-10 {
        padding-top:5px;
    }
}

.sociallinks a:hover,
.sociallinks a:active,
.sociallinks a:hover,
.sociallinks a:active,
.sociallinks a:hover,
.sociallinks a:active {
    color:#fff;
    text-decoration:underline;
}

.social-panel .panel-body {
    padding:0px !important;
}

/*.social-panel .col-xs-12,
.social-panel .col-md-4 {
    padding:0px !important;
}*/

/**** DEMOCRACY PAGES ***/

.timeline-circle {
    background: #fff;
    border-radius: 50%;
    padding: 20px;
    height: 200px;
    width: 200px;
    display: block;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:10px;
}

.timeline-circle-vote {
    height: 150px;
    width: 150px;
    background: #40B5E5;
}

.timeline-circle-arrow:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f064";
    color: #fff;
    font-size: 50px;
    position: absolute;
    right: -22px;
    bottom: 110px;
    vertical-align: middle;
    font-weight: 900;
    webkit- transform: rotate(150deg) scaleX(-1);
    -moz- transform: rotate(150deg) scaleX(-1);
    -ms- transform: rotate(150deg) scaleX(-1);
    -o- transform: rotate(150deg) scaleX(-1);
    transform: rotate(150deg) scaleX(-1);
}


@media (max-width:1024px) and (min-width:772px) {
    .timeline-circle-arrow:after {
        font-family: "Font Awesome 6 Pro";
        content: "\f064";
        color: #fff;
        font-size: 50px;
        position: absolute;
        left: -283px;
        bottom: -4px;
        vertical-align: middle;
        font-weight: 900;
        webkit-transform: rotate(220deg) scaleX(-1);
        -moz-transform: rotate(220deg) scaleX(-1);
        -ms-transform: rotate(220deg) scaleX(-1);
        -o-transform: rotate(220deg) scaleX(-1);
        transform: rotate(220deg) scaleX(-1);
    }
}

@media (max-width:772px) {
    .timeline-circle-arrow:after {
        font-family: "Font Awesome 6 Pro";
        content: "\f064";
        color: #fff;
        font-size: 40px;
        position: absolute;
        left: -294px;
        bottom: -36px;
        vertical-align: middle;
        font-weight: 900;
        webkit-transform: rotate(220deg) scaleX(-1);
        -moz-transform: rotate(220deg) scaleX(-1);
        -ms-transform: rotate(220deg) scaleX(-1);
        -o-transform: rotate(220deg) scaleX(-1);
        transform: rotate(220deg) scaleX(-1);
    }
}

.timeline-circle p {
    color:#211C36 !important;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    font-size:22px;
    font-weight:bold;
    z-index:1;
    margin:0;
}

.timeline-circle-vote p {
    color:#211C36 !important;
    font-size:30px;
    text-transform:uppercase;
    font-family: 'Fira Sans', sans-serif !important;
    margin:0;
}

.timeline-circle-current {
    background: #A2C748;
    border: 5px solid #fff;
}

.timeline-circle-past {
    background: #d3644f;
    border: 5px solid #fff;
}

.timeline-circle-upcoming {
    background: #ffbf40;
    border: 5px solid #fff;
}

.tmeline-circle-tag {
    font-weight:bold;
    font-size:22px;
}

.live-now-ribbon:after {
    content: "";
    top: -20px;
    left: -1px;
    position: absolute;
    display: inline-block;
    width: 252px;
    height: 72px;
    background: url(../png/live-now-ribbon.png) no-repeat 0px;
}

.upcoming-ribbon:after {
    content: "";
    top: -20px;
    left: 0px;
    position: absolute;
    display: inline-block;
    width: 252px;
    height: 72px;
    background: url(../png/upcoming-ribbon.png) no-repeat 0px;
}

.comingsoon-ribbon:after {
    content: "";
    top: -20px;
    left: 0px;
    position: absolute;
    display: inline-block;
    width: 252px;
    height: 72px;
    background: url(../png/comingsoon-ribbon.png) no-repeat 0px;
}

/*NEWS ARTICLE STYLING*/
.christmas-well:before {
    content: "";
    top: -40px;
    right: -16px;
    position: absolute;
    display: inline-block;
    width: 116px;
    height: 156px;
    background: url(../png/christmas-lights-100.png) no-repeat 0px;
}

.newyear-well:before {
    content: "";
    top: -36px;
    right: -16px;
    position: absolute;
    display: inline-block;
    width: 116px;
    height: 156px;
    background: url(../png/fireworks-na-110.png) no-repeat 0px;
}

/*NEWS ARTICLE STYLING - ELECTION RELATED STYLING*/

/*Voting Pop Up*/

.modal-backdrop.in {
    opacity:0.8;
}

@media (min-width:1200px) {
    .popupelecvote .modal-lg {
        width: 80%;
    }
    .popupelecvote .modal-content {
        width: 100%;
        margin: 0 auto;
    }
    .popupelecvote .popupelecvote-lg {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .popupelecvote .popupelecvote-leftcol {
        padding:0px 60px;
    }
    .popupelecvote .popupelecvote-leftcol h2 {
        font-size:60px;
        text-transform: uppercase;
        color:#201c35;
        text-shadow: 1px 0 #201c35;
        font-weight:bold;
    } 
    .popupelecvote .modal-header {
        border-bottom:none;
    }
    .popupelecvote button.close {
        position: absolute;
        top: 20px;
        left: 22px;
    }
    .popupelecvote .modal-content img {
        border-top-right-radius:40px;
        border-bottom-right-radius:40px;
        margin-right: -5px;
    }
    .popupelecvote .col-md-6 img {
        min-height: 558px;
    }
}

.popupelecvote .modal-content {
    border:0px !important;
    border-radius:40px;
}

.popupelecvote .modal-body {
    position: relative;
    background: #fff;
    padding:0px;
    border-radius:40px;
}

.popupelecvote .voh2 {
    color:#201c35;
    font-size:45px;
    text-align:center;
    text-transform:uppercase;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
    text-shadow: 1px 0 #201c35;
}

.popupelecvote .voh2open {
    font-weight:bold;
    color:#201c35;
}

@media (max-width:1200px) {
    .popupelecvote .modal-body {
        position: relative;
        background: #211c36;
        padding:0px;
    }
    .popupelecvote button.close {
        position: absolute;
        top: -5px;
        left: 22px;
        color: #ffffff;
        text-shadow: 0 1px 0 #fff;
        opacity:1;
    }
    .popupelecvote .modal-content img {
        border-top-right-radius:40px;
        border-top-left-radius:40px;
    }
    .popupelecvote .whitediv {
        border-bottom-right-radius:40px;
        border-bottom-left-radius:40px;
    }
    .popupelecvote .voh2 {
        margin-bottom:10px;
    }
}

.popupelecvote .modal-content img {
    width:100%;
}

.popupelecvote .whitediv {
    background:#fff;
    padding:30px 30px 20px 30px;
    text-align:center;
}

.popupelecvote .whitediv p {
    font-size:18px;
    margin-bottom:15px;
}

/*Election News Article*/

.election-qa-wrapper {
    border-top: 5px solid #e56b54;
    margin: 40px;
    border-radius: 5px;
}

.election-news-head .blue-well h2 {
    font-weight:bold !important;
}

.blue-well-blue-head h2 {
    color: #211c36 !important;
}

.election-news-head .pres-well {
    background-color: #58b19c;
    border: 1px solid #58b19c;
}

.election-news-head .education-well {
    background-color: #3ca7d5;
    border: 1px solid #3ca7d5;
}

.election-news-head .postgrad-well {
    background-color: #FFBF40;
    border: 1px solid #FFBF40;
}

.election-news-head .sports-well {
    background-color: #dd8700;
    border: 1px solid #dd8700;
}

.election-news-head .welfare-well {
    background-color: #7f9d38;
    border: 1px solid #7f9d38;
}

.election-news-head .international-well {
    background-color: #4D4084;
    border: 1px solid #4D4084;
}

.election-news-head .aeo-well {
    background-color: #E56B54;
    border: 1px solid #E56B54;
}

.election-news-noresponse p {
    font-size:15px;
    font-style: italic;
}

@media (min-width: 992px) {
    .election-qa-stripes-bg {
        background-image: url(../png/cta-box-stripes.png);
        background-repeat: no-repeat;
        background-size: 133px;
        background-position: top -2px right -4px;
    }
}

@media (max-width: 992px) {
    .election-qa-stripes-bg {
        background-image: url(../png/cta-box-stripes.png);
        background-repeat: no-repeat;
        background-size: 150px;
        background-position: top -2px right -55px;
    }
}

.bottom-right-sticky {
   position: fixed;
   bottom: 0;
   right:0;
   width: 130px;
   height: 75px;
   text-align:center;
   margin-right:20px;
   border-radius:30px;
   transition-duration: 0.5s;
   z-index:60;
   border: 2px solid #fff !important;
}

.bottom-right-sticky:hover {
   background-color: #295f59;
   transition-duration: 0.5s;
}

@media (max-width:992px) {
    .bottom-right-sticky {
       position: fixed;
       bottom: 0;
       right:0;
       width: 100px;
       height: 60px;
       text-align:center;
       margin-right:10px;
    }
    .bottom-right-sticky p {
       font-size:12px;
    }
}

/* Carousel Fade instead of Slide */

.carousel.carousel-fade-effect .carousel-inner .item {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block !important; /* Ensures items are always in the layout */
  z-index: 1;
}

.carousel.carousel-fade-effect .carousel-inner .active {
  opacity: 1;
  position: relative;
  z-index: 2;
}

/* Disable default sliding behavior */
.carousel.carousel-fade-effect .carousel-inner .next,
.carousel.carousel-fade-effect .carousel-inner .prev,
.carousel.carousel-fade-effect .carousel-inner .active.left,
.carousel.carousel-fade-effect .carousel-inner .active.right {
  opacity: 0;
  z-index: 1;
  left: 0 !important;
  transform: none !important;
}

.carousel.carousel-fade-effect .carousel-inner .next.left,
.carousel.carousel-fade-effect .carousel-inner .prev.right {
  opacity: 1;
  z-index: 2;
}

/* New Styling */

@media (min-width: 766px) {
    .msl-pagebanner img {
        border-radius: 40px;
        display:block;
        margin: 0px auto;
        margin-top:20px;
        width: 98%;
    }
}
@media (max-width: 992px) {
    .msl-pagebanner img,
    .msl-pagebanner {
        border-radius: 60px;
        display:block;
        margin: 0px auto;
        margin-top:10px;
        width: 98%;
    }
}

.page-banner-mob {
    margin: 0px auto;
    width: 100%;
    border-radius: 0 0 60px 60px;
}

#navpopuptoggle {
    position: fixed;
    bottom: 0px;
    left: 20px;
    z-index: 10;
    border-radius: 60px;
    width: 94px;
    height: 50px;
    padding: 0;
    font-size: 15px;
    text-align: center;
}

#navpopuptoggle:focus, 
#navpopuptoggle:active:focus, 
#navpopuptoggle:focus, 
#navpopuptoggle:active.focus {
    outline: none;
}

#navpopup {
  max-height: 500px;
  overflow: hidden;
  position: fixed;
  bottom: 70px;
  left: 20px;
  border-radius: 60px;
  padding: 20px;
  width: 420px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 1050;
  color: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

#navpopup.show {
  opacity: 1;
  pointer-events: auto;
}

#navpopup .navpopup-inner {
  max-height: 440px;
  overflow-y: auto;
  overflow-x: hidden; 
  padding-right: 5px;
}

@media (max-width:992px) {
    #navpopuptoggle {
        bottom: 5px;
    }
    #navpopup {
        position: fixed;
        bottom: 68px;
        width: 80%;
    }
}

#navpopup.show {
    transform: scale(1) translateY(0);
    opacity: 1;
    pointer-events: auto;
}

#navpopup a {
    display: block;
    padding: 2px 30px 2px 20px;
    text-decoration: none;
    transition: transform 0.5s ease, font-weight 0.5s ease;
    transform-origin: left center;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

#navpopup a:hover {
    text-decoration: none;
    transform: scale(1.07);
    vertical-align: middle;
}

#navpopup.navpopuplightgreen {
    background: #B3DB50;
}

#navpopup.navpopuplightblue {
    background: #41B6E6;
}

#navpopup.navpopupblue {
    background: #211C36;
}

#navpopup.navpopuplightgreen p,
#navpopup.navpopuplightgreen a,
#navpopup.navpopuplightblue p,
#navpopup.navpopuplightblue a {
    color: #000;
}

#navpopup.navpopupblue p,
#navpopup.navpopupblue a {
    color: #fff;
}

#navpopup .ml-3 a {
    padding: 0px 39px;
    margin: -9px;
}

#navpopupoverlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 100;
  
}

@media (min-width:1200px) {
    .row.d-flex {
      display: flex;
      flex-wrap: wrap;
    }
    .row.d-flex > [class*="col-"] {
      display: flex;
      flex-direction: column;
    }
    .align-items-stretch {
        align-items: stretch !important;
    }
    .align-items-center {
        align-items: center !important;
    }
    .justify-content-center {
        justify-content:center;
    }
    .pill-card {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
}

@media (max-width:1200px) {
    .justify-content-center-xs {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }
}

@media (min-width:1200px) {
    .text-lg-start {
        text-align:left !important;
    }
}

.btn-pill-br {
    border-radius:30px !important;
    padding:15px;
    white-space: normal;
}

.btn {
    transition: transform 0.3s ease
}

.btn:hover {
    transform: translateY(-5px) scale(1.03);
}

.btn-lightblue {
    background:#41B6E6;
    color:#000;
    margin:10px 0px;
}

.btn-lightblue:hover,
.btn-lightblue:active {
    background: #43b8e7;
}

.btn-lightgreen {
    background:#b3db50;
    color:#000;
    margin:10px 0px;
}
.btn-lightgreen:hover,
.btn-lightgreen:active {
    background: #b7e34a;
}

.btn-yellow {
    background:#FFBF40;
    color:#000;
    margin:10px 0px;
}

.btn-yellow:hover,
.btn-yellow:active {
    background: #ffbb35;
}

.pagenav-button {
    font-size:22px !important;
    font-weight:700 !important;
    padding: 20px 10px;
    white-space: normal;
    margin:5px;
}

.pagenav-button-20 {
    width:20%;
}

.pagenav-button-50 {
    width:48%;
}

@media (max-width:1024px) {
    .pagenav-button {
        width: 46% !important;
        font-size: 17px !important;
        margin: 3px;
    }
    .pagenav-button-sm-100 {
        width:100% !important;
    }
}

.bg-70 .d-flex {
    align-items: center;
}

.bg-70 .d-flex.align-items-normal {
    align-items: normal !important;
}


.bg-70 {
    position: relative;
    padding:50px;
    border-radius: 80px;
    width:90%;
    margin:0 auto;
    margin-top:40px;
    /*min-height: 50vh;*/
    overflow: hidden;
}

.bg-70-w-bg {
    position: relative;
    /*padding:50px;
    border-radius: 80px;*/
    width:90%;
    margin:0 auto;
    overflow: hidden;
}

.bg-70.bg-50 {
    width:70%;
}

@media (max-width:992px) {
    .bg-70,
    .bg-70.bg-50 {
        padding:20px;
        width:97%;
    }
    .bg-70-w-bg {
        width:95%;
    }
}

.bg-70.bg-70-img-strip-in {
    padding-bottom:170px;
}

.bg-70.bg-70-img-strip-in::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 148px;
  background-image: url('../png/welcome-icon-banner.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  pointer-events: none;
}

@media (max-width:992px) {
    .bg-70.bg-70-img-strip-in {
        padding-bottom: 130px;
    }
   .bg-70.bg-70-img-strip-in::after {
        background-position: 39% center;
        background-size: 300%;
        bottom: -28px;
    } 
}

.bg-70 .carousel-inner {
  overflow: hidden;
  border-radius: 60px; 
}

.bg-70 .carousel .img-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 10s ease;
  transform: scale(1);
}

.bg-70 .carousel .item.active img {
  transform: scale(1.07); 
  will-change: transform; 
  object-fit: cover;
}

.bg-70.bg-70-welcome-img-strip-in {
    padding-bottom:170px;
}

.bg-70.bg-70-welcome-img-strip-in::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 148px;
  background-image: url('../png/welcome-icon-banner.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  pointer-events: none;
}

@media (max-width:992px) {
    .bg-70.bg-70-welcome-img-strip-in {
        padding-bottom: 130px;
    }
   .bg-70.bg-70-welcome-img-strip-in::after {
        background-position: 39% center;
        background-size: 300%;
        bottom: -28px;
    } 
}

/* BG Icon Strips */ 
.bg-70[class*="-img-strip-in"]::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    pointer-events: none;
}

.bg-70-res-img-strip-in {
    padding-bottom: 105px;
}

.bg-70-res-img-strip-in::after {
    height: 90px;
    opacity: 0.5;
    background-image: url(../png/icon-strip-orange.png);
}

.bg-70-res-img-strip-in-green::after {
    background-image: url(../png/icon-strip-green.png);
}

.bg-70-res-img-strip-in-orange::after {
    background-image: url(../png/icon-strip-orange.png);
}

.bg-70-res-img-strip-in-navy::after {
    background-image: url(../png/icon-strip-navy.png);
}

.bg-70-res-img-strip-in-pink::after {
    background-image: url(../png/icon-strip-pink.png);
}

.bg-70-res-img-strip-in-lime::after {
    background-image: url(../png/icon-strip-lime.png);
}

.bg-70-safenightout-img-strip-in {
    padding-bottom: 110px;
}

.bg-70-safenightout-img-strip-in::after {
    height: 103px;
    opacity: 0.5;
    background-image: url(../png/safe-night-out-bg-icon.png);
}

.bg-70-joesbar-img-strip-in {
    padding-bottom: 80px;
}

.bg-70-joesbar-img-strip-in::after {
    height: 50px;
    background-image: url(../png/joes-bar-icon-strip-green.png);
}

.bg-70-housinghub-img-strip-in {
    padding-bottom: 110px;
}

.bg-70-housinghub-img-strip-in::after {
    height: 103px;
    opacity: 0.5;
    background-image: url(../png/housing-hub-strip-2000-165.png);
}

.bg-70-greenweek-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-greenweek-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/green-week-icon-strip.png);
}

.bg-70-healthwellbeing-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-healthwellbeing-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/health-and-wellbeing-icon-strip.png);
}

.bg-70-yswd-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-yswd-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/yswd-bubble-strip-2000-x-165.png);
}

.bg-70-col-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-col-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/cost-of-living-icon-strip.png);
}

.bg-70-commbreak-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-commbreak-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/comm-breakfast-icon-strip.png);
}

.bg-70-commpan-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-commpan-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/comm-pantry-icon-strip.png);
}

.bg-70-ref-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-ref-img-strip-in::after {
    height: 103px;
    opacity: 0.8;
    background-image: url(../png/referend-icon-strip.png);
}

.bg-70-consent-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-consent-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/consent-icon-strip.png);
}

.bg-70-junkbusters-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-junkbusters-img-strip-in::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/junkbusters-strip-2000.png);
}

.bg-70-wjoes-img-strip-in {
    padding-bottom: 140px;
}

.bg-70-wjoes-img-strip-in-teal::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/joes-scale-strip-teal.png);
}

.bg-70-wjoes-img-strip-in-mauve::after {
    height: 103px;
    opacity: 0.9;
    background-image: url(../png/joes-scale-strip-mauve.png);
}

@media (min-width: 2500px) {
    .bg-70-res-img-strip-in::after { height: 210px; bottom: -40px; }
    .bg-70-res-img-strip-in { padding-bottom: 216px; }

    .bg-70-safenightout-img-strip-in::after { height: 210px; bottom: -40px; }
    .bg-70-safenightout-img-strip-in { padding-bottom: 216px; }

    .bg-70-joesbar-img-strip-in::after { height: 140px; bottom: -40px; }
    .bg-70-joesbar-img-strip-in { padding-bottom: 180px; }

    .bg-70-housinghub-img-strip-in::after { height: 194px; }
    .bg-70-housinghub-img-strip-in { padding-bottom: 216px; }

    .bg-70-greenweek-img-strip-in::after,
    .bg-70-healthwellbeing-img-strip-in::after,
    .bg-70-yswd-img-strip-in::after,
    .bg-70-col-img-strip-in::after,
    .bg-70-commbreak-img-strip-in::after,
    .bg-70-commpan-img-strip-in::after,
    .bg-70-ref-img-strip-in::after,
    .bg-70-consent-img-strip-in::after,
    .bg-70-junkbusters-img-strip-in::after,
    .bg-70-wjoes-img-strip-in::after {
        height: 186px;
        bottom: -9px;
    }

    .bg-70-greenweek-img-strip-in,
    .bg-70-healthwellbeing-img-strip-in,
    .bg-70-yswd-img-strip-in,
    .bg-70-col-img-strip-in,
    .bg-70-commbreak-img-strip-in,
    .bg-70-commpan-img-strip-in,
    .bg-70-ref-img-strip-in,
    .bg-70-consent-img-strip-in,
    .bg-70-junkbusters-img-strip-in,
    .bg-70-wjoes-img-strip-in {
        padding-bottom: 216px;
    }
}

@media (min-width: 1600px) and (max-width: 2500px) {
    .bg-70-res-img-strip-in::after { height: 140px; }
    .bg-70-res-img-strip-in { padding-bottom: 170px; }

    .bg-70-safenightout-img-strip-in::after { height: 140px; }
    .bg-70-safenightout-img-strip-in { padding-bottom: 170px; }

    .bg-70-joesbar-img-strip-in::after { height: 100px; }
    .bg-70-joesbar-img-strip-in { padding-bottom: 170px; }

    .bg-70-housinghub-img-strip-in::after { height: 140px; }
    .bg-70-housinghub-img-strip-in { padding-bottom: 170px; }

    .bg-70-greenweek-img-strip-in::after,
    .bg-70-healthwellbeing-img-strip-in::after,
    .bg-70-yswd-img-strip-in::after,
    .bg-70-col-img-strip-in::after,
    .bg-70-commbreak-img-strip-in::after,
    .bg-70-commpan-img-strip-in::after,
    .bg-70-ref-img-strip-in::after,
    .bg-70-consent-img-strip-in::after,
    .bg-70-junkbusters-img-strip-in::after,
    .bg-70-wjoes-img-strip-in::after {
        height: 140px;
    }

    .bg-70-greenweek-img-strip-in,
    .bg-70-healthwellbeing-img-strip-in,
    .bg-70-yswd-img-strip-in,
    .bg-70-col-img-strip-in,
    .bg-70-commbreak-img-strip-in,
    .bg-70-commpan-img-strip-in,
    .bg-70-ref-img-strip-in,
    .bg-70-consent-img-strip-in,
    .bg-70-junkbusters-img-strip-in,
    .bg-70-wjoes-img-strip-in {
        padding-bottom: 190px;
    }
}

@media (max-width:992px) {
    .bg-70-greenweek-img-strip-in,
    .bg-70-healthwellbeing-img-strip-in,
    .bg-70-yswd-img-strip-in,
    .bg-70-col-img-strip-in,
    .bg-70-commbreak-img-strip-in,
    .bg-70-commpan-img-strip-in,
    .bg-70-ref-img-strip-in,
    .bg-70-consent-img-strip-in,
    .bg-70-junkbusters-img-strip-in,
    .bg-70-wjoes-img-strip-in {
        padding-bottom: 130px !important;
    }
}

/* End Strips */

.bg-70 .contact-box a {
    text-decoration:none !important;
    line-height: 28px !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    transition: transform 0.5s ease, font-weight 0.5s ease;
    transform-origin: center center;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

.bg-70 .contact-box:hover a {
    font-weight:700;
    transform: scale(1.1);
    vertical-align: middle;
    
}

.bg-70 .contact-box p {
    line-height: 28px !important;
}

.bg-70 .contact-box i {
    font-size:60px;
    margin-bottom:10px;
}

.bg-70 .contact-box i {
    transition: transform 0.5s ease;
    transform: translateY(0);
}

.bg-70 .contact-box:hover i {
    transform: translateY(-10px);
}

@media (max-width:992px) {
    .bg-70 .contact-box i {
        font-size:30px;
    }
}

.bg-70 h2 {
    font-size:42px;
    font-weight:800;
    color:#fff;
    position:relative;
}

.bg-70 h3,
.bg-70 h4 {
    font-weight:800;
    color:#fff;
    position:relative;
}

.bg-70-light h1,
.bg-70-light h2,
.bg-70-light h3,
.bg-70-light h4,
.bg-70-light ul li {
    color:#000 !important;
}

.bg-70.bg-70-light a:not(.btn):not(.button) {
    color: #337ab7;
    text-decoration:underline;
}

.purple-bg-70 {
    background:#7941D8;
}

.darkpurple-bg-70 {
    background:#3F366F;
}

.darkpurple900-bg-70 {
    background:#211d33;
}

.blue-bg-70 {
    background:#211C36;
}

.lightblue-bg-70 {
    background:#2F84A9;
}

.red-bg-70 {
    background:#B74A47;
}

.green-bg-70 {
    background:#357B73;
}

.lightgreen-bg-70 {
    background:#B3DB50;
}

.pink-bg-70 {
    background:#d3518d;
}

.lightpink-bg-70 {
    background:#E86A54;
}

.orange-bg-70 {
    background:#f7941d;
}

.yellow-bg-70 {
    background:#FEBF3E;
}

.fadedblue-bg-50 {
    background:#3b3359fa;
}

.pastelblue-bg-70 {
    background:#918EC5;
}

.pastelpurple-bg-70 {
    background:#9E99CC;
}

.pastelred-bg-70 {
    background:#FF5978;
}

.top-bg {
    width:95% !important;
    border-radius: 80px !important;
}

@media (max-width:992px) {
    .top-bg {
        width:98% !important;
        padding:20px !important;
    }
}

.bg-70 h1 {
    color:#fff;
    font-size:80px !important;
    font-weight:900;
}

@media (max-width:992px) {
    .bg-70 h1 {
        color:#fff;
        font-size:43px !important;
        font-weight:900;
    }
}

.bg-70 p {
    color:#fff;
    font-size:20px;
}

.bg-70 ul,
.bg-70 li {
    color:#fff;
    font-size:20px;
}

.bg-70 a:not(.btn):not(.button) {
    color:#fff;
    font-size:20px;
    text-decoration:underline;
}

.bg-70-color-bg a:not(.btn):not(.button),
.bg-70-white-links {
    color:#fff !important;
    text-decoration:underline;
}

.bg-70-dark-links {
    color:#000 !important;
    text-decoration:underline;
}

.bg-70-light p {
    color:#000;
}

.blue-bg-70 p a:not(.btn),
.blue-bg-70 li a:not(.btn) {
    color: #0da2fd;
}

.purple-bg-70 p a:not(.btn) {
    color: #fff;
    text-decoration:underline;
}

.pill-row-eh {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.pill-row-eh .col-xs-6 {
    display: flex;
}

@media (max-width:792px) {
    .pill-row-eh .col-xs-6 {
        padding:2px;
    }
}

.pill-row-eh .pill-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pill-card {
    border-radius:30px;
    border:0;
    padding:20px;
    text-align:center;
    position:relative;
    z-index:10;
    padding: 10px 10px 20px 10px;
    overflow:hidden;
}

.pill-with-overflow .pill-card {
    overflow:visible;
}

.pill-card .card-body {
    padding:0px;
}

.card-body-h-z {
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center; 
  text-align: center;
  height: 100%;
}

.pill-card-brand {
    padding-bottom:70px;
}

.pill-card-brand:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: 122px 75px;
    background-repeat: no-repeat;
    width: 122px;
    height: 75px;
    border-bottom-left-radius:30px;
    background-image: url(../png/welcome-graphic-carousel-left.png);
    z-index: 0;
}

@media (max-width:992px) {
    .pill-card {
        border-radius:30px;
        border:0;
        padding:10px;
        text-align:center;
        position:relative;
        z-index:10;
    }
    .pill-card-brand {
        padding-bottom:40px;
    }
}

.pill-card-white {
    background:#fff;
}

.pill-card-blue {
    background:#40B5E5;
}

.pill-card-darkblue {
    background:#211C36;
}

.pill-card-pastelblue {
    background:#a0dbf3;
}

.pill-card-yellow {
    background:#FFBF40;
}

.pill-card-green {
    background:#b3db50;
}

.pill-card-darkgreen {
    background:#357B73;
}

.pill-card-orange {
    background:#F39200;
}

.pill-card-red {
    background:#B74A47;
}

.pill-card-pink {
    background:#e65c5c;
}

.pill-card-purple {
    background:#7941D8;
}

.pill-card-darkpurple {
    background:#3F366F;
}

.pill-card .card-top-image {
    padding:10px 10px 0px 10px;
}

.pill-card .card-pill-image {
    border-radius:30px;
    transition: transform 0.5s ease;
}

a .pill-card:hover .card-pill-image {
     transform: translateY(-15px);
}

.pill-card .card-text-head {
    margin-top:15px;
    font-size:25px;
    font-family: 'Fira Sans', sans-serif !important;
    flex-shrink: 0;
    flex-grow: 0;
}

@media (max-width:792px) {
    .pill-card .card-text-head {
        font-size:22px;
    }
}

.pill-card p {
    color:#000;
    padding: 0 20px;
}

.pill-card-white ul li {
    color:#000 !important;
}

.pill-card-white a:not(.btn):not(.button) {
    color: #337ab7;
    text-decoration:underline;
}

.pill-card-darkblue p {
    color:#fff;
    padding: 0 20px;
}

.pill-card-dark h1,
.pill-card-dark h2,
.pill-card-dark h3,
.pill-card-dark h4,
.pill-card-dark p,
.pill-card-dark li,
.pill-card-dark a {
    color:#000 !important;
}

.pill-card-dark a {
    text-decoration:underline;
}

.pill-card-light h1,
.pill-card-light h2,
.pill-card-light h3,
.pill-card-light h4,
.pill-card-light p {
    color:#fff !important;
}

.pill-card-light a:not(.btn):not(.button) {
    color:#fff !important;
    text-decoration:underline;
}

.card-link-wrapper,
.card-link-wrapper * {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  border: none !important;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.card-link-wrapper-inside-a:hover {
  transform: scale(1.03);
  transition: transform 0.3s ease;
  cursor:pointer
}

.card-link-wrapper-inside-a:hover .card-pill-image {
    transform: translateY(-15px);
}

@media (min-width:992px) {
    .card-link-wrapper-inside-a .btn {
        display:none;
    }
}

.card-link-wrapper-inside-a.show-btn .btn {
    display:block !important;
}

.card-stretched-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.card-link-wrapper-inside-a .btn {
  position: relative;
  z-index: 2; 
}

.card-top-image {
  flex-shrink: 0;
  flex-grow: 0;
}

.card-pill-image {
  width: 100%;
  height: auto;
  display: block;
}

.card-body {
  flex: 1;
}

.pill-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform, box-shadow;
  position: relative;
}

a .pill-card:hover {
  transform: translateY(-5px) scale(1.03);
  box-shadow: 
    0 12px 24px rgba(0, 0, 0, 0.15), 
    0 0 15px rgba(0, 150, 136, 0.3); 
  z-index: 10;
}

.pill-card-green:hover {
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.15),
    0 0 15px rgba(76, 175, 80, 0.4) !important;
}

.pill-card-blue:hover {
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.15),
    0 0 15px rgba(33, 150, 243, 0.4) !important; 
}

.pill-card .down-arrow {
  opacity: 0;
  font-size: 32px;
  color: #fff;
  position: absolute; 
  bottom: 0; 
  left: 50%; 
  transform: translate(-50%, 96%);
  transition: opacity 0.3s ease;
  z-index:100;
}

a .pill-card:hover .down-arrow {
  opacity: 1; 
  transition: opacity 1s ease; 
}

.rounded-40 {
    padding:20px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* To make MSL Carousel work */

.event-carousel-wrapper {
  position: relative;
  width: 100%; 
  overflow: hidden;
  margin: 0 auto;
}

.event-carousel-wrapper .event-carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

.event-carousel-wrapper .event_item {
  flex: 0 0 33.33%; 
  transition: opacity 0.3s ease; 
  box-sizing: border-box; 
}

.event-carousel-wrapper .event_item.faded {
  opacity: 0.3;
}

.event-carousel-wrapper .event-carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgb(76 64 132);
    color: #fff;
    border: none;
    font-size: 2rem;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 30px;
}

.event-carousel-wrapper .event-carousel-nav.prev {
  left: 1rem;
}

.event-carousel-wrapper .event-carousel-nav.next {
  right: 1rem;
}

.event-carousel-wrapper .event-carousel-nav:hover {
  background: rgb(107 94 164);
}

@media (max-width: 1200px) {
    .event-carousel-wrapper {
        position: relative;
        width: 100%;
        max-width: 400px;
        overflow: hidden;
        margin: 0 auto;
    }
  .event-carousel-wrapper .event_item {
    flex: 0 0 80%;
  }
}

@media (max-width: 768px) {
    .event-carousel-wrapper {
        position: relative;
        width: 100%;
        max-width: 280px;
        overflow: hidden;
        margin: 0 auto;
    }
  .event-carousel-wrapper .event_item {
    flex: 0 0 80%; 
  }

  .event-carousel-wrapper .event-carousel-nav {
    font-size: 1.5rem;
    padding: 10px 15px;
  }
}

@media (min-width:1200px) {
    .event-carousel-width-500 {
        width:500px !important;
    }
}

.event-carousel-wrapper a:focus,
.news-carousel-wrapper a:focus,
.div-carousel-wrapper a:focus {
    outline: none;
}

/* News Carousel */

.news-carousel-wrapper {
  position: relative;
  width: 100%; 
  overflow: hidden;
  margin: 0 auto;
}

.news-carousel-wrapper .event-carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

.news-carousel-wrapper .msl-item {
  flex: 0 0 33.33%; 
  transition: opacity 0.3s ease; 
  box-sizing: border-box; 
}

.news-carousel-wrapper .msl-item.faded {
  opacity: 0.3;
}

.news-carousel-wrapper .event-carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: #3F366F;
  color: #fff;
  border: none;
  font-size: 2rem;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 30px;
}

.news-carousel-wrapper .event-carousel-nav.prev {
  left: 1rem;
}

.news-carousel-wrapper .event-carousel-nav.next {
  right: 1rem;
}

.news-carousel-wrapper .event-carousel-nav:hover {
  background: #6b5ea4;
}

@media (max-width: 1200px) {
  .news-carousel-wrapper {
    max-width: 400px;
  }
  .news-carousel-wrapper .msl-item {
    flex: 0 0 80%;
  }
}

@media (max-width: 768px) {
  .news-carousel-wrapper {
    max-width: 280px;
  }
  .news-carousel-wrapper .msl-item {
    flex: 0 0 80%; 
    margin:0px 2px;
  }

  .news-carousel-wrapper .event-carousel-nav {
    font-size: 1.5rem;
    padding: 10px 15px;
  }
}

@media (min-width: 1200px) {
  .news-carousel-width-500 {
    width: 500px !important;
  }
}

/* Pill styling */

.accordion-col-noflex {
    align-self: flex-start;
}

.panel-bg-70 .panel {
  border: 0;
  border-radius: 20px;
  overflow: hidden;
  margin: 5px 0px;
}

.panel-bg-70 .panel h4 {
  margin: 0;
  margin-top: 5px;
}

.panel-bg-70 .panel-heading {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 1.2rem;
  color: #000000;
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  box-shadow: none;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease,
    padding 0.3s ease-in-out,
    font-size 0.3s ease-in-out;
}

.panel-bg-70 .panel-heading:not(.collapsed) {
  font-weight: 700;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  padding: 20px;
}

.panel-bg-70 .panel-heading.collapsed {
  border-radius: 20px;
  padding: 30px 20px;
}

.panel-bg-70 .panel-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  font-size: 19px;
  font-weight: 400;
  transition: font-size 0.3s ease, font-weight 0.3s ease;
}

.panel-bg-70 a:not(.collapsed) .panel-title {
  font-size: 22px;
  font-weight: 700;
}

.panel-bg-70 .panel-toggle {
    text-decoration:none !important;
}

.panel-bg-70 .panel-heading-text {
  display: block;
  flex: 1;
  width:80%
}

.panel-bg-70 .toggle-icon {
  transition: transform 0.3s ease;
  margin-left: auto;
}

.panel-bg-70 a.collapsed .toggle-icon {
  transform: rotate(0deg);
}

.panel-bg-70 a:not(.collapsed) .toggle-icon {
  transform: rotate(180deg);
}

.panel-bg-70 .panel-collapse .collapse {
  background: none;
}

.panel-bg-70 .panel-collapse {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.panel-bg-70 .panel-body {
  background: #fff;
  padding: 20px;
}

.panel-bg-70 .panel-body h2,
.panel-bg-70 .panel-body h3,
.panel-bg-70 .panel-body h4,
.panel-bg-70 .panel-body p,
.panel-bg-70 .panel-body ul,
.panel-bg-70 .panel-body li {
  color: #000 !important;
}

.panel-bg-70 a {
  text-decoration: none;
  color: inherit;
}

.panel-bg-70 a:hover,
.panel-bg-70 a:focus,
.panel-bg-70 a:active {
  text-decoration: none;
  outline: none;
}

.panel-bg-70 .panel-body p a:not(.btn),
.panel-bg-70 .panel-body li a:not(.btn) {
  color: #0da2fd;;
}

.panel-bg-70 .panel-body p a:not(.btn):hover,
.panel-bg-70 .panel-body li a:not(.btn):hover {
  text-decoration:underline;
}

.panel-blue .panel,
.panel-blue .panel-collapse,
.panel-blue .panel-heading,
.panel-blue .panel-heading:not(.collapsed) {
  background-color: #41b6e6;
}

.panel-darkblue .panel,
.panel-darkblue .panel-collapse,
.panel-darkblue .panel-heading,
.panel-darkblue .panel-heading:not(.collapsed) {
  background-color: #211C36;
}

.panel-green .panel,
.panel-green .panel-collapse,
.panel-green .panel-heading,
.panel-green .panel-heading:not(.collapsed) {
  background-color: #357B73;
}

.panel-lightgreen .panel,
.panel-lightgreen .panel-collapse,
.panel-lightgreen .panel-heading,
.panel-lightgreen .panel-heading:not(.collapsed) {
  background-color: #b3db50;
}

.panel-yellow .panel,
.panel-yellow .panel-collapse,
.panel-yellow .panel-heading,
.panel-yellow .panel-heading:not(.collapsed) {
  background-color: #FFBF40;
}

.panel-orange .panel,
.panel-orange .panel-heading,
.panel-orange .panel-heading:not(.collapsed) {
  background-color: #F29200;
}

.panel-bg-70 .panel-yellow .panel-title,
.panel-bg-70 .panel-blue .panel-title,
.panel-bg-70 .panel-lightgreen .panel-title,
.panel-bg-70 .panel-orange .panel-title {
  color:#000 !important;
}

.panel-bg-70 .panel-darkblue .panel-title,
.panel-bg-70 .panel-green .panel-title{
    color:#fff !important;
}

/* Modals */

@media (min-width:1200px) {
    .modal-90 .modal-lg {
        width:90%;
    }
}


.modal-pill .modal-content {
    box-shadow: none;
    background-color: transparent;
}

.modal-pill .modal-white {
    background-color:#fff;
    border-radius: 30px;
}

.modal-pill .modal-blue {
    background-color:#211C36;
    border-radius: 30px;
}

.modal-pill .modal-green {
    background-color:#357B73;
    border-radius: 30px;
}

.modal-pill .modal-header {
    border-bottom: none;
    background-color: #fff;
    border-radius: 30px 30px 0 0;
}

.modal-pill .modal-color-bg p,
.modal-pill .modal-color-bg ul,
.modal-pill .modal-color-bg h2,
.modal-pill .modal-color-bg h3,
.modal-pill .modal-color-bg h4 {
    color:#fff;
}

.modal-pill .modal-color-bg .modal-header h2 {
    color:#211C36;
}

.modal-pill .modal-color-bg .modal-header p {
    color:#000;
}

.modal-pill .modal-padding {
    padding:20px;
}

.modal-pill .modal-color-bg a:not(.btn):not(.button) {
  text-decoration: underline;
  color:#fff;
}

.modal-pill .modal-header .close {
    margin-top: 2px;
    margin-right: 15px;
}

.modal-pill .modal-body {
    border-radius: 0 0 30px 30px;
}

.modal-pill.modal-blue-bg .modal-body {
    background: #211c36;
}

.br-0 {
    border-radius:0 !important;
}

.video-rounded {
    border-radius: 40px;
    display: flex;
    align-items: center;
    overflow: hidden;
}