:root {
  --theme-color: #003d92 !important;
  --text-color: #333 !important;
  --link-color: #035fd6 !important;
  --link-hover: rgb(23, 176, 252) !important;
  --bold-color: #0055b4 !important;
  --footer-color: #042630 !important;
  --content-bg: #fff !important;
  --header-bg: #373f51 !important;
  --block-bg: aliceblue !important;
  --block-border: #02a4d3 !important;
}
body {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}
a, a strong {
  color: var(--link-color) !important;
}
a:hover, a:visited:hover {
  text-decoration: underline !important;
  color: var(--link-hover) !important;
}
p a {
  font-weight: 500 !important;
}
b, strong {
  font-weight: 700 !important;
  color: var(--text-color) !important;
}

a > strong {
  color: var(--link-color) !important;
}
h1.page-title {
  margin: 0 0 2vw 0;
  color: var(--theme-color);
}
h2, h2 a {
  font-size: 1.8rem !important;
  line-height: 120% !important;
  margin: 30px 0 10px 0 !important;
  font-family: 'Open Sans', sans-serif !important;
  color: var(--theme-color) !important;
  font-weight: 600 !important;
  letter-spacing: -0.9px;
}
h2 a {
  color: var(--link-color) !important;
}

h3, h3 a {
  font-size: 1.6rem !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  line-height: 120% !important;
  margin-bottom: 10px !important;
  color: var(--theme-color) !important;
}
h3 a {
  color: var(--link-color) !important;
}
h3 em {
  font-style: italic !important;
}
h4 {
  color: var(--theme-color) !important;
  font-size: 1.2 rem !important;
  font-weight: 700 !important;
}
h4 a {
  color: var(--link-color) !important;
}
blockquote {
  margin: 2em 4em;
}
em {
  font-style: italic;
  color: var(--text-color);
}
ul, ol {
  margin: 0 2em 2em 3em !important;
}
.scrolltop:hover {
  background-color: #1b7dec !important;
}
.scrolltop-icon:hover {
  color: #a6f1f8 !important;
}
.header-main {
  flex-wrap: wrap;
  /* NEW */
  display: block !important;
}
.sidebar input[type=text], .sidebar input[type=email] {
  background-color: #fff !important;
}
.sidebar .block {
  background-color: var(--block-bg) !important;
  border-radius: 0 !important;
  border: 1px solid var(--block-border) !important;
  padding: 0 1rem !important;
}
.sidebar .block h2, .sidebar .block-title {
  font-size: 1.3rem !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  background-color: var(--block-bg) !important;
  background-image: none !important;
}
.sidebar p {
  font-size: 0.9rem !important;
}
.sidebar [type=submit] {
  font-size: 0.8rem;
}
.sidebar li {
  border: none;
  font-size: 1.1rem !important;
}
.sidebar .form-item label {
  font-size: 0.88rem !important;
  color: var(--text-color)
}
.sidebar textarea {
  border-radius: 0 !important;
}
/* NEW */

/* Main Menu BG color */
.header-main-right {
  background-color: aliceblue;
  border: 1px solid var(--block-border);
}
.search-icon {
  margin-left: 26px !important;
}
.site-branding .site-logo {
  float: left;
  padding: 0 0 15px 0;
  /* flex: 1 1 0px;*/
  flex: 0 1 170px;
}
.site-branding img {
  max-height: 150px !important;
}
.site-branding a {
  color: var(--theme-color) !important;
}
.site-name-slogan {
  flex: 3 1 90% !important;
}
.site-name-slogan .site-name {
  font-size: 2.4rem !important;
  padding-bottom: 8px;
  padding-top: 10px;
  text-transform: none !important;
}
img.bluesky-img {
  display: inline !important;
  vertical-align: baseline !important;
}
.social-icons li a.blue {
  /*display: block; */
  background-image: url('/sites/default/files/images/bluesky_white_logo_transparent-22.png');
  background-repeat:no-repeat;
  width: 22px;
  height: 17px;
  margin: 12px 22px 0 0;
}
.social-icons li a.blue:hover {
  background-image: url('/sites/default/files/images/bluesky_aqua_logo_transparent-22.png');
  width: 22px;
  height: 17px;

}
.fa-bluesky {
  --fa: "\e671" !important;
}
.icon-bluesky::before {
  content: "\e671" !important;
}
.main-wrapper {
  padding: 0 1rem;
}
/**********************NEW*/
.main-container {
  padding: 1rem 0 !important;
}
#page-header {
  text-align: left;
  padding: 0 1rem;
}
#page-header #block-customvani-breadcrumbs {
  font-size: 0.75rem !important;
  text-align: left;
}
.highlighted {
  margin: 0 !important;
}
.homepage .highlighted .container {
  max-width: 1170px;
}
.homepage .highlighted .container .region-highlighted {
	display: block;
}
.homepage .main-wrapper {
	padding: 0 8px;
}
.homepage .home-content {
  max-width: auto;
  margin: 0;
}
.homepage .highlighted {
  background-color: #fff;
  background-image: url(../images/banner-1-1800.jpg);
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 375px;
}

.homepage .highlighted #block-customvani-frontpagetaglineblock.block {
	color: #fff;
	position: absolute;
	top: 22vw;
	left: 15px;
	width: 350px;
	background-color: rgba(73, 93, 115, 0.59);
	padding: 2em 1em 2em 4em;
}
.homepage .highlighted #block-customvani-frontpagetaglineblock.block p {
  font-weight: 800;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .homepage .highlighted {
    height: 600px;
  }
  .homepage .highlighted #block-customvani-frontpagetaglineblock.block {
    top: 30vh;
    left: 15px;
    width: 550px;
  }
  ul.main-menu {
    margin: 0 !important;
  }
  ul.main-menu > li a:after, ul.main-menu > li:hover a:after {
    width: 0 !important;
  }
  .submenu {
    margin: 0 !important;
    padding: 0 !important;
  }
}
/********** NEW 10.4  *****/
.page-tabs li.active-page-tab a, .page-tabs li a:hover {
  background: var(--theme-color) !important;
  color: #ffffff !important;
}

/* Top banner for Basic Page */

.page-type-page #top-banner {
  width: 100%;
}
.page-type-page #top-banner .container-fluid {
  position: relative;
}
.page-type-page #top-banner img {
  width: 100%;
  object-fit: cover;
  background-position: 50%;
}
.tagline {
  padding: 15px 15px 7px 20px;
  width: 100%;
  z-index: 10;
  background-color: rgba(50, 42, 78, 0.78);
}
.tagline p {
  font-size: 0.9rem;
  line-height: 130%;
  color: #fff;
  font-weight: 400;
}
/*****/


@media (min-width: 938px) {
  .homepage .main-wrapper {
    padding: 0 !important;
  }
  .homepage .highlighted {
    height: 600px;
  }
  .homepage h2 {
    font-size: 1.7rem !important;
    font-weight: 700 !important;
  }
  .tagline {
    position: absolute;
    left: 15%;
    bottom: 8vw;
    width: 40%;
    font-size: 1.1rem;
    z-index: 10;
    background-color: rgba(20, 20, 20, 0.6);
  }
  .tagline p {
    font-size: 1.2rem;
    font-weight: 600;
  }
}
.main-wrapper {
  min-height: 400px;
}
.region-content-home .block {
  padding: 3em 0 !important;
}

.block-section #block-customvani-account-menu .menu {
  display: inline !important;
}
.block-section #block-customvani-account-menu {
  background-color: #cff8fb;
  padding-left: 1rem;
}
.block-section #block-customvani-account-menu ul {
  margin: 0 !important;
}
.block-section #block-customvani-account-menu h2.block-title {
  font-size: 18px !important;
  display: inline !important;
}
.block-section #block-customvani-account-menu li {
  display: inline !important;
  padding: 0 0 0 20px;
}

.messages--status {
  background-color: #87eaf1;
  padding: 10px;
}
.message em {
  color: #fff;
}
.header-cicle {
  display: none;
}
div[class^="home-block-cicle"] {
  display: none;
}
.page-header {
  padding: 0 !important;
}

[div] .field:not(:last-child) {
  margin-bottom: 5px;
}
.views-row {
  margin-bottom: 30px;
}
.block-section .block-title::before, .block-section .block-title::after {
  width: 0 !important;
}

svg.ext, svg.mailto {
  width: 22px;
  height: 22px;
  padding-left: 0.2em;
  display: inline;
}

/* Front Page ****/

.region-content-home .block:nth-child(even) {
  background-color: #ecebef !important; /***#dcd5d5;  #dad2d2 ***/
}
.home-content .feed-icons {
  display: none;
}

.homepage-content p {
  font-size: 0.9rem !important;
  line-height: 1.4;
}
#block-customvani-frontpagewhoweare .block-content {
  border-top: 4px solid #005fe1;
  border-bottom: 4px solid #005fe1;
}
/** To Delete *********
#block-customvani-frontpagewhoweare .block-content p {
  font-size: 0.9rem;
}
*/
@media (min-width: 800px) {
  /*  To Delete *****
  #block-customvani-frontpagewhoweare .block-content p, .front-our-research p {
    font-size: 1rem;
  }
  */
  #block-customvani-frontpagewhoweare .block-content {
    max-width: 66%;
    margin: 0 auto;
  }
}

.container.mission-top {
  /*
  background-image: url(../images/pexels-pixabay-247600-1200.jpg);
  
  background-image: url(../images/alexandra-smielova-UkKUrfZFwMo-unsplash-1200.jpg);
  */
  background-image: url(../images/james-park-mJ2Rsa_Btsw-unsplash-1200.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center right;
  padding: 30px 10px;
}

.row.front-second-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.front-our-mission {
  flex: 0 1 98%;
  position: relative;
  width: 100%;
}
.front-our-mission h2 {
  color: #fff !important;
}

.front-mission-content {
  padding: 5px 40px;
  color: #fff;
  background-color: rgba(2, 75, 112, 0.61);
}

@media (min-width: 1170px) {
  .container {
    max-width: 1170px !important;
  }
  /* NEW */
  .container.mission-top {
    padding: 30px 80px !important;
    /***  NEW ****/
    max-width: 1100px !important;
  }
  .front-our-mission p, #block-customvani-frontpagewhoweare .block-content p  {
    font-size: 1rem;
  }
}

/*  Front Page News Block */
#block-customvani-views-block-news-block-2 {
  max-width: 600px;
  margin: 2rem auto 0 !important;
  background-color: #ecf5fc !important;
  padding: 0 15px 15px !important;
}
#block-customvani-views-block-news-block-2 .views-field-title {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
}
.views-field-field-news-date {
  font-size:  0.8rem;
}
#block-customvani-views-block-news-block-2 h3 {
  font-size: 1.3rem;
  background-color: #e1eaed;
}
/*****  Status Messages  **********/
.message-status {
  background-color: #32ada1;
}
.message-status::before {
  background-color: #259681;
}


/* NEW */

/* Image Gallery  */
.view-gallery .views-view-responsive-grid__item {
  max-width: 400px;
}
.view-gallery  .views-field-title h2 {
    min-height: 5rem;
    font-size: 1.3rem;
}
.view-gallery p {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.4;
  max-width: 400px;
}
.view-gallery img {
  box-shadow: 3px 6px 10px 1px #666;
}

/*   button-link class */
.button-link, a.button-link {
  font-size: 0.9rem;
  border-radius: 6px !important;
  background-color: var(--theme-color) !important;
  color: #fff !important;
}
.button-link:hover {
  color: var(--theme-color) !important;
  background-color: transparent !important;
}
/*  table   */
table {
  width: 90%;
  caption-side: top;
  border-collapse: collapse;
}

table thead th, tbody th {
  vertical-align: bottom !important;
  color: #fff;
  background-color: var(--block-bg) !important;
  font-weight: 600;
}
table td, table th {
  border: 1px solid #53565a;
  padding: 1.125rem;
  vertical-align: top;
}

/**  End of NEW */

table caption {
  font-size: 1.8rem;
  font-weight: 700;
}
table, th, td {
  border: 1px solid #3b4470;
}
figcaption {
  text-align: left;
  font-size: 0.9em;
}
span.red {
  color: #c10313;
}
span.gray {
  color: #888888;
}
p.clear-both {
  clear: both;
}
p.largetext {
  font-size: 1.2rem;
}
p.smalltext {
  font-size: 0.8rem;
}
p.left-indent-40 {
  padding-left: 40px;
}
h2.small-h2 {
  font-size: 1.1rem;
}
p.attribution {
  color: #9d9d9d;
  font-style: italic;
}
.webform-submission-form em {
  color: var(--text-color);
}
img.align-right {
  float: right;
  margin: 15px 0 15px 40px;
}
img.align-left {
  float: left;
  margin: 15px 40px 15px 0;
}
.figure {
  margin: 0 0 !important;
}
.img-cap-right {
  padding: 4px; border: 1px solid #aaa; float:right;
  margin: 15px 0 15px 40px;
}
.img-cap-left {
  padding: 4px; border: 1px solid #aaa; 
  float:left;
  margin: 15px 40px 15px 0;
}
.footer-container {
  gap: 0.3rem !important;
}
#footer-blocks {
  padding: 0 2em 0 !important;
  background-color: #20202b;
}
#footer-bottom, #footer-bottom-last {
  background-color: #0e0e10;
  padding: 0 2rem;
}
#footer-top {
  padding: 0 !important;
  margin-top: 60px !important;
}
#footer-top .container p {
  margin: 0 !important;
}
#footer-top img {
  display: inline;
}
.footer-container {
  gap: 2rem !important;
}
.footer h2 {
  font-size: 1.1rem !important;
  margin-bottom: 1.4rem !important;
  font-weight: 600 !important;
}
.footer h2, .footer p, .footer {
  color: #fff !important;
}
.footer p {
  margin: 0 0 0.8rem 0 !important;
}
.footer p a {
  color: #c9dffb !important;
  font-size: 0.75rem !important;
  line-height: 1.1 !important;
  margin: 0 0 1rem 0 !important;
}
.footer a:hover {
  color: #a8f5f5 !important;
}
.footer-top p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.footer #footer-bottom .footer-nsf {
  padding: 40px 0 0 0;
}
.footer #footer-bottom img.align-left {
  margin: 0 40px 15px 0;
}

.footer .social-icons ul {
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}
.footer ul {
  margin: 0 !important;
  padding: 0 !important;
}
.footer .social-icons ul li {
  display: flex;
}
.social-icons {
  display: block !important;
}
.social-icons li a:hover {
  border: none;
  text-decoration: none !important;
}
.social-icons li a {
  /* display: inline !important; */
  padding: 0 18px 0 0 !important;
  border: none !important;
  color: #fff !important;
}

.form-wrapper {
  max-width: 700px;
}

td {
  vertical-align: top;
}

#block-customvani-help {
  margin: 25px;
}
.form-wrapper {
  margin: 60px 0;
}
.node-content input[type=text], .node-content input[type=email], textarea, .node-content input[type=password], .node-content input[type=search], .node-content input[type=url] {
  border-radius: 0;
  margin-top: 10px;
}
.js-form-type-webform-markup {
  max-width: 700px;
}
.webform-submission-form > div {
  max-width: 700px;
  margin: 20px 0;
}
.webform-submission-form .form-wrapper {
  max-width: 700px;
}
.captcha {
  max-width: 400px;
}
.captcha.captcha-type-challenge--image .captcha__element {
  display: block;
}
.captcha.captcha-type-challenge--image .captcha__element .form-wrapper {
  margin: 10px 0 40px 0;
}
.captcha.captcha-type-challenge--image .captcha__element .reload-captcha {
  background-image: none;
  font-size: 18px;
  width: 380px;
}
.captcha .details-description {
  font-size: 0.9rem;
  color: #6f6f6f;
  max-width: 400px;
}
.sidebar .captcha-type-challenge--image .captcha__element > .form-item > label {
  width: 170px !important;
}
.sidebar input[type="text"] {
  width: 160px !important;
}
.sidebar .captcha__description, .sidebar .description {
  width: 170px !important;
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
}
.alert-box {
  padding: 10px 30px 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 3px solid var(--bold-color);
  max-width: 900px;
}
.alert-box h2 {
  margin: 4px 0 15px 0;
  line-height: 1.7;
}

.alert-box p {
  margin: 0 0 6px 0;
  line-height: 1.7;
}
@media (min-width: 770px) {
  .page-type-meeting.sidebar-right .sidebar .block {
    margin-top: 31rem;
  }
}

.csv-feed .feed-icon {
  background-image: none;
}
.views-data-export-feed .feed-icon {
  text-indent: 0;
  width: 250px;
  font-size: 22px;
  font-weight: 700;
  padding: 10px 40px;
  border: 2px solid;
  border-radius: 39px;
}
#user-form .js-form-type-email.form-item-mail, #user-form #edit-pass--description {
  display: none;
}
.photo-gallery .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, 240px);
  justify-content: space-around;
  align-content: center;
  gap: 2rem;
}
.photo-gallery p {
  line-height: 1.2;
  font-size: 0.92rem;
}
h2.small-h2 {
  font-size: 1rem;
}
.field--name-field-news-date {
  font-style: italic;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

/********* Hide the Enable Email TFA div on user edit page ****/
.form-item-email-tfa-status-value {
  display: none;
}
/******** Hide the reset your pw link on the user edit page ****/
#edit-current-pass--description a {
  display: none;
}
#block-customvani-webform-2 {
  max-width: 450px;
  border: 2px solid #003d92;
  margin: auto;
}
#block-customvani-webform-2 h2.block-title {
  font-size: 1rem;
}
.homepage-content .block-title:before, .homepage-content .block-title:after {
  width: 0 !important;
}
#block-customvani-emailsignuplinkblock  {
  max-width: 600px;
  margin: 2rem auto 0 !important;
  background-color: #cce8fd !important;
  padding: 35px 35px !important;
  border: solid 2px;
}
#block-customvani-emailsignuplinkblock p {
  font-size: 1.3rem !important;
  max-width: 400px;
  text-align: center;
}