/*
****************************************************************
First Screen Styles
****************************************************************
*/

/*--------------------------------------------------------------
=== MAP of PROJECT ===

* FONT FAMILY *
Mulish

* FONT WIDTH *
regular   400
semi-bold 600
bold      700

* BREAKPOINTS *
 767.98px / 768px
1169.98px / 1170px to nav
--------------------------------------------------------------*/

/*--------------------------------------------------------------
=== FONTS ===
--------------------------------------------------------------*/
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-Regular.eot');
  src: local('Mulish Regular'), local('Mulish-Regular'),
  url('../fonts/Mulish-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-Regular.woff2') format('woff2'),
  url('../fonts/Mulish-Regular.woff') format('woff'),
  url('../fonts/Mulish-Regular.svg#Mulish-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-Italic.eot');
  src: local('Mulish Italic'), local('Mulish-Italic'),
  url('../fonts/Mulish-Italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-Italic.woff2') format('woff2'),
  url('../fonts/Mulish-Italic.woff') format('woff'),
  url('../fonts/Mulish-Italic.svg#Mulish-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-SemiBold.eot');
  src: local('Mulish SemiBold'), local('Mulish-SemiBold'),
  url('../fonts/Mulish-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-SemiBold.woff2') format('woff2'),
  url('../fonts/Mulish-SemiBold.woff') format('woff'),
  url('../fonts/Mulish-SemiBold.svg#Mulish-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-SemiBoldItalic.eot');
  src: local('Mulish SemiBold Italic'), local('Mulish-SemiBoldItalic'),
  url('../fonts/Mulish-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-SemiBoldItalic.woff2') format('woff2'),
  url('../fonts/Mulish-SemiBoldItalic.woff') format('woff'),
  url('../fonts/Mulish-SemiBoldItalic.svg#Mulish-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-Bold.eot');
  src: local('Mulish Bold'), local('Mulish-Bold'),
  url('../fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-Bold.woff2') format('woff2'),
  url('../fonts/Mulish-Bold.woff') format('woff'),
  url('../fonts/Mulish-Bold.svg#Mulish-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-BoldItalic.eot');
  src: local('Mulish Bold Italic'), local('Mulish-BoldItalic'),
  url('../fonts/Mulish-BoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-BoldItalic.woff2') format('woff2'),
  url('../fonts/Mulish-BoldItalic.woff') format('woff'),
  url('../fonts/Mulish-BoldItalic.svg#Mulish-BoldItalic') format('svg');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-ExtraBold.eot');
  src: local('Mulish ExtraBold'), local('Mulish-ExtraBold'),
  url('../fonts/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-ExtraBold.woff2') format('woff2'),
  url('../fonts/Mulish-ExtraBold.woff') format('woff'),
  url('../fonts/Mulish-ExtraBold.svg#Mulish-ExtraBold') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-ExtraBoldItalic.eot');
  src: local('Mulish ExtraBold Italic'), local('Mulish-ExtraBoldItalic'),
  url('../fonts/Mulish-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Mulish-ExtraBoldItalic.woff2') format('woff2'),
  url('../fonts/Mulish-ExtraBoldItalic.woff') format('woff'),
  url('../fonts/Mulish-ExtraBoldItalic.svg#Mulish-ExtraBoldItalic') format('svg');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}


/*--------------------------------------------------------------
=== GLOBAL VAR ===
--------------------------------------------------------------*/
:root {
  --font-family-base:'Mulish', Arial, Helvetica, sans-serif;
  --font-size_base: 1.8rem;
  --font-size_h1: 3.7rem;
  --font-size_h2: 3.2rem;
  --font-size_h3: 3.2rem;
  --font-size_h4: 2.3rem;
  --font-size_h5: 1.8rem;

  --font-size_lg: 2rem;
  --font-size_sm: 1.4rem;

  --font-size_news-title: 1.9rem;
  --font-size_cap: 1.9rem;
  --font-size_tag: 1.4rem;

  --line-height_140: 1.4;
  --line-height_120: 1.2;
  --line-height_default: var(--line-height_140);

  --blue:             #1D3F86;
  --blue-link:        #3b68c4;
  --blue-lighter:     #74B8F0;
  --blue-light:       #E8ECF3;
  --blue-cool:        #72A2E4;
  --yellow-light:     #FAF8EB;
  --gray:             #848995;
  --gray-lighter:     #99A0B3;
  --gray-cool:        #b4bdd3;

  --text-color:       #000;
  --link-color:       var(--blue-link);
  --link-hover-color: var(--blue-lighter);

  --text-color_dark-bg:       #fff;
  --link-color_dark-bg:       var(--blue_lighter);
  --link-hover-color_dark-bg: #fff;

  --gr-blue-r: linear-gradient(84.49deg, #72A2E4 52.33%, #1D3F86 97.21%);

  --box-shadow:       0px 0px 6px 4px rgba(29, 63, 134, 0.1);
  --box-shadow_popup: 0px 6px 16px rgba(0, 0, 0, 0.15);

  --container-max-w:  1340px;
  --container-ph:     20px;
  --mv-base:          1.8rem;
  --mv-lg:           calc(var(--mv-base) * 3.5);

  --brdrd:            2px;

  @media (min-width: 768px) {
    --font-size_base: 2rem;
    --font-size_h1: 5rem;
    --font-size_h2: 4rem;
    --font-size_h3: 3.5rem;
    --font-size_h4: 3rem;
    --font-size_h5: 2rem;

    --font-size_lg: 2.4rem;
    --font-size_sm: 1.6rem;

    --font-size_news-title: 2.5rem;
    --font-size_cap: 2.1rem;
    --font-size_tag: 1.6rem;

    --container-ph:     50px;
  }
}

/*--------------------------------------------------------------
=== GLOBAL RESET ===
--------------------------------------------------------------*/
* { margin:0; padding:0; box-sizing:border-box;}
.clearfix { zoom:1;}
.clearfix:after { content:" "; display:table; clear:both;}
header, footer, section, nav, article, aside, details, figcaption, figure, hgroup, main, menu, summary { display:block;}
button { cursor:pointer;}
:focus { outline:none;}
button::-moz-focus-inner { border: 0;}

/* FIX for laptops with scale screen 125% preset  */
@media (-webkit-device-pixel-ratio: 1.25) {
  :root {
    zoom: 0.8; }
}

/*--------------------------------------------------------------
=== GRID - 12cols ===
--------------------------------------------------------------*/
@media (max-width:767.98px) {
  .col-xs-12 { flex-basis:100%;}
  .col-xs-11 { flex-basis:91.66666667%;}
  .col-xs-10 { flex-basis:83.33333333%;}
  .col-xs-9 { flex-basis:75%;}
  .col-xs-8 { flex-basis:66.66666667%;}
  .col-xs-7 { flex-basis:58.33333333%;}
  .col-xs-6 { flex-basis:50%;}
  .col-xs-5 { flex-basis:41.66666667%;}
  .col-xs-4 { flex-basis:33.33333333%;}
  .col-xs-3 { flex-basis:25%;}
  .col-xs-2 { flex-basis:16.66666667%;}
  .col-xs-1 { flex-basis:8.33333333%;}
}
@media (min-width:768px) {
  .col-md-12 { flex-basis:100%;}
  .col-md-11 { flex-basis:91.66666667%;}
  .col-md-10 { flex-basis:83.33333333%;}
  .col-md-9 { flex-basis:75%;}
  .col-md-8 { flex-basis:66.66666667%;}
  .col-md-7 { flex-basis:58.33333333%;}
  .col-md-6 { flex-basis:50%;}
  .col-md-5 { flex-basis:41.66666667%;}
  .col-md-4 { flex-basis:33.33333333%;}
  .col-md-3 { flex-basis:25%;}
  .col-md-2 { flex-basis:16.66666667%;}
  .col-md-1 { flex-basis:8.33333333%;}
}


/*--------------------------------------------------------------
=== COMMON RULES ===
--------------------------------------------------------------*/
.display-block { display: block;}
.row { display: flex; width: 100%;}
.fl-wrap { flex-wrap: wrap;}
.fl-nowrap { flex-wrap: nowrap!important;}
.fl-col { flex-direction: column;}
.fl-i-center { align-items: center;}
.fl-j-center { justify-content: center;}
.fl-grow-1 { flex-grow: 1;}
@media (max-width:767.98px) {
  .row { flex-direction: column;}
}

.w-100 { width: 100%;}

.col { min-height: 1px;}
.pull-left { float: left;}
.pull-right { float: right;}
.center {  margin-left: auto; margin-right: auto;}

img, table { border: 0;}
img { display: block; max-width: 100%; height: auto;}
figcaption { font-size: var(--font-size_sm); font-weight: 600; margin-top: calc(var(--mv-base) * .65);}
.video-wrapper { position: relative; padding-bottom: 54.55%;}
.video-wrapper iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%!important; height: 100%!important;}

.modern-footnotes-footnote__note--tooltip { word-wrap: break-word;}
.modern-footnotes-footnote__note--tooltip a { white-space: normal!important;}

ul { list-style: none;}
#page ul, #page ol { margin-bottom: calc(var(--mv-base) * 1.3)}
#page ul:not(.no-bul) li { position: relative; padding-left: 1.8rem;}
#page ul:not(.list-sm) li { margin-bottom: var(--mv-base);}
#page ul:not(.no-bul) li:before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 100%; background: var(--text-color);}
#page .w-dark-bg ul li:before { background: #fff;}
ol li { margin-left: 2.4rem;}
#page p:not(:last-child) { margin-bottom: var(--mv-base);}

.w-image-bg { position: relative;}
.w-image-bg .container { z-index: 1; position: relative;}
.w-image-bg .image-bg { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.w-image-bg .image-bg img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}

.team-video-iframe { position: relative; padding-bottom: 56.25%;}
.team-video-iframe iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%!important; height: 100%!important;}

.mt-lg { margin-top: var(--mv-lg)!important;}
.mb-lg { margin-bottom: var(--mv-lg)!important;}

@media (max-width:767.98px) {
  .xs-visible { display: block!important;}
  .xs-hidden { display: none!important;}
  .md-visible { display: none!important;}
  .xs-no-pull { float: none!important;}
}
@media (min-width:768px) {
  .md-pull-left { float:left;}
  .md-pull-right { float:right;}

  .xs-visible { display: none!important;}
  .md-visible { display: block!important;}
  .md-hidden { display: none!important;}
}


/*--------------------------------------------------------------
=== BASE LAYOUT ===
--------------------------------------------------------------*/
body { min-height: 100vh; display: flex; flex-direction: column; width: 100%;}
#page { flex-grow: 1;}
#page > section:not(.hero):first-child, #page > article:first-child { margin-top: 12.6rem;}

.container { margin-left:auto; margin-right:auto; padding-left: var(--container-ph); padding-right: var(--container-ph); width: 100%; max-width: calc(var(--container-max-w) + var(--container-ph) * 2);}

@media (max-width:767.98px) {
  .section { padding: 6rem 0 5.5rem;}
}
@media (min-width:768px) {
  .section { padding: 12rem 0 10.5rem;}
}


/*--------------------------------------------------------------
=== PRINT ===
--------------------------------------------------------------*/
@media print {
  .hidden-print { display:none!important;}
}


/*--------------------------------------------------------------
=== TYPOGRAPHY & COLORS ===
--------------------------------------------------------------*/
html { font-size: 10px; background: #fff;}
body, td, th, input, select, textarea, button { font: 400 var(--font-size_base)/var(--line-height_140) var(--font-family-base); color: var(--text-color);}

.text-left { text-align:left;}
.text-right { text-align:right;}
.text-center { text-align:center;}
.text-center img { margin-left: auto; margin-right: auto;}
.text-justify { text-align:justify;}
.text-nowrap { white-space:nowrap;}
.text-lowercase { text-transform:lowercase;}
.text-uppercase { text-transform:uppercase;}
.text-capitalize { text-transform:capitalize;}
@media (max-width: 767.98px) {
  .xs-text-center { text-align:center;}
}

h1, .h1 { margin-bottom: var(--mv-base); font-size: var(--font-size_h1); line-height: 1.2; font-weight: 600;}
h2, .h2 { margin-bottom: 4.1rem; font-size: var(--font-size_h2); line-height: 1.4; font-weight: 600;}
section:not(.w-dark-bg) h2, .section:not(.w-dark-bg) .h2 { color: var(--blue);}
h2.h-special, .h2.h-special { font-size: 4.5rem; line-height: 1.2; font-weight: 800;}
@media (min-width:768px) {
  h2.h-special, .h2.h-special { font-size: 6.4rem; line-height: 1.4;}
}

a { color: var(--link-color); text-decoration: none; cursor: pointer; transition: .25s ease-in-out;}
a:hover { color: var(--link-hover-color);}
#page a { font-weight: 700;}
sup, sub { position:relative; font-size:.7em; vertical-align:baseline;}
sup { top:-.5em;}
sub { bottom:-.25em;}
small, .text-small { font-size:.85em;}
strong, b, .text-bold { font-weight: 700;}
big, .text-big { font-size: 1.33em; line-height: 1.25em;}
.font-size_sm { font-size: var(--font-size_sm);}

.marked {}
.w-dark-bg { color: #fff;}

.text-normal { font-weight: 400;}
.text-semiBold { font-weight: 600;}
.text-bold { font-weight: 700;}

.text-blue { color: var(--blue)}

.bg-yellow-light { background: var(--yellow-light);}
.bg-blue { background: var(--blue); color: #fff;}
.bg-blue a { color: var(--blue-lighter);}
.bg-blue a:hover, .bg-blue a:focus { color: #fff;}

.bg-gr-blue-r { background: var(--gr-blue-r);}


/*--------------------------------------------------------------
=== HEADER ===
--------------------------------------------------------------*/
header { z-index: 100; position: fixed; left: 0; padding-top: 1rem; width: 100%; transition: .25s ease-in-out;}
header .container { position: relative; width: 100%; display:flex; align-items:center; justify-content:space-between;}
#logo { z-index: 100; position: relative;}

header {}

@media (max-width: 1169.98px) {
  header .container {}
  #logo img { min-width: 110px; width: 110px;}
  header > .nav-control { position: fixed; left: 14px; bottom: auto; top: 40px;}

  .nav-open #logo { background: url("../img/NESBR-logo-wh.svg") center / contain no-repeat;}
  .nav-open #logo img { opacity: 0;}
}
@media (min-width: 1170px) {
  header .container {}
  #logo img { min-width: 170px; width: 170px;}
  header > .nav-control { left: 29px; top: 54px;}
}

/*--------------------------------------------------------------
=== NAVIGATION ===
--------------------------------------------------------------*/
#nav { z-index: 99; position: relative; font-size: 1.8rem; transition: .25s ease-in-out;}

#main-nav li { position: relative;}
#main-nav > li > a {}

#main-nav li { padding-top: .2em; padding-bottom: .2em;}
#main-nav li:first-child { padding-top: .4em;}
#main-nav > li > a { position: relative; display: block; font-size: 1.7rem; line-height: 1em; font-weight: 700;}
#main-nav > li > a:not(.btn) { text-transform: uppercase; letter-spacing: 0.06em;}

#main-nav > li > a:not(.btn):before { left: 50%; right: 50%; overflow: hidden; position: absolute; bottom: 0; height: 3px; content: ""; background: var(--blue); transition: .25s ease-in-out;}
#main-nav > li:hover > a:before, #main-nav > li.active > a:before, #main-nav > li.current-menu-item > a:before { left: 0; right: 0;}

/* second level */
#main-nav ul a { font-size: 1.7rem;}
#main-nav ul  li.current-menu-item > a, #main-nav ul a:hover, #main-nav ul a:focus { font-weight: 700;}

.nav-control { z-index: 100; position:absolute; right: 20px; margin-top: -1rem; display:block; width: 35px; height: 26px; cursor:pointer;
  transform: rotate(0deg); transition: .5s ease-in-out;
}
.nav-control > span { position: absolute; left: 0; display:block; width: 100%; height: 2px; background: currentColor;
  transform: rotate(0deg); transition: .25s ease-in-out;}

.nav-control span:nth-child(1) { top: 0;}
.nav-control span:nth-child(2),
.nav-control span:nth-child(3) { top: 11px;}
.nav-control span:nth-child(4) { top: 21px;}
.nav-open .nav-control { width: 40px;}
.nav-open .nav-control span { background: #fff;}
.nav-open .nav-control span:nth-child(1) { top: 21px; width: 0; left: 50%;}
.nav-open .nav-control span:nth-child(2) { transform: rotate(45deg);}
.nav-open .nav-control span:nth-child(3) { transform: rotate(-45deg);}
.nav-open .nav-control span:nth-child(4) { top: 18px; width: 0; left: 50%;}
@media (max-width: 1169.98px) {
  body.nav-open { overflow: hidden;}
  .menu-menu-container { opacity: 0; top: -100vh; z-index: 99; position: fixed; left: 0; right: 0; height: 100vh; width: 100%; font-size: 1.8rem; color: #fff; background: var(--blue);
    transition: .25s ease-in-out;}

  .nav-open .menu-menu-container { top: 0; opacity: 1;}
  .admin-bar.nav-open .menu-menu-container { top: 46px;}

  #main-nav { padding: 158px 20px 50px; max-height: 100vh; overflow: auto;}
  #main-nav > li { width: 162px;}
  #main-nav > li > a:not(.btn) { padding: 1rem 0; color: #fff;}
  #main-nav > li > a:not(.btn):before { height: 2px; background: #fff;}

  /* second level */
  #main-nav ul a { color: var(--blue-lighter); font-weight: 600;}
  #main-nav .sub-menu { display: none; position: absolute; left: 184px; margin-top: -2.5rem; width: calc(100vw - 30px - 184px);}
  #main-nav .current_page_item > .sub-menu { display: block;}
}
@media (min-width: 1170px) {
  .nav-control { display: none!important;}
  #main-nav { display: flex; align-items: center;}
  #main-nav a:not(.btn) { padding: 2.2rem 1.5rem;}
  #main-nav > li > a:not(.btn) { color: #000;}
  #main-nav a:not(.btn):hover, #main-nav li.active > a:not(.btn), #main-nav li.current-menu-item > a:not(.btn) { color: var(--blue);}
  #main-nav .menu-btn { padding-left: 1.5rem;}


  /* second level */
  #main-nav ul { max-height: 0; overflow: hidden; position: absolute; left: 0; display: flow-root; width: 220px; transition: .25s ease-in-out; background: #fff;}
  #main-nav > li:hover ul { max-height: 100rem; overflow: auto; padding-bottom: .6rem; box-shadow: var(--box-shadow);}
  #main-nav ul a { display: block; padding: .3rem .8rem .3rem 1.5rem !important; line-height: 1.2; color: var(--blue);}
}


/*--------------------------------------------------------------
=== BUTTONS & SEPARATORS & ANCHORS ===
--------------------------------------------------------------*/
.btn-line { margin-top: var(--mv-lg);}

.btn { display: inline-block; text-align: center; cursor: pointer;}
input.btn { -webkit-appearance: none; -moz-appearance: none; appearance: none;} /* for iPad & iPhone */
.btn-default { position: relative; padding: .8rem 1.8rem 1.1rem; font-size: 1.7rem; line-height: 1.2; border: 2px solid var(--blue); color: var(--blue); border-radius: var(--brdrd); font-weight: 700; text-transform: none; background: none;}
.btn-default:hover, .btn-default:focus { color: #fff; background: var(--blue);}
.btn-default.w-dark-bg { color: #fff; border-color: #fff;}
.btn-default.w-dark-bg:hover, .btn-default.w-dark-bg:focus { color: var(--blue); background: #fff;}

.btn-login { background: none;}
.btn-forgot { font-size: var(--font-size_sm); font-weight: 400; color: var(--blue-lighter);}
.btn-forgot:hover { color: #fff;}

.btn-block { display: block; width: 100%;}

.share-box {}
.share-box .section-title { color: var(--blue);}
.share-links { display: flex; gap: 1.8rem; align-items: center;}
.share-link { position: relative; display: inline-flex; width: 2.4rem; height: 2.4rem; justify-content: center; align-items: center; color: #000;}
.share-link:hover, .share-link:focus { color: var(--blue-lighter);}
.share-link.in svg { width: 3rem; height: 3rem;}
.share-link.fb svg { width: 3.5rem; height: 3.5rem;}
.share-link.bs svg { width: 3rem; height: 2.7rem;}



/*--------------------------------------------------------------
=== HOME page ===
--------------------------------------------------------------*/

/* === HERO */
.hero { position: relative;}
.hero .container { z-index: 1; position: relative;}
.hero .section-title { margin-bottom: calc(var(--mv-base) * 1.6); color: var(--blue);}
.hero-text { display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.hero-image img { width:100%; height:100%; object-position: right center; object-fit: contain;}

.hero .btn-line { margin-top: calc(var(--mv-base) * .6);}

@media (max-width:767.98px) {
  .hero .container {}
  .hero-image { height: 96.66vw;}
  .hero-secondary .hero-image img { object-fit: cover;}
}
@media (min-width:768px) {
  .hero .container { display: flex; align-items: center; padding-top: 180px; height: 734px;}
  .hero-image { z-index: 0; position:absolute; left: 0; right: 0; top: 0; bottom: 0;}
  .hero .hero-text { padding-bottom: 9rem; width: 620px; max-width: 100%;}

  .hero-secondary .container { min-height: 488px; height: auto;}
  .hero-secondary .hero-image img { object-fit: contain;}
}
@media (min-width: 1921px) {
  .home .hero-image { left: 42%;}
  .hero-secondary .hero-image { left: 25%;}
  .hero-image img { object-fit: cover!important;}
}


/* row-2-cols */
.row-2-cols { gap: calc(4rem + 8%);}
.row-2-cols > * { flex: 0 0 calc(50% - (4rem + 8%) / 2);}

/* row-2-cards */
.row-2-cards { gap: 3rem;}
.row-2-cards > * { flex: 0 0 calc(50% - 3rem);}

/* card */
.card { background: #fff; box-shadow: var(--box-shadow);}
.card-image { position: relative; padding-bottom: 41.85%;}
.card-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
@media (max-width:767.98px) {
  .card-body { padding: 3.5rem 2rem 4rem;}
}
@media (min-width:768px) {
  .card-body { padding: 5.8rem 6rem 8.9rem;}
}


/* === EVENTS section */
.events-section { background-image: url("../img/events-img.svg"); background-repeat: no-repeat;}
.events-wrapper { flex-wrap: wrap;}
.event-item {}

.events-list .event-item:not(:last-child) { margin-bottom: var(--mv-lg);}

@media (max-width:767.98px) {
  .events-section {  background-position: center bottom -15%; background-size: 100vw 100vw;}
  .event-item:not(:last-child) { margin-bottom: 7rem;}
  .events-footer { margin-top: calc(var(--mv-base) * 1.8);}

  body.page-template-all-events .events-section { padding-top: 0;}
}
@media (min-width:768px) {
  .events-section { background-position: right bottom -8rem; background-size: auto 95%;}
  .events-footer { text-align: center;}
  .events-footer { margin-top: calc(var(--mv-base) * 4.8);}
}


/* === ARTICLE page */

/* Article head */
.article-head .pre-header { color: var(--blue-lighter);}
.article-head .section-title { margin-bottom: var(--mv-lg);}
.article-head .highlights-subsection { margin-top: var(--mv-base);}
.highlights-subsection .subsection-title { margin-bottom: var(--mv-base);}
@media (max-width:767.98px) {
}
@media (min-width:768px) {
  .article-head .row { justify-content: space-between; align-items: flex-start;}
  .article-head .col-2 { position: relative; flex: 0 0 calc(45.5% - (4rem + 8%) / 2);}
  .article-head .col-2:before { display: block; width: 100%; padding-bottom: 53.107%; content: "";}
  .article-head .col-2 img { position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; object-fit: cover;}
}

/* Article body */
.article-row { gap: 9rem;}
.team-box .subsection-title { color: var(--blue);}
.team-box figure:not(:last-child) { margin-bottom: calc(var(--mv-base) * 1.75);}
.team-box figure img { width: 100%; height: auto;}

.learn-more, .more-info { margin-top: var(--mv-lg);}
.learn-more .subsection-title, .more-info .subsection-title { margin-bottom: var(--mv-base);}
.learn-more .subsection-subtitle, .more-info .subsection-subtitle { font-size: var(--font-size_sm); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--blue);}
#page .article a { font-weight: 400;}
.article .btn-line a { font-weight: 700!important;}

.article .footnote { color: currentColor;}
.article .footnote ul li { padding-left: 0!important;}
.article .footnote ul li:before { display: none;}

.article-img-box, .wp-block-media-text { margin: var(--mv-lg) 0; gap: calc(3rem + 5%); padding: 3rem; box-shadow: var(--box-shadow);}

.article-img-box {}
.article-img-box .footnote { margin-top: calc(var(--mv-base) * .65);}
.article-img-box .col-text a { word-wrap: break-word;}


@media (max-width:767.98px) {
  .team-box img { max-width: 200px;}
}
@media (min-width:768px) {
  .article-head { padding: 8rem 0;}
  .article-row > .col-1 { flex-grow: 1;}
  .article-row > .col-2 { flex: 0 0 292px; max-width: 292px;}

  .article-img-box.box-img-left, .article-img-box.box-img-right { align-items: center;}
  .article-img-box.box-img-left .col-img, .article-img-box.box-img-right .col-img { flex-grow: 1;}
  .article-img-box.box-img-left .col-text, .article-img-box.box-img-right .col-text { flex: 0 0 33.33%; max-width: 33.33%; margin-right: 4%;}

  .article-img-box.box-img-left .col-img { order: 0;}
  .article-img-box.box-img-left .col-text { order: 1;}
  .article-img-box.box-img-right .col-text { order: 0;}
  .article-img-box.box-img-right .col-img { order: 1;}

  .article-img-box.fl-col { flex-direction: column;}
  .article-img-box.fl-col * { flex: auto;}

  .wp-block-media-text { display: flex;}
  .wp-block-media-text > .wp-block-media-text__media { flex-grow: 1;}
  .wp-block-media-text > .wp-block-media-text__content { margin-right: 4%; padding: 0; flex: 0 0 33.33%; max-width: 33.33%; font-size: var(--font-size_sm);}
}


/* === RESOURCES LIST section */
.resources-list .section-head { padding-bottom: 1rem;}
.resources-list .section-head * { color: var(--text-color)!important;}
.resources-list .list-title { margin-bottom: var(--mv-base);}

#page .list-subitem:not(:last-child)  ul{ margin-bottom: calc(var(--mv-base) * 2.5);}
#page .list-subitem ul li { margin-bottom: calc(var(--mv-base) / 2);}
#page .list-subitem a { font-weight: 400;}


/* === MEMBERS AREA section */
.members-area-section .row { gap: 7.3rem;}
.members-area-section .side-panel { padding: 1.7rem 0; background: var(--blue-light);}

.side-nav { margin: 0!important;}
.side-nav > li { margin: 0!important; padding: 0!important;}
.side-nav > li:before { display: none; }
.side-nav li a { display: block; padding: 1.1rem 2.6rem 1.3rem;}
.side-nav > .current-menu-item > a { color: #fff; background: var(--blue);}

.side-nav ul.sub-menu { margin-bottom: 0!important; padding-left: 1.5rem;}
.side-nav ul.sub-menu li:before { background: var(--blue)!important;}
.side-nav ul.sub-menu a { padding: .5rem 2.6rem .3rem 0; font-size: .85em; line-height: 1.24;}

.side-nav ul.sub-menu li.current-menu-item:before, .side-nav ul.sub-menu li:hover:before { background: var(--link-hover-color)!important;}
.side-nav  ul.sub-menu .current-menu-item a { color: var(--link-hover-color);}

.login-form { max-width: 400px;}
.login-form .text-field { width: 100%; border: 0; box-shadow: var(--box-shadow);}
.forgot-link { font-size: var(--font-size_sm); font-weight: 600!important;}
.form-row + .form-row .forgot-link { display: block; margin-top: -1rem;}
.members-area-section .ico-eye { background-image: url("../img/ico-eye-gray.svg")!important;}
.members-area-section .ico-eye-slash { background-image: url("../img/ico-eye-slash-gray.svg")!important;}
@media (max-width:767.98px) {
}
@media (min-width:768px) {
  .members-area-section .side-panel { flex: 0 0 25%; background: #--blue-light;}
  .members-area-section .content-area { flex-grow: 1;}
}



/*--------------------------------------------------------------
  === ANIMATION ===
  --------------------------------------------------------------*/
.animate-me {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-me.animate-in {
  opacity: 1;
  transform: translateY(0);
}