@charset "UTF-8";
/**
 * Theme Name:   		ARPIM 2026
 * Description:  		Custom WordPress Theme for Asociatia Romana a Producatorilor Internationali de Medicamente (ARPIM).
 * Author:      		JordacheWD
 * Author URI: 			http://jordachewd.com
 * Version:     		1.0.0
 * Template:    		twentyseventeen
 * License:     		GNU General Public License v2 or later
 * License URI: 		http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: 		jwd
 * Domain Path: 		/languages/
 * Tags:        		one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, blog, e-commerce, education, entertainment, food-and-drink, holiday, news, photography, portfolio
 *
 */
@import url("../twentyseventeen/style.css");
/*********************************
 * Base Styles
 *********************************/
/************************************
 * RESPONSIVE BREAKPOINTS
 * ==================================
 * Mobile-first breakpoint system using em units.
 * Usage: @include media-query($mq-medium) { ... }
 * 
 * BREAKPOINT GUIDE:
 * - Base mobile:  < 640px  (default styles, no media query needed)
 * - Tablet:       640px+   ($mq-medium)  - Tablets portrait
 * - Tablet LG:    800px+   ($mq-xmedium) - Medium devices
 * - Desktop:      1024px+  ($mq-large)   - Standard desktop
 * - Desktop MD:   1080px+  ($mq-xlarge)  - Medium Desktop
 * - Desktop LG:   1280px+  ($mq-screen)  - Large desktop
 * - Desktop XXL:  1440px+  ($mq-xscreen) - Extra large desktop
 * - Max width:    1600px+  ($mq-max)     - Maximum

 ************************************/
/*      640px - Small tablets / large phones      */
/*     800px - Medium devices                    */
/*      1024px - Standard desktop                  */
/*   1080px - Medium Desktop                    */
/*     1280px - Large desktop                     */
/*    1440px - Extra large desktop               */
/*       1600px - Maximum                           */
/*********************************
 * Base Styles
 *********************************/
body,
button,
input,
select,
textarea {
  font-family: "Open Sans", sans-serif;
  color: #666;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body.admin-bar .newnav {
  top: 2.875rem;
  height: calc(100% - 2.875rem);
}
@media screen and (min-width: 48.875rem) {
  body.admin-bar .newnav {
    top: 2rem;
    height: calc(100% - 2rem);
  }
}
body.stopScroll {
  overflow: hidden;
}
@media screen and (min-width: 80rem) {
  body.stopScroll {
    overflow: visible;
  }
}

html {
  scroll-behavior: smooth;
}

.website {
  display: flex;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.website .site {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 80rem) {
  .website {
    padding-left: 220px;
  }
}

.wrap {
  max-width: 90rem;
  padding: 0 1rem !important;
}
@media screen and (min-width: 67.5rem) {
  .wrap {
    padding: 0 1.5rem !important;
  }
}
@media screen and (min-width: 100rem) {
  .wrap {
    padding: 0 !important;
  }
}

.site-content {
  padding: 0 0 1.5rem;
}
@media screen and (min-width: 48rem) {
  .site-content {
    padding: 0 0 2rem;
  }
}
@media screen and (min-width: 64rem) {
  .site-content {
    padding: 0 0 3rem;
    min-height: 800px;
  }
}
.site-content-contain {
  transition: all 0.5s ease-in-out;
}

.single .site-content,
.page:not(.home) .site-content {
  margin-top: 3.5rem;
}
@media screen and (min-width: 48rem) {
  .single .site-content,
  .page:not(.home) .site-content {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 64rem) {
  .single .site-content,
  .page:not(.home) .site-content {
    margin-top: 4.5rem;
  }
}

.single .site-content {
  padding-top: 1.5rem;
}
@media screen and (min-width: 48rem) {
  .single .site-content {
    padding-top: 1.75rem;
  }
}
@media screen and (min-width: 64rem) {
  .single .site-content {
    padding-top: 2rem;
  }
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Typography
 *********************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
  padding: 0;
  color: #006eb9;
  font-weight: 600;
  text-transform: none;
}

h1:not(.page-title) span,
h2:not(.page-title) span,
h3:not(.page-title) span,
h4:not(.page-title) span,
h5:not(.page-title) span,
h6:not(.page-title) span {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 0.75rem;
}

h1 {
  font-weight: 400;
  margin-bottom: 0.25rem;
  font-size: 1.875rem;
}
@media screen and (min-width: 64rem) {
  h1 {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
  }
}

h2 {
  font-size: 1.375rem;
}
@media screen and (min-width: 64rem) {
  h2 {
    font-size: 1.65rem;
  }
}

h6 {
  color: #006eb9;
  font-size: 0.875rem;
}

p.link-more {
  position: relative;
  display: inline-block;
}

b,
strong {
  color: #122057;
}

a.more-link:before,
a.more-link:after,
a.more-link .screen-reader-text {
  display: none !important;
}

img.alignright {
  margin: 0 0 2rem 2rem;
}

hr {
  margin: 1rem 0;
}

blockquote {
  display: block;
  position: relative;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  padding: 6rem 3rem;
  margin: 1.5rem 0;
  font-weight: normal;
}
@media screen and (min-width: 64rem) {
  blockquote {
    padding: 3rem 7rem;
  }
}
@media screen and (min-width: 90rem) {
  blockquote {
    font-size: 1.25rem;
  }
}
blockquote p {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
}
blockquote:before,
blockquote:after {
  content: url("img/quote.png");
  position: absolute;
  top: 1rem;
  left: 0;
  width: 72px;
  height: 48px;
}
blockquote:after {
  top: auto;
  left: auto;
  bottom: 1rem;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.entry-content ul,
.entry-content ol,
.widget:not(.widget_nav_menu) ul,
.widget:not(.widget_nav_menu) ol,
.widget ul,
.widget ol {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}

.entry-content ul,
.entry-content ol,
.widget:not(.widget_nav_menu) ul,
.widget:not(.widget_nav_menu) ol {
  margin: 0 0 1.25rem 0;
  position: relative;
}
.entry-content ul li,
.entry-content ol li,
.widget:not(.widget_nav_menu) ul li,
.widget:not(.widget_nav_menu) ol li {
  border: none;
  line-height: 1.5;
  font-size: 0.85rem;
  margin: 0;
  padding: 0 0 1rem 1.25rem;
  position: relative;
  text-align: left;
}
.entry-content ul li:before,
.entry-content ol li:before,
.widget:not(.widget_nav_menu) ul li:before,
.widget:not(.widget_nav_menu) ol li:before {
  color: #006eb9;
  content: "";
  line-height: 1;
  background: url("img/list_disc.png") 0 center no-repeat;
  /* background: url("img/list_arr.png") 0 center no-repeat; */
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 1px;
}

.entry-content ol,
.widget:not(.widget_nav_menu) ol {
  counter-reset: li;
}
.entry-content ol li,
.widget:not(.widget_nav_menu) ol li {
  counter-increment: li;
  margin: 30px 0;
}
.entry-content ol li:before,
.widget:not(.widget_nav_menu) ol li:before {
  content: counter(li);
  font-size: 2.5rem;
  line-height: 1;
  height: auto;
  background: transparent;
}

.widget ul,
.widget ol {
  position: relative;
}
.widget ul li,
.widget ol li {
  border: none;
  margin: 5px 0;
  position: relative;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Buttons
 *********************************/
.button,
a.more-link,
button,
input[type="button"],
input[type="submit"] {
  position: relative;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
  padding: 0.75rem 1.25rem;
  letter-spacing: 0.5px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #0098ff;
  color: #0098ff !important;
  background: transparent !important;
  transition: all 0.5s ease-in-out !important;
  cursor: pointer;
  outline: none;
  border-radius: 50px;
  line-height: 1;
}
.button:hover,
.button:focus,
a.more-link:hover,
a.more-link:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  color: #006eb9 !important;
  border-color: #006eb9;
}
.button.small,
a.more-link.small,
button.small,
input[type="button"].small,
input[type="submit"].small {
  font-size: 0.675rem;
}
.button.grey,
a.more-link.grey,
button.grey,
input[type="button"].grey,
input[type="submit"].grey {
  border-color: #a6c4d9;
  color: #fff !important;
  background: #a6c4d9 !important;
}
.button.grey:hover,
.button.grey:focus,
a.more-link.grey:hover,
a.more-link.grey:focus,
button.grey:hover,
button.grey:focus,
input[type="button"].grey:hover,
input[type="button"].grey:focus,
input[type="submit"].grey:hover,
input[type="submit"].grey:focus {
  background: #0098ff !important;
  color: #fff !important;
  border-color: #0098ff;
}
.button.grey.transparent,
a.more-link.grey.transparent,
button.grey.transparent,
input[type="button"].grey.transparent,
input[type="submit"].grey.transparent {
  color: #a6c4d9 !important;
  background: transparent !important;
}
.button.grey.transparent:hover,
.button.grey.transparent:focus,
a.more-link.grey.transparent:hover,
a.more-link.grey.transparent:focus,
button.grey.transparent:hover,
button.grey.transparent:focus,
input[type="button"].grey.transparent:hover,
input[type="button"].grey.transparent:focus,
input[type="submit"].grey.transparent:hover,
input[type="submit"].grey.transparent:focus {
  color: #0098ff !important;
}
.button.blue,
a.more-link.blue,
button.blue,
input[type="button"].blue,
input[type="submit"].blue {
  border-color: #0098ff;
  color: #fff !important;
  background: #0098ff !important;
}
.button.blue:hover,
.button.blue:focus,
a.more-link.blue:hover,
a.more-link.blue:focus,
button.blue:hover,
button.blue:focus,
input[type="button"].blue:hover,
input[type="button"].blue:focus,
input[type="submit"].blue:hover,
input[type="submit"].blue:focus {
  background: #006eb9 !important;
  color: #fff !important;
  border-color: #006eb9;
}
.button.blue.transparent,
a.more-link.blue.transparent,
button.blue.transparent,
input[type="button"].blue.transparent,
input[type="submit"].blue.transparent {
  color: #0098ff !important;
  background: transparent !important;
}
.button.blue.transparent:hover,
.button.blue.transparent:focus,
a.more-link.blue.transparent:hover,
a.more-link.blue.transparent:focus,
button.blue.transparent:hover,
button.blue.transparent:focus,
input[type="button"].blue.transparent:hover,
input[type="button"].blue.transparent:focus,
input[type="submit"].blue.transparent:hover,
input[type="submit"].blue.transparent:focus {
  color: #006eb9 !important;
}
.button.transparent,
a.more-link.transparent,
button.transparent,
input[type="button"].transparent,
input[type="submit"].transparent {
  background: transparent !important;
}
.button.arrow_right:after,
a.more-link.arrow_right:after,
button.arrow_right:after,
input[type="button"].arrow_right:after,
input[type="submit"].arrow_right:after {
  content: "\f101";
  font-family: "Font Awesome 7 Free";
  font-weight: bold;
  letter-spacing: -2px;
  margin-left: 0.75rem;
}

a.more-link {
  font-size: 0.675rem;
}

a.more-link,
button,
input[type="button"],
input[type="submit"] {
  color: #fff !important;
  background: #0098ff !important;
  border-color: #0098ff;
}
a.more-link:hover,
a.more-link:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  color: #fff !important;
  background: #006eb9 !important;
  border-color: #006eb9;
}
a.more-link.transparent,
button.transparent,
input[type="button"].transparent,
input[type="submit"].transparent {
  color: #a6c4d9 !important;
  background: transparent !important;
}
a.more-link.transparent:hover,
a.more-link.transparent:focus,
button.transparent:hover,
button.transparent:focus,
input[type="button"].transparent:hover,
input[type="button"].transparent:focus,
input[type="submit"].transparent:hover,
input[type="submit"].transparent:focus {
  color: #0098ff !important;
  background: transparent !important;
}
a.more-link.blue,
button.blue,
input[type="button"].blue,
input[type="submit"].blue {
  border-color: #0098ff;
  color: #fff !important;
  background: #0098ff !important;
}
a.more-link.blue:hover,
a.more-link.blue:focus,
button.blue:hover,
button.blue:focus,
input[type="button"].blue:hover,
input[type="button"].blue:focus,
input[type="submit"].blue:hover,
input[type="submit"].blue:focus {
  background: #006eb9 !important;
  color: #fff !important;
  border-color: #006eb9;
}
a.more-link.blue.transparent,
button.blue.transparent,
input[type="button"].blue.transparent,
input[type="submit"].blue.transparent {
  color: #0098ff !important;
  background: transparent !important;
}
a.more-link.blue.transparent:hover,
a.more-link.blue.transparent:focus,
button.blue.transparent:hover,
button.blue.transparent:focus,
input[type="button"].blue.transparent:hover,
input[type="button"].blue.transparent:focus,
input[type="submit"].blue.transparent:hover,
input[type="submit"].blue.transparent:focus {
  color: #006eb9 !important;
  background: transparent !important;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Forms
 *********************************/
label {
  font-weight: normal;
  color: #7e9fb6;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 0;
  border-color: #7e9fb6;
  transition: all 0.5s ease-out;
  margin-bottom: 1rem;
  padding: 0.5rem;
  font-size: 0.875rem;
}
input[type="text"]::-webkit-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="text"]::placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="email"]::placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="url"]::placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="password"]::placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="search"]::placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="number"]::placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="tel"]::placeholder,
input[type="range"]::-webkit-input-placeholder,
input[type="range"]:-ms-input-placeholder,
input[type="range"]::placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="date"]::placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="month"]::placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="week"]::placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::-webkit-input-placeholder,
input[type="color"]:-ms-input-placeholder,
input[type="color"]::placeholder,
textarea::-webkit-input-placeholder,
textarea:-ms-input-placeholder,
textarea::placeholder {
  color: #7e9fb6;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="range"]:-ms-input-placeholder,
input[type="range"]::-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="month"]::-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="week"]::-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="time"]::-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime"]::-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="datetime-local"]::-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
input[type="color"]::-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #7e9fb6;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #006eb9;
  border-color: #006eb9;
}

/* Search Form */
.search-form .search-submit {
  border: none;
  padding: 0.5rem;
  color: #7e9fb6 !important;
  background: transparent !important;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus {
  background-color: transparent;
  color: #006eb9 !important;
}
.search-form .search-field {
  padding: 1rem;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Categories / Listing pages
 *
 * Page scaffolding for the blog, archive/category and search listings
 * (margins, page header, pagination master switch). The card grid and the
 * cards themselves live in _post-cards.scss.
 *********************************/
.archive .site-content header.page-header {
  display: none;
}

.blog .site-content,
.archive .site-content,
.search .site-content {
  margin-top: 3.5rem;
}
@media screen and (min-width: 48rem) {
  .blog .site-content,
  .archive .site-content,
  .search .site-content {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 64rem) {
  .blog .site-content,
  .archive .site-content,
  .search .site-content {
    margin-top: 4.5rem;
  }
}
.blog .site-main,
.archive .site-main,
.search .site-main {
  margin-bottom: 1rem;
}
@media screen and (min-width: 48rem) {
  .blog .site-main,
  .archive .site-main,
  .search .site-main {
    margin-bottom: 2rem;
  }
}
.blog .site-main.noPagination .navigation.pagination,
.archive .site-main.noPagination .navigation.pagination,
.search .site-main.noPagination .navigation.pagination {
  display: none !important;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Comments
 *********************************/
.comment-metadata {
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
}
.comment-metadata a:hover {
  color: #006eb9;
}

.comment-reply-link {
  font-weight: normal;
}
.comment-reply-link:hover {
  color: #006eb9;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Content :: Post / Page
 * General page/content layout & typography overrides.
 * (Recovered from the old `_footer.scss` catch-all; these rules are NOT
 *  footer-specific and were lost when footer was split into `_footer-new`.)
 *********************************/
.twentyseventeen-front-page .entry-header {
  display: none !important;
}

#primary .icon {
  color: #006eb9 !important;
}

.page #primary {
  max-width: 100% !important;
  z-index: 0;
}

.page .panel-content .wrap {
  max-width: 90rem;
}

.page:not(.home) #content header.entry-header {
  display: none;
}

body.page:not(.twentyseventeen-front-page) .entry-title,
.page-title {
  font-weight: 300;
  text-transform: none;
  padding: 0;
  margin: 0.5rem 0;
  letter-spacing: 0;
  font-size: 2.5rem;
  line-height: 1.25;
}

@media screen and (min-width: 64rem) {
  .search #content {
    min-height: 600px;
  }
}
.error404 #content {
  padding-top: 1.5rem !important;
}

@media screen and (min-width: 48rem) {
  .error404 #content {
    padding-top: 2rem !important;
  }
}
@media screen and (min-width: 67.5rem) {
  .error404 #content {
    padding-top: 3rem !important;
    min-height: 300px;
  }
}
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) #primary {
  max-width: 90rem;
}

.single-post .entry-title,
.page .entry-title {
  font-size: 2rem;
}

a,
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a {
  outline: 0 !important;
  transition: all 0.5s ease-in-out;
  box-shadow: none !important;
}

a:hover,
a:focus,
a img,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a img,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a img,
.page-links a:hover,
.page-links a:focus,
.page-links a img,
.page-links a .page-number:hover,
.page-links a .page-number:focus,
.page-links a .page-number img,
.entry-footer a:hover,
.entry-footer a:focus,
.entry-footer a img,
.entry-footer .cat-links a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a img,
.entry-footer .tags-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a img,
.edit-link a:hover,
.edit-link a:focus,
.edit-link a img,
.post-navigation a:hover,
.post-navigation a:focus,
.post-navigation a img,
.logged-in-as a:hover,
.logged-in-as a:focus,
.logged-in-as a img,
.comment-navigation a:hover,
.comment-navigation a:focus,
.comment-navigation a img,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a img,
.comment-metadata a.comment-edit-link:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link img,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-link img,
a .nav-title:hover,
a .nav-title:focus,
a .nav-title img,
.pagination a:hover,
.pagination a:focus,
.pagination a img,
.comments-pagination a:hover,
.comments-pagination a:focus,
.comments-pagination a img,
.site-info a:hover,
.site-info a:focus,
.site-info a img,
.widget .widget-title a:hover,
.widget .widget-title a:focus,
.widget .widget-title a img,
.widget ul li a:hover,
.widget ul li a:focus,
.widget ul li a img,
.site-footer .widget-area ul li a:hover,
.site-footer .widget-area ul li a:focus,
.site-footer .widget-area ul li a img {
  box-shadow: none !important;
  outline: 0 !important;
}

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a {
  outline: 0 !important;
  transition: all 0.5s ease-in-out;
  color: #006eb9;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.comment-content a:hover,
.comment-content a:focus,
.widget a:hover,
.widget a:focus,
.site-footer .widget-area a:hover,
.site-footer .widget-area a:focus,
.posts-navigation a:hover,
.posts-navigation a:focus {
  color: #0098ff;
  outline: 0 !important;
}

.entry-title a {
  color: #0098ff;
  transition: all 0.5s ease-in-out;
}
.entry-title a:hover {
  color: #006eb9;
}

.entry-thumbnail {
  margin-bottom: 1rem;
  display: block;
  position: relative;
}

.entry-thumbnail-caption {
  display: block;
  position: relative;
  font-size: 0.75rem;
  font-style: italic;
  color: #999;
}

.entry-meta {
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 1rem;
  font-weight: normal;
  color: #7e9fb6;
}
.entry-meta a {
  color: #7e9fb6;
}
.entry-meta a:hover {
  color: #006eb9;
}
.entry-meta:before {
  content: "\f07c";
  font-family: "Font Awesome 7 Free";
  margin-right: 0.5rem;
}
.entry-meta .posted-on,
.entry-meta .byline {
  margin-left: 2rem;
}
.entry-meta .posted-on:before,
.entry-meta .byline:before {
  content: "\f017";
  font-family: "Font Awesome 7 Free";
  margin-right: 0.125rem;
}
.entry-meta .byline:before {
  content: "\f007";
}

.entry-content iframe {
  width: 100%;
  height: 320px;
  display: block;
  position: relative;
}
@media screen and (min-width: 64rem) {
  .entry-content iframe {
    height: 460px;
  }
}
@media screen and (min-width: 80rem) {
  .entry-content iframe {
    height: 560px;
  }
}

.entry-footer {
  padding: 1rem 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
  color: #006eb9;
}
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:hover {
  color: #006eb9;
}

.single .entry-header {
  padding: 1rem 0 !important;
}

.jwd_pageHeader {
  display: block;
  position: relative;
  background-color: #a6c4d9;
  width: 100%;
  padding: 2rem;
  overflow: hidden;
}
.jwd_pageHeader.full_screen {
  height: 80px;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 48rem) {
  .jwd_pageHeader.full_screen {
    height: 120px;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_pageHeader.full_screen {
    margin-bottom: 4rem;
    height: 160px;
  }
}
.jwd_pageHeader.full_screen header {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.jwd_pageHeader.full_screen_padded {
  height: 80px;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 48rem) {
  .jwd_pageHeader.full_screen_padded {
    height: 120px;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_pageHeader.full_screen_padded {
    margin-bottom: 4rem;
    height: 160px;
  }
}
.jwd_pageHeader.full_screen_padded header {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 1440px;
}
.jwd_pageHeader.site_width {
  max-width: 90rem;
  border-radius: 6px;
  margin: 2rem auto;
}
@media screen and (min-width: 48rem) {
  .jwd_pageHeader.site_width {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_pageHeader.site_width {
    margin-bottom: 4rem;
  }
}
.jwd_pageHeader header {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.jwd_pageHeader header h1 {
  margin: 0;
  color: inherit;
}
@media screen and (min-width: 48rem) {
  .jwd_pageHeader header h1 {
    font-size: 1.85rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_pageHeader header h1 {
    font-size: 2.5rem;
    line-height: 1;
  }
}
.jwd_pageHeader header div,
.jwd_pageHeader header p {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.jwd_pageHeader header p {
  margin-top: 10px;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Filter Posts Shortcode
 *
 * Shortcode chrome only (wrapper, filters bar, spinner, see-all/nav links).
 * The card grid and the cards themselves live in _post-cards.scss.
 *********************************/
.jwd_filterposts-spinner {
  display: none;
  color: #0098ff;
  margin: 0 1rem;
}
.jwd_filterposts-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  margin-top: 2rem;
}
.jwd_filterposts-filters {
  display: none;
  position: absolute;
  align-items: center;
  justify-content: flex-end;
  top: -4.45rem;
  right: 0;
  gap: 1rem;
}
@media screen and (min-width: 48rem) {
  .jwd_filterposts-filters {
    display: flex;
  }
}
.jwd_filterposts-filters-item {
  display: none;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (min-width: 64rem) {
  .jwd_filterposts-filters-item {
    display: flex;
  }
}
.jwd_filterposts-filters h4,
.jwd_filterposts-filters select {
  width: auto;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}
.jwd_filterposts-filters h4 {
  text-transform: uppercase;
  color: #000;
  font-size: 0.8125rem;
}
.jwd_filterposts-filters select {
  color: #006eb9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  font-size: 0.875rem;
}
.jwd_filterposts-seeall {
  margin-left: 2rem;
}
.jwd_filterposts-nav {
  text-align: center;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Footer
 *********************************/
/*
 * Footer section grid for a given number of columns ($n = sections per row).
 * "All Same Width" = N equal tracks. "First/Last Bigger" = N+1 tracks so the
 * featured section spans two while the rest span one (keeps exactly N per row
 * and avoids a single double eating the whole row). :not(:only-child) lets a
 * lone active section fall through to the full-width rule instead of spanning
 * only two tracks.
 */
.site-footer {
  display: block;
  position: relative;
  background-color: #fff;
  border-top: 0.25rem solid #006eb9;
  color: #7e9fb6;
  margin: 0;
}
.site-footer .widget {
  padding: 0;
}
.site-footer .widget li {
  padding: 0.25rem 0;
}
.site-footer .widget .wp-block-heading {
  text-transform: uppercase;
  font-weight: normal;
}
.site-footer .widget .so-widget-sow-editor .widget-title,
.site-footer .widget .so-widget-sow-editor-base .widget-title {
  color: #0098ff;
  font-weight: 600;
  font-size: 1.125rem;
  text-transform: none;
  margin-bottom: 1rem;
  letter-spacing: 0;
}
.site-footer .widget-area {
  padding: 1.5rem 1rem;
  width: 100%;
  margin: 0 auto;
  max-width: 90rem;
  /*
   * Mobile-first: the four footer sections stack in a single column. The
   * configured layout (Stacked / Grid / Inline) and Column Size only kick
   * in from the medium breakpoint up.
   */
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
  /*
   * The parent theme adds a clearfix (::before/::after with content:"")
   * on .widget-area. Left alone those pseudo-elements become stray grid
   * items and shift every section by one cell, so remove them from the grid.
   */
}
.site-footer .widget-area:before,
.site-footer .widget-area:after {
  content: none;
  display: none;
}
@media screen and (min-width: 64rem) {
  .site-footer .widget-area {
    padding: 2.5rem 1.5rem;
    gap: 3rem;
  }
}
@media screen and (min-width: 91rem) {
  .site-footer .widget-area {
    padding: 4rem 0;
    gap: 4rem;
  }
}
.site-footer .widget-area {
  /* Each active footer section is one grid cell. */
}
.site-footer .widget-area > .footer-widget {
  position: relative;
  margin: 0;
}
.site-footer .widget-area > .footer-widget > .widget p {
  font-size: 0.8125rem;
}
.site-footer .widget-area > .footer-widget > .widget + .widget {
  margin-top: 1rem;
}
.site-footer .widget-area {
  /*
   * Layout, medium up. Stacked stays a single column (base rule above).
   * Grid is two per row; Inline steps up from two (tablet) to four (large).
   * Column Size (First/Last Bigger) is applied at the large breakpoint,
   * where the full multi-column layout is in play.
   */
}
@media screen and (min-width: 48rem) {
  .site-footer .widget-area.cols-grid,
  .site-footer .widget-area.cols-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-footer .widget-area {
    /* A single active section always fills the row. */
  }
  .site-footer .widget-area > .footer-widget:only-child {
    grid-column: 1/-1;
  }
}
@media screen and (min-width: 64rem) {
  .site-footer .widget-area.cols-grid {
    /*
     * minmax(0, 1fr) (not plain 1fr) keeps every track strictly equal even when a
     * section's content is wide — plain 1fr lets min-content stretch a column,
     * which breaks the "All Same Width" promise and can overflow the row.
     */
  }
  .site-footer .widget-area.cols-grid.tpl-same {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-footer .widget-area.cols-grid.tpl-first,
  .site-footer .widget-area.cols-grid.tpl-last {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .site-footer
    .widget-area.cols-grid.tpl-first
    > .footer-widget:nth-child(2n + 1):not(:only-child) {
    grid-column: span 2;
  }
  .site-footer
    .widget-area.cols-grid.tpl-last
    > .footer-widget:nth-child(2n):not(:only-child) {
    grid-column: span 2;
  }
  .site-footer .widget-area {
    /*
     * Inline = all sections on one row. The column count is driven by
     * --jwd-footer-cols (set in template-parts/footer/footer-widgets.php to
     * the number of ACTIVE sections), so three sections give three columns
     * instead of a hardcoded four with a trailing empty cell. The 4 fallback
     * keeps the layout sane if the property is ever absent. First/Last Bigger
     * add one extra track and let the featured (first/last) section span two;
     * on a single row that is simply the first/last child.
     */
  }
  .site-footer .widget-area.cols-inline {
    grid-template-columns: repeat(var(--jwd-footer-cols, 4), minmax(0, 1fr));
  }
  .site-footer .widget-area.cols-inline.tpl-first,
  .site-footer .widget-area.cols-inline.tpl-last {
    grid-template-columns: repeat(
      calc(var(--jwd-footer-cols, 4) + 1),
      minmax(0, 1fr)
    );
  }
  .site-footer
    .widget-area.cols-inline.tpl-first
    > .footer-widget:first-child:not(:only-child) {
    grid-column: span 2;
  }
  .site-footer
    .widget-area.cols-inline.tpl-last
    > .footer-widget:last-child:not(:only-child) {
    grid-column: span 2;
  }
  .site-footer .widget-area > .footer-widget:only-child {
    grid-column: 1/-1;
  }
}
.site-footer-bottom {
  display: block;
  position: relative;
  background-color: #122057;
  color: #7e9fb6;
  padding: 1rem;
}
.site-footer-bottom-wrap {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  display: block;
  position: relative;
}
@media screen and (min-width: 48rem) {
  .site-footer-bottom-wrap {
    display: flex;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    font-size: 0.7rem;
  }
}
.site-footer-info,
.site-footer-navigation {
  text-align: center;
}
@media screen and (min-width: 48rem) {
  .site-footer-info,
  .site-footer-navigation {
    width: 50%;
    text-align: left;
  }
}
@media screen and (min-width: 48rem) {
  .site-footer-navigation {
    text-align: right;
  }
}
.site-footer-navigation .menu {
  position: relative;
  margin: 0;
}
.site-footer-navigation .menu-item {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.site-footer-navigation .menu-item:after {
  content: "|";
  margin: 0 0.65rem 0 1.2rem;
}
.site-footer-navigation .menu-item:last-child:after {
  display: none;
}
.site-footer-navigation .menu-item a {
  color: #7e9fb6;
  font-size: 90%;
}
.site-footer-navigation .menu-item a:hover {
  color: #fff;
}
@media screen and (min-width: 48rem) {
  .site-footer-navigation .menu-item a {
    font-size: 85%;
  }
}
@media screen and (min-width: 48rem) {
  .site-footer-navigation .menu-item a {
    font-size: 100%;
  }
}

.site_goToTop {
  position: fixed;
  z-index: 9;
  bottom: 100px;
  right: 30px;
  background: #0098ff;
  cursor: pointer;
  border-radius: 50px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  color: #fff;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.site_goToTop.visible {
  opacity: 0.4;
}
.site_goToTop.visible:hover {
  opacity: 1;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Header
 *********************************/
.single .navigation-top {
  border-bottom: 1px solid #006eb9;
}

.navigation-top {
  border: none;
  width: 100%;
  background: #fff;
  transition: all 0.5s ease-in-out;
  bottom: auto;
  z-index: 8;
  left: 0;
  right: 0;
  padding: 0;
  position: absolute;
}
@media screen and (min-width: 48rem) {
  .navigation-top {
    z-index: 7;
  }
}
.navigation-top .site-branding {
  padding: 0;
  margin: 0;
  max-width: 65%;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
}
.navigation-top .site-branding img {
  max-width: 100%;
  transition: all 0.5s ease-in-out;
  position: relative;
  display: block;
}
.navigation-top .site-branding a {
  padding: 0 !important;
  line-height: 0.5;
  transition: all 0.5s ease-in-out;
  margin-right: 10px;
}
.navigation-top .site-branding a:hover,
.navigation-top .site-branding a:focus {
  opacity: 1;
}
.navigation-top .site-branding a:last-child {
  margin-right: 0;
}
@media screen and (min-width: 80rem) {
  .navigation-top .site-branding a {
    margin-right: 30px;
  }
}
.navigation-top .site-branding .custom-logo-link img {
  max-height: 2rem;
}
@media screen and (min-width: 48rem) {
  .navigation-top .site-branding .custom-logo-link img {
    max-height: 2.5rem;
  }
}
@media screen and (min-width: 80rem) {
  .navigation-top .site-branding .custom-logo-link img {
    max-height: 3rem;
  }
}
.navigation-top .site-branding-bars {
  color: #006eb9;
  display: block;
  position: relative;
  margin-right: 1rem;
  cursor: pointer;
}
.navigation-top .site-branding-bars i {
  line-height: 1;
  font-size: 1.375rem;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 80rem) {
  .navigation-top .site-branding-bars {
    display: none;
  }
}
.navigation-top.transparent_header .site-branding-bars {
  color: #fff;
}

.main-navigation {
  margin: 0 auto !important;
  position: relative;
  max-width: 90rem;
  width: 100%;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
}
@media screen and (min-width: 90rem) {
  .main-navigation {
    padding: 0.75rem 0;
  }
}
.main-navigation-search {
  outline: none !important;
  padding: 0 !important;
}
.main-navigation-search i {
  line-height: 1;
  transition: all 0.5s ease-in-out;
  font-size: 1.375rem;
  color: #006eb9;
}
.main-navigation-search:hover,
.main-navigation-search:focus {
  outline: none !important;
  color: #7e9fb6 !important;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Home Page
 *********************************/
.home.page .site-content,
.home.twentyseventeen-front-page .site-content {
  padding: 0 !important;
}
.home.page .navigation-top.transparent_header,
.home.twentyseventeen-front-page .navigation-top.transparent_header {
  background: transparent;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.75) 100%
  );
}
.home.page .navigation-top.transparent_header .site-branding a,
.home.twentyseventeen-front-page
  .navigation-top.transparent_header
  .site-branding
  a {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.home.page .navigation-top.transparent_header .main-navigation-search i,
.home.twentyseventeen-front-page
  .navigation-top.transparent_header
  .main-navigation-search
  i {
  color: #fff;
}
.home.page .navigation-top.transparent_header .main-navigation-search:hover i,
.home.page .navigation-top.transparent_header .main-navigation-search:focus i,
.home.twentyseventeen-front-page
  .navigation-top.transparent_header
  .main-navigation-search:hover
  i,
.home.twentyseventeen-front-page
  .navigation-top.transparent_header
  .main-navigation-search:focus
  i {
  color: #64c1ff;
}
.home.page .panel-layout blockquote,
.home.twentyseventeen-front-page .panel-layout blockquote {
  margin: 0;
}
.home.page .panel-layout blockquote p,
.home.twentyseventeen-front-page .panel-layout blockquote p {
  line-height: 1.6;
  font-size: 1.125rem;
}
.home.page .hero_goDown,
.home.twentyseventeen-front-page .hero_goDown {
  position: absolute;
  bottom: -21px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(166, 196, 217, 0.8);
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all 0.5s ease-in-out;
  color: #fff;
  line-height: 1;
  width: 48px;
  height: 48px;
}
.home.page .hero_goDown:hover,
.home.twentyseventeen-front-page .hero_goDown:hover {
  background: #0098ff;
  color: #fff;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * JWD Custom Styles
 *********************************/
.jwd_NoSidebar #secondary {
  display: none !important;
}
.jwd_catHeader {
  display: block;
  position: relative;
  background-color: #a6c4d9;
  width: 100%;
  padding: 2rem;
  overflow: hidden;
  height: 80px;
}
@media screen and (min-width: 48rem) {
  .jwd_catHeader {
    height: 120px;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_catHeader {
    height: 160px;
  }
}
.jwd_catHeader header {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}
.jwd_catHeader header h1 {
  margin: 0;
  color: inherit;
}
@media screen and (min-width: 48rem) {
  .jwd_catHeader header h1 {
    font-size: 1.85rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_catHeader header h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
.jwd_catHeader header div,
.jwd_catHeader header p {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.jwd_catHeader header p {
  margin-top: 10px;
}
.jwd_catHeader.full_screen {
  margin: 0 auto 2rem;
}
@media screen and (min-width: 48rem) {
  .jwd_catHeader.full_screen {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_catHeader.full_screen {
    margin-bottom: 4rem;
  }
}
.jwd_catHeader.full_screen_padded {
  margin: 0 auto 2rem;
}
@media screen and (min-width: 48rem) {
  .jwd_catHeader.full_screen_padded {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_catHeader.full_screen_padded {
    margin-bottom: 4rem;
  }
}
.jwd_catHeader.full_screen_padded header {
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1440px;
}
.jwd_catHeader.site_width {
  max-width: 90rem;
  border-radius: 6px;
  margin: 2rem auto;
}
@media screen and (min-width: 48rem) {
  .jwd_catHeader.site_width {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_catHeader.site_width {
    margin-bottom: 4rem;
  }
}
.jwd__socials {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  gap: 0.875rem;
}
.jwd__socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: #006eb9;
}
.jwd__socials a:hover,
.jwd__socials a:focus {
  color: #7e9fb6;
}
.jwd__searchPopup {
  position: fixed;
  z-index: -1;
  opacity: 0;
  background-color: rgba(8, 16, 48, 0.95);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.jwd__searchPopup-wrapper {
  width: 95vw;
  padding: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 48rem) {
  .jwd__searchPopup-wrapper {
    width: 60vw;
  }
}
@media screen and (min-width: 80rem) {
  .jwd__searchPopup-wrapper {
    width: 30vw;
  }
}
.jwd__searchPopup-wrapper .search-form {
  display: block;
}
.jwd__searchPopup-wrapper .search-form label {
  display: none !important;
}
.jwd__searchPopup-wrapper .search-field {
  margin: 0;
  padding: 0.25rem 3rem 0.25rem 0.75rem;
  border: none;
  border-bottom: 1px solid #7e9fb6;
  font-size: 1.75rem;
  background: transparent;
}
.jwd__searchPopup-wrapper .search-field:focus,
.jwd__searchPopup-wrapper .search-field:active,
.jwd__searchPopup-wrapper .search-field:focus-visible,
.jwd__searchPopup-wrapper .search-field:focus-within {
  color: #fff;
  background: transparent;
  border-color: #fff;
}
.jwd__searchPopup-wrapper .search-field::placeholder {
  color: #fff;
  opacity: 0.5;
}
.jwd__searchPopup-wrapper .search-submit {
  background: transparent !important;
  color: #a6c4d9 !important;
  width: 3rem;
  height: 3rem;
  padding: 0;
  right: 0;
}
.jwd__searchPopup-wrapper .search-submit:focus,
.jwd__searchPopup-wrapper .search-submit:active,
.jwd__searchPopup-wrapper .search-submit:focus-visible,
.jwd__searchPopup-wrapper .search-submit:focus-within,
.jwd__searchPopup-wrapper .search-submit:hover {
  color: #0098ff !important;
}
.jwd__searchPopup-close {
  position: absolute;
  top: 5%;
  right: 5%;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  text-align: center;
}
.jwd__searchPopup-close:before {
  content: "\f00d";
  font-family: "Font Awesome 7 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  color: #fff;
  font-size: 1.5rem;
  transition: all 0.5s ease-in-out;
  line-height: 1;
}
.jwd__searchPopup-close:hover:before {
  color: #a6c4d9;
}

/*********************************
 * Base Styles
 *********************************/
/* APRIM | Timeline Page Styles */
.arp-timeline .site-main .page {
  position: relative;
}
.arp-timeline .site-main .page::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: calc(1.5rem - 1px);
  width: 2px;
  height: calc(100% - 2rem);
  background-color: #122057;
}
@media screen and (min-width: 48rem) {
  .arp-timeline .site-main .page::before {
    top: -3rem;
    height: calc(100% + 2.5rem);
  }
}
@media screen and (min-width: 64rem) {
  .arp-timeline .site-main .page::before {
    left: calc(2.5rem - 1px);
    height: 100%;
  }
}
@media screen and (min-width: 80rem) {
  .arp-timeline .site-main .page::before {
    top: -4rem;
  }
}
.arp-timeline-year {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1;
  background-color: #122057;
  border-radius: 100%;
  padding: 0.75rem;
  margin: 0;
  z-index: 1;
  width: 3rem;
  height: 3rem;
}
@media screen and (min-width: 64rem) {
  .arp-timeline-year {
    width: 5rem;
    height: 5rem;
    font-size: 1.25rem;
  }
}
.arp-timeline-year p {
  line-height: 1 !important;
}
.arp-timeline-row {
  position: relative;
}
.arp-timeline-row .panel-grid-cell:first-of-type {
  width: 3rem !important;
  position: absolute;
  margin-bottom: 0;
  left: 1rem;
  top: 3.5rem;
}
@media screen and (min-width: 64rem) {
  .arp-timeline-row .panel-grid-cell:first-of-type {
    width: 5rem !important;
    position: relative;
    top: auto;
    left: auto;
  }
}
.arp-timeline-row.arp-firstrow .panel-grid-cell:first-of-type {
  top: 1.5rem;
}
@media screen and (min-width: 64rem) {
  .arp-timeline-row.arp-firstrow .panel-grid-cell:first-of-type {
    top: auto;
  }
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Post Cards (shared)
 *
 * Single source of truth for every post-card listing: the [jwd_filterposts]
 * shortcode grid, the blog/archive/category/search listings and the
 * related-posts block. The card markup (.jwd_postcard) is rendered by
 * partials/post_card.php; context chrome (filters bar, section titles, page
 * scaffolding) stays in _filterposts / _relatedposts / _categories.
 *********************************/
/* ---- Card grids --------------------------------------------------------
 * Column-count modifiers (.two/.three/.four) come from Theme Settings
 * (fp_cols / ct_grid). The related-posts grid has its own fixed rhythm. */
@media screen and (min-width: 48rem) {
  .jwd_filterposts,
  .blog .site-main,
  .archive .site-main,
  .search .site-main {
    display: grid;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 90rem) {
  .jwd_filterposts,
  .blog .site-main,
  .archive .site-main,
  .search .site-main {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
}
@media screen and (min-width: 64rem) {
  .jwd_filterposts.two,
  .blog .site-main.two,
  .archive .site-main.two,
  .search .site-main.two {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 64rem) {
  .jwd_filterposts.three,
  .blog .site-main.three,
  .archive .site-main.three,
  .search .site-main.three {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 64rem) {
  .jwd_filterposts.four,
  .blog .site-main.four,
  .archive .site-main.four,
  .search .site-main.four {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.jwd_filterposts,
.blog .site-main,
.archive .site-main,
.search .site-main {
  /* Full-width rows inside the grid, whatever the column count. */
}
.jwd_filterposts .navigation.pagination,
.jwd_filterposts .jwd_filterposts-nav,
.blog .site-main .navigation.pagination,
.blog .site-main .jwd_filterposts-nav,
.archive .site-main .navigation.pagination,
.archive .site-main .jwd_filterposts-nav,
.search .site-main .navigation.pagination,
.search .site-main .jwd_filterposts-nav {
  grid-column: 1/-1;
}

@media screen and (min-width: 40rem) {
  .jwd_relatedposts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_relatedposts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 90rem) {
  .jwd_relatedposts {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
}

/* ---- Card --------------------------------------------------------------- */
.jwd_postcard {
  border: 1px solid #e2e2e2;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1rem !important;
  margin-bottom: 1rem;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.5s ease-out;
}
.jwd_postcard:last-child {
  margin: 0;
}
@media screen and (min-width: 50rem) {
  .jwd_postcard {
    margin: 0;
  }
}
@media screen and (min-width: 80rem) {
  .jwd_postcard {
    padding: 2rem !important;
  }
}
.jwd_postcard:hover {
  border-color: #fff;
  box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.5);
}
.jwd_postcard-thumbnail {
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 60% 50%;
  z-index: 1;
  margin: -1rem -15% 1rem;
  width: 130%;
  height: 220px;
}
@media screen and (min-width: 80rem) {
  .jwd_postcard-thumbnail {
    margin: -2rem -15% 2rem;
  }
}
.jwd_postcard-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  gap: 0.75rem;
}
.jwd_postcard-header a {
  color: #006eb9;
}
.jwd_postcard-header h2 {
  padding: 0;
  margin: 0;
  overflow: hidden;
  line-height: 1.5;
}
@media screen and (min-width: 48rem) {
  .jwd_postcard-header h2 {
    font-size: 1.25rem;
  }
}
.jwd_postcard-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-top: 0.75rem;
}
.jwd_postcard-content p:not(.link-more) {
  font-size: 0.875rem;
}
.jwd_postcard-content p.link-more {
  margin: auto 0 0 !important;
  padding-top: 1.5rem !important;
}
.jwd_postcard-meta {
  color: #7e9fb6;
  font-size: 0.875rem;
}
.jwd_postcard-meta i {
  margin-right: 0.5rem;
}
@media screen and (min-width: 48rem) {
  .jwd_postcard-meta {
    font-size: 0.7rem;
  }
}
.jwd_postcard-meta.top {
  color: #0098ff;
}
.jwd_postcard-meta.top a {
  color: #0098ff;
}
.jwd_postcard-meta.top a:hover {
  color: #64c1ff;
}

/* ---- Featured first card ------------------------------------------------
 * Applied by fp_firstbigger (shortcode) and ct_firstbigger (listings): the
 * grid container gets .firstBigger and its first card with an image spans
 * two columns with the thumbnail beside the text. */
@media screen and (min-width: 48rem) {
  .firstBigger > .jwd_postcard:nth-child(1).thumbnail {
    grid-column: 1 / span 2;
    padding-left: 52.5%;
  }
  .firstBigger > .jwd_postcard:nth-child(1).thumbnail .jwd_postcard-thumbnail {
    width: 48%;
    height: 100%;
    margin: 0;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
  }
  .firstBigger
    > .jwd_postcard:nth-child(1).thumbnail
    .jwd_postcard-content
    p:not(.link-more) {
    display: block;
  }
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Post Navigation
 *********************************/
/* Single Post Nav */
.post-navigation {
  font-weight: normal;
}
.post-navigation .nav-subtitle {
  text-transform: none;
  letter-spacing: 0;
}
.post-navigation .nav-links a .nav-title {
  color: #006eb9;
  font-weight: 600;
  transition: all 0.5s ease-in-out;
}
.post-navigation .nav-links a .nav-title-icon-wrapper {
  transition: all 0.5s ease-in-out;
}
.post-navigation .nav-links a:hover .nav-title,
.post-navigation .nav-links a:focus .nav-title {
  color: #0098ff;
}

/* Listing Articles */
.navigation.pagination {
  padding: 2rem 0;
}
.navigation.pagination .page-numbers {
  vertical-align: middle;
  border-radius: 50px;
  position: relative;
  height: 40px;
  width: 40px;
  color: #0098ff;
  background: transparent;
  padding-top: 0.65rem;
}
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers:focus {
  color: #006eb9 !important;
  outline: 0 !important;
}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
  float: none !important;
}
.navigation.pagination .page-numbers.current {
  color: #fff;
  background: #006eb9;
}
.navigation.pagination .page-numbers.current:hover,
.navigation.pagination .page-numbers.current:focus {
  color: #fff !important;
}
.navigation.pagination .nav-links {
  display: block;
  position: relative;
}
.navigation.pagination .screen-reader-text {
  display: none !important;
}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
  padding-top: 0.35rem;
}

/*********************************
 * Related Posts Feature Styles
 *
 * Section chrome only (wrapper + title). The card grid and the cards
 * themselves live in _post-cards.scss.
 *********************************/
.jwd_relatedposts-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 3em;
  gap: 2rem;
}
.jwd_relatedposts-pagetitle {
  display: block;
  margin: 0;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Sidebar
 *********************************/
@media screen and (min-width: 48rem) {
  .has-sidebar:not(.error404) #primary {
    width: 68%;
  }
  .has-sidebar #secondary {
    width: 28%;
  }
}
@media screen and (min-width: 80rem) {
  .has-sidebar:not(.error404) #primary {
    width: 73%;
  }
  .has-sidebar #secondary {
    width: 23%;
  }
}
.has-sidebar .widget {
  position: relative;
}
.has-sidebar .widget-area {
  position: relative;
}
.has-sidebar .widget p {
  font-size: 0.875rem;
}
.has-sidebar h2.widget-title {
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
  color: #006eb9;
}

/*********************************
 * Base Styles
 *********************************/
/*********************************
 * Site Navigation
 *********************************/
.newnav {
  display: block;
  position: fixed;
  transition: all 0.5s ease-in-out;
  top: 0;
  left: -81dvw;
  width: 80dvw;
  height: 100%;
  z-index: 99;
}
@media screen and (min-width: 40rem) {
  .newnav {
    left: -51dvw;
    width: 50dvw;
  }
}
@media screen and (min-width: 64rem) {
  .newnav {
    left: -31dvw;
    width: 30dvw;
  }
}
@media screen and (min-width: 80rem) {
  .newnav {
    width: 220px;
    left: 0;
  }
}
.newnav-close {
  line-height: 1;
  font-size: 1.25rem;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
  display: block;
  position: absolute;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  color: #000;
}
@media screen and (min-width: 80rem) {
  .newnav-close {
    display: none;
  }
}
.newnav-main {
  padding: 0.675rem 1.5rem 4rem;
  margin: 0;
  overflow-x: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  position: absolute;
  background: #f1f4f7;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.newnav-main::-webkit-scrollbar {
  width: 2px;
}
.newnav-main::-webkit-scrollbar-track {
  background-color: #a6c4d9;
}
.newnav-main::-webkit-scrollbar-thumb {
  background-color: #006eb9;
  outline: 1px solid slategrey;
}
.newnav-main ul {
  list-style: none;
  margin: 0;
  display: block;
  position: relative;
  padding: 0;
}
.newnav-main ul a {
  display: block;
  position: relative;
  transition: all 0.5s ease-in-out;
  font-size: 0.825rem;
  text-transform: uppercase;
}
.newnav-main ul a svg {
  top: 0.125rem;
  right: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all 0.5s ease-in-out;
  position: absolute;
}
.newnav-main ul > li {
  padding: 0.825rem 0;
  border-bottom: 1px dotted rgba(166, 196, 217, 0.5);
}
.newnav-main ul > li:last-child {
  border: none;
}
.newnav-main ul > li > a {
  color: #006eb9;
  padding-left: 2rem;
  line-height: 1.3;
}
.newnav-main ul > li > a:hover {
  color: #0098ff;
}
.newnav-main ul > li > a.hasChild-link {
  padding: 0 1.25rem 0 2rem;
}
.newnav-main ul > li > a:before {
  content: "\f054";
  font-family: "Font Awesome 7 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  width: 1rem;
  height: 1rem;
}
.newnav-main ul > li .sub-menu {
  display: none;
}
.newnav-main ul > li.current a,
.newnav-main ul > li.current-menu-item a {
  color: #122057;
}
.newnav-main ul > li.current svg,
.newnav-main ul > li.current-menu-item svg {
  right: -10px;
}
.newnav-main ul > li.homepage a:before {
  content: "\f015";
  font-weight: normal;
}
.newnav-main ul > li.aboutus a:before {
  content: "\f1ad";
  font-weight: normal;
}
.newnav-main ul > li.research a:before {
  content: "\f610";
}
.newnav-main ul > li.ethics a:before {
  content: "\f0f1";
}
.newnav-main ul > li.arpim30 a:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: url("img/arpim-symbol-icon.svg") no-repeat center/contain;
  mask: url("img/arpim-symbol-icon.svg") no-repeat center/contain;
}
.newnav-main ul > li.newsroom a:before {
  content: "\f1ea";
  font-weight: normal;
}
.newnav-main ul > li.factsheets a:before {
  content: "\f15c";
  font-weight: normal;
}
.newnav-main ul > li.contact a:before {
  content: "\f2b6";
  font-weight: normal;
}
.newnav-main ul > li.pact a:before {
  content: "\f477";
}
.newnav-main ul > li.vaccinare a:before {
  content: "\f48e";
}
.newnav-main ul > li.diabet a:before {
  content: "\e4e6";
}
.newnav-main ul > li.cancer a:before {
  content: "\e05c";
}
.newnav-secondary {
  width: 90dvw;
  left: -91dvw;
  bottom: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  background: #122057;
  display: block;
  position: absolute;
  z-index: 10;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 40rem) {
  .newnav-secondary {
    left: -61dvw;
    width: 60dvw;
  }
}
@media screen and (min-width: 64rem) {
  .newnav-secondary {
    left: -41dvw;
    width: 40dvw;
  }
}
@media screen and (min-width: 80rem) {
  .newnav-secondary {
    z-index: 0;
    width: 260px;
    background: rgba(18, 32, 87, 0.95);
  }
}
.newnav-secondary.showPanel {
  left: 0;
  opacity: 1;
}
@media screen and (min-width: 80rem) {
  .newnav-secondary.showPanel {
    left: 220px;
  }
}
.newnav-secondary > ul {
  opacity: 0;
  list-style: none;
  margin: 0;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  padding: 3.6rem 2rem 2rem;
}
.newnav-secondary > ul a {
  display: block;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.newnav-secondary > ul > li {
  padding: 0.75rem 0;
}
.newnav-secondary > ul.sub-menu > li.current-menu-item > a {
  color: #64c1ff;
}
.newnav-secondary > ul.sub-menu > li > a {
  color: #fff;
  font-size: 0.825rem;
  padding-left: 2rem;
  line-height: 1.2;
}
.newnav-secondary > ul.sub-menu > li > a:hover {
  color: #64c1ff;
}
.newnav-secondary > ul.sub-menu > li > a:before {
  content: "\f054";
  font-family: "Font Awesome 7 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  width: 1rem;
  height: 1rem;
}
.newnav-secondary > ul.sub-menu > li > a svg {
  top: 1px;
  right: 0;
  transform: rotate(-90deg);
  transition: all 0.3s ease-in-out;
  position: absolute;
}
.newnav-secondary > ul.sub-menu > li:hover > a svg {
  transform: rotate(0deg);
}
.newnav-secondary > ul.sub-menu > li:hover > .sub-menu {
  height: auto;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  opacity: 1;
}
.newnav-secondary > ul.sub-menu > li.arpim30 > a:before {
  content: "\f02e";
  font-weight: normal;
}
.newnav-secondary > ul.sub-menu > li.newsroom > a:before {
  content: "\f1ea";
  font-weight: normal;
}
.newnav-secondary > ul.sub-menu > li.timeline > a:before {
  content: "\e29c";
}
.newnav-secondary > ul.sub-menu > li.aboutus a:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: url("img/arpim-symbol-icon.svg") no-repeat center/contain;
  mask: url("img/arpim-symbol-icon.svg") no-repeat center/contain;
}
.newnav-secondary > ul.sub-menu > li.covid19 > a:before {
  content: "\e4a8";
}
.newnav-secondary > ul.sub-menu > li.press > a:before {
  content: "\f1ea";
  font-weight: normal;
}
.newnav-secondary > ul.sub-menu > li.media > a:before {
  content: "\f26c";
}
.newnav-secondary > ul.sub-menu > li.factsheets > a:before {
  content: "\f15c";
  font-weight: normal;
}
.newnav-secondary > ul.sub-menu > li.photos > a:before {
  content: "\f302";
  font-weight: normal;
}
.newnav-secondary > ul.sub-menu > li.video > a:before {
  content: "\f144";
  font-weight: normal;
}
.newnav-secondary > ul.sub-menu > li.pact > a:before {
  content: "\f477";
}
.newnav-secondary > ul.sub-menu > li.events > a:before {
  content: "\f073";
}
.newnav-secondary > ul.sub-menu > li.members > a:before {
  content: "\e533";
}
.newnav-secondary > ul.sub-menu > li .sub-menu {
  transition: all 0.5s ease-in-out;
  font-size: 0.8125rem;
  list-style: none;
  margin-left: 2.125rem;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
.newnav-secondary > ul.sub-menu > li .sub-menu li {
  padding: 0.25rem 0;
}
.newnav-secondary > ul.sub-menu > li .sub-menu li.current-menu-item a {
  color: #fff;
}
.newnav-secondary > ul.sub-menu > li .sub-menu a {
  color: #7e9fb6;
}
.newnav-secondary > ul.sub-menu > li .sub-menu a:hover {
  color: #fff;
}
.newnav-secondary > ul.showNav {
  opacity: 1;
  pointer-events: auto;
}
.newnav-secondary-close {
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  color: #a6c4d9;
  font-size: 1.25rem;
}
.newnav-secondary-close:hover {
  color: #fff;
}
.newnav-socials {
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1rem;
  justify-content: center;
  background: #f1f4f7;
  z-index: 2;
  gap: 0.75rem;
}
.newnav-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #006eb9;
}
.newnav-socials a:hover,
.newnav-socials a:focus {
  color: #7e9fb6;
}
.newnav-socials img {
  max-height: 30px;
  width: auto;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 48rem) {
  .newnav-socials img {
    max-height: 40px;
  }
}
@media screen and (min-width: 80rem) {
  .newnav-socials img {
    max-height: 50px;
  }
}

/*********************************
 * Base Styles
 *********************************/
/* Contact Form 7 - Custom Styles */
span.wpcf7-list-item {
  margin: 0;
}

/* Contact Form */
.jwd_contact-required {
  color: #f00;
  font-size: 0.8rem;
}

/*********************************
 * Base Styles
 *********************************/
/* Cookie Notice - Custom Styles */
.cookie-notice-container {
  padding: 1rem 0;
  font-weight: bold;
}
.cookie-notice-container a {
  color: #fff;
  text-decoration: underline;
}
.cookie-notice-container a:hover {
  text-decoration: none;
}
.cookie-notice-container .cn-button {
  border-radius: 0;
  padding: 0.75rem 1.5rem;
  background: #fff;
  border: none;
  margin-left: 3rem !important;
}

/*********************************
 * Base Styles
 *********************************/
/* NextGEN Gallery Styles */
.ngg-gallery-thumbnail {
  border: none;
  margin: 0 0 2rem;
}
.ngg-gallery-thumbnail span {
  padding: 0;
}
.ngg-gallery-thumbnail span > span {
  color: #006eb9;
}
.ngg-gallery-thumbnail span strong {
  display: block;
  width: 100%;
  padding: 0.75rem 0;
  font-size: 1rem;
}
.ngg-gallery-thumbnail span p {
  margin: 0;
}

.fancybox-title-inside > div {
  padding-bottom: 0.75rem;
}
.fancybox-title-inside > div strong {
  display: block;
  width: 100%;
  padding: 0.75rem 0;
  font-size: 1rem;
}
.fancybox-title-inside > div p {
  margin: 0;
}
.fancybox-title-inside > div span {
  color: #006eb9;
}

/*********************************
 * Base Styles
 *********************************/
/* SiteOrigin Widgets Bundle - Custom Styles */
/* SiteOrigin Accordion */
.sow-accordion {
  display: block;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
}
.sow-accordion div {
  outline: 0px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.sow-accordion-panel {
  margin: 0 !important;
  border-left: 2px solid #fbf7fb;
  border-bottom: 1px solid #e6e6e6;
  transition: all 0.5s ease-in-out;
}
.sow-accordion-panel:last-child {
  border-bottom: none;
}
.sow-accordion-panel-header {
  background-color: #fff !important;
  color: #0098ff !important;
  font-size: 1.25rem;
  transition: all 0.5s ease-in-out;
}
.sow-accordion-panel-border {
  background-color: #fbf7fb !important;
}
.sow-accordion-panel.sow-accordion-panel-open {
  border-left: 2px solid #006eb9;
}
.sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-header {
  background-color: #fbf7fb !important;
}
.sow-accordion-panel.sow-accordion-panel-open .sow-accordion-open-close-button {
  background: #006eb9;
  border: 1px solid #006eb9;
}
.sow-accordion-panel.sow-accordion-panel-open
  .sow-accordion-open-close-button
  > div:before {
  color: #fff;
}
.sow-accordion-open-close-button {
  background: transparent;
  border: 1px solid #e6e6e6;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50px;
  overflow: hidden;
  float: none;
  transition: all 0.5s ease-in-out;
}
.sow-accordion-open-button,
.sow-accordion-close-button {
  position: relative;
}
.sow-accordion-open-button span,
.sow-accordion-close-button span {
  display: none !important;
}
.sow-accordion-open-button:before,
.sow-accordion-close-button:before {
  content: "\f107";
  font-family: "Font Awesome 7 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 1.125rem;
  line-height: 0.5;
  color: #0098ff;
  -webkit-transform: translate(-50%, 149%);
  -ms-transform: translate(-50%, 149%);
  transform: translate(-50%, 149%);
  transition: all 0.5s ease-in-out;
}
.sow-accordion-close-button:before {
  content: "\f106";
}

/* SiteOrigin Panels */
.panel-layout .widget {
  margin: 0;
  padding: 0;
}
.panel-layout .widget p {
  line-height: 1.8;
  margin: 0;
  padding: 0;
}
.panel-layout .sectionbg p {
  line-height: 1.8;
}

/*********************************
 * Base Styles
 *********************************/
/* Recent Posts Widget ( with thumbnails ) - Custom Styles */
.rpwwt-widget ul {
  display: block;
  margin: 0 !important;
}
.rpwwt-widget li {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 2rem !important;
  padding: 0 !important;
}
.rpwwt-widget li:before,
.rpwwt-widget li:after {
  display: none !important;
}
.rpwwt-widget li a {
  order: 1;
}
.rpwwt-widget li a img {
  margin: 0.5rem 1.5rem 1rem 0 !important;
}
.rpwwt-widget li a span {
  font-size: 0.875rem;
  color: #006eb9;
  display: block;
  font-weight: 600;
  margin: 0 0 0.5rem;
  transition: all 0.5s ease-out;
  line-height: 1.4;
}
.rpwwt-widget li a:hover span {
  color: #0098ff;
}
.rpwwt-widget div.rpwwt-post-categories,
.rpwwt-widget div.rpwwt-post-author,
.rpwwt-widget div.rpwwt-post-date {
  position: relative;
}
.rpwwt-widget div.rpwwt-post-categories:before,
.rpwwt-widget div.rpwwt-post-author:before,
.rpwwt-widget div.rpwwt-post-date:before {
  content: "\f07c";
  font-family: "Font Awesome 7 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  position: relative;
  margin-right: 0.5rem;
  font-weight: 400;
}
.rpwwt-widget div.rpwwt-post-categories {
  order: 0;
  margin-bottom: 0.5rem;
  font-family: "Open Sans", sans-serif;
  font-size: 0.7rem;
  line-height: 1.2;
  color: #0098ff;
}
.rpwwt-widget div.rpwwt-post-categories:before {
  color: #0098ff;
}
.rpwwt-widget div.rpwwt-post-categories a {
  color: #0098ff;
}
.rpwwt-widget div.rpwwt-post-categories a:hover {
  color: #006eb9;
}
.rpwwt-widget div.rpwwt-post-author,
.rpwwt-widget div.rpwwt-post-date {
  order: 99;
  color: #7e9fb6;
  font-size: 0.6rem;
  line-height: 1;
}
.rpwwt-widget div.rpwwt-post-author:before,
.rpwwt-widget div.rpwwt-post-date:before {
  content: "\f007";
}
.rpwwt-widget div.rpwwt-post-date:before {
  content: "\f017";
}

/*********************************
 * Base Styles
 *********************************/
/* Soliloquy - Custom Styles */
.home.page .soliloquy-container,
.home.twentyseventeen-front-page .soliloquy-container {
  z-index: 2 !important;
  margin: 0 auto !important;
}
.home.page .soliloquy-caption,
.home.twentyseventeen-front-page .soliloquy-caption {
  bottom: 50%;
  padding: 0 50px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  background: transparent;
}
.home.page .soliloquy-caption div,
.home.twentyseventeen-front-page .soliloquy-caption div {
  text-shadow: 0px 0px 32px rgba(8, 16, 48, 0.96);
  font-size: 2rem;
  letter-spacing: 2px;
  padding: 0;
}
@media screen and (min-width: 64rem) {
  .home.page .soliloquy-caption div,
  .home.twentyseventeen-front-page .soliloquy-caption div {
    font-size: 3rem;
  }
}
@media screen and (min-width: 80rem) {
  .home.page .soliloquy-caption div,
  .home.twentyseventeen-front-page .soliloquy-caption div {
    font-size: 4rem;
  }
}
.home.page .soliloquy-prev,
.home.page .soliloquy-next,
.home.twentyseventeen-front-page .soliloquy-prev,
.home.twentyseventeen-front-page .soliloquy-next {
  background-color: rgba(0, 110, 185, 0.7);
  background-position: calc(50% - 1px) 50%;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}
.home.page .soliloquy-prev:hover,
.home.page .soliloquy-next:hover,
.home.twentyseventeen-front-page .soliloquy-prev:hover,
.home.twentyseventeen-front-page .soliloquy-next:hover {
  background-color: #0098ff !important;
}
.home.page .soliloquy-prev,
.home.twentyseventeen-front-page .soliloquy-prev {
  left: 1rem;
}
.home.page .soliloquy-next,
.home.twentyseventeen-front-page .soliloquy-next {
  right: 1rem;
  background-position: calc(50% + 1px) 50%;
}
.home.page .soliloquy-pager,
.home.twentyseventeen-front-page .soliloquy-pager {
  display: none !important;
}
.home.page .soliloquy-link,
.home.page .soliloquy-image-slide,
.home.twentyseventeen-front-page .soliloquy-link,
.home.twentyseventeen-front-page .soliloquy-image-slide {
  position: relative;
  /*       &:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 0;
          background-color: rgba($color: $bluedarker, $alpha: 0.1);
        } */
}