/*
Theme Name:   Artaid Child Theme
Theme URI:    http://lucidity.design
Description:  This is a custom child theme of Divi.
Author:       Richard George Davis
Author URI:   http://lucidity.design
Template:     Divi
Version:      3.0.0
License:      GPL2
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-- [   START - root   ] ---*/
:root {
  --color-1: #ea268d;
  --color-2: #203344;
  --color-3: #85abab;
  --color-4: #f0ede4;
  --color-5: #ba3a36;
  --color-6: #d9b029;
  --color-7: #16802b;
  --color-8: #4190b5;
  --color-dark: #B3B3B3;
  /* Define font size */
  --size-step-1: clamp(2.5rem, 5vw, 20rem);
  --size-step-2: clamp(48px, calc(48px + (100vw - 600px) * 0.0266), 72px);
  --size-step-3: clamp(38px, calc(38px + (100vw - 600px) * 0.0213), 57px);
  --size-step-4: clamp(1.5rem, 5vw, 1.8rem);
  --size-step-5: clamp(1rem, 5vw, 1.2rem);
  --size-step-6: clamp(0.875rem, 5vw, 1.1rem);
  /* Define Art Aid font size */
  --size-base: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  --art-header: clamp(50px, 5vw + 30px, 120px);
  --art-catch: clamp(60px, 5vw + 40px, 150px);
  --art-top-text: clamp(18px, 2vw + 10px, 25px);
  --art-blurb: clamp(17px, 1vw + 15px, 20px);
  --art-bread: clamp(13px, 1vw + 12px, 16px);
  --art-footer: clamp(50px, 8vw + 10px, 100px);
  --art-heading: clamp(40px, 5vw + 20px, 65px);
  --art-heading-l: clamp(55px, 7vw + 20px, 130px);
  --art-shadow: 0.02em 0.02em 0.60em rgba(32, 51, 68, 0.7);
  --space-3xs: clamp(0.2rem, 0.1rem + 0.4vw, 0.45rem);
  --space-2xs: clamp(0.25rem, 0.16rem + 0.43vw, 0.5rem);
  --space-s: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --space-l: clamp(2rem, 1.91rem + 0.43vw, 2.25rem);
  --space-xl: clamp(3rem, 2.87rem + 0.65vw, 3.375rem);
  --space-s-m: clamp(1rem, 0.76rem + 1.20vw, 1.6875rem);
}

@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    --art-heading-l: clamp(95px, 7vw + 20px, 130px);
  }
}
/*-- [   START - base   ] ---*/
/*--- [START - Base] ---*/
/* change color of text highlight */
::-moz-selection {
  color: var(--color-2);
  background: var(--color-1);
}

::selection {
  color: var(--color-2);
  background: var(--color-1);
}

/* Add this class to the Column to vertically center modules inside that column ("Equal Column Heights" option need to be enabled in that Row). */
.vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vertical-dist {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 479px) {
  .dlck-equal-height .et_pb_blurb_content {
    height: auto !important;
  }
}
/* hide top header on scroll ver 1 */
/* [ start Fixes ] */
.et_pb_text:not(:last-child) {
  margin-bottom: var(--space-l) !important;
}

/* fix Divi overflow - Horizontal Scroll-Bar Bug /  */
#page-container {
  overflow: hidden;
}

@media all and (max-width: 980px) {
  html, body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
}
/* Fix Divi Pixel logo on open mobile menu  */
@media screen and (max-width: 980px) {
  .logo_container {
    z-index: 99999999 !important;
    pointer-events: none;
  }
}
/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
  .nav li ul {
    width: fit-content;
    display: flex;
    flex-direction: column;
  }
  .nav li li {
    white-space: nowrap;
  }
  .nav li li a {
    width: auto !important;
  }
}
.dp-rotate-element {
  animation: rotate 25s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
#art-services .et_pb_blurb .et_pb_module_header {
  margin-bottom: 30px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  #art-services .et_pb_blurb .et_pb_module_header {
    margin-bottom: 10px;
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .dipi_carousel_0 .swiper-pagination {
    overflow: visible;
  }
  .dipi_carousel .swiper-pagination .swiper-pagination-bullet {
    width: 4.7619047619%;
    height: 3px;
    border-radius: 0;
    margin: 0 !important;
  }
}
.et_pb_blurb_description h4,
.et_pb_blurb .et_pb_module_header {
  text-shadow: var(--art-shadow);
}

.single-project .dipi_breadcrumbs .dipi-breadcrumb-current {
  display: none;
}

body .mfp-bg {
  z-index: 99999999;
  background: var(--color-2);
}

body .mfp-wrap {
  z-index: 999999999;
}

/* [ end Fixes ] */
/*-- [   START - custom   ] ---*/
/*-- [START - Custom styled text] ---*/
/* Top line */
/* Highlighted Link Animation Effect */
.kit a:link {
  text-decoration: none;
  color: var(--color-1);
  background-image: linear-gradient(var(--color-1), var(--color-1)), linear-gradient(var(--color-3), var(--color-3));
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px, 100% 2px;
  transition: background-size 0.16s;
  position: relative;
  transition: background-size 0.25s ease-in-out;
  font-weight: bold;
}

.kit a:link:hover,
.kit a:link:focus {
  background-size: 100% 2px, 100% 100%;
  color: var(--color-2);
  transition: ease all 0.3s;
}

/*-- Font sizes ---*/
body .kit {
  font-size: var(--size-base) !important;
  font-weight: 400;
  line-height: 1.6;
}

.kit :is(ul, ol) {
  font-size: calc(var(--size-base) * 0.85) !important;
}

.kit.art-header-archive .et_pb_text_inner,
.kit.art-header h1 {
  font-size: var(--art-header);
  letter-spacing: -2px;
  line-height: 1.1em;
  text-shadow: var(--art-shadow);
}

.kit .bold-text,
.kit.art-header span {
  font-weight: 700;
}

.kit.art-heading h2 {
  font-size: var(--art-heading);
  letter-spacing: -2px;
  line-height: 1.1em;
}

.kit.art-heading-l {
  font-size: var(--art-heading-l) !important;
  letter-spacing: -2px;
  line-height: 1.1em;
  text-shadow: var(--art-shadow);
}

.kit.art-catch h3 {
  font-size: var(--art-catch);
  letter-spacing: 2px;
  line-height: 0.98em;
  font-weight: 900;
  text-transform: uppercase;
}

.kit.top-text {
  font-size: var(--art-top-text);
  letter-spacing: 0px;
  line-height: 1.5em;
}

.kit.art-blurb {
  font-size: var(--art-blurb);
  letter-spacing: 2px;
  line-height: 1.8em;
  text-transform: uppercase;
}

.art-bread {
  font-size: var(--art-bread);
  letter-spacing: 3px;
}

.kit.art-footer h4 {
  font-size: var(--art-footer);
  letter-spacing: -2px;
  line-height: 1em;
}

.kit h1 {
  font-size: var(--size-step-1);
}

.kit h2 {
  font-size: var(--size-step-2);
}

.kit h3 {
  font-size: var(--size-step-3);
  line-height: 1.2;
}

.kit h4 {
  font-size: var(--size-step-4);
}

.kit h5 {
  font-size: var(--size-step-5);
}

.kit h6 {
  font-size: var(--size-step-6);
}

body #page-container .kit :is(h1, h2, h3, h4, h5, h6):not(:last-child) {
  margin: 0px 0 var(--space-s) 0 !important;
  padding-bottom: 0 !important;
  padding: 0;
  text-wrap: balance;
}

/* body .kit p:not(:last-child) {
  margin-top: 20px !important;
}

body .kit p {
  margin-bottom: 0px;
} */
/*-- lists ---*/
.kit :is(p + ul, p + ol) {
  margin-top: var(--space-s);
}

.kit ul {
  list-style-type: none !important;
  list-style-position: inside;
  padding-left: calc(2em + 14px) !important;
  padding-bottom: 0em;
}

.kit ul ul {
  margin: var(--space-2xs) 0 0;
}

.kit ul > li {
  padding: 5.5px 0;
}

.kit ul > li:before {
  content: "\e052" !important;
  color: var(--color-1);
  font-family: "ETMODULES" !important;
  margin-right: 14px !important;
  margin-left: -32px !important;
  font-size: 1.2em !important;
  padding: 5.5px 0 !important;
  position: relative;
  top: 4px;
}

.kit ol {
  margin-top: var(--space-s);
  list-style-position: inside;
  padding-left: 27px !important;
  counter-reset: item;
  padding-bottom: 0em;
}

.kit ol > li {
  margin: 0;
  padding: 5.5px 0 5.5px 1.2em;
  text-indent: -1.5em;
  list-style-type: none;
  counter-increment: item;
}

.kit ol > li:before {
  display: inline-block;
  width: 1em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
  color: var(--color-1);
  margin-right: 18px !important;
  margin-left: -10px !important;
  padding: 3px 0 !important;
  top: 4px;
}

body .kit ol > li > ul > li {
  text-indent: 0.2em;
}

body .kit ol ul {
  margin: var(--space-3xs) 0 0;
}

body .kit ol ul li {
  padding: 3px 0;
}

body .kit ol ul li:before {
  margin-right: 15px !important;
  margin-left: -43px !important;
}

@media (max-width: 49em) {
  body .kit a, body .custom-styled-text > * {
    word-wrap: break-word;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}
/* legal */
.legal.kit {
  font-size: calc(var(--size-base) * 0.85) !important;
}

.legal.kit :is(ul, ol) {
  font-size: calc(var(--size-base) * 0.75) !important;
}

.legal.kit h1 {
  font-size: calc(var(--size-step-1) * 0.75);
}

.legal.kit h2 {
  font-size: calc(var(--size-step-2) * 0.75);
  padding-top: var(--space-xl) !important;
}

.legal.kit h3 {
  font-size: calc(var(--size-step-3) * 0.75);
  padding-top: var(--space-l) !important;
}

.legal.kit h4 {
  font-size: calc(var(--size-step-4) * 0.75);
}

.legal.kit h5 {
  font-size: calc(var(--size-step-5) * 0.75);
}

.legal.kit h6 {
  font-size: calc(var(--size-step-6) * 0.75);
}

.legal.kit h2:before {
  display: block;
  content: "";
  background: var(--color-1);
  height: 3px;
  width: 55px;
  margin-bottom: 20px;
}

.legal.kit ul {
  padding-left: var(--space-xl) !important;
}

.legal.kit ul > li:before {
  content: "\e052" !important;
  color: var(--color-1);
  font-family: "ETMODULES" !important;
  margin-right: 14px !important;
  margin-left: -32px !important;
  font-size: 1.2em !important;
  padding: 5.5px 0 !important;
  position: relative;
  top: 4px;
}

.legal.kit ol,
.legal.kit ul {
  margin: var(--space-2xs) 0 0;
}

/*-- [START - list of logos horizontal centered ] ---*/
.logo-img-list .et_pb_column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.logo-img-list .et_pb_column .et_pb_image {
  max-width: 180px;
  margin: auto 0 !important;
  padding: 1em 1em;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-logos .logo-img-list .et_pb_column .et_pb_image {
  max-width: 180px;
}

.logo-img-list .et_pb_column .et_pb_image .et_pb_image_wrap img {
  width: 100%;
  height: 70px;
  -o-object-fit: contain;
  object-fit: contain;
}

/*-- [   START - custom   ] ---*/