/*
Theme Name: Artis
Description: A simple responsive theme based on the modified Bootstrap framework.
Version: 1.0
Author: Horion Digital
Author URI: http://www.horiondigital.com
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* Nick's Changes to Homepage Video March 2020 */
.video {
  width: 100%;
  margin: 0 auto 2.25em;
  display: block;
}
.video_container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}
.video_container iframe, .video_container object, .video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Els added popup styles July 2020 */
.homepopup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	z-index:1000;
	overflow:auto;
}
.homepopupcontent{
	display:table;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:50px;
}
.homepopupcontent .insidepopup{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.homepopupcontent .insidepopup div.wrap{
	display:flex;
	justify-content:center;
}
.homepopupcontent .insidepopup div.wrap div{
	background:white;
	min-width:400px;
	min-height:300px;
	width:40%;
	height:30%;
	box-sizing:border-box;
	padding:3% 3%;
	text-align:left;
	box-shadow:0 0 10px 2px #666;
	position:relative;
}
.homepopupcontent .insidepopup div.wrap div h3{
	display:block;
	font-size:20px;
	border-bottom:3px dotted #e2f6e2;
	padding-bottom:.8em;
	margin-bottom:1em;
}
.homepopupcontent .insidepopup div.wrap div p{
/*
	font-size:14px;
	line-height:1.4;
	margin-bottom:1.4em;
*/
}
.homepopupcontent .insidepopup .close{
	position:absolute;
	top:1em;
	right:1em;
}

/* New Resources section. */
/* ARCHIVE PAGES */
/* Pink colour: #f33c78; */
.nh__title_container {
  padding: 2VH 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nh__title_container h1 {
  display: block;
  margin: 0;
}
.nh__title_container img {
  width: 100%;
  max-width: 50px;
  display: inline-block;
  margin: 0 20px 0 0;
}
.nh__introduction_container {
  padding: 2VH 0;
}
.nh__introduction_container p {
  font-size: 2.25rem;
  }
  @media screen and (max-width: 675px) {
    .nh__introduction_container p {
      font-size: 1.5rem;
    }
  }
.nh__filter_box {
  background-color: #f33c78;
  padding: 2VH 2VW;
  border-radius: 15px;
  position: relative;
  margin: 20px auto;
}
.nh__filter_box_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.nh__filter_box p {
  color: #ffffff;
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0;
}
img.dropdown__arrow {
  width: 20px;
  height: 13px;
  display: block;
  transform: rotate(180deg);
  -webkit-transition: transform 0.25s ease-in-out;
	-moz-transition: transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
}
img.dropdown__arrow.is-active {
  transform: rotate(0deg);
}
button.dropdown {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
}
.nh__filter_box_content {
  height: 100%;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: max-height 0.25s ease-in-out;
	-moz-transition: max-height 0.25s ease-in-out;
	-o-transition: max-height 0.25s ease-in-out;
	transition: max-height 0.25s ease-in-out;
}
.nh__filter_box.is-open .nh__filter_box_content {
  max-height: 500px;
}
.nh__filter_box_content_inner {
  border-top: 1.5px dotted #ffffff;
  margin: 20px 0 0;
  padding: 2VH 0;
}
.filter__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.filter__column label {
  text-align: right;
  margin: 0;
}
form.resources__filter {
  color: #ffffff;
}
form.resources__search {
  color: #ffffff;
  margin: 20px 0 0;
}
.filter__row .filter__column {
  margin: 0 20px 0 0;
}
.filter__column select {
  color: #818181;
  padding: 5px 12px;
  border: none;
}
.filter__column input {
  color: #818181;
  background-color: #ffffff;
  padding: 5px 12px;
  border: none;
}
.filter__column button {
  color: #f33c78;
  font-weight: 600;
  padding: 5px 12px;
  border: none;
  background-color: #ffffff;
}
/* Featured Previews */
.featured-resource__preview {
  background-color: #f0f0f0;
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  margin: 40px auto;
}
.featured-resource__thumbnail {
  min-height: 300px;
  max-height: 350px;
  width: 45%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.featured-resource__content {
  width: 55%;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.featured__note {
  text-transform: uppercase;
  color: #2e4861;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.featured__excerpt {
  flex-grow: 2;
}
.featured__excerpt h2 {
  font-size: 1.75rem;
  font-weight: 600 !important;
  color: #f33c78;
  display: block;
  margin-bottom: 1.125rem;
}
.featured__excerpt p {
  color: #2e4861;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.featured__tags {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 15px;
  border-top: 1.5px dotted #959595;
  }
  @media screen and (max-width: 650px) {
    .featured__tags {
      flex-direction: column;
    }
  }
p.tag {
  color: #2e4861;
  font-size: 12px;
  margin-right: 20px;
  }
  @media screen and (max-width: 650px) {
    p.tag:first-child {
      margin: 0 0 15px 0;
    }
    p.tag:last-child {
      margin: 0;
    }
  }
span.tag {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 8px;
  font-weight: 600;
  margin-left: 5px;
}
/* Normal Previews */
a.resource__link {
  background-color: #f0f0f0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom: 5px solid #f33c78;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.resource__thumbnail {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  height: 225px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
img.new {
  position: absolute;
  left: 0;
  top: 15px;
  width: 100%;
  max-width: 50px;
}
.resource__excerpt {
  padding: 20px 20px;
  flex-grow: 2;
}
.resource__excerpt h2 {
  font-size: 1.75rem;
  font-weight: 600 !important;
  color: #f33c78;
  display: block;
  margin-bottom: 1.125rem;
}
.resource__excerpt p {
  color: #2e4861;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.resource__tags {
  padding: 15px 0;
  margin: 0 20px;
  border-top: 1.5px dotted #959595;
}
.resource__tags p.tag:first-child {
  margin: 0 0 10px 0;
}
.resource__tags p.tag:last-child {
  margin: 0;
}
/* Resources Container */
.resources__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.preview__wrapper {
  flex: 0 1 calc(33.3333% - 20px);
  padding: 0 10px;
  margin-bottom: 1.75rem;
  }
  @media screen and (max-width: 991px) {
    .preview__wrapper {
      flex: 0 1 calc(50% - 20px);
    }
  }
  @media screen and (max-width: 575px) {
    .preview__wrapper {
      flex: 0 1 calc(100% - 20px);
    }
  }
.pagination {
	width: 100%;
	margin: 0 auto;
	font-size: 1.125rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination a,
.pagination span {
	color: #8b8775;
	display: block;
	margin: 0 0.25rem;
	text-decoration: none;
}
.pagination a:hover {
	text-decoration: underline;
}
.pagination .current {
	text-decoration: underline;
}
/* Single Resource */
.single__title_container {
  padding: 2VH 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.single__title_container h1 {
  display: block;
  margin: 0 0 1.25rem 0;
}
span.type {
  display: block;
  text-transform: uppercase;
  color: #2e4861;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.breadcrumbs {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1VH 0;
}
.tags p.tag {
  display: inline-block;
  color: #2e4861;
  font-size: 12px;
  margin-right: 20px;
}
.tags p.tag span.tag {
  color: #384879;
  background-color: #ececec;
}
div.related_resources {
  border-top: 1px dotted #f33c78;
  margin: 20px auto;
}
.related_resources_inner {
  padding: 2VH 0;
}
.related_resources_inner h2 {
  font-size: 2rem;
  margin: 0 0 1.75rem;
  color: #f33c78;
  display: block;
}
/* Resources Container */
ul.related_resources {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
ul.related_resources li {
  flex: 0 1 calc(33.3333% - 20px);
  padding: 0 10px;
  margin-bottom: 1.75rem;
  }
  @media screen and (max-width: 991px) {
    ul.related_resources li {
      flex: 0 1 calc(50% - 20px);
    }
  }
  @media screen and (max-width: 575px) {
    ul.related_resources li {
      flex: 0 1 calc(100% - 20px);
    }
  }
ul.related_resources li a {
  height: 100%;
}
.featured__note img {
  display: inline-block;
  width: 100%;
  max-width: 15px;
  margin: 0 10px 0 0;
}
/* Single Resource */
button.download {
  font-size: 1.25rem;
  border: none;
  border-radius: 0;
  color: #f33c78;
  font-weight: 500;
  position: relative;
  padding: 2px 20px 0 2px;
  margin: 10px 0;
}
/* button.download::after {
  content: '';
  width: 10px;
  height: 16px;
  background-image: url(img/arrow-right.png);
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 6px;
} */
button.download img.download__arrow {
  width: 10px;
  height: 16px;
  display: inline-block;
  -webkit-transition: transform 0.25s ease-in-out;
	-moz-transition: transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
}
img.download__arrow.is-active {
  transform: rotate(90deg);
}
/* Download Form */
.download__form {
  height: 100%;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: max-height 0.25s ease-in-out;
	-moz-transition: max-height 0.25s ease-in-out;
	-o-transition: max-height 0.25s ease-in-out;
	transition: max-height 0.25s ease-in-out;
}
.download__form.is-open {
  max-height: 600px;
}
label.gfield_consent_label {
  width: 300px !important;
}
.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {
  border: none !important;
}
.gform_wrapper li.hidden_label input {
  margin-top: 0 !important;
}
/* Landing Page */
.subcategories__overview {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.subcategory__preview {
  flex: 0 1 calc(33.3333% - 20px);
  padding: 0 10px;
  margin-bottom: 1.75rem;
  }
  @media screen and (max-width: 991px) {
    .subcategory__preview {
      flex: 0 1 calc(50% - 20px);
    }
  }
  @media screen and (max-width: 575px) {
    .subcategory__preview {
      flex: 0 1 calc(100% - 20px);
    }
  }
.subcategory {
  display: flex;
  flex-direction: column;
  background-color: #f33c78;
  color: #ffffff;
  border-radius: 15px;
  height: 100%;
}
.subcategory__title {
  background-color: #d71f5b;
  padding-left: 20px;
  padding-right: 20px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  height: 125px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.subcategory__title img {
  width: 100%;
  max-width: 70px;
}
.subcategory__title h2 {
  font-weight: 600 !important;
  font-size: 1.5rem;
  color: #ffffff;
}
.subcategory__description {
  background-color: #f33c78;
  background-image: url(img/bookmark.png);
  background-position: 95% 0%;
  background-size: 20px auto;
  background-repeat: no-repeat;
  padding: 20px 40px 40px 20px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  height: 100%;
  position: relative;
}
.subcategory__description p {
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
}
.subcategory__description a.subcategory__button {
  width: 100%;
  max-width: 120px;
  border-radius: 5px;
  color: #f33c78;
  display: block;
  margin: 2.25rem 0 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.25rem;
  padding: 10px 12px;
  text-align: center;
  background-color: #ffffff;
  position: absolute;
  bottom: 20px;
}
/* Menu change */
.dropdown:hover .dropdown-menu {
  display: block;
}