/**
 * Place your custom styles here.
 */
 
/*Google Font(s)*/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html {
	font-size: 62.5%;
}

a {
  color:#4A7496;
}

 a:hover,
 a:focus {
 	text-decoration: none;
 }

/* All Page*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
  /* font-weight: 700; */
  text-transform: uppercase;
}

body { 
	background-color:#F5F5F5; 
	font-family: 'Montserrat', sans-serif;
  margin-top: 0;
}

/* Header */ 
.header-border {border-top:solid 8px #4A7496; }
#header {background-color:#F5F5F5; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; border:none; }
.navbar-header > div {margin-top: 6px; padding:0 !important;}
#header .header-logo {width: 200px; height: auto; padding-top: 6px;}
.search-login-wrapper {display: flex; gap: 8px;}
#search-block-form .input-group-btn {display:none;}
#search-block-form .input-group input{border-radius:0; border:none; width: 250px; height: 40px;}
#search-block-form .form-group {margin-bottom: 0;}
#header .container .navbar-header .login {display: flex;}
#header .container .navbar-header .login a {background-color:#4A7496; color:#FFF; padding:10px 45px;}
/* Chrome */
#search-block-form .input-group ::-webkit-input-placeholder{color:#4A7496; font-family: 'Montserrat', sans-serif;  font-weight:bold;}
/* IE 10+ */
#search-block-form .input-group :-ms-input-placeholder{color:#4A7496; font-family: 'Montserrat', sans-serif;  font-weight:bold;}
/* Firefox 19+ */
#search-block-form .input-group ::-moz-placeholder {color:#4A7496; font-family: 'Montserrat', sans-serif;  font-weight:bold;  opacity: 1;}
/* Firefox 4 - 18 */
#search-block-form .input-group :-moz-placeholder{color:#4A7496; font-family: 'Montserrat', sans-serif;  font-weight:bold; opacity: 1;}

/* Mobile Navigation */
/* .mobile-nav {display: none;} */
.responsive-menu-toggle-icon span.label {display: none;}


/* Nav Bar */ 
.primary-nav {margin-top:12px;}
#block-superfish li {background:#F5F5F5; margin:0 10px; }
#block-superfish li ul li {background:#E8E8E8; margin:0; }
#block-superfish li a {font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:14px; border:none; border-bottom:2px solid transparent; padding:12px; color: #4A7496; }
#block-superfish li a:hover,
#block-superfish li a:focus,
#block-superfish li a.active,
#block-superfish li.active-trail a {background-color: #4A7496; color:#fff; text-decoration: none;}
#block-superfish li.sfHover a {background-color: #4A7496; color:#fff;}
#block-superfish li.sfHover ul li a {border-color: #4A7496;}
#block-superfish li ul li {min-width: 270px; border-bottom: 1px solid #fff;}
#block-superfish li ul li:nth-last-child(1) {border-bottom: none;}
#block-superfish li ul li ul {display: none !important;}
ul.sf-menu.sf-horizontal.sf-shadow ul, 
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {box-shadow: none;}
/* ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited {color:#4A7496;} */

/* Site background color */
#main-container {background-color: #f5f5f5;}

.block-title {font-size: 4.5em; color:#4A7496; font-family: 'Montserrat', sans-serif; font-weight:100;}

/*Slide show*/
.slide-rotator {position: relative; padding: 0;}
#block-views-block-slideshow-block .view-slideshow .view-content img {width: 100%; height: auto;}
#block-views-block-slideshow-block .slick-arrow:before {color:#000; font-size:40px;}
#block-views-block-slideshow-block  .slick-prev {left: -45px;}
#block-views-block-slideshow-block .slider-image h2 {background-color: rgba(74, 116, 150, 0.8); width: 100%; position: absolute; bottom:0; color: #fff; font-size:1.8rem; padding: 40px; margin:0;border-right:2px solid #888; cursor:pointer;}
#block-views-block-slideshow-block a:link, #block-views-block-slideshow-block a:visited, #block-views-block-slideshow-block a:active, 
#block-views-block-slideshow-block a:hover {font-size: 19px; text-decoration: none; color:#fff;}


/*Announcement Banner */
.alert-banner {padding:15px 30px;}
#block-views-block-announcement-block .view-content {border-bottom:solid 4px #ff4f19; background:#FFF;}
#block-views-block-announcement-block .view-content span {font-size:1.0em; color:#000; font-family: 'Montserrat', sans-serif;}
#block-views-block-announcement-block .announcement-banner img{ display:inline-block; background:#FF4F19; padding:10px 14px; margin-right: 10px; float:left;}
#block-views-block-announcement-block .announcement-banner p {padding:12px; font-weight:bold;}


/*Featured Events*/
#featured-events {margin-top:20px;}
#featured-events .region-featured-event {padding:0 40px;}
#featured-events .region-featured-event section {background:#fff; border-bottom:solid 4px #4A7496;}
#featured-events .view-events .view-footer li {display:inline-block; float:right; margin-bottom: 2px; font-size: 21px;}
#featured-events .view-events .btn-read-more a {background:#4A7496; color:#fff; text-align:center; padding:5px 30px;}
#featured-events .view-events .btn-register a {background:#70B07E; color:#fff; text-align:center; padding:5px 30px; margin-right:12px;}
#featured-events .view-events a:hover,
#featured-events .view-events a:focus {text-decoration: underline;}
#featured-events .featured-event-wrapper h3 {font-family: 'Montserrat', sans-serif; color:#4A7496; }
#featured-events .featured-event-wrapper .date, 
#featured-events .featured-event-wrapper .location {font-size:1.2em; color:#000; display:block; }
#featured-events .featured-event-wrapper  {padding:0px 10px 25px 18px;}

/*Branding MSG*/
.slogan img {width: 100%; height: auto;}

/*QuickLinks-Home*/
#main-container .quick-links .row {background:#FFF;}
#main-container .quick-links h3{background:#ECECEC; border-top:solid 8px #DEDEDE; margin-top:0px;}
#main-container .quick-links ul {list-style:none; text-decoration:none;}
#main-container .quick-links li {padding:15px;}
#main-container .quick-links a img {width: 50px; padding-right:16px;}
#main-container .quick-links a {color: #4A7496;}
#main-container .quick-links a:hover {color: #4A7496; text-decoration: underline;}


/*Events and News rotator blocks*/
#block-views-block-events-block-1 .views-row,
#block-views-block-news-block-1 .views-row  {background:#fff}
#block-views-block-news-block-1 .btn-read-more a,
#block-views-block-events-block-1 .btn-read-more a{float:right; color:#fff; background-color:#4A7496; padding:4px 12px; font-size: 16px; }
#block-views-block-events-block-1 .slick-slide,
#block-views-block-news-block-1 .slick-slide {margin: 4px;}

/*Upcoming Events */
#block-views-block-events-block-1 .views-row {margin: 10px 0;}
.upcoming-events {margin-top:40px;}
.upcoming-event-item-wrapper {height:190px; padding: 22px 16px;}
.latest-news-item-wrapper {padding:16px; height:231px;}
.latest-news-wrapper.latest-news-wrapper-long .latest-news-item-wrapper {padding:16px; height:160px;}
.latest-news-wrapper.latest-news-wrapper-long .latest-news-item-wrapper {padding:16px; height:350px; overflow-wrap: break-word;}
.upcoming-event-item-wrapper h3,
.latest-news-item-wrapper h3 {margin: 0 0 2px 0; font-size: 1.8rem;}
.upcoming-event-item-wrapper .date,
.latest-news-item-wrapper .date {color: #666; margin-bottom: 10px; display: inline-block;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+1) {border-bottom:solid 4px #4A7496;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+2) {border-bottom:solid 4px #4A7496;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+3) {border-bottom:solid 4px #4A7496;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+4) {border-bottom:solid 4px #4A7496;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+1) .btn-read-more a {background-color:#4A7496;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+2) .btn-read-more a {background-color:#4A7496;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+3) .btn-read-more a {background-color:#4A7496;}
#block-views-block-events-block-1 .views-row.slick-slide:nth-child(4n+4) .btn-read-more a {background-color:#4A7496;}
#block-views-block-events-block-1 .slick-next,
#block-views-block-news-block-1 .slick-next {width:35px; height:75px; right: -28px;}
#block-views-block-events-block-1 .slick-prev,
#block-views-block-news-block-1 .slick-prev {width:35px; height:75px; left:-28px; z-index: 3;}
.btn-read-more a:hover {text-decoration: underline;}

/*Events Pages*/
#events-page h2, #events-archive-page h2 {color:#4A7496!important;}
#block-views-events-block-2 .btn-read-more, #block-views-events-block-3 .btn-read-more {margin-top:-10px;}

/*latest News*/
#latest-news {background-color:#E8E8E8; padding-top:20px;}
#block-views-block-news-block-1 .views-row {margin: 10px 0;}
#block-views-block-news-block-1 .views-row:nth-child(4n+1) {border-bottom:solid 4px #4A7496;} 
#block-views-block-news-block-1 .views-row:nth-child(4n+2) {border-bottom:solid 4px #4A7496;} 
#block-views-block-news-block-1 .views-row:nth-child(4n+3) {border-bottom:solid 4px #4A7496;} 
#block-views-block-news-block-1 .views-row:nth-child(4n+4) {border-bottom:solid 4px #4A7496;}
#block-views-block-news-block-1 .views-row:nth-child(4n+1) .btn-read-more a{background-color:#4A7496; color:#fff; }
#block-views-block-news-block-1 .views-row:nth-child(4n+2) .btn-read-more a{background-color:#4A7496; color:#fff; }
#block-views-block-news-block-1 .views-row:nth-child(4n+3) .btn-read-more a{background-color:#4A7496; color:#fff; }
#block-views-block-news-block-1 .views-row:nth-child(4n+4) .btn-read-more a{background-color:#4A7496; color:#fff; }
#block-views-block-news-block-1 .views-row:nth-child(4n+1) .btn-read-more a:hover,
#block-views-block-news-block-1 .views-row:nth-child(4n+2) .btn-read-more a:hover,
#block-views-block-news-block-1 .views-row:nth-child(4n+3) .btn-read-more a:hover,
#block-views-block-news-block-1 .views-row:nth-child(4n+4) .btn-read-more a:hover {text-decoration: underline;}
.btn-see-more a {text-align: center; text-decoration: none; color:#fff; padding: 5px 30px; margin: 20px 6px 30px 0; cursor: pointer;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;float: right; background-color:#4A7496; border-top:solid 3px #4A7496;}
.btn-see-more a:hover {text-decoration: underline;}

/*Pagination*/
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {background-color:#4A7496; border-color:#4A7496;}

/*Subpages*/
.header-border-sub {height:4px; background-color:#D8D8D8;}
#subpage-container {background-color: #f5f5f5; padding-top: 26px;} /* margin-top:26px; */
#subpage-content {background-color:#fff; padding: 0 20px 20px 20px; margin-bottom:40px; margin-top: 20px;}
#subpage-content .page-header {font-size:3.6rem; color:#4A7496; font-weight:bold; padding-top:18px; border:none; margin-bottom:0; padding-bottom:0;}
#subpage-content .breadcrumb {font-family: 'Montserrat', sans-serif; font-size:1.4rem; font-weight:bold; background-color:#fff; color:#4A4A4A; padding:0; margin:10px 0;}
#subpage-content .breadcrumb .active {color:#4A4A4A;}
#subpage-content .breadcrumb  a {color:#4A7496;}
#subpage-content .breadcrumb > li + li:before {content: ">\00a0"; color:#4A4A4A; }
#subpage-content p {font-family: 'Montserrat', sans-serif; color:#4A4A4A; line-height:1.5; margin-bottom:20px; font-size: 16px;}
#subpage-content h2 {font-size:3.0rem; font-weight:bold; color:#4A7496; margin-bottom:6px;}
#subpage-content h3 {font-size:2.2rem; font-weight:bold; color:#70B07E; margin-bottom:6px;}
#subpage-content .content a:hover {text-decoration: underline;}

/*Secondary menu */
#subpage-container .region-secondary-menu {background:#fff; border-top:solid 8px #4A7496;}
#subpage-container .region-secondary-menu li {border-left:solid 8px #DEDEDE; font-weight:bold;}
#subpage-container .region-secondary-menu li.active-trail{border-left-color:#70B07E;}
#subpage-container .region-secondary-menu li.active-trail ul li{border-left-color:#DEDEDE;}
#subpage-container .region-secondary-menu li.active-trail ul li.active{border-left-color:#70B07E;}
#subpage-container .region-secondary-menu li.active-trail ul li.last.leaf{border-bottom:none;}
#subpage-container .region-secondary-menu a {color:#000; border-bottom:2px solid #dedede;}

/*QuickLinks-Subpages*/
#subpage-container .quick-links {background-color:#fff; margin-bottom:40px;}
#subpage-container .quick-links h3 {background-color:#4A7496; color:#fff; padding:8px; margin-bottom:0; font-size:19px; font-weight: 700;}
#subpage-container .quick-links ul {list-style: none; text-decoration: none; padding:0;}
#subpage-container .quick-links li {position:relative; border-bottom:solid 2px #DEDEDE; padding: 8px 0; font-weight:bold;}
#subpage-container .quick-links li a {display: flex; align-items: center; gap: 10px;}
#subpage-container .quick-links li img {margin-left:20px; width:50px; height:auto;}
#subpage-container .quick-links li a:hover {text-decoration: underline;}
#subpage-container .quick-links li:last-child {border-bottom:none;}

/*Search Page*/
.search-snippet-info .search-info {display:none}
.search-results {list-style:none;}
/*contact us page*/
.node-webform .submitted {display:none}
.webform-client-form .captcha {padding:20px 0;}

/*Directory*/
.search-filter-wrapper {margin-bottom:20px;}
.search-filter-wrapper .search {border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;}

.search-filter-results { padding:0; list-style: none; }
.search-filter-results li a {display: inline-block; width: 100%; padding: 10px; font-size: 1.8rem; border-bottom: 1px solid #DEDEDE;}
.search-filter-results li a:hover,
.search-filter-results li a:focus {background-color:#DEDEDE;}

[ng\:cloak],
[ng-cloak],
.ng-cloak {display:none !important}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4A7496;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}


/*Footer */
footer .footer-logo {padding: 0; margin-top:-4px;}
#footer .footer-logo img{background:#fff; padding: 10px 20px; width:200px;}
#footer .social-content {margin-top:8px;}
#footer .btn-contact {background:#fff; color:#4A7496; text-align:center; font-size:1.6rem; font-weight: 700; padding: 14px 30px 16px 30px;}
#footer .btn-contact:hover {text-decoration: underline;}
#footer .facebook-logo {padding:5px;}
#footer .youtube-logo {padding:0;}
#footer {background:#4A7496; border-top:solid 8px #fff;}
#footer h2{color:#fff; font-size: 2.4rem; border-bottom: 1px solid #fff;}
#footer ul{-webkit-padding-start:0px}
#footer li{list-style:none;}
#footer .region-footer-health a, #footer .region-footer-aboutus a, #footer .region-footer-resources a{color:#fff; text-decoration:none;}
#footer .region-footer-health a:hover, #footer .region-footer-aboutus a:hover, #footer .region-footer-resources a:hover {text-decoration: underline;}
#footer .region-footer-contact a {text-decoration:none; color:#fff }
#footer p {color:#fff;}