/*
Theme Name: STM Ghostpresss
Theme URI: https://ghostlimited.com
Author: Nicola Whyte, David Evans & John Van Ham
Author URI: https://ghostlimited.com
Description: This theme has been written with specifically for STM.
License: This theme is the intellectual property of Ghost (Digital) Limited. It may not be resold or passed on to any third parties.
Version: 1.0
*/

@import 'css/nav.css';
@import 'css/fonts.css';

/* Basics / Typeography */
body { font-family: 'Graphik Web', serif; font-weight: 400; font-style: normal; font-stretch: normal; font-feature-settings: "liga", "kern"; color: #211433; }
a { color: #8E5AD4; }
a:hover { color: #3B85CA; }
b, strong { font-weight: 600; }
h1 { font-size: 2.3rem; margin-bottom: 1rem; }
h2 { font-size: 1.8rem; font-weight: 600; }
h3 { font-size: 1.4rem; font-weight: 500; }
h4 { font-size: 1.2rem; font-weight: 500; }
h5 { font-size: 1.1rem; font-weight: 500; }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; }
img { max-width: 100%; height: auto; }

/* Primary Colours */
.color-midnight-purple { color: #211433; }
.bk-color-midnight-purple { background-color: #211433; }
.color-lighter-purple { color: #9C66E6; }
.bk-color-lighter-purple { background-color: #9C66E6; }
.color-darker-purple { color: #8E5AD4; }
.bk-color-darker-purple { background-color: #8E5AD4; }
.color-grey { color: #ecedf1 }
.bk-color-grey { background-color: #ecedf1;}

/* Secondary Colours */
.color-sand { color:#F4D5A5; }
.bk-color-sand { background-color:#F4D5A5; }
.bk-color-sand-dark { background-color: #d2b47d; }
.bk-color-sand-darker { background-color: #9b7d50; }
.color-sky-blue { color: #5AC3FF; }
.bk-color-sky-blue { background-color: #5AC3FF; }
.bk-color-sky-blue-dark { background-color: #3b85ca; }
.bk-color-sky-blue-darker { background-color: #2e5394; }
.bk-color-turquoise { background-color: #009bb5; }
.bk-color-turquoise-dark { background-color: #007184; }
.bk-color-turquoise-darker { background-color: #05343f; }
.bk-color-pink { background-color: #ff9bd2; }
.bk-color-pink-dark { background-color: #e678a5; }
.bk-color-pink-darker { background-color: #aa4182; }
.bk-color-peach { background-color: #ff7864; }
.bk-color-peach-dark { background-color: #e64632; }
.bk-color-peach-darker { background-color: #a52819; }
.bk-color-mushroom { background-color: #b9b9a5; }
.bk-color-mushroom-dark { background-color: #919173; }
.bk-color-mushroom-darker { background-color: #696955; }
.bk-color-green { background-color: #64c86e; }
.bk-color-green-dark { background-color: #32a032; }
.bk-color-green-darker { background-color: #236e23; }

/* Color CSS classes from old theme */
.purple { color: #8E5AD4; font-weight: 300; }
.purple-cells { background-color: #8E5AD4; color: white; border: 1px solid black; }

/* Forms */
form#registration_form { border: solid 1px #211433; padding: 1rem 0.5rem; border-radius: 2px; margin-bottom: 2rem; }
label.error { color: #a52819; font-weight: normal; font-style: italic; padding-top: 2px; }
.event-reg-padd {
  position: relative;
  margin: 0;
  padding: 15px 12px;
}
.event-reg-field {
  position: relative;
  margin: 0;
  padding: 15px 12px;
  border-top: #EEEEEE solid 1px;
}
.sub-event-container {
  border-bottom: #EEEEEE solid 1px;
}
.sub-event-container:last-of-type {
  border: none;
}
.sub-event-options-container {
  display: none;
}
.ff-error .form-lbl {
	color:#a52819;
}

/* ACF Frontend Form Overrides */
ul.acf-radio-list li, ul.acf-checkbox-list li {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Tables */
.small-table { /* font-size: 90%; */ table-layout: fixed !important; width:100% !important; }
.main-content table { /*table-layout: fixed; */ width: 100% }
.main-content table td { word-wrap: break-word }
.main-content table td { vertical-align: top; padding-right:20px; padding-bottom: 5px; }

/* Buttons */
.button-container { text-align: center; }
.button, input[type='submit'] { background: #F4D5A5; color: #211433; font-weight: bold; text-decoration: none; display: inline-block; cursor: pointer; text-align: center; padding: 0.75rem 2rem 0.75rem 2rem; border: none; border-radius: 0; }
.button:hover,  input[type='submit']:hover { background: #d2b47d; color: #211433 !important; font-weight: bold; text-decoration: none; }
.btn-secondary { color: #fff; background-color: #3d85ca; font-weight: bold; text-decoration: none; display: inline-block; cursor: pointer; text-align: center; padding: 0.75rem 2rem 0.75rem 2rem; border: none; border-radius: 0; }
.btn-white-outline {
  background:  transparent;
  color: white;
  border: 1px solid #fff;
  margin-top: 10px;
}
.btn-light-purple {
  color: white;
  font-weight: bold;
  background:  #833AE6;
}
.form-btn-primary input {
  color: white !important;
  font-weight: bold !important;
  background:  #833AE6 !important;
  border: none !important; 
}
ul.styled-list-a {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
  ul.styled-list-a li{
    border-bottom: 1px solid #e5d6fa;
    list-style: none;
    padding: 10px 10px;
  }
  ul.styled-list-a li:last-child{
    border-bottom: 0px;
  }

.more-link {
  display: inline-block;
  font-weight: bold;
  font-style: italic;
  padding:3px 6px;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #2e5394;
  color: #FFF !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top:5px;
  border:0;
}
.more-link:hover {
  color:#F1F1F1 !important;
  background-color: #3b85ca;
  border:0;
}


/* Images & Alignments */
.alignleft, img.alignleft {
  display: block;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
  margin-bottom: 10px;
}
figure {
  float: right;
  width: 40%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
  margin-bottom:10px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
  margin-bottom:10px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:10px;
}
.alignleft .wp-caption-text {
  margin-right: 10px;
}
.alignright .wp-caption-text {
  margin-left: 10px;
}
.alignnone {
  display: inline-block;
}
.gallery-item img {
  margin:0 auto;
}
img.scaled {
  width: 100%;
}
.main-content img,
.content-item img {
  border:1px solid #ddd;
  padding:4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display:block;
  max-width:100%;
  height:auto
}
.main-content img.no-border,
.content-item img.no-border {
  border:0;
  padding:4px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.ecpc-placements-title {
  vertical-align: middle !important;
  width: 60%;
  font-size: 20px;
}
.main-content img, .content-item img .ecpc-placements-logo {
  border: none !important;
  /* float: right; */
}
.right-image-overlay-gradient {
  background: linear-gradient(90deg, rgba(255,255,255,0) 33%, rgba(255,255,255,1) 45%);
}



/* Content */
#page.site { min-height: 100vh; } /* Force footer to bottom of page when content is not full height */
body.admin-bar #page.site { min-height: calc(100vh - 32px); } /* Same as above but when there's an admin bar */
#content { padding-top: 75px !important; }
.site-content .container { padding-top: 2rem; padding-bottom: 4rem; }
.page-template-template-documents .documents-library-header { background-color: #007184; color: #fff; }
#breadcrumbs { color: #696955; /* Mushroom */ font-style: italic; margin-bottom: 1rem; }
.page-template-template-documents #breadcrumbs { color: #fff; }
.page-template-template-documents .documents-library-header a { color: #5AC3FF; }


/* Documents Library - Cards */
.documents-library-cards-header {
  background: #F4D5A5 url(/wp-content/uploads/dl-background.png);
  background-size: cover;
  background-position: center-center;
  background-repeat: no-repeat;
}
.document-library-card-container {
  overflow-x: visible !important;
}
.document-library-cards {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 25px 25px; 
  grid-template-areas: 
    ". . ."; 
    width:  100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
  .document-card {
    padding: 25px 25px 10px 25px;
    box-shadow: 0px 0px 5px #9f9f9f;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    min-height: 250px;
    overflow: hidden;
    position: relative;
    background: white url(/wp-content/uploads/layered-peaks-haikei.png) no-repeat;
    background-size: cover;
    background-position: bottom center;
  }
  .document-card-header {
    display: flex;
    align-items: flex-start;
  }
    .document-card-header h3 {
      width: 80%;
    }
    .document-card-header div.lock {
      width: 20%;
      display: block;
      text-align: right;
    }
  .document-card a:hover {
    color: inherit !important;
  }
    .document-card .security-cell {
      display: none;
    }
    .document-card h3 {
      margin-bottom: 20px;
    }
    .document-card p {
      padding: 0;
      margin: 0;
    }
      .document-card p:not(.card-date) em{
        font-weight: 100
      }
    .document-card p.card-date {
      color: white;
      font-size: .9em;
      margin-top: auto;
      font-weight: 500;
      padding-top: 30px;
    }
    .document-card .card-bottom-line {
      background: #9c65e6;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 110%;
      height: 10px;
      display: none;
    }
    .document-card span.doc-date {
      display:  none;
    }
    .document-library-pagination {
      width: 100%;
      padding: 10px 15px;
      margin-top:  25px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      background: #F4D5A5 url(/wp-content/uploads/dl-background.png);
      background-size: cover;
      background-position: center-center;
      background-repeat: no-repeat;
    }
      .dl-pagination-inner {

      }
      .dl-pagination-inner a.page-numbers {
        padding: 0px 8px;
      }
      .dl-pagination-inner a.page-numbers:hover {
        color: inherit !important;
      }
      .document-loader {
        position: fixed;
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255, .65);
        display: none;
      }
      .document-loader.active {
        display: flex;
      }
        .document-loader .document-loader-inner {
              width: 200px;
              height: auto;
              background: white;
              padding: 15px;
              border-radius: 50%;
        }


/* Home Page */
#home-1 { background-size: 50% auto; background-repeat: no-repeat; background-position: left center; padding: 0; }
#home-1 .right-image-overlay-gradient { padding: 2em 0 2em 0; }
#home-2, #home-3, #home-4 { padding: 2em 0 2em 0; }
#home-2 {color: #FFF; }
#home-2 .news-item { position: relative; }
#home-2 img.news-image { width: 100%; object-fit: contain; margin-bottom: 1em; border: 1px solid #CCC; position:relative; }
#home-2 a { color: #5AC3FF; }
#home-2 a:hover, #home-2 a:active { color: #5AC3FF; }
#home-2 h3 { font-size: 1.25rem; }
#home-3 .offset-content { background: #FFF; padding: 1em 2em 2em 2em; margin-right: -1px; }
#home-3 .feature-link-image { display: block; }
#home-3 .feature-link-image img { width: 100%; object-fit: cover; object-position: center center; }
#home-4 h2 { font-weight: 600; }
#home-4 h3 { font-size: 1.15rem; text-align: center; font-weight: 500; }
#home-4 .topic-icon { padding-bottom: 1em; margin-bottom: 1em; height: 100%; }
#home-4 .topic-icon-inner { text-align: center; display: block; background-color: #fff; color: #211433; padding: 2rem; }
#home-4 .topic-icon-inner img { max-width: 150px; margin-bottom: 1.5rem; }

/* Home Page Slider */
.slider-container { background: #211433; color: #FFF; }
#home-slider .slider-heading { font-size: 2.25rem; font-weight: 300; }
#home-slider .slider-secondary-text { font-size: 1.3rem; }
#home-slider .slider-link { padding-top: 1rem; }
#home-slider .carousel-control { width: 5% }
#home-slider.oneslide .carousel-control { display: none; }
#home-slider.oneslide .carousel-indicators { display: none; }

/* STM corners in CSS, although it doesn't quite have the rotated corner on the edge */
.corners-border { display: inline-block; padding: 0.3em 0.4em; background-repeat: no-repeat; background-position: 100% 0%, 0% 100%; background-size: 0.8em 0.8em, 0.8em 0.8em; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 40 40%22%3E%3Cpolygon points=%2240 0 8 0 0 0 0 8 0 40 8 40 8 8 40 8 40 0%22 fill=%22%239C66E6%22 transform=%22translate(40, 0) rotate(90)%22 %2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 40 40%22%3E%3Cpolygon points=%2240 0 8 0 0 0 0 8 0 40 8 40 8 8 40 8 40 0%22 fill=%22%239C66E6%22 transform=%22translate(0, 40) rotate(270)%22 %2F%3E%3C%2Fsvg%3E"); margin-bottom: 10px; }

/* Page Content */
#hero { min-height: 26vw; }
#hero .overlay { min-height: 26vw; }
.page-title-bkg { background-position: center center !important; background-repeat: no-repeat; background-size: cover; min-height: 24vw; position: relative; padding: 0;}
.page-title-bkg a { color: #FFF; text-decoration: underline; }
.overlay { background: rgba(33, 20, 51, 0.4); min-height: 24vw; padding-top: 2em; }
.page-title-bkg #breadcrumbs { color: #8E5Ad4;}
.page-title-bkg p { color: #FFF; }
.page-title-bkg h1 { font-weight: bold; color: #FFF; }
#section-content p { /*font-weight: bold;*/ }
.member-listing { padding: 30px 25px 30px 15px; }
.alphabet { margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc; }
.article { padding: 10px; margin-bottom: 30px; }

/* Side Menu/Bar */
.side-menu .content-item {
  background-color: #ecedf1;
  padding: 0.6rem 1rem 1.4rem 1rem;
  min-height: 100%;
}
.side-menu h3 {
  margin: 8px 0 0 0;
}
.side-menu ul {
  list-style: none;
  margin:0;
  padding:0;
}
.side-menu .second {
  margin-top: 8px;
}
.side-menu .third {
  margin-top: 8px;
  padding-left:10px;
}
.side-menu a {
  color: #2e5394;
}
.side-menu .current a {
  font-weight: bold;
  color: #2e5394;
}

/* Section Nav */
.section-nav-bkg { margin-top: 2em; background-color: #007184; }
#section-nav { color: #FFF; padding: 1em 0 1em 0;}
#section-nav ul {
  column-count: 2;
  list-style: none;
  padding: 0;
}
#section-nav ul li {
  margin-bottom: 0.75rem;
}
#section-nav ul li.current-menu-item a {
  font-weight: 500;
}
#section-nav a { color: #FFF; }

/* Document Library */
#document-library-table_length {
  padding-top: 2px;
  float: right;
}

#document-library-table {
  margin-top: 10px;
  padding: 0 0 25px 0;
}
#loading-documents {
  display: block;
  font-weight: bold;
}
#document-library-table_length {
  padding-top:2px;
  float:right;
}
#security-container {
  float:left;
}
#document-library-container #security-container {
  width:  100%;
}
#security-container label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#document-library-table thead td {
  padding:5px 3px 5px 0;
}
#document-library-table thead td select {
  padding-left:1px;
  padding-right:1px;
}
#document-library-table_filter input {
  margin:0;
  display: inline-block;
  font-weight: normal;
  width:400px;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #211433;;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#document-library-table .security-cell {
  display: none;
}
/*
#document-library-table .title-cell {
  font-size: 13px;
}
*/
#document-library-table .portfolio-cell {
  /* font-size: 12px; */
  width:120px;
}
#document-library-table .type-cell {
  /* font-size: 12px; */
  width:170px;
}
#document-library-table .date-cell {
  width:75px;
  /* font-size: 12px; */
  text-align: center;
}
.members-only {
  position: relative;
  display: inline-block;
  padding:3px 5px;
  font-size: 9px;
  text-transform: uppercase;
  background-color: #2e5394;
  color: #FFF;
  margin-left:5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
  top:-1px;
}
.hidden {
  display: none;
}

/* Bios */
.bio-box {
  display: none;
  padding:20px;
  background-color: #FFF;
  border:1px solid #CCC;
  width:400px;
}
.bio-photo {
  height:150px;
  width:150px;
  float:left;
  margin:0 20px 10px 0;
  border:0;
  padding:0px;
}
.bio-box img {
  display: block;
  border:0;
  padding:0;
  width:150px;
  height: 150px;
}
.bio-box .loading {
  display: block;
  margin:57px 0 0 57px;
  width:36px;
  height:36px;
}
.bio-inline {
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 10px;
  min-height: 160px;
}
.bio-inline img {
  float: left;
  height: 150px;
  width: 150px;
  margin:0 20px 10px 0;
}
.bio-inline .bio-link,
.bio-inline .bio-link:hover {
  color: #211433;;
  text-decoration: none;
  cursor: text;
  border:0;
}

/* Event List */
.eventlist-item {
  clear:both;
  display:block;
  padding:15px 0 0 0;
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}
.eventlist-item:hover span {
  color: #3B85CA;
}
.eventlist-item span {
  display:block;
  color: #211433;
}
.eventlist-title {
  font-size: 15px;
  font-weight:bold
}
.eventlist-subtitle {
  font-weight:bold
}
.eventlist-address {
  font-size: 11px;
  line-height:12px;
}
.eventlist-time {
  font-size: 11px;
  line-height:12px;
}
a.map-link {
  display: inline-block;
  background-color: #2e5394;
  color: #FFF;
  padding: 5px 8px;
  margin-top: 10px;
  font-size: 11px;
}
.event-registration-button {
  display: block;
  text-align: center;
  width:100%;
  margin-bottom: 10px;
  padding:10px 20px;
  background-color: #2e5394;
  color:#FFF;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 120%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:none;
}
.event-registration-button:hover {
  color:#F1F1F1;
  text-decoration: none;
  border:none;
}
.event-registration-details table {
  margin-top:10px;
}
.content-item:not(.main-content) {
  background-color: #ecedf1;
  padding: 10px 20px;
  margin: 0 0 30px 0;
}
.content-item:not(.main-content) .link-list-extra a {
  color: #2e5394;
}
.content-item .event-sponsor-logo,
.content-item .event-sponsor-logo-small {
  display:block;
  border:0;
  margin: 0 auto 20px auto !important;
  max-height:120px;
}
.content-item .table th, .content-item .table td {
  border-color: #919173;
}
.event-apps img {
  width:100%;
  height: auto;
  max-width: 200px;
  margin:0 0 5px 0;
}
.link-list, .link-list-extra {
  list-style: none;
  padding:0 0 0 0;
  margin:0;
}
.link-list li {
  padding-bottom: 5px;
}
.link-list-extra li {
  padding-bottom: 15px;
}
.link-list span, .link-list-extra span {
  color:#333333;
}
.table-simple {
   width: auto;
}
.table-simple > tbody > tr > td {
  border-top:0;
  padding:5px 30px 5px 0;
}
.table-sponsorship {
   width: auto;
}
.table-sponsorship > tbody > tr > td {
  padding:5px 5px 5px 5px;
  font-weight: bold;
  vertical-align: middle;
}
.table-sponsorship > tbody > tr > td > ul > li {
  vertical-align: middle;
  padding-top: 10px;
}
.table-sponsorship-noborder {
   border: none;
   width: 40%;
}
.table-sponsorship-color-platinum {
  background-color: #e5e4e2;
  width: 15%;
  text-align: center;
  border: 1px solid black;
}
.table-sponsorship-color-gold {
  background-color: #FFD700;
  width: 15%;
  text-align: center;
  border: 1px solid black;
}
.table-sponsorship-color-silver {
  background-color: #C0C0C0;
  width: 15%;
  text-align: center;
  border: 1px solid black;
}
.table-sponsorship-color-bronze {
  background-color: #CD7F32;
  width: 15%;
  text-align: center;
  border: 1px solid black;
}

/*-----------------------
  CALDERA FORM - custom
-------------------------*/
.CF630cf50b284b7.caldera_forms_form {
    padding: 25px;
    border: 1px solid #bfbfbf;
    margin: 20px 0px;
    background: #f1f1f1;
}

/*-----------------------
    Accordion
-------------------------*/
.tc-accordion { margin-bottom: 3rem; }
.tc-accordion .panel {margin-bottom: 5px;background-color: rgba(0, 0, 0, 0.03);border: 0;border-radius: 0;box-shadow: none; }
.acdn-title {margin: 0;}
.acdn-title a { color: #2e5394 !important; display: block; position: relative; padding: 15px; font-size: 18px; font-weight: 600;}
.acdn-body {padding: 15px;border-top: 1px solid rgba(0, 0, 0, 0.04);font-size: 13px;}
.tc-accordion .acdn-title a:after {position: absolute;font-family: 'FontAwesome';content: "\2212";color: #9C66E6; font-weight: 800; font-size: 20px;right: 15px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.tc-accordion .acdn-title a.collapsed:after {content: "\2b"; color: #9C66E6;}
.tc-accordion .panel-body { padding: 20px; }

/*-----------------------
    Accordion Style1
-------------------------*/
.tc-accordion-style1 .panel {background-color: #fff;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}
.tc-accordion-style1 .acdn-body {border-top: 1px solid rgba(0, 0, 0, 0.04);}

/*-----------------------
    Accordion Style2
-------------------------*/
.tc-accordion-style2 .panel {background: transparent;}
.tc-accordion-style2 .acdn-title a {background-color: #444;color: #bbb;}
.tc-accordion-style2 .acdn-body {background-color: #555;color: #bbb;}

/*-----------------------
    Accordion Style3
-------------------------*/
.tc-accordion-style3 .panel {background: transparent;}
.tc-accordion-style3 .acdn-title a {border-left: 2px solid #444;background-color: #fff;}
.tc-accordion-style3 .acdn-body {background-color: #fff;color: #bbb;}

/*-----------------------
    Accordion Style4
-------------------------*/
.tc-accordion-style4 .panel {background: transparent;}
.tc-accordion-style4 .acdn-body {border: 0;}
.tc-accordion-style4 .acdn-title a {border: 1px solid #f5f5f5;}

/*-----------------------
    Accordion Style5
-------------------------*/
.tc-accordion-style5 .panel {background: transparent;}
.tc-accordion-style5 .acdn-body {border: 0;}
.tc-accordion-style5 .acdn-title a {position: relative;overflow: hidden;z-index: 10;}
.tc-accordion-style5 .acdn-title a:before {position: absolute;content: '';height: 100%;width: 100%;left: -10px;top: 0;background: rgba(0, 0, 0, 0.03);-webkit-transform: skew(-15deg);transform: skew(-15deg);z-index: -1;}
.tc-accordion-style5 .acdn-title a:after {right: 25px;}

/*-----------------------
    Accordion Style6
-------------------------*/
.tc-accordion-style6 .panel {background: transparent;margin-bottom: 0;}
.tc-accordion-style6 .acdn-body {border: 0;}
.tc-accordion-style6 .acdn-title a {position: relative;overflow: hidden;z-index: 10;}
.tc-accordion-style6 .panel + .panel .acdn-title a {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.tc-accordion-style6 .acdn-title a:after {padding: 5px 6px;background: #444;color: #fff;}

/* Footer */
#colophon { padding: 1rem 0; background-color: #211433; color: #fff; }
#colophon .nav-link { padding: 0 0.5rem; }
#footer-menu { display: inline-flex; }
#footer-menu > .nav-item > a { color: #fff; }
#footer-menu a:hover { text-decoration: underline; }
a.icon { font-size: 2rem; color: #fff; vertical-align: middle; margin-top: -4px; display: inline-block; }
a.icon:hover { text-decoration: none !important; }
.backtotop { font-size: 42px; position: fixed; bottom: 42px; right: 42px; display: none; /*text-shadow: 1px 1px #ffffff*/; color: #3B85CA; filter: drop-shadow(0 0 1px #000); }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  }
  .screen-reader-text:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #2e5394;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 0.313rem;
    line-height: normal;
    padding: 0.938rem 1.438rem 0.875rem;
    text-decoration: none;
    top: 0.313rem;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
  }

  /* Do not show the outline on the skip link target. */
  #content[tabindex="-1"]:focus {
    outline: 0;
  }

/*****************************************************
 Breakpoints
 *****************************************************/
@media (max-width: 1529px) {
  #home-slider .slider-content {
    padding-left: 5%;
    padding-right: 5%;
  }
  #home-slider.oneslide .slider-content {
    padding-left: 0;
    padding-right: 0;
  }
}


/* Extra large devices (large desktops, 1200px and up) - XL*/
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
  #home-2 img.news-image {
    height: 20vw;
  }
}

/* Below extra large devices */
@media (max-width: 1199px) {
  #home-1 h1 {
    font-size: 1.8rem;
  }
  #home-2 img.news-image {
    height: 25vw;
  }
  html { font-size: 14px; }
}

/* Large devices (desktops, 992px and up) = LG */
@media (min-width: 992px) {
  #home-slider .carousel-item {
    background-image: none !important;
  }
  #home-slider .slider-image {
    max-height: 286px;
  }
  #home-slider .slider-image img {
    height: 100%;
  }
  #home-3 .feature-link-image img {
    max-height: 22vw;
  }
  .offset-content {
    margin-top: -5vw;
  }
  .w-lg-auto {
    width: auto !important;
  }
}

/* Below large desktpo size */
@media (max-width: 991px) {

  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.6rem; }
  h3 { font-size: 1.4rem; }
  h4 { font-size: 1.2rem; }

  #content { padding-top: 62px !important; }

  #home-slider .carousel-control {
    width: 10%
  }
  #home-slider .carousel-inner {
    max-width: 100%;
    padding: 0 !important;
  }
  #home-slider .carousel-item {
    padding-left: 0;
    padding-right: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  #home-slider .slider-content {
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 3rem;
    padding-top: 2rem;
    background-color: rgba(0, 0, 0, 0.4);
  }
  #home-slider.oneslide .slider-content {
    padding-left: 0;
    padding-right: 0;
  }
  #home-slider .slider-heading {
    font-size: 2rem;
  }
  #home-1 {
    background-size: cover;
    background-position: center center;
  }
  .right-image-overlay-gradient {
    background: linear-gradient(90deg, rgba(142,90,212,0.1) 0%, rgba(255,255,255,1) 100%);
  }
  #home-2 img.news-image {
    height: 30vw;
  }
  #home-3 .feature-link-image img {
    height: 50vw;
  }
}

/* Medium devices (tablets, 768px and up) = MD */
@media (max-width: 767px) {
  #home-2 img.news-image {
    height: 50vw;
  }
  .side-menu {
    margin-bottom: 2rem;
  }
  #footer-menu {
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
  }
}

/* Small devices (landscape phones, 576px and up) = SM */
@media (min-width: 576px) { }

/* Print */
@media print {
  .noprint,
  #header,
  #masthead,
  .side-menu,
  #footer,
  #colophon {
    display: none;
  }
  body {
    border:none;
  }

}