@import url(./flag-icons.min.css);

.unslider-wrap.unslider-carousel {
  height: auto !important;
}

.ct-slider .ct-slide {
  height: 100% !important;
  display: flex !important;
  width: 100%;
}

.ct-slider .ct-slide > div:first-of-type {
  width: 100%;
}

.unslider-wrap {
  display: flex !important;
}

.unslider-wrap.unslider-carousel > li {
  display: flex;
  padding: 0px;
  flex: 1;
  height: auto !important;
  padding: 10px;
}

.unslider-wrap.unslider-carousel > li .ct-div-block {
  height: 100%;
}

.unslider-wrap.unslider-carousel > li .ct-div-block div {
  height: auto;
}

.unslider-wrap.unslider-carousel li .ct-div-block .ct-link-button {
  margin-bottom: 10px;
}

div.benefit-plan-graphics {
  align-items: center !important;
  display: grid;
  grid-template-columns: 1fr 3fr;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}

div.benefit-plan-graphics div {
  display: grid;
  height: 100%;
  align-items: center;
}

div.benefit-plan-graphics img {
  height: 72px;
  margin: 10px auto;
  width: auto;
}

@media only screen and (max-width : 991px) {
  div.benefit-plan-graphics {
    gap: 10px;
    margin-bottom: 30px;
    padding: 0 !important;
  }

  div.benefit-plan-graphics img {
    margin: 10px 0;
  }
}

/* navigation styling */

#menu-header-main.oxy-pro-menu-list > li.menu-item {
  margin: 0 6px;
}

#menu-header-main.oxy-pro-menu-list > li.menu-item:last-of-type {
  margin-right: 0;
} 

/* search form on search page styling */

.column-main .search-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.column-main .search-form label {
  flex: 0 0 100%
}

/* arabic layout fixes */

html[lang="ar"] body {
  direction: rtl;
}

.arabic-page-layout #mobile-menu-wrapper li,
.arabic-page-layout #mobile-menu-wrapper .menu-item {
  text-align: right;
}

.arabic-page-layout nav#custom-language-dropdown li button {
  text-align: right;
}

.arabic-page-layout .unslider-carousel {
  direction: ltr;
}

.arabic-page-layout .oxygen-unslider-container {
  direction: ltr;
}

.arabic-page-layout .unslider-carousel li {
  direction: rtl;
}

.arabic-page-layout .unslider-carousel li .ct-div-block a + a {
  margin-right: 10px;
}

.arabic-page-layout .topic-card-link:not(.ct-section):not(.oxy-easy-posts) .ct-headline,
.arabic-page-layout .topic-card-link:not(.ct-section):not(.oxy-easy-posts) .ct-text-block,
.arabic-page-layout .ct-headline,
html[lang="ar"] .unjspf_accordion__row,
html[lang="ar"] .unjspf_accordion__content *{
  text-align: right;
} 

html[lang="ar"] .unjspf_accordion__content .page-section-menu-button-text {
  margin-right: 0; 
}

html[lang="ar"] div.ct-div-block.unjspf_accordion__row,
html[lang="ar"] .unjspf_accordion__content .related-links-button {
  flex-direction: row-reverse;
}

html[lang="ar"] .slick-slider.slick-vertical .col-sm.imge {
  padding-right: 0;
  padding-left: 5%;
}

html[lang="ar"] .slick-slider.slick-vertical .col-sm.cont {
  padding-right: 3%;
  padding-left: 0;
}

html[lang="ar"] .slick-slider .slick-prev.slick-arrow,
html[lang="ar"] .slick-slider .slick-next.slick-arrow {
  left: auto;
  right: 225px;
}

html[lang="ar"] .slick-slider.slick-vertical .slide-content {
  text-align: right;
}

html[lang="ar"] .body-regular,
html[lang="ar"] .ct-text-block,
html[lang="ar"] .oxy-rich-text  {
  text-align: right;
}

@media only screen and (min-width : 992px) {
  html[lang="ar"] .column-main article.ct-div-block.column-main {
    padding-left: 20px !important;
    padding-right: 0;
  }

  html[lang="ar"] .column-main aside {
    padding-right: 20px !important;
    padding-left: 0;
  }

  html[lang="ar"] .ct-div-block.column-main {
    padding-left: 20px !important;
    padding-right: 0;
  }

  html[lang="ar"] .ct-div-block.column-sidebar {
    padding-right: 20px !important;
    padding-left: 0;
  }

  html[lang="ar"] .single-post #header + .ct-div-block > .ct-div-block:first-of-type {
    justify-content: space-between;
    gap: 20px
  }
}

html[lang="ar"] .single-post #header + .ct-div-block .ct-div-block .ct-div-block {
  margin-right: 0;
}

html[lang="ar"] .single-post #header + .ct-div-block .ct-inner-content p {
  text-align: right;
}

html[lang="ar"] .ct-section-inner-wrap .related-links-button {
  flex-direction: row-reverse;
}

html[lang="ar"] ul li {
  text-align: right;
}

html[lang="ar"]  .search-results button.btn-primary.search-submit {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0;
  margin-right: -4px;
  font-size: 16px;
  line-height: 1;
}

html[lang="ar"]  .search-results input.search-field {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 16px;
  line-height: 1;
}

html[lang="ar"] .h6 {
  text-align: right;
}

html[lang="ar"]  .search-results .pagination {
  display: flex;
  justify-content: center;
}

html[lang="ar"] .topic-category-button {
  align-content: center;
}

html[lang="ar"] .topic-category-button .topic-category-button__text {
  text-align: center;
}

html[lang="ar"] #div_block-779-21 {
  padding-right: 160px;
}

html[lang="ar"] #div_block-778-21 .ct-image {
  left: 100px;
  right: auto;
}

@media only screen and (min-width : 992px) {
  html[lang="ar"]  #div_block-618-21 {
    padding-right: 20px;
  }
}

html[lang="ar"] .search-results .pagination {
  flex-direction: row-reverse;
}

/* pagination adjustments */

.search-results .pagination {
  display: flex;
  justify-content: center;
}

.search-results .pagination a span {
  padding: 0;
  border: none;
}

.search-results .pagination .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.search-results .pagination .pagination-icon-button {
  display: flex;
  
}

.search-results .pagination .pagination-icon-button .icon::before,
.search-results .pagination .pagination-icon-button.pagination-last-page .icon:after,
.search-results .pagination .pagination-icon-button.pagination-first-page .icon::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}

.search-results .pagination .pagination-icon-button.pagination-next-page .icon::before,
.search-results .pagination .pagination-icon-button.pagination-last-page .icon::before,
.search-results .pagination .pagination-icon-button.pagination-last-page .icon:after {
  rotate: 225deg;
}

.search-results .pagination .pagination-icon-button.pagination-prev-page .icon::before,
.search-results .pagination .pagination-icon-button.pagination-first-page .icon::before,
.search-results .pagination .pagination-icon-button.pagination-first-page .icon::after {
  rotate: 45deg;
}

.search-results .pagination .pagination-icon-button.pagination-last-page .icon:after,
.search-results .pagination .pagination-icon-button.pagination-first-page .icon::after {
  position: absolute;
}

.search-results .pagination .pagination-icon-button.pagination-last-page .icon:after {
  right: 14px;
}

.search-results .pagination .pagination-icon-button.pagination-first-page .icon::after {
  left: 14px
}

/* footer logo zoom in/out adjustment */

.footer .ct-link {
  display: flex;
  align-items: flex-start;
}

.footer .ct-link img {
  max-width: 480px;
}

@media only screen and (max-width : 1200px) {
  .footer .ct-link img {
    max-width: 100%;
  }
}

/* popup opener button contrast ratio fix (a11y) */

.ct-section a.pop-up-button {
  background-color: #FFF;
  border: 1px solid;
}

.ct-section .pop-up-button__btn-close {
  background-color: #FFF;
  border: 1px solid;
}

/* contact us page - new */
:root {
  --contact-us-button-blue: #3C6FC1;
  --contact-us-border-radius: 100px;
  --contact-us-button-font-size: 24px;
  --contact-us-button-font-color: #000;
  --contact-us-button-active-font-color: #FFF;
  --grey: #EEEEEE;
  --container-max-widh: 1142px;
  --announcement-banner-background: #FAF088;
}



div.contact-us-page-tabs-navigation {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding: 0 20px;
  width: 100%;
}

.contact-us-page-tabs-navigation .oxy-tab {
  padding: 0;
}

.contact-us-page-tabs-navigation .ct-link-button {
  background-color: transparent;
  border-radius: var(--contact-us-border-radius);
  color: var(--contact-us-button-font-color);
  font-size: var(--contact-us-button-font-size) !important;
  width: 100%;
}

.contact-us-page-tabs-navigation .ct-link-button:hover {
  background-color: var(--contact-us-button-blue);
  color: var(--contact-us-button-active-font-color);
  text-decoration: none;
}

.contact-us-page-tabs-navigation .ct-link-button:focus {
  outline: 2px #FFF solid;
  outline-offset: 0;
  box-shadow: 0 0 0 4px var(--contact-us-button-blue);
}

.contact-us-page-tabs-navigation [class*="tab-active"] .ct-link-button {
  background-color: var(--contact-us-button-blue);
  color: var(--contact-us-button-active-font-color);
}

@media only screen and (min-width : 768px)  {
  div.contact-us-page-tabs-navigation {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width : 1200px)  {
  div.contact-us-page-tabs-navigation {
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0;
  }
}
 
.contact-page-online-tab-content .mb-5 {
  margin-bottom: 50px;
}

.contact-page-online-tab-content .contact-us-tabs-gray-background-section:last-of-type {
  width: 100%;
}

div.contact-us-tabs-2-columns,
div.contact-us-tabs-3-columns  {
  gap: 20px;
  flex-wrap: nowrap;
}

div.contact-us-tabs-2-columns {
  margin-bottom: 50px;
}

div.contact-us-tabs-2-columns .oxy-rich-text,
div.contact-us-tabs-3-columns .oxy-rich-text {
  width: 100%;
}

div.contact-us-tabs-3-columns .contact-us-tabs-gray-background-section {
  height: 100%;
}

div.contact-us-tabs-3-columns {
  flex-direction: column;
}

@media only screen and (min-width : 1200px) {
  div.contact-us-tabs-3-columns {
    flex-direction: row;
  }
}

div.contact-us-tabs-gray-background-section {
  background: var(--grey);
  border-radius: 20px;
  text-align: center;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0, 0.05);
  align-items: center;
}

div.ct-div-block.contact-us-tabs-gray-background-section  { 
    padding: 20px;
}

@media only screen and (min-width : 1200px) {
  div.ct-div-block.contact-us-tabs-gray-background-section  { 
    padding: 40px;
  }
}

div.contact-us-tabs-gray-background-section.text-left {
  text-align: left;
}

div.contact-us-tabs-gray-background-section h3 {
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
}

div.contact-us-tabs-gray-background-section h4 {
  font-size: 20px;
}

.contact-us-tab-content h2 {
  align-items: center;
  display: flex;
  font-weight: normal;
  justify-content: center;
  padding: 74px 0;
  text-align: center;
  width: 100%;
  gap: 10px;
}

.contact-us-tab-content h2::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-page-online-tab-content h2::before {
  background-image: url(../../icons/icon-screen.svg);
}

.contact-page-call-us-tab-content h2::before {
  background-image: url(../../icons/icon-phone.svg);
}

.contact-page-visit-us-tab-content h2::before {
  background-image: url(../../icons/icon-map.svg);
}

.contact-page-submit-documents-tab-content h2::before {
  background-image: url(../../icons/icon-file.svg);
}

.contact-us-tab-content h3 {
  margin-bottom: 20px;
}

.contact-us-phone-numbers-columns {
  width: 100%;
}

.contact-us-tabs-section .oxy-tab-content {
  padding: 0 20px 20px;
}

.contact-us-phone-numbers-columns-list-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px
}

@media only screen and (min-width : 768px) {
  .contact-us-phone-numbers-columns-list-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width : 1200px) {
  .contact-us-phone-numbers-columns-list-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.contact-us-phone-numbers-columns-list-wrapper .country-list {
  border: 2px solid var(--contact-us-button-blue);
  border-radius: 10px;
  padding: 0;
}

.contact-us-phone-numbers-columns-list-wrapper .country-list {
  list-style-type: none;
  margin: 0;

}

.contact-us-phone-numbers-columns-list-wrapper .country-list li {
  padding: 15px 12px;
}

.contact-us-phone-numbers-columns-list-wrapper .country-list .country-name {
  padding-right: 5px;
}

.contact-us-phone-numbers-columns .flag {
  margin-right: 10px;
}

@media only screen and (max-width : 767px) {
  div.contact-us-tabs-2-columns {
    grid-template-columns: 1fr;
    display: grid;
  }
} 

@media only screen and (max-width : 1199px) {
  div.contact-us-tabs-3-columns .contact-us-tabs-gray-background-section {
    width: 100% !important;
  }
}

div.contact-us-documents-rich-text-grid {
  width: 100%;
}

@media (min-width:768px) and (max-width:1199px) {
  div.contact-us-documents-rich-text-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  div.contact-us-tabs-3-columns .oxy-rich-text {
    text-align: center;
  }
}

.submit-documents-rich-text:first-of-type {
  margin-bottom: 20px;
}

.contact-page-phone-tab-rich-text {
  margin-bottom: 50px;
  width: 100%;
}

div.contact-us-two-columns-text {
  align-items: start;
  display: grid !important;
  gap: 12px;
  grid-template-areas: 
    "header header"
    "text-full-width text-full-width"
    "text-first text-second";
  grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width : 767px) {
  div.contact-us-two-columns-text {
    grid-template-areas: 
      "header"
      "text-full-width"
      "text-first"
      "text-second";
    grid-template-columns: 1fr;
  }
}

.contact-us-two-columns-text h3 {
  grid-area: header;
}

.contact-us-two-columns-text .oxy-rich-text.full-width-richtext {
  grid-area: text-full-width;
}

.contact-us-two-columns-text .oxy-rich-text.first-col-text {
  grid-area: text-first;
}

.contact-us-two-columns-text .oxy-rich-text.second-col-text {
  grid-area: text-second;
}

.contact-us-two-columns-text .oxy-rich-text {
  margin-bottom: 20px;
}

.visible-submenu {
  visibility: visible !important;
  opacity: 1 !important;
}

/* positioning footer to the bottom of the page */

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.footer {
  margin-top: auto;
}

/* end of positioning footer to the bottom of the page */

/* survery styling */
/* remember to add .survey-section-wrapper class into section of the gravity form */
/* remember to add unjspf-survery-container class into survery form in gravity form settings */

.survey-section-wrapper {
  margin: 0 auto;
  max-width:  var(--container-max-widh);
}

@media (max-width:1182px) {
  .survey-section-wrapper {
    padding: 0 20px; /* same behaviour like heading of the page on smaller devices */
  }
}

.survey-section-wrapper .gform_title {
  display: none;
}

.survey-section-wrapper .survey-info-block {
  border: 1px solid var(--contact-us-button-blue);
  padding: 15px 15px 15px 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  gap: 5px
}

.survey-section-wrapper .survey-info-block .gform-icon {
  color: var(--contact-us-button-blue);
  text-align: center;
  font-size: 40px
}

.survey-section-wrapper .survey-info-block .text-wrapper {
  font-size: 16px;
  line-height: 1.2;
  font-weight: normal;
}

.survey-section-wrapper .survey-info-block .text-wrapper span {
    display: block;
}

.unjspf-survery-container .ginput_container_checkbox .gfield_checkbox label.gform-field-label,
.unjspf-survery-container .ginput_container_radio .gfield_radio label.gform-field-label,
.unjspf-survery-container .gfield--type-radio legend.gfield_label,
.unjspf-survery-container .gfield--type-html h5,
.unjspf-survery-container .gfield.gfield--type-textarea label,
.unjspf-survery-container .gfield--type-checkbox legend.gform-field-label {
  font-size: 20px;
}

.unjspf-survery-container .ginput_container_radio .gfield_radio div,
.unjspf-survery-container .subquestion-checkboxes-wrapper .ginput_container_checkbox .gfield_checkbox div  {
  margin-bottom: 10px;
}

.unjspf-survery-container .gfield {
  margin-bottom: 25px;
}

.unjspf-survery-container .gfield--type-html {
  margin-bottom: 0;
}

.unjspf-survery-container .gform_button.button,
.unjspf-survery-container .gform-theme-button.button {
  background: #0070c4;
  border-color: #0070c4;
  border-style: solid;
  color: white;
  margin: 0 auto;
  padding: 10px 20px;
}

.unjspf-survery-container .gform_button.button:hover,
.unjspf-survery-container .gform-theme-button.button:hover {
  background: #008cd2;
  border-color: #008cd2;
}

.unjspf-survery-container .gform_page input.gform_previous_button.button {
  color: #0070c4;
  border-color: #0070c4;
}

.unjspf-survery-container .gform_page input.gform_previous_button.button:hover {
  color: #008cd2;
  border-color: #008cd2;
}

.unjspf-survery-container .subquestion-field {
  margin-bottom: 0;
}

.unjspf-survery-container .subquestion-field-last {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
}

@media (max-width:761px) {
  .unjspf-survery-container .gsurvey-likert-choice,
  .unjspf-survery-container .gsurvey-likert {
    border: none !important;
  }
}

.unjspf-survery-container .gfield.gfield--disabled {
  opacity: .6;
}

.unjspf-survery-container .gfield--disabled label {
  color: #757575;
}

.unjspf-survery-container .gfield--disabled .ginput_container input {
  border-color: #757575;
}

/* hiding weglot french for other pages than survey one  - part of survey styling */

li[data-url='fr'] {
  display: none;
}

/* hide "standard french list element  */
.weglot-french li[data-url*="www.unjspf.org/fr/"] {
  display: none;
}

/* show only weglot fr element */
.weglot-french li[data-url='fr'] {     
  display: list-item;
}

/* end hiding weglot french for other pages than survey one  - part of survey styling */

/* end of survery styling */

/* Townhall page styling */

.upcoming-sessions-wrapper {
  margin: 0 auto;
}

.upcoming-sessions-wrapper .upcoming-sessions-wrapper-header {
  font-size: 24px;
  font-weight: 600;
  margin: 12px auto 24px;
  padding-left: 30px;
  background-image: url(../../icons/icon-calendar.svg);
  background-repeat: no-repeat;
  background-position: left center;
  width: 100%;
  max-width: var(--container-max-widh);
}

.upcoming-sessions-elements-wrapper .upcoming-sessions-element {
  background: #FBFBFB;
  border: 1px solid #EFEEEF;
  border-radius: 12px;
  box-shadow: 0px 1px 4px 0px rgba(12, 12, 13, 0.05);
  padding: 24px;
  text-align: center;
}

.upcoming-session-wrapper .upcoming-sessions-elements-wrapper[data-hide-sessions="true"] {
  max-width: var(--container-max-widh);
}

.upcoming-session-wrapper .upcoming-sessions-elements-wrapper[data-hide-sessions="true"] .upcoming-sessions-element {
  display: none;
}

.upcoming-session-wrapper .upcoming-sessions-elements-wrapper .ct-text-block {
  display: none;
} 

.upcoming-session-wrapper .upcoming-sessions-elements-wrapper[data-hide-sessions="true"] .ct-text-block {
  display: block;
  grid-column: 1 / -1;
  text-align: center;
}

.upcoming-sessions-elements-wrapper h4.upcoming-sessions-element-heading {
  margin-bottom: 16px;
  width: 100%;
}

.upcoming-sessions-elements-wrapper .upcoming-sessions-element-details {
  margin: 0 auto 24px;
}

.upcoming-sessions-elements-wrapper .upcoming-sessions-element-details p {
  line-height: 1.1;
  margin: 0;
}

.upcoming-sessions-elements-wrapper h4.upcoming-sessions-element-heading,
.upcoming-sessions-elements-wrapper .upcoming-sessions-element-link {
  font-size: 16px;
}

.upcoming-sessions-elements-wrapper a.upcoming-sessions-element-link {
  background: #0070C4;
  background-image: url(../../icons/icon-arrow-circle-right.svg);
  background-position: center right 20px;
  background-repeat: no-repeat;
  border: 1px solid #0070C4;
  border-radius: 4px;
  color: #FFF;
  font-weight: 700;
  margin: 0 auto;
  padding: 11px 56px 11px 20px;
  transition: .3s ease-in-out;
}

.upcoming-sessions-elements-wrapper a.upcoming-sessions-element-link:hover {
  background: #FFF;
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-image: url(../../icons/icon-arrow-circle-right-hover.svg);
  color: #0070C4;
}

.upcoming-sessions-elements-wrapper a.upcoming-sessions-element-link:focus {
  color: #FFF;
  outline: 2px #FFF solid;
  outline-offset: 0;
  box-shadow: 0 0 0 4px var(--contact-us-button-blue);
}

/* video cards styling */

.video-card-wrapper.ct-div-block h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 40px;
}

.accordion-section-wrapper .video-card .video-card-title,
.video-card-wrapper.ct-div-block h4 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 24px;
}

.video-card-wrapper .video-elements-wrapper,
.upcoming-session-wrapper .upcoming-sessions-elements-wrapper {
  display: grid;
  gap: 24px;
  margin-bottom: 40px;
}

.video-card-wrapper.ct-section-inner-wrap,
.upcoming-session-wrapper,
.accordion-section-wrapper,
.previous-sessions-playlist-link-wrapper {
  max-width: var(--container-max-widh);
  padding: 0 20px;
}

@media only screen and (min-width : 767px) {
 .video-card-wrapper .video-elements-wrapper,
 .upcoming-session-wrapper .upcoming-sessions-elements-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  } 
}

@media only screen and (min-width : 1182px) {
.video-card-wrapper.ct-section-inner-wrap,
  .upcoming-session-wrapper,
  .accordion-section-wrapper,
  .previous-sessions-playlist-link-wrapper {
    padding: 0;
  }
}

.video-card {
  align-content: stretch;
  align-items: stretch;
  background: #FBFBFB;
  border: 1px solid #EFEEEF;
  border-radius: 12px;
  box-shadow: 0px 1px 4px 0px rgba(12, 12, 13, 0.05);
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  min-height: 334px;
  position: relative;
}

.video-card div.ct-section-inner-wrap {
  display: block;
}

.video-card-video-wrapper {
  position: relative;
}

.video-card-wrapper .video-elements-wrapper {
  margin: 0 auto 20px;
}

.video-card .ct-video {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.video-card .ct-video iframe {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.video-card .video-card-title,
.video-card .video-card-presentation-link {
  font-size: 16px;
  font-weight: 700;
}

.video-card .video-card-title {
  line-height: 1.3;
  padding: 24px;
}

.video-card .video-card-presentation-link {
  line-height: 1;
  padding: 4px 32px 4px 0;
  margin: 0 24px;
}

.video-card-presentation-link {
  background-image: url(../../icons/icon-download.svg);
  background-position: right center;
  background-repeat: no-repeat;

  padding-right: 30px;
  margin-bottom: 0;
  margin-top: auto;
}

.video-card .video-popup-opener {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    display: none;
}

@media only screen and (min-width : 767px) {
  .video-card .video-popup-opener {
    display: block;
  }
}

/* modal for videos */
.video-modal-custom {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  border-radius: 12px;
}

.video-modal-custom-content {
  position: relative;
  width: 80%;
  max-width: 900px;
  margin: auto;
  background: #FFF;
  padding: 32px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 12px;
}


.video-modal-custom-content h3 {
  font-size: 24px;
}

.video-modal-custom-content iframe {
  margin: 22px 0 20px;
  border-radius: 12px;
}

.video-modal-custom-content a {
  background-image: url(../../icons/icon-download.svg);
  background-position: right center;
  background-repeat: no-repeat;
  display: none;
  line-height: 1;
  margin: auto;
  padding: 5px 40px 5px 0;
  text-align: center;
  width: fit-content;
}

.video-modal-custom-content a.link-visible {
  display: block;
}

.video-modal-custom-close {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  padding: 0;
  position: absolute;
  right: 26px;
  top: 28px;
  width: 40px;
  z-index: 10000;
  transition: .3s ease-in-out;
}

.video-modal-custom-close:hover {
  background-color: #0070c4;
}

.video-modal-custom-close:hover .close-icon {
  filter: invert(1);
}

.video-modal-custom-close .close-icon {
  background-image: url(../../icons/icon-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 100%;
  transition: .3s ease-in-out;
  z-index: 10000;
}


/* end of modal */

.previous-sessions-playlist-link-wrapper {
  margin: 24px auto 0;
}

@media only screen and (min-width : 767px) {
  .previous-sessions-playlist-link-wrapper {
    margin: 40px auto 0;
  }
}

.previous-sessions-playlist-link-wrapper .ct-section-inner-wrap {
  padding: 0;
}

.previous-sessions-playlist-link-wrapper a {
  background-image: url(../../icons/icon-outer-link.svg);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 25px;
}

.accordion-section-wrapper {
  margin: 0 auto
}

.accordion-section-wrapper .ct-headline {
  margin: 24px 0;
}

@media only screen and (min-width : 767px) {
 .accordion-section-wrapper .ct-headline {
    margin: 40px 0;
  } 
}

.accordion-section-wrapper .oxel_accordion {
  width: 100%;
}

.accordion-section-wrapper .oxel_accordion__row {
  padding: 12px 24px;
}

.accordion-section-wrapper .oxel_accordion__row:not(:first-of-type) {
  margin-top: 10px;
}

.accordion-section-wrapper .oxel_accordion__row__label {
  font-size: 20px;
  font-weight: 600;
}

.accordion-section-wrapper .oxel_accordion button.oxel_accordion__row {
  align-items: center;
  border-radius: 4px;
}

.accordion-section-wrapper button.oxel_accordion__row.oxel_accordion__row--active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-section-wrapper .oxel_accordion__row:after {
  transition: .3s ease-in-out;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
}

.accordion-section-wrapper .oxel_accordion__row.oxel_accordion__row--active:after {
  transform: rotate(180deg);
}

.accordion-section-wrapper .oxel_accordion__content.oxel_accordion__content__hidden {
  padding: 0;
}

.accordion-section-wrapper .oxel_accordion__content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: 0s;
  padding: 8px 24px;
}

/* enf of video cards styling */

/* announcements banner styling */
.announcement-banner {
  background: var(--announcement-banner-background);
  font-weight: bold;
  padding: 16px 25px;
}

.ct-div-block.announcement-banner {
  display: grid;
  gap: 16px;
  grid-template-columns: 22px auto;
  position: relative;
}

.ct-div-block.announcement-banner[data-announcement-banner-visible="false"] {
  display: none;
}

.announcement-banner .announcement-banner-icon svg {
  height: 22px;
  width: 22px;
}

.announcement-banner-text {
  margin-right: 32px;
}

.announcement-banner .ct-code-block {
  position: absolute;
  right: 4px;
  top: 0;
}

.announcement-banner .announcement-banner-close-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  padding: 13px 8px;
}

.announcement-banner .announcement-banner-close-button:focus {
  color: #FFF;
  outline: 2px #FFF solid;
  outline-offset: 0;
  box-shadow: 0 0 0 4px var(--contact-us-button-blue);
}

.announcement-banner .announcement-banner-close-button-icon {
  background-image: url(../../icons/icon-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 24px;
  width: 24px;
}

@media only screen and (min-width : 767px) {
  .announcement-banner {
    padding: 16px;
  }
}

@media only screen and (min-width : 992px) {
  .announcement-banner-text {
    margin-right: 0;
  }

  .announcement-banner .announcement-banner-close-button {
    display: none;
  }
}

.announcement-banner-close-button {
  position: relative;
}

/* end of announcements banner styling */

/* iframe layout page (max-width higher than 1920px) */

.iframe-page-layout-wrapper .ct-section-inner-wrap {
  max-width: 1990px;
}

@media (min-width:1183px) {
  .iframe-page-layout-wrapper .ct-section-inner-wrap {
    padding: 0 20px;
  }
}

.iframe-code-block-wrapper {
  width: 100%;
}

.iframe-code-block-wrapper iframe {
  aspect-ratio: 16 / 11;
  display: block;
  height: auto;
  max-width: 1920px;
  margin: auto;
}

@media (max-width: 991px) {
  .iframe-code-block-wrapper iframe {
    height: 80vh !important;
  }
}

/* end of iframe layout page */

/* page quality popup survey */
/* TODO find styles added somewhere in oxygen regarding that popup and modify styles */

@media (max-width:991px) {
  .unjspf-survey-modal {
      width: 95vw !important;
  }
}


/* end of page quality popup survey */