/*------------------------------------*\
    
    WebFX WYSIWYG Customizations - Global styling for all ACF WYSIWYG's

    Add custom WYSIWYG styling to this file if it should be applied to all ACF WYSIWYG's on the site
    Otherwise, put your block-specific styles in individual block stylesheets

\*------------------------------------*/

.bg-white {
  background: #ffffff;
}

.bg-white + .bg-white {
  padding-top: 0;
  margin-top: 0;
}

.bg-light-grey {
  background: rgba(43, 49, 57, 0.05);
}

.bg-purple {
  color: #fff;
  background: linear-gradient(
    135deg,
    #5f2167 0%,
    #64236e 14%,
    #6a2675 28%,
    #6f287d 43%,
    #742a84 57%,
    #7a2d8c 71%,
    #7f2f93 85%,
    #84329b 100%
  );
}

.bg-dark {
  color: #fff;
  background: #2b3139;
}

.bg-purple .sub-heading {
  color: #ffa300;
}

.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark li a {
  color: #fff;
}

.bg-purple p a,
.bg-dark p a,
.bg-purple ul li a,
.bg-dark ul li a {
  color: #fff;
}

.bg-purple p a.btn-secondary {
  color: #000;
}

.bg-purple ul li::before,
.bg-dark ul li::before,
.bg-purple ol li::before,
.bg-dark ol li::before {
  color: #ffa300;
}

.bg-purple .btn-tertiary {
  color: #fff;
  background: linear-gradient(to bottom, #fea201 0%, #fea201 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 2px 2px;
}

.bg-dark .btn-tertiary {
  color: #f4f4f4;
  background: linear-gradient(to bottom, #78be20 0%, #78be20 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 2px 2px;
}

.wysiwyg__right-img {
  width: 317px;
  float: right;
  margin-left: 16px;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.16));
}

.moreBox {
  display: none;
}

.loadMore {
  margin-top: 16px;
}

.loadMore a {
  background: none;
  position: relative;
  display: inline-block;
  color: #2b3139;
  font-size: 18px;
  padding: 0 32px 0 0;
}

.loadMore a::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 3px;
  background: #84329b;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.loadMore a::after {
  content: "";
  position: absolute;
  height: 16px;
  width: 3px;
  background: #84329b;
  right: 6.5px;
  top: 50%;
  transform: translate(0, -50%);
}

.column-three li {
  padding-left: 36px;
}

.bg-white .column-three li::before {
  content: url('/wp-content/themes/ingstrup/assets/img/arrow-purple.png');
  font-size: 21px;
  top: 6px;
}


.bg-light-grey .column-three li::before,
.bg-dark .column-three li::before,
.bg-purple .column-three li::before {
  content: url('/wp-content/themes/ingstrup/assets/img/arrow-yellow.png');
  font-size: 21px;
  top: 6px;
}


.list--two-columns {
  column-count: 2;
  list-style-type: none;
}

.list--three-columns {
  column-count: 2;
  list-style-type: none;
}

.bg-white li a:hover,
.bg-white a:not([class]):not(:has(*)):hover,
.bg-white a[class="external"]:hover {
  background: linear-gradient(to bottom, #84329b 0%, #84329b 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 4px 50px;
}

.bg-white a[class~="external"]:has(*),
.bg-white a[class~="external"]:has(*):hover {
  background: none;
}

.wysiwyg ul.list--three-columns li:before {
  content: none;  
  position: relative;
  left: 0;
  top: 0;
}


.wysiwyg ul.list--three-columns li{
  background-image: url('/wp-content/themes/ingstrup/assets/img/arrow-purple-small.png');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 40px;  
  break-inside: avoid;
  white-space: normal;
  line-height: 1.5em;
  position: relative;
  display: block;
  margin-bottom: 1em;
}

.wysiwyg.bg-dark ul.list--three-columns li,
.wysiwyg.bg-light-grey ul.list--three-columns li,
.wysiwyg.bg-purple ul.list--three-columns li {
  background-image: url('/wp-content/themes/ingstrup/assets/img/arrow-yellow-small.png');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 40px;  
  break-inside: avoid;
  white-space: normal;
  line-height: 1.5em;
  position: relative;
  display: block;
  margin-bottom: 1em;
}


.wysiwyg.bg-dark ul.list--three-columns li:before,
.wysiwyg.bg-light-grey ul.list--three-columns li:before,
.wysiwyg.bg-purple ul.list--three-columns li:before{
  content: none;  
  position: relative;
}

.wysiwyg ul.list--three-columns li,
ol.list--three-columns li {
  margin: 0 0 15px;
  padding: 0 0 0 48px;
  list-style-position: inside;
}


.job_listings li{
  background-image: none !important;
}

@media (min-width: 768px) {
  .wysiwyg__bttn .btn-tertiary {
    margin-left: 0;
    margin-top: 32px;
  }

  .loadMore {
    margin-top: 32px;
  }

  .loadMore a {
    font-size: 22px;
  }
  .column-three {
    column-count: 3;
  }

  .list--three-columns {
    columns: 3;
  }
  .wysiwyg ul.list--three-columns li,
  ol.list--three-columns li {
    padding: 0;
    margin: 0 0 10px;
  }

  
}

@media (min-width: 1200px) {
  .bg-purple .btn-tertiary:hover,
  .bg-dark .btn-tertiary:hover {
    background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 4px 50px;
    color: #7c2e8f;
  }

  .wysiwyg__right-img {
    width: 508px;
    margin-left: 32px;
  }

  .bg-purple p a:hover,
  .bg-dark p a:hover {
    color: #fff;
  }

  .bg-purple p a.btn-secondary:hover {
    color: #fff;
  }

  .wysiwyg__right-img img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 0 87%);
  }

  .no-opacity {
    opacity: 0;
  }

  .wysiwyg__bttn .btn-tertiary {
    margin-left: 16px;
    margin-top: 0;
  }

  .loadMore a:hover {
    color: #84329b;
  }

  .list--three-columns {
    columns: 3;
  }

  .wysiwyg ul.list--three-columns li,
  ol.list--three-columns li {
    padding: 0;
    margin: 0 0 10px;
  }

  .wysiwyg ul.list--three-columns li{
    background-image: url('/wp-content/themes/ingstrup/assets/img/arrow-purple.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 40px;  
    break-inside: avoid;
    white-space: normal;
    line-height: 1.5em;
    position: relative;
    display: block;
    margin-bottom: 1em;
  }
  
  .wysiwyg.bg-dark ul.list--three-columns li,
  .wysiwyg.bg-light-grey ul.list--three-columns li,
  .wysiwyg.bg-purple ul.list--three-columns li {
    background-image: url('/wp-content/themes/ingstrup/assets/img/arrow-yellow.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 40px;  
    break-inside: avoid;
    white-space: normal;
    line-height: 1.5em;
    position: relative;
    display: block;
    margin-bottom: 1em;
  }

  
}

.wysiwyg {
  .row > * {
    width: 100%;
    margin: 0;
  }
}



/** Job Manager Plugins **/

.job_filters{
  background-color: #fff !important;
}

.job_filters .search_jobs{
  padding: 0 !important;
}

.rss_link,
.search_keywords,
.search_location,
.search_remote_position,
.search_submit{
  display: none;
}


h4.job_listings_filter_title{
  font-size: 22px;
  text-transform: capitalize;
  font-family: "Barlow", sans-serif;
  color: #000;
}


.showing_jobs{
  background: transparent !important;
  border: none !important;
}

.job_types:before{
  content: "";
}

.job_types{
  border: none !important;
  background: transparent !important;
  margin-bottom: 40px !important;
  padding: 0 !important;
}

.job_types li{
  width: auto !important;
  display: inline-block;
  border: none !important;
  margin-right: 16px !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
}

.job_types li::before{
  content: "";
}

.showing_jobs{
  display: none !important;
}

.job_types li label{
  position: relative;
  background: #F4F4F5;
  clip-path: none;
  color: #000;
  width: auto !important;
  font-weight: normal;
  padding: 10px 20px;
  border-radius: 3px !important;
  overflow: hidden;
}

.job_types li label input{
  visibility: hidden;
  display: none;
}

.job_types li label:has(input[type="checkbox"]:checked){
  background: #84329B;
  color: #fff;
  font-weight: 500;
}

.job_types li label:has(input[type="checkbox"]:checked)::before{
  content: url("/wp-content/themes/ingstrup/assets/img/Icon awesome-check.png");
  width: 20px;
  height: 15px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: -11px;
}


.job_listings{
  border: none !important;
}

.job_listings > li{
  margin-bottom: 16px !important;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);  
}

.job_listings > li > a{
  border-bottom: 8px solid #84329B !important;
  border-radius: 0 0 4px 4px !important;
  display: flex !important;
  flex-direction: column;  
  background: none !important;
}

.job_listings > li > a:hover{
  background-size: 4px 2px !important;
  border-radius: 4px !important;
  background: #fff !important;
  border-bottom: 8px solid #84329B !important;
}

.job_listings li .position{
  padding-left: 0 !important;
  order: 0;
  width: 100% !important;
}

.job_listings li .meta{
  order: 1;
  width: 50% !important;
  padding-left: 0 !important;
  margin-bottom: 10px !important;
}


.job_listings li .location{
  color: #2B3139 !important;
  font-size: 18px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  order: 2;
  width: 50% !important;
  padding-left: 0 !important;
  text-align: left !important;
  margin-bottom: 20px;
}

.job_listings li .location::before{
  content: "\e909";
  font-family: "ingstrup-icon";
  color: #78BE20;
  font-size: 22px;
  position: relative;
  top: 3px;
  display: inline-block;
}


.job_listings li a{
  padding: 46px 32px !important;
}

.job_listings li a img{
  display: none;
}

.job_listings li a h3{
  font-size: 22px !important;
  text-transform: capitalize;
  font-family: "Barlow", sans-serif;
  color: #000;
  font-weight: bold;
  margin-bottom: 15px !important;
}

.job_listings > li::before{
  content: none;
}
.job_listings li ul li.date{
  display: none !important;
}


.job_listings li ul li.full-time,
.job_listings li ul li.part-time{
  color: #2B3139 !important;
  font-size: 18px;
  font-weight: 400 !important;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  text-align: left;
  padding-left: 0 !important;
}

.job_listings li ul li.full-time::before,
.job_listings li ul li.part-time::before{
  content: none !important;
}

.job_listings .btn-purple{
  position: relative;
  right: unset;  
  order: 3;
  width: 100%;
}


.search_categories .choices__inner{
  display: none;
}


.search_categories .choices__list{
  display: flex;
  flex-wrap: wrap;
}

.search_categories .choices__list .choices__item{
  position: relative;
  background: #F4F4F5;
  clip-path: none;
  color: #000;
  width: auto !important;
  font-weight: normal;
  padding: 10px 12px;
  border-radius: 3px !important;
  overflow: hidden;
  margin-right: 16px;
  text-transform: uppercase;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  margin-bottom: 16px;
}

.search_categories .choices__list .choices__item.is-selected{
  background: #84329B;
  color: #fff;
  font-weight: 500;
  position: relative;
  clip-path: none;
  width: auto;
  padding: 10px 20px;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 16px;
  margin-bottom: 16px;
}

.search_categories .choices__list .choices__item.is-selected::before{
  content: url("/wp-content/themes/ingstrup/assets/img/Icon awesome-check.png");
  width: 20px;
  height: 15px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: -11px;
}

/*
#choices--search_categories-item-choice-1{
  display: none !important;
}
  */

.search_categories .choices__list .choices__input{
  display: none !important;
}


@media (min-width: 768px){

  .job_listings .btn-purple{
    max-width: 200px;
  }

}


@media (min-width: 1024px){

  .job_listings > li > a{
    flex-direction: row;
  }

  .job_listings > li > a:hover{
    background-size: 4px 2px !important;
    border-radius: 4px !important;
    background: transparent !important;
    border-bottom: 8px solid #84329B !important;
  }

  .job_listings li .position{
    padding-left: 0 !important;
    order: 0;
    width: 60% !important;
  }

  .job_listings li .meta{
    order: 1;
    width: 15% !important;
    margin-bottom: 0 !important;
  }

  .job_listings li .location{
    width: 40% !important;
    margin-bottom: 0;
  }


  .job_types li{    
    margin-right: 16px !important;
    margin-bottom: 16px !important;
  }

  .job_listings li a h3{
    margin-bottom: 0 !important;
  }

  .job_listings .btn-purple{
    right: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .search_categories .choices__list .choices__item{
    font-size: 16px;
    padding: 10px 20px;
  }


}



.gallery-filter__select .gallery-filter__pill{
  display: none !important;
}