/*!
Theme Name: Art Division 2
Theme URI: 
Author: ArtDivision
Author URI: 
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: art-division
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* CSS Reset */
picture {
    display: block;
}
/* End CSS Reset */

/* Logo */
.nav-logo {
    display: flex;
    place-items: center;
    padding: 0;
    margin: 0;
}
.nav-logo a {
    display: none;
}
/* Main Image */
.nav-logo .nav-logo-image {
    display: block;
} 
/* Mobile logos */
.nav-logo-image--with-mobile .nav-logo-image {
    display: none;
}
.nav-logo-image--with-mobile .nav-logo-image-mobile {
    display: block;
}
/* Mobile logo on scoll */
.top-nav-scrolled .nav-logo-image--with-mobile.nav-logo-image--with-mobile-transparent .nav-logo-image-mobile {
    display: none;
}
.top-nav-scrolled .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
    display: block;
}
/* Mobile logo fixed */
.art-fixed-header .nav-logo-image--with-mobile.nav-logo-image--with-mobile-transparent .nav-logo-image-mobile {
    display: none;
}
.art-fixed-header .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
    display: block;
}
/* Desktop logos */
@media(min-width:992px) {
    .nav-logo-image--with-mobile .nav-logo-image-mobile,
    .top-nav-scrolled .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
        display: none;
    }
    .nav-logo .nav-logo-image {
        display: block;
    }
    /* Desktop on scroll */
    .top-nav-scrolled .nav-logo-image--with-transparent .nav-logo-image {
        display: none;
    }
    .top-nav-scrolled .nav-logo-image--with-transparent .nav-logo-image--fixed {
        display: block;
    }
    /* Desktop logo fixed */
    .art-fixed-header .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
        display: none;
    }
    .art-fixed-header .nav-logo-image--with-transparent .nav-logo-image {
        display: none;
    }
    .art-fixed-header .nav-logo-image--with-transparent .nav-logo-image--fixed {
        display: block;
    }  
}

/* PAGE MODULE: Content Image -- Boxed */
@media(min-width:992px) {
    .content-image-text--boxed .content-image-text-container {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }
    .content-image-text--boxed .content-image-text-container::before,
    .content-image-text--boxed .content-image-text-container::after {
        display: none;
    }
    .content-image-text--boxed .content-images {
        grid-column: 7 / 13;
        grid-row: 1;
        width: 100%;
    }
    .content-image-text--boxed .content-text {
        background: var(--medium-grey);
        padding: 90px 120px;
        grid-column: 1 / 8;
        max-width: 100%;
        grid-row: 1;
        width: 100%;
        z-index: 1;
    }
    .content-image-text--boxed.grey-background .content-text {
        background-color: white;
    }    
    .content-image-text--boxed .content-text h2 {
        margin-top: 0;
        margin-bottom: 25px;
    }
}

/* Hero Image Text Template */
.hero-txt-img-container::before {
    content: '';
    position: absolute;
    width: 100%;
    opacity: 0.1;
    background-blend-mode: overlay;
    background-color: #333;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 100vh;
    top: 0;
}
.hero-txt-img-thumbnail {
    display: none;
}
@media(min-width: 992px) {
    .hero-txt-img-thumbnail {
        display: block;
    }
}
@media(max-width: 991px) {
    body {
        margin-top: 0;
    }
    .hero-txt-img-container.pd-top {
        padding-top: 0;
    }    
  }
  .hero-text-img-content {
    max-width: 730px;
  }
  .hero-txt-img-container {
    background: var(--secondary);
    height: 100%;
    min-height: 100vh;
    display: flex;
  }
  .hero-txt-img-inner-container {
    max-width: 1540px;
    margin: 0 auto;
    display: flex;
    place-items: center;    
  }
  .hero-text-img-content {
    padding: 30px 15px 0 15px;
  }
  .hero-text-img-content h1 {
    margin-top: 0;
  }
  .hero-text-img-content h1,
  .hero-text-img-content p {
    color: white;
    text-align: left;
    margin-left: 0;
  }
  .hero-txt-img-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  @media(min-width:992px) {
    .hero-txt-img-thumbnail img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .hero-txt-img-inner-container {
        display: flex;
        justify-content: space-between;
        align-items: center;                
    }
    .hero-text-img-content {
        order: -1;
    }
    .hero-txt-img-thumbnail {
        padding-right: 15px;
    }
    .hero-text-img-content .art-btn-group {
        margin-top: 65px;
    }
    .hero-text-img-content {
      padding: 60px 80px 60px 15px;
    }    
  }
  .hero-txt-img-inner-container .art-btn-group {
    margin-left: 0;
  }
  @media(max-width:991px) {
    .hero-txt-img-inner-container picture::before {
      content: '';
      position: absolute;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.9);
      height: 100%;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgb(0 0 0 / 70%) 105%);
    }
  }
  @media(min-width:992px) {
    .hero-txt-img-thumbnail img {
        min-height: 333px;
    }
  }

  /* REPEATABLE: Testimonial Split */
.split-testimonial__container {
	display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
	height: 100vh;
    max-height: 900px;
}

.split-testimonial__column1,
.split-testimonial__column2 {
    width: 100%;
}
.split-testimonial__column1 {
	display: flex;
	flex-direction: column;
    place-content: center;
	padding: 15px;
}
.split-testimonial__column2 {
	display: none;
}

.split-testimonial__img {
	object-fit: cover;
	width: 100%;
	height: 100vh;
    max-height: 900px;
}
.split-testimonial__wrapper {
	display: flex;
	justify-content: center;
}
@media(min-width:992px) {
    .split-testimonial__container {
        flex-direction: row;
    }
    .split-testimonial__column1,
    .split-testimonial__column2 {
        width: 50%;
    }
    .split-testimonial__column2 {
        display: block;
    }
}
.split-testimonial__heading {
    text-align: center;
}