@font-face {
    font-family: 'barlow';
    src: url('../fonts/regular-regularweb-webfont.woff2') format('woff2'),
         url('../fonts/regular-regularweb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'barlow'; font-weight: 600;
    src: url('../fonts/regular-boldweb-webfont.woff2') format('woff2'),
         url('../fonts/regular-boldweb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	background: #eff5f9;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    -moz-osx-font-smoothing: grayscale;
  }

img.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

header.fixed {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  z-index: 1;
}

header.relative {
  /*position: relative;*/
  position: absolute;
  margin-top: 25px;
  width: 100%;
}

header .container {
	backdrop-filter: saturate(180%) blur(20px);
	/*background-color: rgba(73,94,155,0.7);*/
	padding: 1.2rem 2.1rem;
}

header.relative .container {
	backdrop-filter: saturate(180%) blur(20px);
	/*background-color: rgba(73,94,155,1);*/
	padding: 1.2rem 2.1rem;
}

.header-login a {
	font-size: 28px;
  color: #004992;
  display: inline-block;
  align-items: center;
  background-color: #ccdcfc;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  text-align: center;
}

@media (min-width: 992px)
	.navbar-brand img {
	height: 70px;
}

.btn {
	background: #004992;
    line-height: 1.42857143 !important;
    margin: 5px;
    padding: 15px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    display: inline-block;
    border: 1px solid #112ca3 !important;
    border-radius: 50px !important;
    border: none;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.views-exposed-form label {
	font-family: 'barlow';
}

/* Slideshow styles */

.slideshow {
	max-height: 730px;
}

.slideshow .region-slideshow img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	max-height: 730px;
}

@media (max-width: 639px) {
  	header.fixed,
  	header.relative {
	    box-sizing: border-box;
	    padding-left: 5px;
	    padding-right: 5px;
  	}
	header.fixed {
		position: absolute;
		top: 20px;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	header.relative {
		position: relative;
		margin-top: 20px;
		width: 100%;
	}
	.slideshow {
		height: 100vh;
	}
	.slideshow img {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100vh;
	}
}

/*
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 1.25rem;
	left: 15%;
	padding: 1.25rem;
	color: #fff;
	text-align: center;
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(255,255,255,0.7);
	border-radius: 35px;
}
*/

/* Alternative */
.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
	color: #fff;
	text-align: center;
	backdrop-filter: saturate(180%) blur(20px);
	/*background-color: rgba(255,255,255,0.7);*/
	border-radius: 0px;
	display: none;
}

.carousel-caption h2 {
	color: #ffffff;
	font-family: 'barlow'; font-weight: 600;
}

.carousel-caption p {
	color: #ffffff;
	font-family: 'barlow';
}

.carousel-caption a:link,
.carousel-caption a:visited,
.carousel-caption a:hover {
	background: #F0F5FE;
    line-height: 1.42857143 !important;
    margin: 0;
    padding: 15px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    display: inline-block;
    border: 1px solid #ffffff !important;
    border-radius: 50px !important;
    border: none;
    color: #004992;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* WHO Video */
.who-video {
  position: absolute; /* from your Bootstrap classes */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  background: #ccdcfc;
  padding: 0.5rem;
  box-shadow: rgba(50,50,93,0.25) 0px 50px 100px -20px,
              rgba(0,0,0,0.3) 0px 30px 60px -30px;

  width: 100%;
  max-width: 550px;   /* limits size on desktops */
}

/* Keep the video responsive */
.who-video video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px; /* optional */
}

/* Title positioning */
.who-video-title {
  position: absolute;
  top: -70px;
  left: 0;
  width: 330px;
}

.who-video-title img {
  width: 100%;
  height: auto;
  max-width: 330px;
}

/* Mobile adjustments */
@media only screen and (max-width: 480px) {
  .who-video {
    max-width: 100%;  /* let video fill small screens */
    padding: 0.25rem; /* tighter padding on mobile */
  }

  .who-video-title {
    width: 70%;       /* scale down title image */
    top: -50px;
  }
}



/* Responsive menu toggle styles*/

.responsive-menu-toggle {
  display: block;
  float: right;
}

.responsive-menu-toggle-icon {
    box-sizing: border-box;
    display: block;
    width: 65px;
    height: 35px;
    z-index: 999;
    margin-top: 5px;
    position: relative;
}

.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon {
    background-color: #fff;
    width: 40px;
    height: 2px;
}

.responsive-menu-toggle-icon span.label {
    display: none;
}

/* Responsive menu background and link colors */

.mm-page,
.mm-wrapper_background body {
	background: #eff5f9;
}

.mm-panels {
	font-family: 'barlow';
	border-radius: 25px;
	padding: 5px;
	margin: 10px;
}

.mm-panels > .mm-panel {
    background-color: #004992;
}

.mm-navbar_sticky {
	background-color: transparent;
	color: #fff;
}

ul.mm-listview {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	margin: 0;
	padding: 0;
}

.mm-listitem {
	font-size: 21px;
	color: #fff;
}

.mm-btn:after, .mm-btn:before {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}

/* Section Content styles */
section.content,
section.content p,
section.content ul,
section.content ol {
	font-family: 'barlow';
	font-size: 18px;
	color: #0e1d5d;
}

section.content h1,
section.content h2,
section.content h3,
section.content h4,
section.content h5,
section.content h6,
section.content strong {
	font-family: 'barlow';
	color: #004992;
}

section.content .ck-widget.container {
	max-width: 950px;
}

section.content .ck-widget.container .col-12 {
	background: linear-gradient(175deg,rgba(243, 248, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 25px;
	padding: 25px 30px;
	margin: 12px;
}

/* Section Call to Action styles*/
section.call-to-action {
	background: linear-gradient(175deg,rgba(240,245,254,1) 0%,rgba(255,255,255,1) 100%);
}

section.call-to-action .container {
	max-width: 950px;
}

section.call-to-action h2 {
	font-family: 'barlow';
	font-weight: 700;
	font-size: 25px;
	color: #004992;
	padding: 10px 0 0 0;
}

section.call-to-action p {
	font-family: 'barlow';
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #7d8687;
	padding: 5px 0;
}

/* Section Info Grid styles */
section.info-grid {
	background: linear-gradient(175deg,rgba(240,245,254,1) 0%,rgba(255,255,255,1) 100%);
}

section.info-grid .container {
	max-width: 950px;
}

section.info-grid h1 {
	font-family: 'barlow';
	font-size: 22px;
	font-weight: 700;
	color: #004992;
	padding: 15px 0;
}

section.info-grid a.more-btn:link,
section.info-grid a.more-btn:visited,
section.info-grid a.more-btn:hover {
	background: #ccdcfc;
    line-height: 1.42857143 !important;
    margin: 5px;
    padding: 15px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    display: inline-block;
    border: 1px solid #ccdcfc !important;
    border-radius: 50px !important;
    border: none;
    color: #004992;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

section.info-grid .row.event-item {
	margin: 15px 0;
	position: relative; /* to position date and title above image */
}

section.info-grid .event-image {
	padding: 0px;
}

/* this exists due to date and title above image */
section.info-grid .event-image img {
	min-height: 235px;
	width: auto;
	object-fit: cover;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

		.image-overlay {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: linear-gradient(to top, rgba(73,94,155, 0.7), rgba(73,94,155, 0));
		  pointer-events: none; /* allow clicks to pass through */
		  border-radius: 20px;
		}

section.info-grid .event-image img {
	border-radius: 20px;
}

section.info-grid .event-date {
	color: #004992;
	font-family: 'barlow';
	font-size: 17px;
	/* styles below used for absolute positioning */
	background: #ccdcfc;
	border-radius: 50px;
	position: absolute;
	top: 17px;
	left: 17px;
	padding: 3px 7px;
}

section.info-grid .event-title {
	font-family: 'barlow'; font-weight: 600;
	font-size: 21px;
	/* styles below used for absolute positioning */
	border-radius: 50px;
	position: absolute;
	bottom: 10px;
	left: 17px;
	line-height: 21px;
}

.view-events .event-date {
	color: #7d8687;
	font-family: 'barlow';
	font-size: 19px;
}

.view-events .event-title {
	font-family: 'barlow'; font-weight: 600;
	font-size: 23px;
	line-height: 27px;
}

.view-events .event-image img {
	border-radius: 20px;
}

section.info-grid .event-title a:link,
section.info-grid .event-title a:visited,
section.info-grid .event-title a:hover {
	text-decoration: none;
	/* color: #004992; */
	/* styles below used for absolute positioning */
	color: #fff;
}

.view-events .event-title a:link,
.view-events .event-title a:visited,
.view-events .event-title a:hover {
	text-decoration: none;
	color: #004992;
}

#views-bootstrap-events-block-1 .col-12:not(:last-child) {
  /*border-bottom: 1px solid #b0cbe3;*/
  margin-bottom: 0.1rem;
  padding-bottom: 0.1rem;
}

section.info-grid .event-arrow a:link,
section.info-grid .event-arrow a:visited {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #004992;
  color: #004992;
  font-size: 18px;
  font-weight: normal;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

section.info-grid .event-arrow a:hover {
  background-color: #004992;
  color: #fff;
  box-shadow: 0 4px 10px rgba(93, 105, 176, 0.3);
}

section.info-grid .region-latest-news,
section.info-grid .region-upcoming-events {
	margin: 20px 0;
}

section.info-grid .row.news-item,
#views-bootstrap-news-page-1 .row.news-item {
	margin: 15px 0;
}

section.info-grid .news-date,
#views-bootstrap-news-page-1 .news-date {
	color: #7d8687;
	font-family: 'barlow';
	font-size: 18px;
}

section.info-grid .news-title,
#views-bootstrap-news-page-1 .news-title {
	font-family: 'barlow'; font-weight: 500;
	font-size: 19px;
	font-weight: 600;
	line-height: 22px;
}

section.info-grid .news-title a:link,
section.info-grid .news-title a:visited,
section.info-grid .news-title a:hover {
	text-decoration: none;
	color: #004992;
}

#views-bootstrap-news-page-1 .news-title a:link,
#views-bootstrap-news-page-1 .news-title a:visited,
#views-bootstrap-news-page-1 .news-title a:hover {
	text-decoration: none;
	color: #004992;
}

#views-bootstrap-news-block-1 .col-12:not(:last-child) {
  border-bottom: 1px solid #b0cbe3;
  margin-bottom: 0.1rem;
  padding-bottom: 0.1rem;
}

section.info-grid .region-latest-issues {
	max-width: 850px;
	padding: 30px 0;
}

section.info-grid .region-latest-issues h2 {
	width: 100%;
	text-align: center;
	font-family: 'barlow';
	font-size: 22px;
	font-weight: 700;
	color: #004992;
}

section.info-grid .region-latest-issues h3 {
	width: 100%;
	text-align: center;
	font-family: 'barlow'; font-weight: 600;
	font-size: 21px;
	color: #52AAE3;
	padding: 0;
}

section.info-grid .region-latest-issues p {
	font-family: 'barlow';
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #7d8687;
	padding: 0;
}

section.info-grid .region-latest-issues .views-field-field-partner-logotype img {
	margin-bottom: 15px;
	border-radius: 25px;
}

#block-edsa-publicaccessfolder {
	text-align: center;
}

#block-edsa-publicaccessfolder h4 {
	font-family: 'barlow';
	font-size: 19px;
	color: #004992;
	padding: 15px 0 5px 0;
}

#block-edsa-publicaccessfolder a.btn:link,
#block-edsa-publicaccessfolder a.btn:visited,
#block-edsa-publicaccessfolder a.btn:hover {
	background: #004992;
    line-height: 1.42857143 !important;
    margin: 5px;
    padding: 15px;
    font-size: 18px;
    font-family: 'barlow';
    letter-spacing: 3px;
    display: inline-block;
    border: 1px solid #112ca3 !important;
    border-radius: 50px !important;
    border: none;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

section.newsletter {
	background-color: #eff5f9;
}

section.newsletter .container {
	max-width: 1100px;
}

section.newsletter p {
	font-family: 'barlow';
	margin: 5px 10px;
	font-size: 22px;
	color: #004992;
}

section.newsletter {
	font-family: 'barlow';
	color: #004992;
}

section.newsletter .form-control {
	border: 1px solid #dfe2e6;
	border-radius: 0;
}

/* Section highlight */

section.highlight h1 {
	font-family: 'barlow';
	font-size: 27px;
	color: #004992;
	padding: 15px 0;
}

/* Footer styles */

footer {
	background-color: #004992;
	font-family: 'barlow';
	color: #fff;
}

footer h2 {
	font-family: 'barlow';
	font-size: 14px;
	color: #fff;
}

img.social-media-platforms__icon {
	max-width: 28px;
}

/* Field attachments */

.field--name-field-attachments .field__label {
	font-family: 'barlow'; font-weight: 600;
	font-weight: normal;
	font-size: 21px;
	color: #004992;
	padding: 15px 0 5px 0;
}

.field--name-field-attachments .field__items {
	background-color: #ffffff;
	border-radius: 25px;
	width: 100%;
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 15px 20px;
}

.field--name-field-attachments a:link {
	font-family: 'barlow';
	font-size: 18px;
	text-decoration: none;
	color: #004992;
}

.field--name-field-attachments .table {
	margin: 0;
}

.field--name-field-attachments .table > thead {
	display: none;
}

.field--name-field-attachments .table td {
	/*background-color: #eff5f9;*/
	background-color: #ffffff;
	border: none;
}

.field--name-field-attachments .table td:nth-child(2),
.field--name-field-attachments .table th:nth-child(2) {
  display: none;
}

/* Members */

h4.member-name {
	font-family: 'barlow'; font-weight: 600;
	font-size: 23px;
	color: #004992;
}

.member-photo img {
	border: 5px solid #d6dae9;
	outline: 7px solid #e6eaf2;
	border-radius: 100px;
}

.member-role {
	font-family: 'barlow'; font-weight: 600;
	font-size: 17px;
	color: #004992;	
}

.member-email a {
	font-family: 'barlow';
	font-size: 14px;
	text-decoration: none;
}

.member-description p {
	font-family: 'barlow';
	font-size: 14px;
	color: #004992;
}

#block-edsa-views-block-members-block-1,
#block-edsa-views-block-members-block-2,
#block-edsa-views-block-members-block-3 {
	margin: 30px 0;
}

#block-edsa-views-block-members-block-1 .view-header,
#block-edsa-views-block-members-block-2 .view-header,
#block-edsa-views-block-members-block-3 .view-header {
	text-align: center;
	margin-bottom: 20px;
}

#block-edsa-views-block-members-block-1 .view-header h3,
#block-edsa-views-block-members-block-2 .view-header h3,
#block-edsa-views-block-members-block-3 .view-header h3 {
	font-family: 'barlow'; font-weight: 600;
	font-size: 23px;
	color: #004992;
}

#block-edsa-views-block-members-block-1 .view-header p,
#block-edsa-views-block-members-block-2 .view-header p,
#block-edsa-views-block-members-block-3 .view-header p {
	font-family: 'barlow';
	font-size: 20px;
	color: #004992;
}

#block-edsa-views-block-members-block-1 .field--name-node-title h2,
#block-edsa-views-block-members-block-2 .field--name-node-title h2,
#block-edsa-views-block-members-block-3 .field--name-node-title h2 {
	font-family: 'barlow'; font-weight: 600;
	font-size: 20px;
	color: #004992;
}

#block-edsa-views-block-members-block-1 .field--name-field-role,
#block-edsa-views-block-members-block-2 .field--name-field-role,
#block-edsa-views-block-members-block-3 .field--name-field-role {
	font-family: 'barlow'; font-weight: 600;
	font-size: 18px;
	color: #004992;	
}

#block-edsa-views-block-members-block-1 .field--name-field-email,
#block-edsa-views-block-members-block-2 .field--name-field-email,
#block-edsa-views-block-members-block-3 .field--name-field-email {
	font-family: 'barlow';
	font-size: 16px;
	color: #004992;
}

#block-edsa-views-block-members-block-1 .field--name-body p,
#block-edsa-views-block-members-block-2 .field--name-body p,
#block-edsa-views-block-members-block-3 .field--name-body p {
	font-family: 'barlow';
	font-size: 14px;
	color: #004992;
}

#block-edsa-views-block-members-block-3 .view-header a.btn:link,
#block-edsa-views-block-members-block-3 .view-header a.btn:visited,
#block-edsa-views-block-members-block-3 .view-header a.btn:hover {
	background: #004992;
    line-height: 1.42857143 !important;
    margin: 5px;
    padding: 15px;
    font-size: 18px;
    font-family: 'barlow';
    letter-spacing: 3px;
    display: inline-block;
    border: 1px solid #112ca3 !important;
    border-radius: 50px !important;
    border: none;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* View Delegates */

.view-delegates table th {
    background: #eff5f9;
    padding: 20px 0;
    text-align: center;
}

.view-delegates a:link,
.view-delegates a:visited,
.view-delegates a:hover {
	font-family: 'barlow'; font-weight: 600;
	font-size: 17px;
	font-weight: normal;
	color: #004992;
	text-decoration: none;
}

.view-delegates table td {
    text-align: center;
    color: #004992;
    padding: 15px 0;
}

.view-delegates .form-item, 
.view-delegates .form-actions {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

/* Partners */

.field--name-field-partner-website .field__label {
	font-family: 'barlow'; font-weight: 600;
	font-weight: normal;
}

.field--name-field-partner-website .field__item {
	font-family: 'barlow';
}

.social-link-field { 
	display: inline-block; 
}

.social-link-field.horizontal {
    margin: 0;
    padding: 0;
}

.social-link-field.horizontal li {
	display: inline;
	list-style-type: none;
	margin: 10px;
	font-size: 20px;
}

.social-link-field.horizontal li a {
	color:#1e2846;
}

.field--name-field-partner-logotype {
	background: #fff;
	padding: 20px;
	border: 1px solid #b0cbe3;
	border-radius: 20px;
}

.field--name-field-partner-website.field--type-link {
	display: inline-block;
}

.field--name-field-partner-website.field--type-link a:link,
.field--name-field-partner-website.field--type-link a:visited,
.field--name-field-partner-website.field--type-link a:hover {
	background: #004992;
    line-height: 1.42857143 !important;
    margin: 5px 15px;
    padding: 15px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    display: inline-block;
    border: 1px solid #112ca3 !important;
    border-radius: 50px !important;
    border: none;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Partners view */

.partner-card {
	background: #F3F8F9;
	background: linear-gradient(175deg,rgba(243, 248, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	min-height: 245px;
	padding: 0 20px;
	border-radius: 25px;
	margin: 10px 0;
}

.partner-logo {
	background-color: #fff;
    border-radius: 17px;

}
.partner-logo img {
    min-width: 165px;
    border-radius: 18px;
}

.partner-title {
    font-family: 'barlow'; font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #004992;
}

.partner-title a:link,
.partner-title a:visited {
    text-decoration: none;
    color: #004992;
}

.partner-title a:hover {
    text-decoration: none;
    color: #868eb0;
}

.partner-details {
	padding: 20px;
}

section.content .partner-content p {
	font-family: 'barlow';
	font-size: 16px;
	color: #004992;
}

.partner-content.read-more a:link,
.partner-content.read-more a:visited,
.partner-content.read-more a:hover {
	background: #ccdcfc;
    line-height: 1.42857143 !important;
    margin: 5px;
    padding: 10px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    display: inline-block;
    border: 1px solid #ccdcfc !important;
    border-radius: 50px !important;
    border: none;
    color: #004992;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.views-more-link {
	display: block;
	margin-top: 0.1rem;
	text-decoration: none;
}

.partner-website a {
    font-family: 'barlow';
    text-decoration: none;
}

.view-partners .view-footer {
	text-align: center;
	margin-top: 20px;
}

.view-partners .view-footer h3 {
	font-family: 'barlow'; font-weight: 600;
	font-size: 23px;
	color: #004992;
}

.view-partners .view-footer p {
	font-family: 'barlow';
	font-size: 20px;
	color: #004992;
}

/* Sponsors */

.field--name-field-sponsor-logotype {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #b0cbe3;
	border-radius: 20px;
}

.field--name-field-sponsor-website.field--type-link {
	display: inline-block;
}

.field--name-field-sponsor-website.field--type-link a:link,
.field--name-field-sponsor-website.field--type-link a:visited,
.field--name-field-sponsor-website.field--type-link a:hover {
	background: #004992;
    line-height: 1.42857143 !important;
    margin: 5px 15px;
    padding: 15px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    display: inline-block;
    border: 1px solid #112ca3 !important;
    border-radius: 50px !important;
    border: none;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Sponsors view */

.sponsor-card {
	background: #F3F8F9;
	background: linear-gradient(175deg,rgba(243, 248, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	padding: 20px;
	border-radius: 25px;
	margin: 10px 0;
}

.sponsor-logo {
	background-color: #fff;
    border-radius: 17px;

}
.sponsor-logo img {
    min-width: 165px;
    border-radius: 18px;
}

.sponsor-title {
    font-family: 'barlow'; font-weight: 600;
    font-size: 19px;
    line-height: 23px;
    color: #004992;
}

.sponsor-title a:link,
.sponsor-title a:visited {
    text-decoration: none;
    color: #004992;
}

.sponsor-title a:hover {
    text-decoration: none;
    color: #868eb0;
}

.sponsor-details {
	padding: 20px;
}

section.content .sponsor-content p {
	font-family: 'barlow';
	font-size: 16px;
	color: #004992;
}

.views-more-link {
	display: block;
	margin-top: 0.1rem;
	text-decoration: none;
}

.sponsor-website a {
    font-family: 'barlow';
    text-decoration: none;
}

.view-sponsors .view-footer {
	text-align: center;
	margin-top: 20px;
}

.view-sponsors .view-footer h3 {
	font-family: 'barlow'; font-weight: 600;
	font-size: 23px;
	color: #004992;
}

.view-sponsors .view-footer p {
	font-family: 'barlow';
	font-size: 20px;
	color: #004992;
}

#views-bootstrap-partners-block-1 .carousel-inner img {
	background: #fff;
	border-radius: 25px;
	border: 1px solid #ccdcfc !important;
	margin-bottom: 10px;
	padding: 15px;
}

/* File fields */

.field--name-field-media-document {
	background-color: #ffffff;
	border-radius: 25px;
	display: inline-block;
	margin: 10px 0;
	padding: 15px 20px;
}

.field--name-field-media-document a:link,
.field--name-field-media-document a:visited,
.field--name-field-media-document a:hover {
	font-family: 'barlow';
	font-size: 18px;
	text-decoration: none;
	color: #004992;
}

/* Address and Contact form */

section.address {
	background-color: #eff5f9;
	padding: 10px;
}

section.address .container {
	max-width: 950px;
}

#block-edsa-address {
	padding: 10px;
}

#block-edsa-address p {
	font-family: 'barlow';
	margin: 5px 10px;
	font-size: 20px;
	color: #004992;
}

#block-edsa-webform {
	font-family: 'barlow';
	color: #004992;
}

#block-edsa-webform .form-control {
	border: 1px solid #dfe2e6;
	border-radius: 0;
}

/**
 * @file
 * Styles for breadcrumbs.
 */

#block-edsa-breadcrumbs nav {
	display: inline-block;
}
.breadcrumb {
  margin: 0;
  padding: 15px 0;
}
.breadcrumb ol {
  
}
[dir="rtl"] .breadcrumb ol {
  /* This is required to win over specificity of [dir="rtl"] ol */
  margin-right: 0;
}
.breadcrumb li {
  display: inline;
  font-size: 16px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* IE8 does not support :not() and :last-child. */
.breadcrumb li::before {
  content: " \BB ";
}
.breadcrumb li:first-child::before {
  content: none;
}
.breadcrumb li a {
	text-decoration: none;
}

/* Page title block & Advanced Page Title block module */

section.inner-top {
	position: relative;
	width: 100%;
	height: 310px;
}

.advanced-page-title-position {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.advanced-page-title {
	height: 310px;
}

.advanced-page-title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(49, 66, 127, 0) 40%, #004992 100%);
  opacity: 1;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.advanced-page-title h1 {
  position: relative;       /* necessário para posicionar o :after relativamente ao h1 */
  font-family: 'barlow', sans-serif;
  font-size: 2.1rem;
  font-weight: 600;
  color: #004992;
  margin: 15px 0 15px 0;
  top: 8.5rem;
  line-height: 1.35;
  text-align: center;
}

#block-edsa-page-title {
	text-align: center;
}

#block-edsa-page-title h1 {
  position: relative;       /* necessário para posicionar o :after relativamente ao h1 */
  font-family: 'barlow_bold', sans-serif;
  font-size: 2.3rem;
  color: #004992;
  margin: 10px 0 35px 0;
  padding: 0;
  line-height: 1.35;
  text-align: center;
}

/* traço horizontal abaixo do h1 */
#block-edsa-page-title h1:after {
  content: '';
  position: absolute;
  bottom: -8px;             /* distancia entre o texto e o traço */
  left: 50%;
  transform: translateX(-50%);
  width: 20px;              /* comprimento do traço */
  height: 2px;              /* espessura do traço */
  background-color: #b3b8d0;
}

/*
  Accordion tabs that have not been created using Javascript
*/

/* clearfix */
.ckeditor-accordion-container > dl:before,
.ckeditor-accordion-container > dl:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.ckeditor-accordion-container > dl:after {
  clear: both;
}

/* CKEditor accordion */
.ckeditor-accordion-container > dl,
.ckeditor-accordion-container > dl dt,
.ckeditor-accordion-container > dl dd {
  box-sizing: border-box;
}
.ckeditor-accordion-container > dl {
  position: relative;
  border: none;
}

/* label / tab */
.ckeditor-accordion-container > dl dt {
  position: relative;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  display: inline-block;
  position: absolute;
  padding: 0 10px;
  width: 30px;
  height: 30px;
  z-index: 1;
  top: calc(50% - 1px);
  left: 11px;
  box-sizing: border-box;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  background: #004992;
  -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 10px;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  will-change: transform;
}

.ckeditor-accordion-container.no-animations > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container.no-animations > dl dt > a > .ckeditor-accordion-toggle:after {
  transition: initial;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
  left: 13px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  right: 13px;
  left: auto;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before {
  transform: rotate(45deg);
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
  transform: rotate(-45deg);
}


.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button) {
  display: block;
  padding: 25px 15px 25px 50px;
  background-color: #eff5f9;
  box-shadow: none;
  font-family: 'barlow'; font-weight: 600;
  font-size: 17px;
  font-weight: normal;
  color: #004992;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  border-bottom: 1px solid #004992;
}

.ckeditor-accordion-container > dl dt > a:focus,
.ckeditor-accordion-container > dl dt > a:not(.button):focus {
  outline-color: #333;
}

.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: #eff5f9;
  box-shadow: none;
  font-family: 'barlow'; font-weight: 600;
  font-size: 17px;
  font-weight: normal;
  color: #004992;
  text-decoration: none;
}
.ckeditor-accordion-container > dl dt.active > a {
  background-color: #eff5f9;
}

.ckeditor-accordion-container > dl dt:last-of-type > a {
  border-bottom: 0;
}

/* contents */
.ckeditor-accordion-container > dl dd {
  display: none;
  padding: 25px 25px 0 25px;
  margin: 0;
  /* max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden; */
}

/* Calendar */

.view-calendar table.calendar-view-month caption {
	display: none;
}

.pager__items.js-pager__items.calendar-view-pager {
	margin: 0;
	padding: 0;
}

.pager__item.pager__current {
	font-family: 'barlow'; font-weight: 600;
    font-weight: normal;
    font-size: 19px;
}

.calendar-view-pager__reset {
	text-align: right;
}

.calendar-view-pager__reset a,
.calendar-view-pager .pager__item > * {
  padding: 0;
  font-size: 18px;
  line-height: 2;
  text-transform: uppercase;
  font-weight: normal;
  text-decoration: none;
}

.calendar-view-pager__reset a:link,
.calendar-view-pager__reset a:visited,
.calendar-view-pager__reset a:hover {
	background: #004992;
    line-height: 1.42857143 !important;
    margin: 5px 15px;
    padding: 15px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    font-weight: normal;
    display: inline-block;
    border: 1px solid #112ca3 !important;
    border-radius: 50px !important;
    border: none;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.calendar-view-table {
  --calendar-view-columns: 7;
  --calendar-view-color-white: #fff;
  --calendar-view-color-lighter: #eee;
  --calendar-view-color-light: #eee;
  --calendar-view-color-grey: #eee;
  --calendar-view-color-gray: #eee;
  --calendar-view-color-evil: #eee;
  --calendar-view-color-dark: #eee;
  --calendar-view-day-rows-gap: 0.5rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--calendar-view-columns), 1fr);
  border-collapse: collapse;
}

.calendar-view-table .calendar-view-day__row {
	border-color: #b0cbe3;
	font-family: 'barlow'; font-weight: 600;
}

.calendar-view-table .calendar-view-day__row.hover,
.calendar-view-table .calendar-view-day__row:hover,
.calendar-view-table .calendar-view-day__row:active,
.calendar-view-table .calendar-view-day__row:focus {
    border-color: #004992;

}

.calendar-view-table thead th {
 	background: #004992;
	padding: 5px 7px;
	font-family: 'barlow';
	font-size: 14px;
	font-weight: normal;
	color: #eff5f9;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
}

.calendar-view-table td {
	padding: 0 !important;
}

/** Past & future results **/
.calendar-view-table .next-month,
.calendar-view-table .previous-month {
	background: #eff5f9;
	color:#eff5f9;
}

.calendar-view-table .next-month .calendar-view-day__number,
.calendar-view-table .previous-month .calendar-view-day__number {
	background: transparent;
	color: #004992;
}

.calendar-view-table .calendar-view-day__number {
	background: none;
	color: #004992;
	font-size: 1em;
}

[data-calendar-view-day]:hover .calendar-view-day__number,
[data-calendar-view-day]:active .calendar-view-day__number,
[data-calendar-view-day]:focus .calendar-view-day__number {
	font-family: 'barlow'; font-weight: 600;
	font-weight: normal;
}

/** EDSA Magazine view (block) **/

#block-edsa-views-block-magazine-issues-block-1 {
	max-width: 900px;
	margin: 30px auto;
}

#views-bootstrap-magazine-issues-block-1 .views-field-title {
	width: 100%;
	text-align: center;
	padding: 15px;
	background: #004992;
}

#views-bootstrap-magazine-issues-block-1 .views-field-title {
	font-family: 'barlow'; font-weight: 600;
	font-size: 20px;
	text-decoration: none;
	color: #fff;
}

#views-bootstrap-magazine-issues-block-1 .views-field-title a:link,
#views-bootstrap-magazine-issues-block-1 .views-field-title a:visited,
#views-bootstrap-magazine-issues-block-1 .views-field-title a:hover {
	font-family: 'barlow'; font-weight: 600;
	font-size: 20px;
	text-decoration: none;
	color: #fff;
}

.field--name-field-event-date.field--type-daterange {
	color: #eff5f9;
}

.addtocal-container {
  position: relative;
  float: right;
  margin: -5px 0 5px 0;
}

.addtocal-container .addtocal,
.addtocal-container .addtocal:hover,
.addtocal-container .addtocal:focus {
    background: #004992;
    line-height: 1.42857143 !important;
    margin: 5px;
    padding: 15px;
    font-size: 14px;
    font-family: 'barlow'; font-weight: 600;
    display: inline-block;
    border: 1px solid #004992 !important;
    border-radius: 50px !important;
    border: none;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

.addtocal-container .addtocal-menu {
  background: #004992;
  border: 1px solid #004992;
  border-radius: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: absolute;
  display: none;
  min-width: 150px;
  z-index: 50;
}

.addtocal-container .addtocal-menu ul,
.addtocal-container .addtocal-menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.addtocal-container .addtocal-link a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 5px;
  border-width: 0;
}

.addtocal-container .addtocal-link a:hover,
.addtocal-container .addtocal-link a:focus {
  text-decoration: none;
  background-color: rgba(73,94,155,1);
  color: #fff;
  border-width: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

section.content .recommendations-box {
	padding: 20px;
}

section.content .recommendations-box h4 {
	font-size: 16px;
	font-weight: 600;
	color: #004A98;
	text-transform: uppercase;
	text-align: center;
}

section.content .recommendations-box p {
	font-family: 'barlow';
	font-size: 16px !important;
	color: #0e1d5d !important;
	line-height: 18px;
}

section.content .recommendations-box p strong {
	font-family: 'barlow';
	font-size: 16px !important;
	font-weight: 500;
	color: #0e1d5d !important;
}

section.content .caption > figcaption {
	font-family: 'barlow';
	font-size: 12px !important;
	text-align: center;
	color: #004992;
	font-weight: 500;
	padding: 5px;
}

section.content .table > :not(caption) > * > * {
	background: #e1eafc;
	border-radius: 30px;
	color: #0e1d5d;
	margin: 3px;
	display: inline-block;
}

.progress-title {
  margin-top: 0;
  line-height: 20px;
}

.coverage-meter {
  margin: 1rem 0;
}

.coverage-bar {
  width: 100%;
  /*height: 18px;*/
  background: #e5e7eb;
  border-radius: 9px;
  overflow: hidden;
}

.coverage-fill {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ffffff;
  transition: width 0.6s ease-in-out, background-color 0.4s ease;
}

/* thresholds */
.coverage-meter.none .coverage-fill {
  background-color: #c1272d; /* vermelho escuro */
}

.coverage-meter.low .coverage-fill {
  background-color: #ed8115; /* laranja */
}

.coverage-meter.medium .coverage-fill {
  background-color: #9dbc48; /* amarelo */
}

.coverage-meter.high .coverage-fill {
  background-color: #009245; /* verde */
}

#webform-computed-topics123_coverage_average-wrapper,
#webform-computed-topics45678910_coverage_average-wrapper,
#webform-computed-topics1112131415_coverage_average-wrapper,
#webform-computed-topics16171819_coverage_average-wrapper,
#webform-computed-topics20_coverage_average-wrapper,
#webform-computed-final_score-wrapper {
	display: none;
}

.webform-submission-gohap-curriculum-online-audit-form .js-form-type-webform-markup h3 {
    font-family: 'barlow';
    font-weight: 600;
    font-size: 1.55rem;
    color: #004992;
    margin-top: 35px;
}

.webform-submission-gohap-curriculum-online-audit-form .js-form-type-webform-markup h4 {
    font-family: 'barlow';
    font-weight: 600;
    color: #004992;
    margin-top: 20px;
}

.webform-submission-gohap-curriculum-online-audit-form .js-form-type-webform-markup p {
    margin-bottom: 5px;
}

.gauge-level-1 svg { stroke: #dc2626 !important; }
.gauge-level-2 svg { stroke: #f97316 !important; }
.gauge-level-3 svg { stroke: #facc15 !important; }
.gauge-level-4 svg { stroke: #22c55e !important; }
.gauge-level-5 svg { stroke: #15803d !important; }

.block-views-blockaudit-report-block-category-coverage h2,
.block-views-blockaudit-report-block-category-country h2,
.block-views-blockaudit-report-block-heatmap-category-country h2 {
	display: none;
}

.highcharts-title {
	font-family: 'barlow';
	font-weight: 700 !important;
	font-size: 25px !important;
	fill: rgb(28, 72, 141) !important;
	margin: 15px 0;
}

/* Remove default Bootstrap tab border */
.nav-tabs {
  border-bottom: none;
  gap: 10px; /* space between tabs */
}

/* Style each tab button */
.nav-tabs .nav-link {
  background-color: #ccdcfc;
  color: #004992;
  border: none;
  border-radius: 50px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Hover effect */
.nav-tabs .nav-link:hover {
  background-color: #b7cdfa;
  color: #003366;
}

/* Active tab */
.nav-tabs .nav-link.active {
  background-color: #004992;
  color: #ffffff;
  border: none;
}


/* Optional: remove focus outline glow */
.nav-tabs .nav-link:focus {
  box-shadow: none;
}

#edit-section-1-title,
#edit-section-2-title,
#edit-section-3-title,
#edit-section-4-title,
#edit-section-5-title {
	margin: 0;
}

/* Main topic wrapper */
[id^="edit-topic-"][id$="-container"] {
  background: #fff;
  border: 1px solid #edeff2;
  padding: 15px 35px 35px 35px;
  margin-bottom: 30px;
  border-radius: 30px;
  box-shadow: rgba(0,0,0,.02) 0px 3px 5px;
}

/* Topic title */
[id^="edit-topic-"][id$="-title"] h3 {
  color: #004992;
  font-size: 23px;
  font-weight: bolder;
  margin-bottom: 10px;
}

/* Topic title link */
[id^="edit-section-"][id$="-title"] a:link,
[id^="edit-section-"][id$="-title"] a:visited,
[id^="edit-section-"][id$="-title"] a:hover {
  background-color: #ccdcfc;
  color: #004992;
  border: none;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

#edit-comments-container {
  background: #fff;
  border: 1px solid #edeff2;
  padding: 10px 35px 20px 35px;
  margin-bottom: 30px;
  border-radius: 30px;
  box-shadow: rgba(0,0,0,.02) 0px 3px 5px;
}

#edit-average-1-score,
#edit-average-2-score, 
#edit-average-3-score,
#edit-average-4-score,
#edit-average-5-score,
#webform-computed-testing-wrapper,
#webform-computed-meter_2-wrapper,
#webform-computed-meter_3-wrapper,
#webform-computed-meter_4-wrapper,
#webform-computed-meter_5-wrapper {
	display: none;
}

/* User profile */

.audit-card{
  background:#fff;
  /*min-height:185px;*/
  padding:20px;
  border-radius:30px;
  margin-bottom:15px;
  border:1px solid #edeff2;
  box-shadow:rgba(0,0,0,0.02) 0px 3px 5px;

  display:flex;
  align-items:center;
}

.audit-icon img{
  width:100px;
  height:auto;
}

.audit-title {
	font-size: 20px;
  font-weight:700;
}

.audit-content a {
  display:inline-block;
  padding:10px 22px;
  border-radius:30px;
  margin-right:10px;
}

.audit-content h2 {
	font-size: 20px;
  font-weight:700;
}

.audit-content p {
	font-size: 16px !important;
}

.user-profile h3 {
  font-weight:700;
}

.profile-header {
	margin: 30px 0;
}

.profile-avatar img {
  border-radius:50%;
  max-width:120px;
}

.profile-name {
	font-size: 1.45rem;
}

.profile-affiliation {
  font-size:1.1rem;
}

.profile-country {
  font-size:1.1rem;
}

.audit-content .views-row {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.audit-content .view-empty a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#e9edf6;
  padding:12px 18px;
  border-radius:30px;
  text-decoration:none;
  font-weight:500;
  color:#2a5bd7;
}

.audit-content .view-empty a:hover {
  background:#dfe6f5;
}

.views-field-view-webform-submission a,
.views-field-entity-print-webform-submission a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#e9edf6;
  padding:12px 18px;
  border-radius:30px;
  text-decoration:none;
  font-weight:500;
  color:#2a5bd7;
}

.views-field-view-webform-submission a:hover,
.views-field-entity-print-webform-submission a:hover {
  background:#dfe6f5;
}

.views-field-entity-print-webform-submission a::after{
  content:"PDF";
  background:#e02000;
  color:#fff;
  font-weight:600;
  font-size:11px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:2px;
}

.webform-submission-information {
  display:none;
}

/* ================= WRAPPER ================= */

.gohap-wrapper{
  margin:auto;
  padding:20px;
}

.cover h1{
  margin:0;
  color:#004992;
  font-size:30px;
  font-weight: 700;
}

/* ================= SECTIONS ================= */

.section{
  margin-bottom: 30px;
}

/* ================= SECTION HEADER ================= */

.section-header{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:5px;
}

.section-icon{
  width:80px;
  height:auto;
}

.section-header h2{
  margin:0;
  color:#004992;
  font-size:25px;
  font-weight: 700;
}

/* ================= TOPIC BLOCK ================= */

.topic-block {
	background: #fff;
  border: 1px solid #edeff2;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 30px;
  box-shadow: rgba(0,0,0,.02) 0px 3px 5px;
}

.topic-title {
  background:#e1eafc;
  border-radius:40px;
  padding:8px 18px;
  display:inline-block;
  margin-bottom:15px;
  font-weight:600;
  color:#004992;
}

.topic-block h2 {
  margin: 0;
  color: #004992;
  font-size: 25px;
  font-weight: 700;
}

.topic-title h3 {
	color: #0e1d5d;
	font-size: 19px;
  font-weight: 700;
  margin: 0 0 3px 0;
}

/* ================= GRID LAYOUT ================= */

.topic-grid{
  display:grid;
  grid-template-columns:330px 1fr;
  gap:10px 20px;
}

.label{
  font-weight:600;
  color:#004992;
}

.value{
  color:#0e1d5d;
}

/* ================= FINAL SCORE ================= */

.final-score-wrapper{
	background: #fff;
  border: 1px solid #edeff2;
  padding: 30px;
  margin-top: 20px;
  border-radius: 30px;
  box-shadow: rgba(0,0,0,.02) 0px 3px 5px;
}

.final-score-grid{
  display:flex;
  align-items:center;
  gap:30px;
}

.final-score-title {
  margin: 0;
  color: #004992;
  font-size: 23px;
  font-weight: 700;	
}

.final-score-content {
	width: 100%;
}

.final-score-img img{
  max-height:100px;
}

.score-bar-score-container{
  width:100%;
  height:40px;
  background:#e6e6e6;
  border-radius:10px;
  overflow:hidden;
}

.score-bar-fill{
  height:40px;
  line-height:40px;
  text-align:center;
  color:white;
  font-weight:bold;
}

/* SCORE COLORS */

.score-high{background:#009245}
.score-medium{background:#9dbc48}
.score-low{background:#ed8115}
.score-none{background:#c1272d}


/* ================= TABLET ================= */

@media (max-width:900px){

  .section{
    padding:30px;
  }

  .section-header{
    gap:15px;
  }

  .section-icon{
    width:60px;
  }

  .topic-grid{
    grid-template-columns:180px 1fr;
  }

}


/* ================= MOBILE ================= */

@media (max-width:640px){

  .section{
    padding:25px 20px;
  }

  .section-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .section-icon{
    width:60px;
  }

  .section-header h2{
    font-size:22px;
  }

  .topic-grid{
    grid-template-columns:1fr;
    gap:6px;
  }

  .label{
    margin-top:12px;
  }

  .final-score-grid {
    flex-direction:column;
    align-items:flex-start;
  }

  .score-bar-score-container {
    height:40px;
   	background:#e6e6e6;
	  border-radius:10px;
	  overflow:hidden;
  }

  .score-bar-fill {
    line-height:40px;
  }

}


/* ================= SMALL MOBILE ================= */

@media (max-width:420px){

  .gohap-wrapper{
    padding:15px;
  }

  .topic-title{
    font-size:14px;
  }

  .section-header h2{
    font-size:20px;
  }

}

.gohap-wrapper .webform-entity-print-links {
	margin-top: 30px;
}

.gohap-wrapper .webform-entity-print-links a {
  display:inline-flex;
  align-items:center;
  gap:10px;
	background: #fff;
  border: 1px solid #edeff2;
	box-shadow: rgba(0,0,0,.02) 0px 3px 5px;
  padding:12px 18px;
  border-radius:30px;
  text-decoration:none;
  font-size: 18px;
  font-weight:500;
  color:#2a5bd7;
}

.gohap-wrapper .webform-entity-print-links a:hover {
  background:#dfe6f5;
  border: 1px solid #edeff2;
	box-shadow: rgba(0,0,0,.02) 0px 3px 5px;
}

.gohap-wrapper .webform-entity-print-links a::after{
  content:"PDF";
  background:#e02000;
  color:#fff;
  font-weight:600;
  font-size:11px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:2px;
}