/*
Theme Name: New Jobshop
Theme URI: https://www.jobshopsu.co.uk/
Author: Patryk Rozanski
Author URI: https://wordpress.org/
*/


/*Fonts*/

        @font-face {
          font-family: 'GT America Compressed Black';
          src:url('https://cdn.sums.digital/ma-assets/fonts/gt-america-compressed-black.woff2') format('woff2'),
          url('https://cdn.sums.digital/ma-assets/fonts/gt-america-compressed-black.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
          font-family: 'GT America Black';
          src:url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-black-webfont.woff2') format('woff2'),
          url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-black-webfont.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
          font-family: 'GT America Bold';
          src:url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-bold.woff2') format('woff2'),
          url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-bold.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
          font-family: 'GT America Regular';
          src:url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-regular.woff2') format('woff2'),
          url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-regular.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
          font-family: 'GT America Light';
          src:url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-light.woff2') format('woff2'),
          url('https://cdn.sums.digital/ma-assets/fonts/gt-america-standard-light.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
      
            body, html {padding:0px; margin:0px;}
      
      
      * {
  box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  background: #F8F6EA;
  font-family: 'GT America Regular';
  color: #575a5c;
}
      
    	header {background:#575a5c; padding:40px 0px 20px 0px;}
      
      footer {background:#000; padding:40px 0px}
      
      header {text-align:left;position:relative; z-index:20}
      
      .container {padding:0px 60px;position:relative}
      footer {text-align:center;}
      header svg,footer svg {width:42px}
      
      header svg {
    position: absolute;
    right: 60px;
    top: 48px;
    margin-top: -21px;
            transition: all 0.3s ease-out;
      transform: rotate(0deg);
}
      
      a {color:inherit; text-decoration: none}
      a:hover {text-decoration: underline;}
            .part {
        fill: none;
        stroke: #f8f6ea;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 4px;
      }
      
         header nav {
            transform: rotate(0deg);
  -webkit-transition: all .25s ease;
          opacity:0;
          pointer-events: none;
      text-align: right;
}
      
      header nav.active {
          opacity:1;
          pointer-events: auto;
      }
      
      header nav ul li.menu-item {
  display: inline-block;
  position: relative;
  color: #f8f6ea;
  font-family: 'GT America Regular';
  font-size: 15pt;
  line-height: 20pt;
}
      
              header nav ul li.menu-item a {
  margin: 0 5px;
  color: #f8f6ea;
  font-family: 'GT America Regular';
  font-size: 15pt;
  line-height: 20pt;
      opacity:1;
        }
                    header nav ul li.menu-item a:hover {
      opacity:0.6;
      }
      
      .topmin {margin-top:-50px}
      
header nav ul li.menu-item::after {
  content: ' ';
  position: absolute;
  top: 7px;
  right: -3px;
  width: 2px;
  height: 15px;
  background-color: white;
}
      
header nav ul li.menu-item a {
  font-size: 12pt;
  text-decoration: none;
  text-transform: uppercase;
}
      
      header nav ul li.menu-item.last a {
          margin-right: 0px;
      }
      
      header nav ul li.menu-item.last::after {display: none;}
      
      .circle {width: 78px;margin-left: 20px;margin-bottom: -10px;}
      
      .items {
      display:flex;
      flex-wrap:wrap;
      margin:0px -20px;
      
      }
      
      .items.two .item {
      width:50%;
      padding:0px 20px;
       display:flex;
      }
      
      
      
      .items.three .item {
      	width:33.333%;
      	padding:0px 20px;
       display:flex;
      }
      
      .items .item h3 {
      color:#f15f47;
      }
      
      .items .textwrap {
      width:100%;
      border:1px solid #f15f47;
      }
      
      .colwrap {
    display: flex;
    flex-wrap: wrap;
    min-height: 480px;
      position: relative;
}

.coltext {
    width: 50%;
    margin-bottom: 0px;
    height: auto;
    display: flex;
          justify-content: center;
    align-items: center;
      background-size: cover;
          background-position: right;
          position: relative;
}
  
      h1, h2, h3, h4, h5, h6 {
        font-family: 'GT America Bold';
    font-weight: normal !important;
}
      
h2 {
    margin-top: 0px;
    font-size: 43pt;
    line-height: 45pt;
          margin-bottom: 30px;
          letter-spacing: -3px;
}
      
h2.special {
    margin-top: 0px;
    font-size: 57pt;
    line-height: 61pt;
          margin-bottom: 30px;
          letter-spacing: -3px;
}
      


.coltext p:last-child {margin-bottom:0px !important;}

.coltextwrap {
    height: auto;
    position: relative;
      padding: 40px 60px 40px 60px;
    width: 100%;
      
}
      
      /*.coltextwrap.carousel {

      padding: 40px 100px 40px 100px;
      
}*/
      
      .coltextwrap.carousel .slick-slider {
  margin: 0px -20px;
}
      
      .coltextwrap.carousel .slide {
      padding:0px 20px;
      }
      
.coltextwrap.padding-right {

      padding-right: 0px;
      
}
      
      p {
font-size: 19pt;
  line-height: 22pt;
      margin-bottom: 15px;
          margin-top: 0px;
              letter-spacing: -1px;

}
      
      p.special {
    font-size: 12pt;
    line-height: 19pt;
}
      
            p strong {
          font-family: 'GT America Bold';

}
      
ul {
  padding: 0px 0px 0px 15px;
  margin: 0px;
}
      
      ul li {
        font-size: 15pt;
      line-height:18pt;
      margin-bottom: 10px;
      position:relative;
      }
      
ul.list {
  padding: 0px;
  margin: 0px;
      list-style: none;
}
      
      ul.list li {
  font-size: 15pt;
      line-height:18pt;
      margin-bottom:15px;
      position:relative;
      padding-left:30px
}

ul.list li::before {
  content: ' ';
  width: 20px;
  height: 20px;
  background: url('https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/arrow_list.webp');
    background-size: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: cover;
}
      
            p.small {

          font-weight: normal;
      font-size: 15pt;
  line-height: 18pt;
      }
      
a.button {
  font-size: 12pt;
  text-decoration: none;
  font-family: 'GT America Bold';
  font-weight: normal;
  line-height: 19pt;
  background: #575a5c;
  display: inline-block;
  color: #f8f6ea;
  padding: 7px 15px;
  border-radius: 5px;
      transition: all 0.3s ease-out;
}
      
a.button svg {
  width: 16px;
  height: auto;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0%,-50%);
      margin-top: 0px;
}
    
      a.button:hover {
      background:#000;
      }
      
      .buttons {
  width: 500px;
}
      
      .buttons a.button {
      	width: calc(50% - 10px);
        background:#000;
      margin-top:15px;
      transition: all 0.3s ease-out;
      
      }
      
      .buttons a.button:hover {
      background:#f4b619;
      }
      
a.button:has(svg) {
  position:relative;
      padding-right: 45px;
}
      
ul.social-media li {
    padding: 10px 10px;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    float: left;
}

ul.social-media {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.social-media li a {
    text-decoration: none;
    color: #0d1f2d;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.2s ease-out;
}

ul.social-media li a:hover, #overlay_menu .menu-main-menu-container ul li a:hover {
  opacity: 0.6;
}  
      
      
h3 {
  color: #f8f6ea;
  font-size: 22pt;
  line-height: 23pt;
  margin: 0px 0px 30px 0px;
    margin-top: 0px;
}
      
      h3.special {
  color: #f8f6ea;
font-size: 39pt;
  line-height: 41pt;
  margin: 0px 0px 30px 0px;
    margin-top: 0px;
}
      
                  .strip {
    height: 13pt;
    background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/strip.webp);
    background-size: auto 100%;
    background-repeat: repeat no-repeat;
    margin-top: 0px;
    position: relative;
    z-index: 2;
      margin:20px 0px;
}
      
      .colwrap .sticker {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
}
      
      #strip {
    --offset: 0px;
    background-position: var(--offset) 0;
}
      
      .option_section {
  background: #14b6ac;

  color: #F8F6EA;
  padding-bottom: 70px;
}
      
#overlay_menu {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #013b45;
    z-index: 3;
    opacity: 0;
    top: 0px;
    left: 0px;
    pointer-events: none;
                  transition: all 0.3s ease-out;
}
      

      #overlay_menu.active {
      pointer-events:initial;
      opacity: 1;
      }

#overlay_menu .menu-main-menu-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
}
      
#overlay_menu .menu-main-menu-container ul.menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#overlay_menu .menu-main-menu-container ul li {
    padding: 5px 0px;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
      
}

#overlay_menu .menu-main-menu-container ul li a {
    text-decoration: none;
    color: #f8f6ea;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.2s ease-out;
      font-family: 'Swiss 721 Roman';
    font-weight: 300;
}

#overlay_menu #socials {
    position: absolute;
    bottom: 30px;
        right: 50%;
        transform: translate(50%, 0%);
}

#overlay_menu #socials ul li {
    padding: 10px 10px;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    float: left;
}

#overlay_menu #socials ul li a {
    text-decoration: none;
    color: #0d1f2d;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.2s ease-out;
}

#overlay_menu #socials ul li a:hover, #overlay_menu .menu-main-menu-container ul li a:hover {
  opacity: 0.7;
}

      header svg:hover {
cursor:pointer;
}
      
header svg.active {
cursor:pointer;
    transform: rotate(90deg);
}
 
        /*Dropdown*/

.mt-0 {
    margin-top: 0px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}
      .areas {
      margin:0px -20px; 
      display:flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: -40px;
}
      
      .area_wrap {
  width: 33.333%;
  padding: 0 20px;
      margin-bottom: 40px;
}
      
      .area {
  background: #575a5c;
      border-radius:15px;
      overflow:hidden;
}

.area .cont {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.area.active .cont {
    max-height: 6000px;
    overflow: hidden;
}
      
.area.active {
      height: 100%;
      }
      
.area .cont p {
      padding:0px 20px;
      color:#f8f6ea;
      }

.area h2 {
  position: relative;
  background: #575a5c;
  color: #fff;
  font-family: gt america bold;
  font-weight: 400 !important;
  line-height: 22px;
  padding: 22px 60px 22px 20px;
  display: block;
  width: 100%;
  text-decoration: none;
  margin: 0px;
    margin-bottom: 0px;
  margin-bottom: 0px;
  letter-spacing: -1px;
      font-size: 15pt;
}

.area h2:hover {cursor:pointer;}

.area:hover .icon::before {background: #00a493;}
 
.area:hover,.area:hover h2 {background: #f15f47;}

.area .icon {
  position: absolute;
  width: 40px;
  height: 40px;
  display: block;
  top: 50%;
  transform: rotate(45deg);
  transform-origin: center;
  margin-top: -20px;
  padding: 20px;
  right: 20px;
  font-size: 22pt;
  font-family: 'GT America Light';
  text-align: center;
line-height: 0px;
  letter-spacing: 0px;
        -webkit-transition: transform .2s ease;
  transition: transform .2s ease;
}
      
  .area.active .icon   {
        transform: rotate(0deg);
      }  
      
/*.area .icon::before {
  content: '';
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 0px;
  width: 4px;
  height: 22px;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  transform: rotate(0deg);
  margin-left: -2px;
opacity:1;
  border-radius: 20px;
  margin-top: -11px;
}

.area .icon::after {
  content: '';
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0px;
  width: 22px;
  height: 4px;
  transform: rotate(0deg);
  margin-top: -2px;
  border-radius: 20px;
  margin-left: -11px;
}

.area.active .icon::before  {
    opacity: 0;
}*/
      
      /*Slider*/
      
.slick-slider {
  margin: 0px -40px;
      }

.slick-slider .slide {
    padding: 0px 40px;
        display: flex !important;
      height: 100%;
}
      
      .advice.slick-slider {
  margin: 0px -20px;
      }

.advice.slick-slider .slide {
    padding: 0px 20px;
}
     
      
.blog.slick-slider {
  margin: 0px -30px;
      }

.blog.slick-slider .slide {
    padding: 0px 30px;
}
      
.slide-link {
  display: flex;
  height: 100%;
}

.slick-slide.slick-current.slick-active .textwrap {
  background: #f8f6ea;
}
      
.slick-slide.slick-current.slick-active .textwrap h3,.slick-slide.slick-current.slick-active .textwrap p {
        color: #a350c4;
}

span.title {
    font-size: 18px;
    line-height: 24px;
    font-family: 'GT America Bold', Arial;
}

      .slick-initialized .slick-slide {
  display: flex;
  height: auto;
}
      
.slick-dotted.slick-slider {
  margin-bottom: 0px;
  height: 100%;
}

.slide  a span {
    font-size: 18px;
    line-height: 24px;
    display: block;
    text-align: center;
}

.slide {position:relative;display:flex}

      .slick-track {
      display: flex;
  height: 100%;
      }
      
      .slick-slider .slick-track, .slick-slider .slick-list {
      height:100%;
      }
     
      .textwrap {
  background: transparent;
  padding: 25px;
  position: relative;
  border: 1px solid #f8f6ea;
  border-radius: 14px;
      padding-bottom: 50px;
}
      
      .slide p {
  font-size: 15pt;
  color: #f8f6ea;
  line-height: 18pt;
}
      
 .slick-prev, .slick-next {
  z-index: 99;
  margin-top: 0px;
}


      
.slick-next {
  right: -20px;
      
  width: 24px;
  height: 24px;
  margin-top:0px;
}
      
            .blog .slick-next {
  right: -10px;
      }
      
      

.slick-prev {
      left: -20px;
  width: 24px;
  height: 24px;
  margin-top: 0px;
  transform: translate(0, 0%);
}

            .blog .slick-prev {
  left: -10px;
      }
 
      
  .slick-prev::before, .slick-next::before {
    opacity: 0.7;
    color: #000;
    display: block;
    width: 25px;
    content: "";
    background-size: cover;
    height: 25px;
      background-color: transparent;
}

      
      .slick-prev::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/freshers/2026/arrowrighht.webp);
  }
  
  .slick-next::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/freshers/2026/arrowleftt.webp);
  }
      
.advice .slick-prev::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/arrowrightt_o.webp);
  }
  
.advice .slick-next::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/arrowleftt_o.webp);
  }
      
.news .slick-prev::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/arrowrighhtp.webp);
  }
  
.news .slick-next::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/arrowlefttp.webp);
  }
      
      .blog .slick-prev::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/arrowrighttb.webp);
  }
  
.blog .slick-next::before {
      background-image: url(https://assets-cdn.sums.digital/MA/images/su_images/layouts/jobshop/jobshop2026/arrowlefttb.webp);
  }
      
.blog .slide img  {
  width: calc(100% + 50px);
  margin: -25px -25px 20px -25px;
  border-radius: 14px 14px 0px 0px;
  overflow: hidden;
}
      
ul.slick-dots {
    position: absolute;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0px);
}
      
      .slick-dots {
  position: absolute;
  bottom: -40px;
      }
      
      .contactwrap {
  position: relative;
}
      
 .contact {
  position: absolute;
  right: 0px;
  top: 0px;
}
  
.slick-dots li button::before {
    font-family: 'slick';
    font-size: 11px;
      color: #f8f6ea;
      
}
   
.news .slide-link {
  display: flex;
  height: 100%;
}

.news .slide-link:hover {
  text-decoration:none;
}

.news .slide-link:hover .textwrap {
  background: #a350c4;
}

.news .slide-link:hover .slide .textwrap span {
  color: #f8f6ea;
}

.news .slide-link:hover .textwrap h3, .news .slide-link:hover .textwrap p {
  color: #f8f6ea;
}

.news .textwrap {
  border: 1px solid #a350c4;
}
      
/*.news .slick-slide.slick-current.slick-active .textwrap {
  background: #a350c4;
}*/
      
             .news .slick-slide .slide .textwrap h3 {
      margin-bottom: 20px;
  }

        .booklets {
      margin:0px -20px;
      display: flex;
      flex-wrap:wrap;
      margin-bottom: -40px;
      }
      
.booklet {
display: flex;
      width:50%;
      padding:0px 20px;
margin-bottom: 40px;
}
      
.booklet .textwrap {
      width:100%;
      background: #ffffff;
      }
      
.booklet .textwrap h3 {
  color: #f4b619;
}
      
.booklet .textwrap p {
  color: #575a5c;
}
      
.booklet .textwrap span {
  position: absolute;
  bottom: 25px;
  left: 0px;
  font-size: 9pt;
  padding: 0px 25px;
  width: 100%;
} 
      
      .booklet .textwrap a:hover span {
      text-decoration:underline;
      }
      
.booklet .textwrap span > svg {
  width: 16px;
  height: auto;
  position: relative;
  top: -4px;
  right: 0px;
  float: right;
}
      
 .advice .slick-slide .slide .textwrap h3 {
  color: #f8f6ea;
      font-size:17pt;
      line-height:19pt;
}
      
       .options .slick-slide .slide .textwrap h3 {
  color: #14b6ac;
}
      
             .options .slick-slide .slide .textwrap h3 br {
  display:block;
}
      
       .advice .slick-slide .slide .textwrap p {
  color: #f8f6ea;
      font-size:19pt;
}
      
 .advice .slick-slide .slide .textwrap p.small {
  font-weight: normal;
  font-size: 14pt;
  line-height: 16pt;
}
      
             .advice .slick-slide .slide .textwrap ul li {
  color: #f8f6ea;
      margin-bottom:0px;
      font-weight: normal;
  font-size: 14pt;
  line-height: 16pt;
      
}
      
             .options .slick-slide .slide .textwrap p, .options .slick-slide .slide .textwrap ul li {
  color: #575a5c;
}
      
 .advice .slick-slide .slide .textwrap {
  background: #575a5c;
      }
      
      .options .slick-slide .slide .textwrap {
  background: #f8f6ea;
      }
      
       .advice .slick-slide .slide .textwrap:hover {
  background: #f15f47;
      }
      
       .advice2 .slick-slide .slide .textwrap h3 {
  color: #575a5c;
      margin-bottom: 20px;
      
}
      
       .advice2 .slick-slide .slide .textwrap p {
  color: #575a5c;
}
      
 .advice2 .slick-slide .slide .textwrap {
  background: #f8f6ea;
      padding-bottom:70px;
      padding-left: 0px;
  padding-right: 0px;
      }
      
            .news .slick-slide .slide .textwrap span {
  position: absolute;
  bottom: 25px;
  left: 0px;
  font-size: 9pt;
  padding: 0px 25px;
  width: 100%;
          font-family: 'GT America Bold', Arial;
      color:#a350c4;
      
} 
      
.advice2 .slick-slide .slide .textwrap span {
  position: absolute;
  bottom: 25px;
  left: 0px;
  font-size: 9pt;
  padding: 0px 0px;
  width: 100%;
} 
      
.blog .slick-slide .slide .textwrap h3 {
  color: #575a5c;
}
      
       .blog .slick-slide .slide .textwrap p {
  color: #575a5c;
}
      
 .blog .slick-slide .slide .textwrap {
  background: #fff;
      }
      
      
      .blog .slick-slide .slide .textwrap span {
  position: absolute;
  bottom: 25px;
  left: 0px;
  font-size: 9pt;
  padding: 0px 25px;
  width: 100%;
} 
      
.blog .slick-slide .slide .textwrap span > svg {
  width: 16px;
  height: auto;
  position: relative;
  top: -4px;
  right: 0px;
  float: right;
}
      
      
/*.news .slick-slide.slick-current.slick-active .textwrap h3, .news .slick-slide.slick-current.slick-active .textwrap p {
  color: #f8f6ea;
}
      
.news .slick-slide.slick-current.slick-active .textwrap span {color: #f8f6ea;}
      */
.news .slide p {
  color: #575a5c;
}
      
.news .slide h3 {
  color: #a350c4;
      }

.slick-dots li.slick-active button::before {
  opacity: 1;
      color: #f8f6ea;
}
      
      footer p {
  font-size: 8pt;
  line-height: 11pt;
  letter-spacing: -1px;
  color: #f8f6ea;
}
      
      .icon1 {
        fill: none;
        stroke: #f8f6ea;
        stroke-miterlimit: 10;
      }
      
            .icon2 {
        fill: none;
        stroke: #000000;
        stroke-miterlimit: 10;
      }
      
      
.events {
  display: flex;
  margin: 0px -50px;
  flex-wrap: wrap;
}
      
.event_wrap {
  width: 50%;
  padding: 0px 50px;
  margin-bottom: 70px;
}
      
            .event_wrap h3 {margin-bottom:25px;}
      
      .event {
padding: 30px 25px;
  background: #fff;
  border-radius: 14px;
      height:100%;
}
      
            .listing:hover {
      cursor:pointer;
      }
      
      .listing:hover h4 {
      background: #f15f47;
      cursor:pointer;
      }
      
            .listing:hover a {
      background: #000;
      }
      
      
      
      .listing h4 {
  font-size: 15pt;
  background: #000;
  border-radius: 6pt;
  padding: 15px 20px;
  color: #f8f6ea;
      margin-bottom: 15px;
      transition: all 0.3s ease-out;
}
      
                 .listing {position:relative;}
      
           .listing p {
      font-size: 10pt;
      color:#000;
      font-size: 12pt;
      padding: 0px 20px;
      } 
      
      .listing p {
  font-size: 10pt;
  color: #000;
  line-height: 12pt;
  padding: 0px 140px 0px 20px;
  margin-bottom: 10px;
}
      
      .listing a {
  font-size: 10pt;
  text-decoration: none;
  font-family: 'GT America Bold';
  font-weight: normal;
  line-height: 12pt;
  background: #575a5c;
  display: inline-block;
  color: #f8f6ea;
  padding: 7px 15px;
  border-radius: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
      transition: all 0.3s ease-out;
}
      
      
      /*Jobs*/
      
      
    
    #jobs .container {max-width: 1240px;margin:0px auto}
    
      .job {
  background-color: #fff;
  padding: 20px;
          position: relative;
          border-radius: 20px;
        max-width: 100%;
    height: 100%;
		  min-height: 350px;
}
    
    .qlogo {
  position: absolute;
  top: 20px;
  right: 20px;
}
    
    .qlogo svg {
  width: 35px;
  float: right;
}
    
.job p {
    margin-top: 40px;
  color: #fff;
  font-size: 21pt;
  line-height: 23pt;
  font-family: GT America Bold;
      
}
    
.job p span {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
    
.job p span:last-child {
  margin-bottom: 0px;
}
    
.jobs-wrap {
  display: flex;
  flex-wrap: nowrap;
    margin: 0px -20px;
}
    
.job-wrap {
  width: 25%;
  padding: 0px 20px;
    margin-bottom:40px;
}
    
.job-wrap {
    transition:transform 400ms ease-out;
    transform:scale(1.0);
    
}
   
.job-wrap:hover {transform:scale(1.05);cursor: pointer;}


    
 
          .col1bk {
  background-color: #14b6ac;
}
          .col2bk {
  background-color: #f15f47;
}
          .col3bk {
  background-color: #a350c4;
}
          .col4bk {
  background-color: #f4b619;
}
    
      
  .col1bk .cls-1 {fill: #14b6ac !important;}
.col2bk .cls-1 {fill: #f15f47 !important;}
.col3bk .cls-1 {fill: #a350c4 !important;}
.col4bk .cls-1 {fill: #f4b619 !important;}
  
  
	.cls-2 {fill:#FFFFFF;}


.cal {padding:70px 0px 0px 0px}
      
      .btnspec {
     float: left;margin-right:15px;
      margin-bottom: 10px;
      }
      
      .svgelement {
  width: 170px;
  margin-left: 30px;
  float: left;
}

       /* Overlay styles */
              /* Overlay styles */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(248 246 234 / 95%);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            z-index: 999;
        }
        
.overlay-container {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: auto;
  background: transparent;
  border-radius: 10px;
  padding: 20px 20px;
  max-width:600px;
}

.close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 30px;
    font-family: 'GT America Light';
}
    
      
    @media only screen and (min-width:1px) and (max-width:1500px){
      br {display:none}
     p.special br {display:block}
      .block br {display:block}
      }
      
      @media only screen and (min-width:1px) and (max-width:1300px){
      
      .slick-slider {
  margin: 0px -20px !important;
      }
      
      .slick-slider .slide {
  padding: 0px 20px !important;
      }
      
      }
      
              @media only screen and (min-width:1px) and (max-width:1200px){
      
.bookletwrap .coltext {
      width:100% !important;
      }
      
      
.imglogo {
        width: 100px;
        margin-right: 0px;
        margin-top: 3px;
        float: none;
        display: block;
        margin-bottom: 8px;
    }
      
                        .contact {
  position: relative;
      }

              }

             @media only screen and (min-width:1px) and (max-width:1100px){
				 
      .events {
  display: flex;
  margin: 0px -30px;
  flex-wrap: wrap;
}
      
      .event_wrap {
  width: 50%;
  padding: 0px 30px;
  margin-bottom: 70px;
}
      
				 .academylogo {
    float: none;
    width: 140px;
    display: block;
    margin-top: 15px;
}
				 
      p {
    font-size: 17pt;
    line-height: 19pt;
}
      
      h3 {
    color: #f8f6ea;
    font-size: 26pt;
    line-height: 27pt;
      }
      
      }
      
            @media only screen and (min-width:1px) and (max-width:1100px){
      
            header nav div.menu-item a {
  font-size: 10pt;
      }
      

      
      }
      
                  @media only screen and (min-width:1px) and (max-width:1000px){
      

      
      }
      

                   @media only screen and (min-width:1px) and (max-width:1000px){

       ul.list li,ul li {
    font-size: 15pt;
    line-height: 17pt;
  }
      
                  .events {
  display: flex;
  margin: 0px 0px;
  flex-wrap: wrap;
}
      
       .event_wrap {
    width: 100%;
    padding: 0px 0px;
    margin-bottom: 30px;
  }
      
      .cal {padding:70px 0px 40px 0px}
      
      


.coltextwrap h2 {
    font-size: 38pt;
    line-height: 33pt;
}

.coltextwrap.values {padding: 70px 40px;}

 .coltextwrap {
    padding: 40px 40px 40px 40px !important;
  }

p {
        font-size: 15pt;
        line-height: 17pt;
    }

        h3 {
        font-size: 20pt;
        line-height: 21pt;
    }

}
      
      @media only screen and (min-width:1px) and (max-width:760px){
      

      

      
      }

                   @media only screen and (min-width:1px) and (max-width:760px){
      
      

.items {
  margin: 0px 0px;
      margin-top:-40px;
}
      
.items.two .item {
  width: 100%;
  padding: 0px 0px;
      margin-top:40px;
}
      
      .items.three .item {
  width: 100%;
  padding: 0px 0px;
  display: flex;
  margin-top: 40px;
}
      
      .areas {
  margin: 0px 0px;
      margin-top: 50px;
  margin-bottom: -20px;
}
      
      .area_wrap {
  width: 100%;
  padding: 0 0px;
      margin-bottom: 20px;
      }
      
      .bookletwrap .coltext {
      width:100% !important;
      }
      
      .booklet {
  display: flex;
  width: 100%;
  padding: 0px 0px;
  margin-bottom: 20px;
}
      
      .booklets {
  margin: 0px 0px;
    margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
}
      
            header nav {max-height:0px}
      header nav.active {max-height:2000px}
      
      header nav div.menu-item::after {
  display: none;
}
      
      header nav div.menu-item {
  width: 100%;
}
      
      .topmin {margin-top:0px}
      
      p.small {
  font-weight: normal;
  font-size: 13pt;
  line-height: 15pt;
}
      
      h3.special {
  font-size: 20pt;
  line-height: 22pt;
      }

      .jobs-wrap {
  display: block;
      margin: 0px 0px;
      }
      
      .job-wrap {
  padding: 0px 0px;
  width: 100%;
}
      
      .slick-prev {
  left: -10px;
      }
      
      .slick-next {
  right: -10px;
      }
      
     h2 {
    font-size: 27pt;
    line-height: 26pt;
  }
      
      h2.special {
  font-size: 35pt;
  line-height: 37pt;
      margin-bottom: 0px;
      }
      
      .coltextwrap .button {
      display: inline-block !important;
position: relative !important;
    left: 0px !important;
}
      
      header svg {
  top: 32px;
      }
      
      .circle {display:none}
      
      .listing a {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
      
      .listing p {
  padding: 0px 0px 0px 0px;
  margin-bottom: 10px;
}
      
                    .coltext {
   width: 100% !important;
    min-height: 480px;
}

                    header {
    text-align: left;
                    }

                    .container {
    padding: 0px 40px;
                    }

header svg {
    right: 40px;
}

  .coltext {
    min-height: auto;
    width: 100%;
  }

.swap .colwrap .coltext:first-child {
    order: 2;
}

.swap .colwrap .coltext:last-child {
    order: 1;
}
      

      
      .buttons {
  width: 100%;
}
      
      .buttons a.button {
  width: 100%;
      }
      
      .colwrap {
  min-height: auto;
      }

            .padding-top {padding-top:0px !important}

                   }