/*
 Theme Name:     My jsme UJEP
 Theme URI:      https://myjsmeujep.cz
 Description:    –
 Author:         Aleš Loziak
 Author URI:     https://apollo1.cz/
 Version:        1.0
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

/* Load base styles, used also for WYSIWIG editor in admin */
@import url('style-base.css');

/*************************************
+ Custom / Grid & Flex & Bootstrap
*************************************/
.widget {

}

.container {
  /* padding-left: 20px;
  padding-right: 20px; */
}


.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  /* padding-right: calc(1 * var(--spacer));
  padding-left: calc(1 * var(--spacer)); */
}

.container-fullwidth {
  width: calc(100vw - 15px);
  position: relative;
  margin-left: calc(-50vw + 7.5px);
  left: 50%;
  overflow: hidden;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  /* padding-right: 20px;
  padding-left: 20px; */
}

.row {}

.shadow {
  -webkit-box-shadow: var(--shadow) !important;
	box-shadow: var(--shadow) !important;
}

.rounded {
  border-radius: 4px !important;
}

.site-content {

}

.m-1 { margin: 7.5px !important; }
.m-2 { margin: 15px  !important; }
.m-3 { margin: 30px  !important; }
.m-4 { margin: 45px !important; }
.m-5 { margin: 60px !important; }

.mb-1 { margin-bottom: calc( .25 * var(--spacer) ) !important; }
.mb-2 { margin-bottom: 15px !important; }
.mb-3 { margin-bottom: 30px  !important; }
.mb-4 { margin-bottom: 45px !important; }
.mb-5 { margin-bottom: 60px !important; }

.mt-1 { margin-top: 7.5px !important; }
.mt-2 { margin-top: 15px !important; }
.mt-3 { margin-top: 30px  !important; }
.mt-4 { margin-top: 45px !important; }
.mt-5 { margin-top: 60px !important; }

.ml-1 { margin-left: 7.5px !important; }
.ml-2 { margin-left: 15px !important; }
.ml-3 { margin-left: 30px  !important; }
.ml-4 { margin-left: 45px !important; }
.ml-5 { margin-left: 60px !important; }

.mr-1 { margin-right: 7.5px !important; }
.mr-2 { margin-right: 15px !important; }
.mr-3 { margin-right: 30px  !important; }
.mr-4 { margin-right: 45px !important; }
.mr-5 { margin-right: 60px !important; }

.p-1 { padding: 7.5px !important; }
.p-2 { padding: 15px !important; }
.p-3 { padding: 30px  !important; }
.p-4 { padding: 45px !important; }
.p-5 { padding: 60px !important; }

.pb-1 { padding-bottom: 7.5px !important; }
.pb-2 { padding-bottom: 15px !important; }
.pb-3 { padding-bottom: 30px  !important; }
.pb-4 { padding-bottom: 45px !important; }
.pb-5 { padding-bottom: 60px !important; }

.pt-1 { padding-top: 7.5px !important; }
.pt-2 { padding-top: 15px !important; }
.pt-3 { padding-top: 30px !important; }
.pt-4 { padding-top: 45px !important; }
.pt-5 { padding-top: 60px !important; }

.pl-1 { padding-left: 7.5px !important; }
.pl-2 { padding-left: 15px !important; }
.pl-3 { padding-left: 30px  !important; }
.pl-4 { padding-left: 45px !important; }
.pl-5 { padding-left: 60px !important; }

.pr-1 { padding-right: 7.5px !important; }
.pr-2 { padding-right: 15px !important; }
.pr-3 { padding-right: 30px  !important; }
.pr-4 { padding-right: 45px !important; }
.pr-5 { padding-right: 60px !important; }

.w-65 {
  width: 65%;
}

/*************************************
+ Custom / SiteOrigin
*************************************/

/*
 * Settings of SiteOrigin Row/Widget Bottom Margin
 *
 * At the settings of SiteOrigin leave the "Row/Widget Bottom Margin" and "Row Mobile Bottom Margin" blank
 * then you can better control this option via these CSS
*/

body .panel-layout .panel-grid {
  margin-bottom: 60px;
}

  body .so-widget-wpa9-incl-widget .panel-layout .panel-grid {
    margin-bottom: 0px;
  }

/* body .panel-layout .panel-grid:not(:first-of-type) > .siteorigin-panels-stretch, */
body .panel-layout .panel-grid:not(:first-of-type) > div {
  /* padding: calc(2 * var(--spacer) ) 0; */
}

/* body .panel-layout .panel-grid:first-of-type > .siteorigin-panels-stretch, */
body .panel-layout .panel-grid:first-of-type > div {
  /* padding: 0 0 calc(2 * var(--spacer) ) 0; */
}

  body .panel-grid > .panel-grid-cell .so-panel:not(:first-of-type) .widget-title {
    padding-top: 0;
  }


@media only screen and (max-width: 992px) {
  body .panel-layout .panel-grid { margin-bottom: 5rem; }
}

@media only screen and (max-width: 768px) {
  body .panel-layout .panel-grid { margin-bottom: 3rem; }
}

/* -------------  ------------- */

.panel-grid .panel-grid-cell {
  margin: 0 auto;
}

  .panel-grid .panel-grid-cell:last-child {
    width: 100%;
  }

.so-widget-sow-editor {
  /* padding-right: 30px;
  padding-left: 0px; */
}

  .so-widget-sow-editor p:last-child,
  .so-widget-sow-editor h3:last-child,
  .so-widget-sow-editor h4:last-child,
  .so-widget-sow-editor h5:last-child,
  .so-widget-sow-editor h6:last-child,
  .siteorigin-widget-tinymce .info-box:last-child {
    margin-bottom: 0;
  }



/* ------------------ embed (video & iframe) responsive ------------------ */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------ WP media containers ------------------ */
.mejs-container {

}


/* ------------------ WP gallery ------------------ */
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

  .gallery .gallery-item {
    position: relative;
    margin-bottom: calc(.5 * var(--spacer));
  }

    .gallery .gallery-item a {
      display: block;
      width: 100%;
    }

    .gallery .gallery-item img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
    }

    .gallery .gallery-item .gallery-caption {
      display: none;
    }

    .gallery.gallery-columns-2 .gallery-item,
    .gallery.gallery-columns-3 .gallery-item {
      flex: 0 0 auto;
      width: 100%;
    }



/*************************************
 +Body & Html
*************************************/
html {
  background-color: #000;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  /* -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; */
}


/*************************************
 +(X)HTML / HTML 5 Containers
*************************************/

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {

}

h1, .h1 {

}

h2, .h2 {

}

h3 {

}


h4, .h4 {
  /* font-size: 1.75em; */
}


h5, .h5 {
  /* font-size: 1em; */
}

a {
  color: var(--c-main);
}

a:hover{
  text-decoration: underline;
  color: var(--c-main);
}


ul, li {

}


strong, .strong, b, .b {
  font-weight: 600;
}


/* forms
-----------------------------------------------------------*/
label {

}

input, textarea, select {

}

select:hover {
  cursor: pointer;
}

textarea {

}


/* table
-----------------------------------------------------------*/

table.program-basic-info {
  margin-bottom: calc( 1 * var(--spacer) )
}

  table.program-basic-info th,
  table.program-basic-info td {
    padding: 10px;
  }

  td.gap {
    width: 3%;
    background-color: #fff;
  }

  td.label {
    width: 19.5%;
  }

  td.cell-content {
    width: 29%;
  }

  td.program__language {
    text-transform: lowercase;
  }


/* img
-----------------------------------------------------------*/
img.size-medium,
img.size-full {
  width: 100%;
  height: 100%;
}


figure {
  position: relative;
  width: 100%;
  margin-bottom: 0;
}

  figure img {
    width: 100%;
  }

  figure:not(.original) img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    object-position: center;
  }

  figure.square { padding-top: 100%; }
  figure.landscape { padding-top: 66.66%; }
  figure.portrait { padding-top: 150%; }
  figure.landscape { padding-top: 66.66%; }
  figure.r3x4 { padding-top: 116.66%; }
  figure.r4x3 { padding-top: 85%; }



/* button
-----------------------------------------------------------*/
button, .button, .btn, .btn-primary,
input[type="submit"], .submit {

}

  button:hover, .button:hover, .btn:hover, .btn-primary:hover,
  input[type="submit"]:hover, .submit:hover {

  }



/* ------------- icons ------------- */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 24px; height: 24px;
}

  button.icon {
    min-width: inherit;
    border: none;

    margin: 0;
    padding: 0;
  }

  .icon-s { width: 16px; height: 16px; }
  .icon-m { width: 20px; height: 20px; }
  .icon-l { width: 24px; height: 24px; }
  .icon-xl { width: 30px; height: 30px; }
  .icon-xxl { width: 36px; height: 36px; }

  .icon-people {
    background-image: url('images/icon-people.svg');
  }

  .icon-education {
    background-image: url('images/icon-education.svg');
  }

  .icon-faculty {
    background-image: url('images/icon-faculty.svg');
  }

  .icon-facebook {
    background-image: url('images/icon-facebook.svg');
  }

    .icon-facebook.icon-light {
      background-image: url('images/icon-facebook-light.svg');
    }

  .icon-instagram {
    background-image: url('images/icon-instagram.svg');
  }

    .icon-instagram.icon-light {
      background-image: url('images/icon-instagram-light.svg');
    }

  .icon-linkedin {
    background-image: url('images/icon-linkedin.svg');
  }

    .icon-linkedin.icon-light {
      background-image: url('images/icon-linkedin-light.svg');
    }

  .icon-youtube {
    background-image: url('images/icon-youtube.svg');
  }

    .icon-youtube.icon-light {
      background-image: url('images/icon-youtube-light.svg');
    }

  .icon-tiktok {
    background-image: url('images/icon-tiktok.svg');
  }

    .icon-tiktok.icon-light {
      background-image: url('images/icon-tiktok-light.svg');
    }

.icon-close {
  /* background-image: url('images/icon-close.svg');
  margin: 0;
  width: 44px;
  height: 43px;
  display: inline-block; */
}

  .icon-close:hover {
    /* background-image: url('images/icon-close-hover.svg');
    text-decoration: none;
    transition: none; */
  }


/* ------------- Wysiwyg editor / Custom styles ------------- */
/* .txt-20 {
  font-size: 20px;
  display: inline-block;
}

.txt-18 {
  font-size: 18px;
  display: inline-block;
}

.txt-14 {
  font-size: 14px;
  display: inline-block;
} */


/* ------------- spinner ------------- */
.spinner-wrapper {
  display: none !important;
  position: fixed;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background-color: rgba(255,255,255,.8);
}

  .spinner-wrapper.is-active {
    display: flex !important;
  }

  .spinner-border {
    position: relative;
    /* left: 50vw; */
    top: 40vh;
    border-width: .35em;
  }

  .spinner-wrapper .sr-only {
    display: none;
  }

/*************************************
 +
*************************************/
.site-main {

}

  .site-main p {}

  .site-main ul,
  .site-main ol {
    margin-left: 0;
    padding-left: 1rem;
  }

    .site-main li {}


  .site-main ul.ultiny {
    font-size: 15px;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    color: #666;
  }

    .site-main ul.ultiny li {}

  .site-main > article {
    /* margin-bottom: calc(2 * var(--spacer)); */
  }




.site-content {
  padding-bottom: 0;
}

  .site-content ul {}

    .site-content li {}

  .site-content p {}



/* ------------- navbar-toggler ------------- */
.navbar-toggler {
  border-radius: 0;
  height: 44px;
  padding: 10px;
  outline: 0;
  border-width: 0;
}

  .navbar-toggler:focus {
    box-shadow: none;
  }



/* ------------- masthead ------------- */
#masthead {
  box-shadow: none;
  padding: 0;
  /* border-top: 6px solid; */
}

  #masthead .navbar {
    padding: 15px 0;
    justify-content: space-between;
    /* border-bottom: 1px solid var(--c-black); */
  }



/* ------------- menu (general) ------------- */
.menu {}

  .menu li {
    list-style: none;
  }

  .nav-link {
    padding: 0;
    display: inline-block;
  }


/* ------------- sticky menu ------------- */
header#masthead {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #fff;
}
/* header#masthead.sticky {
  position: fixed;
  top: 0;
  background-color: #fff;

  width: 100%;
}

  header#masthead.sticky {
    height: 50px;
    transition: all 0.2s;
  }

  header#masthead.sticky .navbar-brand img {
    max-width: 95px;
    transition: all 0.2s;
  } */

/* ------------- navbar ------------- */
.navbar,
.navbar ul {
  margin: 0;
  padding: 0;
}

  .navbar li {
    list-style: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  .navbar .navbar-nav {
    padding: calc( 0.5 * var(--spacer) ) 0 0;
  }

    .navbar .navbar-nav .nav-link {
      padding: calc( 0.25 * var(--spacer) ) 0;
    }

        .navbar .navbar-nav .menu-item {
          position: relative;
        }

          .navbar .navbar-nav .menu-item .toggle-link {
            position: absolute;
            right: 0;
            top: 0;
            background-image: url('images/toggle-open.svg');
            background-color: transparent;
            background-repeat: no-repeat;
            background-size: 28px;
            background-position: center;
            width: 76px;
            height: 58px;
            min-width: auto;
            padding: 0;
            margin: 0;
            border: none;
          }

          .navbar .navbar-nav .menu-item.is-active .toggle-link,
          .navbar .navbar-nav .menu-item.is-active:hover .toggle-link {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
          }

          .navbar .navbar-nav.top-level .menu-item:hover .toggle-link,
          .navbar .navbar-nav.top-level .menu-item.is-active .toggle-link {
            background-image: url('images/toggle-open-negative.svg');
          }


      .navbar .navbar-nav .menu-item .separator {
        display: none;
      }

      .navbar .navbar-nav .menu-item .nav-link {
        display: block;
        color: var(--c-black);
        padding: 15px 20px 15px;
        font-size: 1.125em;
      }

      .navbar .navbar-nav .menu-item:hover .nav-link,
      .navbar .navbar-nav .menu-item.is-active .nav-link {
        text-decoration: none;
        background-color: var(--c-main);
        color: #fff;
      }

        .navbar .navbar-nav .menu-item:last-child .separator {
          display: none;
        }

        .navbar .navbar-nav .menu-item:last-child .nav-link {
          padding-right: 0;
        }

    /* ------------- sub-menu ------------- */
    .navbar .navbar-nav .sub-menu {
      position: relative;
      background-color: #fff;
      z-index: 2;
      display: none;
    }

      .navbar .navbar-nav .sub-menu .menu-item {

      }

        .navbar .navbar-nav .sub-menu .menu-item .separator {
          display: none;
        }

        .navbar .navbar-nav .sub-menu .menu-item .nav-link {
          /* padding: 2.5px 10px; */
          background-color: #fff;
          color: #000;
          border-top: 1px solid var(--c-grey-light);
          padding-left: 30px;
        }

        .navbar .navbar-nav .sub-menu .menu-item:hover .nav-link {
          background-color: var(--c-main);
          color: #fff;
        }

/* ------------- independent sub-menu ------------- */
.navbar-sub-menu {
  margin-bottom: calc(.5 * var(--spacer));
}

  .navbar-sub-menu .navbar-nav {
    display: block;
    width: 100%;
  }

    .navbar-sub-menu .navbar-nav .menu-item {
      display: inline-block;
    }

      .navbar-sub-menu .navbar-nav .menu-item:hover .nav-link,
      .navbar .navbar-nav .menu-item.current-menu-item .nav-link {
        background-color: transparent;
        color: var(--c-main);
      }

      .navbar-sub-menu .navbar-nav .menu-item .nav-link {
        padding: 2px;
        display: inline-block;
        padding: 0 .25rem;
        font-size: 1rem;
      }

      .navbar-sub-menu .navbar-nav .menu-item .separator {
        display: inline-block;
        padding: 0 .5rem;
        color: var(--c-main);
        font-size: 14px;
      }





/* ------------- main-nav ------------- */
#main-nav {
  position: relative;
  width: 100vw;
  left: 50%;
  /* right: 50%; */
  margin-left: -50vw;
  /* margin-right: -50vw; */
  margin-bottom: -17px;
}

  #main-nav > .navbar-nav {}

    #main-nav > .navbar-nav > .menu-item {
      border: none;
    }

    #main-nav > .navbar-nav .menu-item .nav-link {
      border-top: 1px solid var(--c-grey-light);
    }

    #main-nav > .navbar-nav .menu-item:last-child .nav-link {
      border-bottom: 1px solid var(--c-grey-light);
    }



/* ------------- brand / navbar-brand / site-title ------------- */
.navbar-brand {

}

  .navbar-brand span {
    display: none;
  }

  .navbar-brand .site-title {
    display: block;
    width: 145px; height: 65px;
    background: url('images/site-title.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    text-decoration: none;
  }

  .navbar-brand.brand-light .site-title {
    background-image: url('images/site-title-light.svg');
  }




/* ------------- hamburgers.css ------------- */
.hamburger {

}

  .hamburger--spin.is-active .hamburger-inner {

  }

  .hamburger:hover {
    background-color: transparent;
    border: none;
    opacity: 1;
  }

  .hamburger:hover .hamburger-inner,
  .hamburger:hover .hamburger-inner:after,
  .hamburger:hover .hamburger-inner:before {
    opacity: 1;
  }

  .hamburger:hover,
  .hamburger.is-active:hover {
    opacity: 1;
  }

  .hamburger:hover,
  .hamburger.is-active:hover {

  }

  .hamburger-box {
    width: 34px;
  }

  .hamburger-label {
    display: none;
  }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  height: 3px;
  width: 34px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {

}

.hamburger .hamburger-box,
.hamburger--spinner .hamburger-box {

}

.hamburger--minus {

}

  .hamburger--minus .hamburger-box {

  }





.separator {
  display: inline-block;
  padding: 0 calc( 0.25 * var(--spacer) );
  color: var(--c-main);
  font-size: 14px;
}

  .separator::after {
    /* content: '\005C'; */
  }


.divider {
  display: block;
  border: none;
  border-top: 1px solid var(--c-grey-light);
}


/* ------------- language-switcher ------------- */
.language-switcher {
  margin: 0;
  font-size: .875rem;
  display: inline-block;
}

  .language-switcher .active { display: none; }

  .language-switcher ul {
    margin: 0;
    padding: 0;
  }

  .language-switcher ul li {
    margin: 0;
    padding: 0;
  }

  .language-switcher a {
    color: var(--c-black);
  }


/* ------------- socket-nav ------------- */
.socket-nav {
  width: 100%;
}

  .site-title-nav {
    text-align: right;
    width: 100%;
  }

    .site-title-nav span.site-title {
      text-transform: uppercase;
      font-size: .75em;
      color: var(--c-grey-neutral);
    }

  .link-eapp {}

    .link-eapp::after {}


/* ------------- page-header-banner ------------- */
.page-header-banner {
  background-color: #333;
  overflow: hidden;
}

  .page-header-banner > .row {
    height: 100%;
  }

  .page-header-banner.color-layout-dark *:not(.btn) { color: #fff; }
  .page-header-banner.color-layout-light *:not(.btn) { color: #000; }

  .page-header-banner .col-left {
    padding: calc(.5 * var(--spacer));
  }

  .page-header-banner .col-left {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
  }

  .page-header-banner .col-right {
    height: 280px;
  }

    .page-header-banner .col-right figure {
      position: relative;
      width: 100%;
      height: 100%;
      margin-bottom: 0;
      /* padding-top: 100%; */
    }

      .page-header-banner .col-right figure img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        object-fit: cover;
        object-position: center;
      }

      .page-header-banner .embed-container {
        width: 100%;
        height: 100%;
      }

    @media only screen
    and (min-width : 576px) {
      .page-header-banner .col-left {
        padding: calc(1 * var(--spacer));
      }
    }

    @media only screen
    and (min-width : 992px) {

      .page-header-banner {
        height: 600px;
      }

      .page-header-banner .col-left {
        padding: calc(2 * var(--spacer));
        padding-left: calc(50vw - 480px);
        height: 100%;
      }

      .page-header-banner .col-right {
        height: 100%;
      }

    }

    @media only screen
    and (min-width : 1200px) {

      .page-header-banner .col-left {
        padding-left: calc(50vw - 578px);
      }

    }

    @media only screen
    and (min-width : 1400px) {

      .page-header-banner .col-left {
        padding-left: calc(50vw - 600px);
      }

    }



    /* .el-wrapper figure.square { padding-top: 100%; }
    .el-wrapper figure.portrait { padding-top: 150%; }
    .el-wrapper figure.landscape { padding-top: 66.66%; }
    .el-wrapper figure.r3x4 { padding-top: 116.66%; }
    .el-wrapper figure.r4x3 { padding-top: 85%; } */


/* ------------- pagination ------------- */
ul.pagination {
  border-radius: 0;
  justify-content: center;
}

  ul.pagination li {
    background: none;
    padding: 0;
    margin: 0 6px;
  }

     ul.pagination li .page-numbers {
      padding: 1px 5px;
      display: block;
    }

    ul.pagination li a:hover {
      text-decoration: none;
      border-bottom: 1px solid;
    }

    ul.pagination li .current {
      color: var(--c-main);
      border-bottom: 1px solid;
    }



/* ------------- filters ------------- */
#filters {}

  .filters-container {
    padding: 0;
    margin-bottom: calc( 0 * var(--spacer) );
  }

  .filters-container .filter-row {
    margin-bottom: calc( 1 * var(--spacer) );
  }

  .filters-container .filter {
    margin-top: calc( 1 * var(--spacer) );
  }

    .filters-container .filter ul {
      margin: 0;
      padding: 0;
    }

      .filters-container .filter li {
        display: inline-block;
        margin: 0 5px 12.5px;
      }

        .filters-container .filter li button.filter-trigger {
          /* padding: 10px 15px; */
          padding: 6px 13px 7px;
          border: none;
          margin: 0;
          box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
          border-radius: 5px;
          font-size: 0.9375em;
          background-color: #fff;
          color: var(--c-main);
        }

        .filters-container .filter li button.filter-trigger.selected,
        .filters-container .filter li button.filter-trigger:hover {
          background-color: var(--c-main);
          color: #fff;
        }

  .reset-filter {
      text-align: center;
      margin: calc( 1 * var(--spacer) ) 0;
  }




/* ------------- meta ------------- */
.meta {

}

.meta-date {
  font-size: 16px;
  font-weight: 200;
}

.meta-close {}

.meta-buttons {}

  .meta-buttons .btn {
    margin-right: 10px;
  }

.meta-load-ajax {
  text-align: center;
}



/* ------------- loop-posts ------------- */
.loop-posts {}

  .loop-posts article {
    margin-bottom: calc( 2 * var(--spacer) );
  }

    .loop-posts article figure {

    }

      .loop-posts article figure a {
        display: block;
      }

        .loop-posts article figure a img {
          /* max-width: 256px; */
        }



    .loop-posts article .post-title {
      font-size: 1.5rem;
      font-weight: 400;
      margin-bottom: calc(0.75 * var(--spacer) );
      margin-top: calc(0.5 * var(--spacer) );
    }

      .loop-posts article .post-title a {
        color: var(--c-main);
      }

    .loop-posts article .entry-excerpt {
      margin-bottom: calc( 1.5 * var(--spacer) );
      font-size: 1rem;
    }

    .loop-posts article .meta-date {

    }


/* ------------- single-post ------------- */
.single {

}

  .single article .post-title {
    /* font-size: 2.875rem; */
    font-weight: 700;
    /* color: var(--c-main); */
    margin-bottom: calc(0.75 * var(--spacer) );
    margin-top: calc(0.5 * var(--spacer) );
  }

    .single article main {

    }

      .single article main p:last-child,
      .single article main ul:last-child,
      .single article main ol:last-child {
        margin-bottom: 0;
      }

  .single article aside {
    margin-top: calc(2 * var(--spacer) );
    margin-bottom: calc(0.75 * var(--spacer) );
  }

    .single article aside .post-link-wrapper {
      margin-bottom: calc(0.75 * var(--spacer) );
    }

/* ------------- single-post-ajax AJAX version in modal window ------------- */
.single-post-ajax {
  display: none;
  position: fixed;
  overflow-y: auto !important;
  z-index: 10;
  top: 0; left: 0;
  padding-bottom: 40px;
  width: 100vw; height: 100vh;
  background-color: rgba(255,255,255,.95);
}

  .single-post-ajax .container {
    max-width: 573px;

  }

    .single-post-ajax article.type-post {
      margin-top: calc(3 * var(--spacer) );

    }

      .single-post-ajax .post-title {
        font-size: 40px;
        margin: calc(1 * var(--spacer) ) 0 calc(1.5 * var(--spacer) );
      }

      .single-post-ajax .thumbnail {}

        .single-post-ajax .thumbnail img {
          width: 100%;
        }

      .single-post-ajax .entry-container {}

      .single-post-ajax .meta-date {}

      .single-post-ajax .meta-close {
        position: relative;
        width: 100%;
        text-align: center;
      }

        .single-post-ajax .meta-close.meta-close-icon {
          text-align: right;
          top: -10px;
          right: -13px;
        }

/* ------------- page ------------- */
.page-header {
  max-width: 900px;
  margin-top: 60px;
  /* margin: 0 auto; */
}

.page-title {}


/* ------------- archive-program | loop-program ------------- */
.programs-loop-wrapper .type-program {
  margin: calc(1 * var(--spacer)) 0;
  color: var(--c-grey-neutral);
}

  .type-program {}

    .type-program a.entry-container {
      display: block;
      padding: calc(1 * var(--spacer)) calc(2 * var(--spacer));
      color: var(--c-grey-neutral);
      background-color: #fff;
      background-image: url('images/border-pattern-default.svg');
      background-repeat: repeat-x;
      background-position: top left;
      background-size: 18px 8px;
    }

    .type-program a.entry-container:hover {
      text-decoration: none;
      background-color: rgba(255, 255, 255,.6);
    }

  .type-program .program-title {

  }

  .type-program .program-anotace {
    /* padding-right: calc(2 * var(--spacer)); */
    margin-bottom: calc(.5 * var(--spacer));
  }

  .type-program .program-addinfo {
    /* padding-left: calc(2 * var(--spacer)); */
    margin-bottom: calc(.5 * var(--spacer));
  }

  .type-program dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }

    .type-program dt,
    .type-program dd {
      width: 50%;
      flex-grow: 1;
      margin: 0;
      color: var(--c-black);
    }

    .type-program dd {
      color: var(--c-main);
    }

    .type-program .post-tag {
      margin-top: calc(.5 * var(--spacer));
      text-transform: lowercase;
    }



    .type-program.fakulta-fakulta-strojniho-inzenyrstvi a.entry-container {
      background-image: url('images/border-pattern-fsi.svg');
    }

    .type-program.fakulta-fakulta-zivotniho-prostredi a.entry-container,
    .type-program.fakulta-faculty-of-environment a.entry-container {
      background-image: url('images/border-pattern-fzp.svg');
    }

    .type-program.fakulta-fakulta-umeni-a-designu a.entry-container,
    .type-program.fakulta-faculty-of-art-and-design a.entry-container {
      background-image: url('images/border-pattern-fud.svg');
    }

    .type-program.fakulta-filozoficka-fakulta a.entry-container,
    .type-program.fakulta-faculty-of-arts a.entry-container {
      background-image: url('images/border-pattern-ff.svg');
    }

    .type-program.fakulta-fakulta-zdravotnickych-studii a.entry-container {
      background-image: url('images/border-pattern-fzs.svg');
    }

    .type-program.fakulta-prirodovedecka-fakulta a.entry-container,
    .type-program.fakulta-faculty-of-science a.entry-container {
      background-image: url('images/border-pattern-prf.svg');
    }

    .type-program.fakulta-pedagogicka-fakulta a.entry-container,
    .type-program.fakulta-faculty-of-education a.entry-container {
      background-image: url('images/border-pattern-pf.svg');
    }

    .type-program.fakulta-fakulta-socialne-ekonomicka a.entry-container,
    .type-program.fakulta-faculty-of-social-and-economic-studies a.entry-container {
      background-image: url('images/border-pattern-fse.svg');
    }


/* ------------- single-program ------------- */
.single-program {}

  .single-program .type-program header,
  .single-program .program-info {
    max-width: 900px;
    margin: 0 auto;
  }

  .single-program .program-thumbnail {
    width: 100%;
    /* height: calc(.6667 * 100vh); */
    max-height: 600px;
    overflow: hidden;
    position: relative;
    padding-top: 55.5556%;
    margin-bottom: calc(1 * var(--spacer));
  }

    .single-program .program-thumbnail img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      object-fit: cover;
      object-position: center;
    }

    .single-program .wpa9-image-slider {
      margin-top: calc(2 * var(--spacer));
    }



/* ------------- single-alumni ------------- */
.single-alumni {}

  .single-alumni .page-header-banner {
    background-color: var(--c-grey-light);
  }

  .single-alumni .entry-content {
    padding: calc(1.5 * var(--spacer)) 0;
    max-width: 920px;
  }

  .single-alumni .page-header-banner .col-left {
    background-image: url('images/header-bg-op20.png');
  }

  .single-alumni .post-title {
    margin-bottom: calc(0.25 * var(--spacer) ) !important;
  }

  .single-alumni .person-department {
    font-size: 1em;
    padding-left: 10px
  }

  .single-alumni .c-layout-fsi .person-department { color: var(--c-fsi); }
  .single-alumni .c-layout-fzp .person-department { color: var(--c-fzp); }
  .single-alumni .c-layout-fud .person-department { color: var(--c-fud); }
  .single-alumni .c-layout-ff .person-department { color: var(--c-ff); }
  .single-alumni .c-layout-fzs .person-department { color: var(--c-fzs); }
  .single-alumni .c-layout-prf .person-department { color: var(--c-prf); }
  .single-alumni .c-layout-pf .person-department { color: var(--c-pf); }
  .single-alumni .c-layout-fse .person-department { color: var(--c-fse); }

  .single-alumni .c-layout-fsi .person-department::before { background-color: var(--c-fsi); }
  .single-alumni .c-layout-fzp .person-department::before { background-color: var(--c-fzp); }
  .single-alumni .c-layout-fud .person-department::before { background-color: var(--c-fud); }
  .single-alumni .c-layout-ff .person-department::before { background-color: var(--c-ff); }
  .single-alumni .c-layout-fzs .person-department::before { background-color: var(--c-fzs); }
  .single-alumni .c-layout-prf .person-department::before { background-color: var(--c-prf); }
  .single-alumni .c-layout-pf .person-department::before { background-color: var(--c-pf); }
  .single-alumni .c-layout-fse .person-department::before { background-color: var(--c-fse); }

  .single-alumni .person-department::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 12px;
    position: relative;
    right: 10px;
    top: 1.5px;
    background-color: red;
    -webkit-mask: url('images/slant-line-logo.svg') no-repeat right;
    -webkit-mask-size: 15px 12px;
    mask: url('images/slant-line-logo.svg') no-repeat center;
    mask-size: 15px 12px;
  }



/* ------------- footer ------------- */
footer {
  background-color: #000;
  color: #fff;
  padding: 44px 0;
}

  footer * {
    color: #e5e5e5;
  }

  footer a {
    border-bottom: 1px solid transparent
  }

  footer a:hover {
    color: #fff;
  }

  footer a:hover {
    border-bottom: 1px solid #999;
    text-decoration: none;
  }

  footer .site-title,
  footer .site-title:hover {
    border: none;
    text-decoration: none;
  }

  footer h5 {
    margin-bottom: 25px;
  }

  footer .navbar-nav li {
    padding-left: 0;
  }

  footer .soc-net {
    display: block;
    text-align: left;
  }

    footer .soc-net li {
      display: inline-block;
      margin-right: 15px;
      opacity: .9;
    }

      footer .soc-net li a {
        width: 36px; height: 36px;
        display: inline-block;
        padding: 0;
        position: relative;
        z-index: 2;
      }

      footer .soc-net li:hover {
        opacity: 1
      }

      footer .soc-net li a:hover {
        border: none;
      }

        footer .soc-net li a span {
          display: none;
        }


      footer .soc-net li.icon-facebook,
      footer .soc-net li.icon-tiktok {
        /* width: 20px; */
      }

      footer .row .col-12 {
        margin-bottom: calc(1 * var(--spacer));
      }

      footer .row .col-12:last-of-type {
        margin-bottom: 0;
      }




/*************************************
 + Page templates
*************************************/

/* ------------- pt_konfigurator ------------- */
.page-template-pt_konfigurator {}

  .page-template-pt_konfigurator .site-content {
    padding: 0 0 calc(2 * var(--spacer)) 0;
    background-image: url('images/campus-0055.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }



.logo-hp-hero {}

  .logo-hp-hero img {
    max-width: 200px !important;
  }




/*************************************
 + SOW Widgets
*************************************/


/* ------------- general ------------- */
.wpa9-width-full {
  width: 100%;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}


/* ------------- custom row setting ------------- */
.panel-row-style-bordered {
  position: relative;
  flex-wrap: wrap !important;
}

  .panel-row-style-bordered::before,
  .panel-row-style-bordered::after {
    content: '';
    display: block;
    width: 100%;
    flex-basis: 100%;
    height: 8px;

    position: absolute;
    left: 0;

    background-image: url('images/border-pattern-light.svg');
    background-repeat: repeat-x;
  }

  .panel-row-style-bordered::before {
    top: -8px;
  }

  .panel-row-style-bordered::after {
    bottom: -8px;
  }

  .siteorigin-panels-stretch.panel-row-style-bordered::before,
  .siteorigin-panels-stretch.panel-row-style-bordered::after {
    width: 100vw;
  }

  .panel-row-padding-small {
    padding: calc(.5 * var(--spacer)) 0;
  }

  .panel-row-padding-normal {
    padding: calc(1 * var(--spacer)) 0;
  }

  .panel-row-padding-big {
    padding: calc(1.5 * var(--spacer)) 0;
  }

/* ------------- sow-editor ------------- */
.so-widget-sow-editor {

}

.widget_sow-editor.width-narrow,
.panel-row-width-narrow {
  max-width: 900px;
  margin: 0 auto;
}

.panel-row-width-super-narrow {
  max-width: 600px;
  margin: 0 auto;
}

/* ------------- sow-image-container ------------- */
.sow-image-container {
  /* margin-bottom: var(--spacer); */
}


/* ------------- sow-image ------------- */
.so-widget-image {
  width: 100%;
  height: 100%;
}

/* ------------- sow-video ------------- */
.sow-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

  .sow-video-wrapper iframe,
  .sow-video-wrapper object,
  .sow-video-wrapper embed,
  .sow-video-wrapper video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }


/* ------------- wpa9-carousel ------------- */
.wpa9-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

  .wpa9-carousel.wpa9-width-full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50vw;
    overflow: hidden;
  }

  .wpa9-carousel.wpa9-width-full .carousel {
    /* max-width: 1320px;
    margin: 0 auto; */
  }

    .wpa9-carousel.wpa9-width-full .carousel .panel-grid {
      -webkit-align-items: center !important;
      align-items: center !important;
      max-height: 440px;
      margin-bottom: 0;
    }

    .wpa9-carousel.wpa9-width-full .carousel .panel-grid-cell {
      padding: 0;
    }

      .wpa9-carousel-item-content .panel-layout .panel-grid .panel-grid-cell:first-child {
        /* margin-left: calc(calc(50vw) - 360px); */
        max-width: calc(50vw - calc(calc(50vw) - 360px));
      }

  .wpa9-carousel .carousel-caption {
    color: #000;
  }


  .wpa9-carousel-ext {}

    .wpa9-carousel-ext .carousel-inner .carousel-item .wpa9-carousel-item-content {

    }


  @media only screen
  and (min-width : 768px) {

    .wpa9-carousel.wpa9-width-full .carousel .panel-grid {
      /* max-height: 700px; */
    }

    .wpa9-carousel-item-content .panel-layout .panel-grid .panel-grid-cell:first-child {
      /* margin-left: calc(calc(50vw) - 360px);
      max-width: calc(50vw - calc(calc(50vw) - 360px)); */
    }

  }

  @media only screen
  and (min-width : 992px) {

    .wpa9-carousel.wpa9-width-full .carousel .panel-grid {
      /* max-height: 440px; */
    }

    .wpa9-carousel-item-content .panel-layout .panel-grid .panel-grid-cell:first-child {
      /* margin-left: calc(calc(50vw) - 480px); */
      max-width: calc(50vw - calc(calc(50vw) - 480px));
    }

  }

  @media only screen
  and (min-width : 1200px) {

    .wpa9-carousel.wpa9-width-full .carousel .panel-grid {
      max-height: 700px;
    }

    .wpa9-carousel-item-content .panel-layout .panel-grid .panel-grid-cell:first-child {
      /* margin-left: calc(calc(50vw) - 570px); */
      max-width: calc(50vw - calc(calc(50vw) - 570px));
    }

  }

  @media only screen
  and (min-width : 1400px) {

    .wpa9-carousel.wpa9-width-full .carousel .panel-grid {
      max-height: 700px;
    }

    .wpa9-carousel-item-content .panel-layout .panel-grid .panel-grid-cell:first-child {
      /* margin-left: calc(calc(50vw) - 660px); */
      max-width: calc(50vw - calc(calc(50vw) - 660px));
    }

  }




/* ------------- wpa9-headline ------------- */
.wpa9-headline-container {
  /* text-align: center; */
}


  .wpa9-headline {
    margin: 0 0 calc(1 * var(--spacer)) 0;
  }

    h1.wpa9-headline {
      /* padding: calc(.5 * var(--spacer) ); */
    }

    h2.wpa9-headline {
      /* border-bottom: 5px solid var(--c-purple);
      padding: calc(.5 * var(--spacer) ); */
    }

    .wpa9-headline-subheadline {
      font-size: 1.25em;
      font-weight: 700;
      width: 80%;
      margin: 0 auto;
    }



/* ------------- wpa9-accordion ------------- */
body .wpa9-accordion {}

  body .wpa9-accordion-panel {
    padding: 0;
    margin-bottom: calc(.5 * var(--spacer) );
    border: 1px solid #ccc;
  }

  body .wpa9-accordion-icon {
    order: 2
  }

    .wpa9-accordion-panel.c-layout-fsi {
      background-color: rgba(var(--c-fsi-rgba), 0.15);
    }

    .wpa9-accordion-panel.c-layout-fzp {
      background-color: rgba(var(--c-fzp-rgba), 0.15);
    }

    .wpa9-accordion-panel.c-layout-fud {
      background-color: rgba(var(--c-fud-rgba), 0.15);
    }

    .wpa9-accordion-panel.c-layout-ff {
      background-color: rgba(var(--c-ff-rgba), 0.15);
    }

    .wpa9-accordion-panel.c-layout-fzs {
      background-color: rgba(var(--c-fzs-rgba), 0.15);
    }

    .wpa9-accordion-panel.c-layout-prf {
      background-color: rgba(var(--c-prf-rgba), 0.15);
    }

    .wpa9-accordion-panel.c-layout-pf {
      background-color: rgba(var(--c-pf-rgba), 0.15);
    }

    .wpa9-accordion-panel.c-layout-fse {
      background-color: rgba(var(--c-fse-rgba), 0.15);
    }

    body .wpa9-accordion-toggler:hover {
      background-color: #e6e6e6;
    }

      .wpa9-accordion-panel.c-layout-fsi .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-fsi-rgba), .3);
      }

      .wpa9-accordion-panel.c-layout-fzp .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-fzp-rgba), .3);
      }

      .wpa9-accordion-panel.c-layout-fud .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-fud-rgba), .3);
      }

      .wpa9-accordion-panel.c-layout-ff .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-ff-rgba), .3);
      }

      .wpa9-accordion-panel.c-layout-fzs .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-fzs-rgba), .3);
      }

      .wpa9-accordion-panel.c-layout-prf .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-prf-rgba), .3);
      }

      .wpa9-accordion-panel.c-layout-pf .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-pf-rgba), .3);
      }

      .wpa9-accordion-panel.c-layout-fse .wpa9-accordion-toggler:hover {
        background-color: rgba(var(--c-fse-rgba), .3);
      }



  body .wpa9-accordion-toggler .wpa9-accordion-title {
    order: 1;
    margin: 0;
    padding: calc(.75 * var(--spacer) ) calc(.75 * var(--spacer) );
  }

  body .wpa9-accordion-content {
    margin: 0;
    padding: calc(.75 * var(--spacer) ) calc(.75 * var(--spacer) );
    background-color: #f6f6f6;
  }

  body .wpa9-accordion-icon {
    width: 15px; height: 15px;
  }

  body .wpa9-accordion-icon-open {
    background-image: url('images/accordion-open.svg');
  }

  body .wpa9-accordion-icon-close {
    background-image: url('images/accordion-close.svg');
  }


/* ------------- wpa9-features ------------- */
.wpa9-features {

}

	.wpa9-features-container {
	}

	.wpa9-features-container .wpa9-features-panel {
		border: 2px solid;
    /* background-color: #e9e2008c; */
    text-align: center;
    display: flex;
    align-items: center;
	}

    .wpa9-features-container .wpa9-features-panel .wpa9-feature-title {
      margin: 0
    }



/* ------------- wpa9-buttons-group-wrapper ------------- */
.wpa9-buttons-group-wrapper {
  padding: 0;
}

  .wpa9-buttons-group-wrapper.c-layout-light .btn {

  }

    .wpa9-buttons-group-wrapper.c-layout-light .btn:hover {

    }

  .wpa9-buttons-group-wrapper.c-layout-dark .btn {

  }

    .wpa9-buttons-group-wrapper.c-layout-dark .btn-hover {

    }




/* ------------- sow-contact-form ------------- */
.so-widget-sow-contact-form {}

  .so-widget-sow-contact-form .sow-contact-form {
    background-color: transparent;
    border: none;
    padding: calc(1 * var(--spacer));
  }

    .so-widget-sow-contact-form .sow-contact-form label {
      font-weight: 700;
      font-size: 1rem;
    }

    .so-widget-sow-contact-form .sow-contact-form .sow-field-container input {
      font-weight: 400;
      font-size: 1rem;
      padding: 9px 14px;
      color: #808080;
    }

    .sow-contact-form .sow-submit-wrapper {
      text-align: center;
    }

      .sow-contact-form .sow-submit-wrapper input {
        /* margin-left: 130px; */
      }




/* ------------- wpa-list ------------- */
.wpa9-list {
  max-width: 900px;
  margin: 0 auto;
}

/* ------------- wpa-cta ------------- */
.wpa9-cta {
  position: relative;
  margin: calc(.25 * var(--spacer)) 0;
}

  .wpa9-cta .bg-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
    opacity: .15;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: luminosity;
  }

  .wpa9-cta-simple .wpa9-cta-wrapper {
    /* min-height: 340px !important; */
    position: relative;
    z-index: 2;
  }

  .wpa9-cta-simple {
    padding: calc(1.5 * var(--spacer)) calc(1 * var(--spacer)) !important;
  }

    .bg-light,
    .wpa9-cta-simple.bg-light,
    .wpa9-list-item.bg-light .col-header > div {
      background-color: var(--c-grey-light)
    }

    .bg-dark,
    .wpa9-cta-simple.c-layout-dark,
    .wpa9-cta-simple.bg-dark,
    .wpa9-list-item.bg-dark .col-header > div {
      background-color: var(--c-grey-dark)
    }

      .wpa9-cta-simple.c-layout-dark .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-dark .wpa9-cta-content * {
        color: #fff;
      }

    .bg-fsi,
    .wpa9-cta-simple.c-layout-fsi,
    .wpa9-list-item.c-layout-fsi .col-header > div {
      background-color: var(--c-fsi);
    }

      .wpa9-cta-simple.c-layout-fsi .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-fsi .wpa9-cta-content *,
      .wpa9-cta-simple.c-layout-fsi .btn-light-transparent {
        color: #fff;
      }

      .wpa9-cta-simple.c-layout-fsi .btn-light-transparent:hover {
        color: var(--c-main);
      }

    .bg-fzp,
    .wpa9-cta-simple.c-layout-fzp,
    .wpa9-list-item.c-layout-fzp .col-header > div {
      background-color: var(--c-fzp);
    }

      .wpa9-cta-simple.c-layout-fzp .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-fzp .wpa9-cta-content *,
      .wpa9-cta-simple.c-layout-fzp .btn-light-transparent {
        color: #fff;
      }

      .wpa9-cta-simple.c-layout-fzp .btn-light-transparent:hover {
        color: var(--c-main);
      }

    .bg-fud,
    .wpa9-cta-simple.c-layout-fud,
    .wpa9-list-item.c-layout-fud .col-header > div {
      background-color: var(--c-fud);
    }

    .bg-ff,
    .wpa9-cta-simple.c-layout-ff,
    .wpa9-list-item.c-layout-ff .col-header > div {
      background-color: var(--c-ff);
    }

      .wpa9-cta-simple.c-layout-ff .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-ff .wpa9-cta-content * {
        color: #fff;
      }

    .bg-fzs,
    .wpa9-cta-simple.c-layout-fzs,
    .wpa9-list-item.c-layout-fzs .col-header > div {
      background-color: var(--c-fzs);
    }

      .wpa9-cta-simple.c-layout-fzs .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-fzs .wpa9-cta-content *,
      .wpa9-cta-simple.c-layout-fzs .btn-light-transparent {
        color: #fff;
      }

      .wpa9-cta-simple.c-layout-fzs .btn-light-transparent:hover {
        color: var(--c-main);
      }

    .bg-prf,
    .wpa9-cta-simple.c-layout-prf,
    .wpa9-list-item.c-layout-prf .col-header > div {
      background-color: var(--c-prf);
    }

      .wpa9-cta-simple.c-layout-prf .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-prf .wpa9-cta-content *,
      .wpa9-cta-simple.c-layout-prf .btn-light-transparent {
        color: #fff;
      }

      .wpa9-cta-simple.c-layout-prf .btn-light-transparent:hover {
        color: var(--c-main);
      }

    .bg-pf,
    .wpa9-cta-simple.c-layout-pf,
    .wpa9-list-item.c-layout-pf .col-header > div {
      background-color: var(--c-pf);
    }

      .wpa9-cta-simple.c-layout-pf .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-pf .wpa9-cta-content *,
      .wpa9-cta-simple.c-layout-pf .btn-light-transparent {
        color: #fff;
      }

      .wpa9-cta-simple.c-layout-pf .btn-light-transparent:hover {
        color: var(--c-main);
      }

    .bg-fse,
    .wpa9-cta-simple.c-layout-fse,
    .wpa9-list-item.c-layout-fse .col-header > div {
      background-color: var(--c-fse);
    }

      .wpa9-cta-simple.c-layout-fse .wpa9-cta-title,
      .wpa9-cta-simple.c-layout-fse .wpa9-cta-content *,
      .wpa9-cta-simple.c-layout-fse .btn-light-transparent {
        color: #fff;
      }

      .wpa9-cta-simple.c-layout-fse .btn-light-transparent:hover {
        color: var(--c-main);
      }

    .wpa9-cta-simple .wpa9-cta-title span {
      /* border-bottom: 5px solid var(--c-purple);
      padding: calc(.5 * var(--spacer) );
      display: inline-block; */
    }




/* ------------- wpa-content ------------- */
.wpa9-content {
  padding: calc(1.5 * var(--spacer) ) 0;
}

  .wpa9-content-text {
    margin-bottom: calc(1.5 * var(--spacer) );
  }

    .wpa9-content-content {
      padding: 0 calc(1.3333 * var(--spacer) ) 0 0;
      /* color: var(--c-grey-neutral); */
    }

      .wpa9-content-content p:last-of-type {
        margin-bottom: 0;
        padding-bottom: 7.5px;
      }

    .wpa9-content-content.style-line {
      border-left: 1px solid #ccc;
      padding: 0 calc(.25 * var(--spacer) ) 0 calc(1 * var(--spacer) );
      color: var(--c-grey-neutral);
    }

    .wpa9-content-text.no-image {
      margin-left: 0;
    }

      .wpa9-content-image {
        height: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;

        margin-top: calc(1.5 * var(--spacer) );
      }

        .wpa9-content .wpa9-content-image img {
          height: 100%;
          width: 100%;
        }

      .wpa9-content-text.no-image .wpa9-content-content.style-none {
        border-left: none;
        padding: 0;
      }

  @media only screen
  and (min-width : 992px) {

    .wpa9-content-text {
      padding-right: calc(2 * var(--spacer) );
      padding-left: calc(1 * var(--spacer) );
    }

    .wpa9-content-text.order-2 {
      padding-right: calc(1 * var(--spacer) );
      padding-left: calc(2 * var(--spacer) );
    }

  }



/* ------------- wpa9-content-list ------------- */
.wpa9-content-list-wrapper {
  background-image: url('images/slant-line-logo.svg');
  background-size: 221px 173px;
  background-repeat: no-repeat;
  background-position: left 25% top 0;
  padding: 45px 15px 15px;
}



/* ------------- wpa9-cta-box-ext ------------- */
.wpa9-cta-box-ext {}

  .wpa9-cta-box-ext-header {
    text-align: center;
    margin-bottom: calc(1.5 * var(--spacer) );
  }

    .wpa9-cta-box-ext-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

      .advantage-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* flex: 0 0 100%; */
        /* width: 100%; */
        width: 90%;
        max-width: 290px;
        margin: 10px auto;
        text-align: center;
        background-color: rgba(0,0,0,.6);
        padding: 60px 15px 60px 15px;
        border-top: 1px solid #fff;
      }

        .advantage-section .icon {
          width: 50px;
          height: 50px;
          margin-bottom: 10px;
          /* margin-right: 20px; */
        }

        .advantage-section h5 {
          margin-bottom: 0px;
        }

        .advantage-section h6 {
          display: inline-block;
          font-weight: 400;
          font-family: 'Topol Regular', serif;

        }

      .counter-section {}



  .wpa9-cta-box-ext.c-layout-dark {}

    .wpa9-cta-box-ext.c-layout-dark .wpa9-cta-box-ext-header * {
      color: #fff;
    }

    .wpa9-cta-box-ext.c-layout-dark .advantage-section h5 {
      color: #fff;
    }

    .wpa9-cta-box-ext.c-layout-dark .advantage-section h6 {
      color: #999;
    }



/* ------------- wpa9-testimonial ------------- */
.wpa9-testimonials {
  padding: calc(1.5 * var(--spacer) ) 0;
}

  .wpa9-testimonials-widget-header {
    margin-bottom: calc(2 * var(--spacer) );
  }

  .wpa9-testimonials-title {
    text-align: center;

  }

  .wpa9-testimonial {}

    .wpa9-testimonial .col-text {
      width: 100%;
      padding: 0 calc(.5 * var(--spacer) );
      order: 2;
    }

      .wpa9-testimonial-text-symbol {
        font-size: 4rem;
        color: var(--c-main);

      }

      .wpa9-testimonial-text {
        margin-bottom: calc(1 * var(--spacer) );
        color: var(--c-grey-neutral);
        font-size: 1.125em;
      }

      .wpa9-testimonial-name-wrapper {
        text-align: right;
      }

        .wpa9-testimonial-location {
          font-size: 0.75rem;
          font-weight: 700;
          line-height: 1.3;
          letter-spacing: .015625rem; /* .25px */
        }

        .wpa9-testimonial-location::before {
          content: '';
          display: inline-block;
          width: 15px;
          height: 12px;
          position: relative;
          right: 10px;
          top: 1.5px;

          background-color: red;
          -webkit-mask: url('images/slant-line-logo.svg') no-repeat right;
          -webkit-mask-size: 15px 12px;
          mask: url('images/slant-line-logo.svg') no-repeat center;
          mask-size: 15px 12px;
        }

        .c-layout-fsi .wpa9-testimonial-location { color: var(--c-fsi); }
        .c-layout-fzp .wpa9-testimonial-location { color: var(--c-fzp); }
        .c-layout-fud .wpa9-testimonial-location { color: var(--c-fud); }
        .c-layout-ff .wpa9-testimonial-location { color: var(--c-ff); }
        .c-layout-fzs .wpa9-testimonial-location { color: var(--c-fzs); }
        .c-layout-prf .wpa9-testimonial-location { color: var(--c-prf); }
        .c-layout-pf .wpa9-testimonial-location { color: var(--c-pf); }
        .c-layout-fse .wpa9-testimonial-location { color: var(--c-fse); }

        .c-layout-fsi .wpa9-testimonial-location::before { background-color: var(--c-fsi); }
        .c-layout-fzp .wpa9-testimonial-location::before { background-color: var(--c-fzp); }
        .c-layout-fud .wpa9-testimonial-location::before { background-color: var(--c-fud); }
        .c-layout-ff .wpa9-testimonial-location::before { background-color: var(--c-ff); }
        .c-layout-fzs .wpa9-testimonial-location::before { background-color: var(--c-fzs); }
        .c-layout-prf .wpa9-testimonial-location::before { background-color: var(--c-prf); }
        .c-layout-pf .wpa9-testimonial-location::before { background-color: var(--c-pf); }
        .c-layout-fse .wpa9-testimonial-location::before { background-color: var(--c-fse); }

        .wpa9-testimonial-name {
          margin: 0;
          line-height: 1.3;
        }

        .wpa9-testimonial-position {
          margin: 0;
          color: var(--c-grey-neutral);
          font-size: 1.125em;
        }

    .wpa9-testimonial .col-image {
      margin: 0 auto 30px;
      width: 100%;
      max-width: 215px;
      order: 1;
    }

  .wpa9-testimonial-image {
    display: block;
    max-width: 350px;
    width: 100%;
  }

    .wpa9-testimonial-image figure {
      margin: 0;
      display: block;
      width: 100%;
    }

    .wpa9-testimonial-image img {}



/* ------------- wpa9-image-slider ------------- */
    .wpa9-image-slider-image {
      display: block;
      max-width: 576px;
      width: 100%;
      margin-right: 15px;
    }

      .wpa9-image-slider-image figure {
        margin: 0;
        display: block;
        width: 100%;
      }


/* ------------- wpa9-icon ------------- */
.wpa9.icon {
  display: inline-block;
}



/* ------------- wpa9-divider ------------- */
.wpa9-divider {
  height: 8px !important;
  border: none;
  background-position: center;
}

  .wpa9-divider.border-unisev {
    background-image: url('images/border-pattern-default.svg');
    background-color: transparent;
  }

    .wpa9-divider.border-unisev.c-layout-light { background-image: url('images/border-pattern-light.svg') }

    .wpa9-divider.border-unisev.c-layout-fsi { background-image: url('images/border-pattern-fsi.svg') }
    .wpa9-divider.border-unisev.c-layout-fzp { background-image: url('images/border-pattern-fzp.svg') }
    .wpa9-divider.border-unisev.c-layout-fud { background-image: url('images/border-pattern-fud.svg') }
    .wpa9-divider.border-unisev.c-layout-ff { background-image: url('images/border-pattern-ff.svg') }
    .wpa9-divider.border-unisev.c-layout-fzs { background-image: url('images/border-pattern-fzs.svg') }
    .wpa9-divider.border-unisev.c-layout-prf { background-image: url('images/border-pattern-prf.svg') }
    .wpa9-divider.border-unisev.c-layout-pf { background-image: url('images/border-pattern-pf.svg') }
    .wpa9-divider.border-unisev.c-layout-fse { background-image: url('images/border-pattern-fse.svg') }




/* ------------- wpa9-calendar-le ------------- */
.wpa9-calendar-le {}

  .wpa9-calendar-le .wpa9-calendar-le-title,
  .wpa9-calendar-le .perex {
    width: 100%;
  }

  .wpa9-calendar-le .item-text {
    color: var(--c-grey-neutral);
  }

  .wpa9-calendar-le-item .item-thumbnail-image {
    /* background-color: #e6e6e6; */
  }

  .wpa9-calendar-le-item a.btn {
    display: inline-block;
    width: 74px;
    height: 28px;

    background: none;
    border: none;
    padding: 0 0 16px;
    margin: 0;

    background-image: url('images/icon-show-more.svg');
    background-repeat: no-repeat;
    background-size: 64px 18px;
    background-position: left center;
  }

    .wpa9-calendar-le-item a.btn:hover {
      background-image: url('images/icon-show-more-hover.svg');
      text-decoration: none;
      cursor: pointer;
    }



    .wpa9-calendar-le-item a.btn span {
      display: none;
    }




/* ------------- unisev-alumni ------------- */
.loop-alumni .unisev-alumni-item:hover {
  background-color: #eee;
}

  .unisev-alumni-item {}

    .unisev-alumni-item > a *,
    .unisev-alumni-item > a:hover {
      text-decoration: none !important;
      border: none;
      color: var(--c-black)
    }



  .unisev-alumni-item .btn {
    display: inline-block;
    width: 74px;
    height: 28px;
    background: none;
    border: none;
    padding: 0 0 16px;
    margin: 0;
    background-image: url('images/icon-show-more.svg');
    background-repeat: no-repeat;
    background-size: 64px 18px;
    background-position: left center;
  }

  .unisev-alumni-item .btn:hover {
    background-image: url('images/icon-show-more-hover.svg');
  }

  .unisev-alumni-item .btn span {
    display: none;
  }

  .unisev-alumni-item .item-headline::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 12px;
    position: relative;
    right: 10px;
    top: 1.5px;
    background-color: red;
    -webkit-mask: url('images/slant-line-logo.svg') no-repeat right;
    -webkit-mask-size: 15px 12px;
    mask: url('images/slant-line-logo.svg') no-repeat center;
    mask-size: 15px 12px;
  }

  .c-layout-fsi.unisev-alumni-item .item-headline { color: var(--c-fsi); }
  .c-layout-fzp.unisev-alumni-item .item-headline { color: var(--c-fzp); }
  .c-layout-fud.unisev-alumni-item .item-headline { color: var(--c-fud); }
  .c-layout-ff.unisev-alumni-item .item-headline { color: var(--c-ff); }
  .c-layout-fzs.unisev-alumni-item .item-headline { color: var(--c-fzs); }
  .c-layout-prf.unisev-alumni-item .item-headline { color: var(--c-prf); }
  .c-layout-pf.unisev-alumni-item .item-headline { color: var(--c-pf); }
  .c-layout-fse.unisev-alumni-item .item-headline { color: var(--c-fse); }

  .c-layout-fsi.unisev-alumni-item .item-headline::before { background-color: var(--c-fsi); }
  .c-layout-fzp.unisev-alumni-item .item-headline::before { background-color: var(--c-fzp); }
  .c-layout-fud.unisev-alumni-item .item-headline::before { background-color: var(--c-fud); }
  .c-layout-ff.unisev-alumni-item .item-headline::before { background-color: var(--c-ff); }
  .c-layout-fzs.unisev-alumni-item .item-headline::before { background-color: var(--c-fzs); }
  .c-layout-prf.unisev-alumni-item .item-headline::before { background-color: var(--c-prf); }
  .c-layout-pf.unisev-alumni-item .item-headline::before { background-color: var(--c-pf); }
  .c-layout-fse.unisev-alumni-item .item-headline::before { background-color: var(--c-fse); }

  .unisev-alumni-item {
    /* margin-right: 13px; */
    padding: 0 16px 16px;
    background-color: #fff;
  }

    .unisev-alumni-item .item-headline {
      font-size: 0.8125rem;
      font-weight: 700;
      line-height: 1.3;
      letter-spacing: .015625rem;
      padding-left: 10px;
      /* margin-bottom: -3px; */
    }

    .unisev-alumni-item .post-title {
      font-size: 2.125rem !important;
      line-height: 40px;
      letter-spacing: -.25px;
      margin-top: 0 !important;
    }

  .unisev-alumni-item .item-thumbnail-image {
    margin-bottom: 24px;
    margin-left: -16px;
    margin-right: -16px;
  }

    .unisev-alumni-item .item-thumbnail-image img {
      width: 100%;
      height: 100%;
    }



/* ------------- contact-faculties ------------- */
.contact-faculties {}

  .contact-faculties .contact-card {
    padding: calc(.75 * var(--spacer));
    padding-bottom: calc(1.5 * var(--spacer));
    border-top: 5px solid var(--c-grey-dark);
    background-color: #fff;
    display: block;
    margin-bottom: calc(.5 * var(--spacer));
  }

    .contact-faculties .contact-card h6 {
      min-height: 44px;
    }

    .contact-faculties .contact-card.fsi {
      border-color: var(--c-fsi);
    }

    .contact-faculties .contact-card.fud {
      border-color: var(--c-fud);
    }

    .contact-faculties .contact-card.fzp {
      border-color: var(--c-fzp);
    }

    .contact-faculties .contact-card.ff {
      border-color: var(--c-ff);
    }

    .contact-faculties .contact-card.prf {
      border-color: var(--c-prf);
    }

    .contact-faculties .contact-card.pf {
      border-color: var(--c-pf);
    }

    .contact-faculties .contact-card.fzs {
      border-color: var(--c-fzs);
    }

    .contact-faculties .contact-card.fse {
      border-color: var(--c-fse);
    }

      .contact-faculties a.contact-card:hover *,
      .contact-faculties a.contact-card.active * {
        color: #fff;
      }

      .contact-faculties a.contact-card.fsi {
        border-color: var(--c-fsi);
      }

        .contact-faculties a.contact-card.fsi:hover,
        .contact-faculties a.contact-card.fsi.active {
          background-color: var(--c-fsi);
        }

      .contact-faculties a.contact-card.fud {
        border-color: var(--c-fud);
      }

        .contact-faculties a.contact-card.fud:hover,
        .contact-faculties a.contact-card.fud.active {
          background-color: var(--c-fud);
        }

      .contact-faculties a.contact-card.fzp {
        border-color: var(--c-fzp);
      }

        .contact-faculties a.contact-card.fzp:hover,
        .contact-faculties a.contact-card.fzp.active {
          background-color: var(--c-fzp);
        }

      .contact-faculties a.contact-card.ff {
        border-color: var(--c-ff);
      }

        .contact-faculties a.contact-card.ff:hover,
        .contact-faculties a.contact-card.ff.active {
          background-color: var(--c-ff);
        }

      .contact-faculties a.contact-card.fzs {
        border-color: var(--c-fzs);
      }

        .contact-faculties a.contact-card.fzs:hover,
        .contact-faculties a.contact-card.fzs.active {
          background-color: var(--c-fzs);
        }

      .contact-faculties a.contact-card.prf {
        border-color: var(--c-prf);
      }

        .contact-faculties a.contact-card.prf:hover,
        .contact-faculties a.contact-card.prf.active {
          background-color: var(--c-prf);
        }

      .contact-faculties a.contact-card.pf {
        border-color: var(--c-pf);
      }

        .contact-faculties a.contact-card.pf:hover,
        .contact-faculties a.contact-card.pf.active {
          background-color: var(--c-pf);
        }

      .contact-faculties a.contact-card.fse {
        border-color: var(--c-fse);
      }

        .contact-faculties a.contact-card.fse:hover,
        .contact-faculties a.contact-card.fse.active {
          background-color: var(--c-fse);
        }

      .contact-faculties a.contact-card {
        background-image: url('images/icon-show-more.svg');
        background-repeat: no-repeat;
        background-size: 64px 18px;

        background-position: left 22px bottom calc(.75 * var(--spacer));
        min-height: 192.5px;
      }

      .contact-faculties a.contact-card:hover,
      .contact-faculties a.contact-card.active {
        background-image: url('images/icon-show-more-hover_white.svg');
        text-decoration: none;
        cursor: pointer;
      }







/* ------------- flickity ------------- */
.flickity-viewport {
  width: 100%;
}

.flickity-page-dots {
  bottom: 55px;
  margin: 0 !important;
  text-align: center;
}

  .flickity-page-dots .dot {
    width: 14px;
    height: 14px;
    margin: 0 3px;
  }

  .flickity-page-dots .dot.is-selected {
    background-color: var(--c-main);
  }

  .flickity-button {
    background-color: #fff;
    color: #fff;
    background-color: var(--c-main);
  }

    .flickity-button:hover {
      border: none;
      background-color: var(--c-black);
      color: #fff;
    }

    .flickity-button:disabled {
      opacity: 0;
      display: none;
    }

    .flickity-prev-next-button {
      width: 64px;
      height: 64px;
    }

      .flickity-prev-next-button .flickity-button-icon {
        left: 33%;
        top: 36%;
        width: 30%;
        height: 30%;
      }







/*************************************
 + Gravity Forms
*************************************/

/* ------------- Gravity Forms ------------- */
.gform_wrapper {
  margin: 0 auto 48px;
  width: 100%;
}

  .gform_heading * {}

    .gform_required_legend {
        display: none !important;
    }

  .gform_wrapper.gravity-theme .gsection {
    margin-top: calc(1 * var(--spacer));
  }

    .gsection_title {
      margin-bottom: calc(.125 * var(--spacer));
    }

  .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
    padding: 10px 40px 10px;
  }

  .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 1rem;
    padding: 9px 14px !important;
    border: 1px solid #808080;
  }

  .gform_wrapper input[type=checkbox],
  .gform_wrapper input[type=radio] {
    position: relative;
    top: 2px !important;
    margin-right: 6px;
    width: 16px;
    height: 16px;
  }

  .gform_wrapper.gravity-theme .gform_fields.left_label fieldset .ginput_container,
  .gform_wrapper.gravity-theme .gform_fields.right_label fieldset .ginput_container {
    clear: none;
  }

  body .gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
  body .gform_wrapper.gravity-theme .gfield_consent_description {
    color: #888;
    font-size: 0.9375em;
    line-height: 1.3;
    overflow-y: hidden;
    max-height: none;
    width: 70%;
    float: right;
    padding: 15px;
  }

  body .gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label,
  body .gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label {
    padding-right: 20px;
  }

  body .gform_wrapper.gravity-theme .description, body .gform_wrapper.gravity-theme .gfield_description,
  body .gform_wrapper.gravity-theme .gsection_description, body .gform_wrapper.gravity-theme .instruction {
    /* padding-top: 0px; */
    color: #aaa;
  }

  body .gform_confirmation_message {
    padding: 30px 30px !important;
    margin-bottom: 40px !important;
    background-color: rgba(89, 191, 56, .25);
    border: 2px solid rgba(89, 191, 56);
  }

    body .gform_confirmation_wrapper h5,
    body .gform_confirmation_wrapper p:last-child {
      margin-bottom: 0;
    }

  body .gform_validation_errors {
    padding: 20px 30px !important;
    margin-bottom: 40px !important;
  }

    body .gform_submission_error {
      font-size: 1.125em !important;
    }

    body .gform_wrapper.gravity-theme .gfield_validation_message,
    body .gform_wrapper.gravity-theme .validation_message {
      padding: 8px 16px;
      color: #c02b0a;
    }


  @media only screen and (min-width: 768px) {

    .gform_wrapper .span-4 {
      grid-column: span 4 !important;
    }

    .gform_wrapper .span-6 {
      grid-column: span 6 !important;
    }

    .gform_wrapper .span-8 {
      grid-column: span 8 !important;
    }

  }



/*************************************
 +MailChimp
*************************************/

/* ------------------ MC wrapper submit form ------------------ */
.mc-wrapper {
  background-color: #344783;
  padding: calc(2 * var(--spacer)) calc(1 * var(--spacer));
  margin-bottom: calc(1 * var(--spacer));
}

  .mc-wrapper a:hover{
    color: var(--c-secondary);
  }

  .mc-wrapper h3 {
    line-height: 1.2;
    text-align: center;
    margin-bottom: calc(.5 * var(--spacer) );
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
  }

  .mc-inner {
    padding-right: calc(.5 * var(--spacer));
    padding-left: calc(.5 * var(--spacer));
  }

  .mc-wrapper .mc-description {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 300;
    padding-top: calc(1 * var(--spacer));
    padding-left: calc(.5 * var(--spacer));
    padding-right: calc(.5 * var(--spacer));
    margin-bottom: calc(1 * var(--spacer));
  }

    .mc-field-group-email,
    .mc-field-group-submit,
    #mce-responses {
      display: block;
    }

    .mc-field-group-submit {

    }

      .mc-field-group-submit input {
        width: 280px;
      }

      .mc-field-group-email input {
        border: none;
        padding: 11px 10px;
        width: 280px;
      }

      #mce-responses {
        clear: none;
      }

    .mc-field-group-privacy {
      display: block;
      margin-top: calc(1 * var(--spacer));
      font-size: 0.9375rem;
    }

      .mc-field-group-privacy label {
        display: inline-block;
        width: auto;
      }

      .mc-field-group-privacy input {
        margin-right: calc(.25 * var(--spacer));
      }


/*************************************
 + Additional components
*************************************/

/* --- Easy Cookie Lista --- */
.cc_div {}

  .cc_div .cloud #c-inr-i {
    width: 71% !important;
  }

  .cc_div button:hover {
    border: none !important;
  }

  .cc_div .cc-link {
    border-bottom: 1px solid transparent !important;
  }

  .cc_div .cc-link:hover {
    border-bottom: 1px solid #253b48 !important;
    border-color: var(--cc-btn-primary-bg);
  }

  .so_video_bg_row,
  .so_video_bg_row .so_video_bg {
    visibility: visible;
    opacity: 1;
    width: 100vw !important;
  }


/*************************************
 + Misc
*************************************/
.hidden,
.panel-grid.panel-has-style > .panel-row-style.hidden,
.panel-grid.panel-no-style.hidden,
.panel-grid.panel-has-style > .panel-row-style.collapse:not(.show),
.panel-grid.panel-no-style.collapse:not(.show) {
  display: none;
}