/*
 * Text Domain: ECITB
 * Theme Name: ECITB
 * Version: 1.0.0
 * Description: Theme for ECITB
 * Author: Cyber Media
 * Author URI: https://www.cyber-media.co.uk
*/
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button {
  position: absolute;
  color: #404040;
  right: 1rem;
  top: 1rem !important;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}
.close-button:hover, .close-button:focus {
  color: #000000;
}

body.is-reveal-open {
  overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
  height: 100%;
  overflow: hidden;
  user-select: none;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(255, 255, 255, 0.5);
  overflow-y: scroll;
}

[data-whatinput=mouse] .reveal {
  outline: 0;
}
.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #c0c3c6;
  background-color: #ffffff;
  border-radius: 1.25rem;
}
@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column,
.reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .reveal {
    width: 800px;
    max-width: 101.875rem;
  }
}
.reveal {
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}
@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}
.reveal.collapse {
  padding: 0;
}
@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 101.875rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 101.875rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 101.875rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

/* MIXINS
===================================== */
/* MIXINS
===================================== */
/*@function luminance($color) {
  $colors: (
    'red': red($color),
    'green': green($color),
    'blue': blue($color)
  );

  @each $name, $value in $colors {
    $adjusted: 0;
    $value: $value / 255;

    @if $value < 0.03928 {
      $value: $value / 12.92;
    } @else {
      $value: ($value + .055) / 1.055;
      $value: pow($value, 2.4);
    }

    $colors: map-merge($colors, ($name: $value));
  }

  @return (map-get($colors, 'red') * .2126) + (map-get($colors, 'green') * .7152) + (map-get($colors, 'blue') * .0722);
}*/
/*@function check-color-access($foreground, $background) {
  $back-color-lumo: luminance($background);
  $fore-color-lumo: luminance($foreground);

  @return ($fore-color-lumo + 0.05) / ($back-color-lumo + 0.05);
}*/
/* PARTIALS
===================================== */
/* GENERIC SLIDER STYLES
================================================================================================================= */
.col_slider, .card_slider {
  padding: 0.625rem !important;
  margin: 0 -0.625rem !important;
  width: calc(100% + 20px);
}
.col_slider .swiper-slide, .card_slider .swiper-slide {
  height: auto;
}
.col_slider .swiper-slide .card_con, .col_slider .swiper-slide .card_con .card, .card_slider .swiper-slide .card_con, .card_slider .swiper-slide .card_con .card {
  height: 100%;
}

.swiper_container {
  position: relative;
}

/* SWIPER
================================================================================================================= */
:root {
  --swiper-theme-color: #1a6492 !important;
}

/* PAGINATION
================================================================================================================= */
:root {
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bottom: 0;
  --swiper-pagination-bullet-size: 0.9375rem;
  --swiper-pagination-bullet-width: 0.9375rem;
  --swiper-pagination-bullet-height: 0.9375rem;
}

.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
  transition: all 0.3s ease-in-out;
}
.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover, .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):focus {
  opacity: 0.6;
}

/* NAVIGATION
================================================================================================================= */
:root {
  --swiper-navigation-size: 1.25rem !important;
  --swiper-navigation-sides-offset: -0.625rem !important;
  --swiper-navigation-color: #ffffff;
}
@media screen and (min-width: 40em) {
  :root {
    --swiper-navigation-sides-offset: -0.9375rem !important;
  }
}
@media screen and (min-width: 75em) {
  :root {
    --swiper-navigation-size: 1.8125rem !important;
    --swiper-navigation-sides-offset: -1.8125rem !important;
  }
}

.swiper-button-next, .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1a6492;
  width: 3.125rem !important;
  height: 3.125rem !important;
  transition: background-color 0.3s ease-in-out;
  margin-top: -25px !important;
  border-radius: 50%;
  border: solid 0.3125rem #ffffff;
}
@media screen and (min-width: 75em) {
  .swiper-button-next, .swiper-button-prev {
    width: 4.875rem !important;
    height: 4.875rem !important;
    margin-top: -39px !important;
    border: solid 0.625rem #ffffff;
  }
}
.swiper-button-next:hover, .swiper-button-next:focus, .swiper-button-prev:hover, .swiper-button-prev:focus {
  background-color: #00857b;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
  visibility: hidden;
}
.swiper-button-next .material-icons, .swiper-button-prev .material-icons {
  font-size: 2.5rem;
}
.swiper-button-next::after, .swiper-button-prev::after {
  content: none;
  display: none;
}

.swiper-button-prev::after, .swiper-button-prev .icon {
  right: 0.0625rem;
  position: relative;
}

.swiper-button-next::after, .swiper-button-next .icon {
  position: relative;
  left: 0.0625rem;
}

/* BOARD PROFILES
======================================================= */
.reveal.row_width {
  width: calc(100% - 30px);
  overflow-y: visible;
  padding: 1.875rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 101.875em) {
  .reveal.row_width {
    width: 100%;
    max-width: calc(101.875rem - 30px);
  }
}
.reveal.row_width .modal_overflow {
  max-height: 100%;
  overflow: auto;
}
.reveal.row_width .swiper-wrapper {
  box-sizing: border-box;
}

/* TEXT
======================================================= */
@media screen and (min-width: 75em) {
  .text_colx2 {
    column-count: 2;
    column-gap: 3.75rem;
  }
}

@media screen and (min-width: 75em) {
  .text_colx3 {
    column-count: 3;
    column-gap: 3.75rem;
  }
}/*# sourceMappingURL=cm.css.map */