/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Global Styles */
html, body { font-family: "itc-avant-garde-gothic-pro", sans-serif; overflow-x: hidden; color: #2C3936; }
h1,.h1,h2,.h2,h3,.h3,h4,.h4 { font-family: "itc-avant-garde-gothic-pro", sans-serif; font-weight: 500; color:#2C3936; }
.poppins { font-family: 'Poppins', sans-serif; }

/* global styles */
.abs-right { right:12px; }

/* layout & spacing */
.mh-65  { min-height: 65px; }
.ht-97  { height: 97px; }
.py-40-35 { padding-top: 40px; padding-bottom: 35px; }
.mb-30  { margin-bottom: 30px; }
.mb-40  { margin-bottom: 40px; }
.mb-50  { margin-bottom: 50px; }
.mb-80  { margin-bottom: 80px; }
.pb-30  { padding-bottom: 30px; }
.pb-40  { padding-bottom: 40px; }
.pb-50  { padding-bottom: 50px; }

/* colors */
.text-md-green  { color: #00563F !important; }  .bg-md-green  { background-color: #00563F !important; } .bb-md-green  { border-bottom: 1px solid #00563F; } .border-md-green  { border: 1px solid #00563F; } 
.text-gray-blue { color: #2C3936 !important; }  .bg-gray-blue { background-color: #2C3936 !important; } .bb-gray-blue { border-bottom: 1px solid #2C3936; } .border-gray-blue { border: 1px solid #2C3936; }
.text-dk-grblue { color: #2D3936 !important; }  .bg-dk-grblue { background-color: #2D3936 !important; } .bb-dk-grblue { border-bottom: 1px solid #2D3936; } .border-dk-grblue { border: 1px solid #2D3936; }
.text-lt-grblue { color: #CEDFDA !important; }  .bg-lt-grblue { background-color: #CEDFDA !important; } .bb-lt-grblue { border-bottom: 1px solid #CEDFDA; } .border-lt-grblue { border: 1px solid #CEDFDA; }
.text-md-gray   { color: #707070 !important; }  .bg-md-gray   { background-color: #707070 !important; } .bb-md-gray   { border-bottom: 1px solid #707070; } .border-md-gray   { border: 1px solid #707070; }
.text-ms-gray   { color: #6B6D70 !important; }  .bg-md-gray   { background-color: #6B6D70 !important; } .bb-md-gray   { border-bottom: 1px solid #6B6D70; } .border-md-gray   { border: 1px solid #6B6D70; }
.text-lt-gray   { color: #F3F7F6 !important; }  .bg-lt-gray   { background-color: #F3F7F6 !important; } .bb-lt-gray   { border-bottom: 1px solid #F3F7F6; } .border-lt-gray   { border: 1px solid #F3F7F6; }
.text-md-red    { color: #C60000 !important; }  .bg-md-red    { background-color: #C60000 !important; } .bb-md-red    { border-bottom: 1px solid #C60000; } .border-md-red    { border: 1px solid #C60000; }

/* Top Nav */
.dropdown-toggle::after { display: none; }
.navbar-brand h1 { line-height: 38px; }
.nav-item .input-group { height: 52px; }
.nav-fs { font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; }

/* Breadcrumbs */
.breadcrumb-item+.breadcrumb-item::before { font-weight:400; }

/* buttons */ 
.card-btn { 
  border-radius: 0; 
  padding: 10px 20px; 
  min-height: 70px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  text-transform: uppercase; 
}

.contact-btn { 
  width: 327px; 
  height: 50px; 
  font-weight: 500;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;  
  letter-spacing: 1.33px; 
  color:#FFF;
  text-decoration: none;
  background-color: #2C3936; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.submit-btn { 
  width: 327px; 
  height: 50px; 
  font-weight: 500;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;  
  letter-spacing: 1.33px; 
  color:#FFF;
  text-decoration: none;
  background-color: #00563F; 
  border: 1px solid #00563F;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* links and icons */
.star-link { text-decoration: none; font-weight:700; color: #2C3936; }
.star-link:before { content: "\f005"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 1.75rem; margin-right: 10px; }
.arrow-left, .arrow-right { font-weight: 500; font-size: 1rem; line-height: 1.5rem; font-family: "itc-avant-garde-gothic-pro", sans-serif; text-transform: uppercase; text-decoration: none; }
.arrow-left:before { content: "\f359"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 1.5rem; margin-right: 10px; position: relative; top: 3px; }
.arrow-right:after { content: "\f35a"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 1.5rem; margin-left: 10px; position: relative; top: 3px; }
.arrow-left:hover:before { content: "\f359"; font-weight: 900; }
.arrow-right:hover:after { content: "\f35a"; font-weight: 900; }
.bookmark .fa-bookmark { position: absolute; right: 25px; top:14px; color: #00563F; } 
.bookmark .fa-bookmark:before { font-size:32px; } 
.bookmark:hover .fa-bookmark { color: #00563F; }
.bookmark:hover .fa-bookmark:before { color:#00563F; font-weight: 900; }

/* Popover style */
.popover { max-width: 449px; width:100%; border-radius: 0; }
.popover .popover-header { background-color: #00563F; color:#fff; border-radius: 0; font-weight: 300; padding:15px; } 

/* Dashboard Section */
.dashboard-text { 
  font-weight: medium; 
  font-size: 1.375rem;
  line-height: 29px;
  font-family: "itc-avant-garde-gothic-pro", sans-serif; 
}

.card .overlay {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  bottom:0;
  height:0;
  background-color: rgba(0, 86, 63, 0.7);
  color: white;
  padding: 20px;
  transition: 0.9s ease;
}

.card:hover .overlay {
  top:0;
  height: 100%;
  transition: 0.9s ease;
}

.card .overlay .overlay-text {
  color: white;
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.card:hover .overlay .overlay-text { font-size: 1.5rem; font-family: "itc-avant-garde-gothic-pro", sans-serif; }

/* Page title */
.page-title p { font-size: 1.125rem; line-height: 1.562rem; }

/* Featured Section */
.featured-text {   
  font-weight: medium; 
  font-size: 1.375rem;
  line-height: 29px;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;  
}

/* what's new */
.new-item { font-size: 1.25rem; line-height: 1.625rem; font-weight: 300; }

/* News */
.news-article .article-link a { font-size:1.875rem; line-height:2.875rem; text-decoration: none; font-weight: 500; }
.news-article .article-summary { font-weight: 300; }
.news-article .read-more a { text-decoration: none; }
.news-article .read-more a::after { content: "\f35a"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 1.5rem; margin-left: 10px; position: relative; top: 3px; }
.news-article .read-more a:hover:after { content: "\f35a"; font-weight: 900; }

/* Search Results */
.search-result .article-link a { font-size:1.875rem; line-height:2.875rem; text-decoration: none; font-weight: 500; }
.search-result .article-summary { font-weight: 300; }
.search-result .read-more a { text-decoration: none; }
.search-result .read-more a::after { content: "\f35a"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 1.5rem; margin-left: 10px; position: relative; top: 3px; }
.search-result .read-more a:hover:after { content: "\f35a"; font-weight: 900; }

/* Search Results Content */
.search-content .article-title { font-size: 1.875rem; line-height: 2.875rem; font-weight: 500; }
.search-content .article-full { font-weight: 300; }

/* Resources */
.resources .card-img-top { opacity: 0.8; }
.resources .card:hover .card-img-top { opacity: 1; }

/* Department */
.department .page-title p { max-width: 560px; }
.department .card-img-top { height: 295px; object-fit: cover; }
.department .card-body ul li { font-size:1.125rem; line-height: 1.5; font-weight: 300; }

/* footer */
footer .copyright, footer .legal-copy, .footer-links li, .footer-links a { font-size:.75rem; max-width: 1052px; font-family: "Poppins", sans-serif; font-weight: 400; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (max-width : 375px) {
}

@media only screen and (min-width : 576px) {
}

@media only screen and (max-width: 767px) {
  .footer-logo { width:50%; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .nav-m { margin-left: 20px; margin-right:20px }
  .news-article .article-thumb img { width: 100%; height: 213px; object-fit: cover; }
  .search-result .article-thumb img { width: 326px; height: 213px; object-fit: cover; }
  .news-article .article-summary { max-width: 327px; }
  .search-result .article-summary { max-width: 1120px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
  .nav-m { margin-left: 100px; margin-right:100px }
}

@media only screen and (min-width: 1600px) {
  .container { max-width: 1750px; padding-left:30px; padding-right:30px; }
  footer .container { max-width: 1600px; }
}

@media only screen and (min-width: 1750px) {
  .container { padding-left:12px; padding-right:12px; }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}
