/*!
Theme Name: Interference Archive 2021
Theme URI: https://gitlab.com/interference-archive/interference-archive-2021
Author: Partner & Partners
Author URI: https://interferencearchive.org/
Description: Theme for WP site https://interferencearchive.org/
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: this-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
!*/

main {
  max-width: 1600px;
  margin: 0 auto !important;
}


/* woocommerce styles */
.product_type_simple, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
 
  border: var(--standard-border) solid var(--black);
    border-radius: 5px;
    padding: .5rem 1.75rem;
    font-family: var(--font-family-monospace);

    text-decoration: none;
    background: initial;
    color:inherit;
    font-weight: normal;
    text-transform: uppercase;
}

a.button.product_type_simple{
  display:none;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: initial;
    color: inherit;
    text-decoration: none;
    /*box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    border-radius: 5px;
    -webkit-transform: scale(1.01);
    transform: scale(1.01); */
    opacity: 1;
}

input[type="number"], input[type="text"], input[type="tel"], input[type="email"], textarea, .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    background-color: initial !important;
    color: initial !important;
    margin-top: 0 !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: initial;
}

.woocommerce-message {
    border-top-color: var(--black);
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top: var(--standard-border) solid var(--black);
    color: var(--black);
}

.woocommerce-message::before, .woocommerce a.remove {
    color: var(--black) !important;
}

.woocommerce a.remove:hover {
    background: var(--black);
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    padding: .25rem .75rem;
}

.woocommerce-info::before {
    color: var(--black);
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: var(--light-gray);
}
/* end woocommerce styles */

/* Accordion styles */
.tabs {
    overflow: hidden;
  }

  .tab {
    width: 100%;
    color: var(--black);
    overflow: hidden;

  }

  .tab a:hover {
    text-decoration: none !important;
  }

  .tab-label:hover {
    cursor: pointer;
    opacity: .8;
  }
  .tab-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    /* padding: 1.5rem; */
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0px;
    align-items: center;
    /* Icon */
  }
  .tab-label::after {
    content: url('./icons/down-arrow.svg');
    font-size: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -10px;
    border-radius: 2rem;
    margin-left: 2rem;
    line-height: 1.35;
    text-align: center;
    -webkit-transition: all 0s;
    transition: all 0s;
  }
  .tab-label.ext-link::after {
    content: url('./icons/open-tab.svg') !important;
  }

  .tab-label.internal-link::after {
    border-radius: 4px;
    font-size: 1.25rem;
    width: 4.5rem;
    height: 2.5rem;
    line-height: 2;
    border: var(--standard-border) solid var(--black);
    color: var(--black);
    font-family: var(--font-family-sans-serif-headings);
    content: 'View' !important;
  }

  .tab-label.ext-link:hover:after {
    content: url('./icons/open-tab-white.svg') !important;
    pointer: cursor;
    background-color: var(--black);
    text-decoration: none;
  }
  .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: var(--black);
    background: white;
    -webkit-transition: all 0s;
    transition: all 0s;
  }
  .tab-close {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1.5rem;
    font-size: 0.75rem;
    background: #2c3e50;
    cursor: pointer;
  }
  .tab-close:hover {
    background: #1a252f;
  }
  input:checked + .tab-label::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  input:checked ~ .tab-content {
    max-height: 100%;
    padding: 1.5rem;
  }

  .collapsible-block input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.grid-split {
    grid-column: span 6;
  }

  /* end accordian styles */



#notice-block a:hover {
    text-decoration: none;
    opacity: 1;
}


.scrollmenu a {
    display: inline-block;
    color: inherit;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }

  a.active {
      text-decoration: underline !important;
  }

  #nav {
    position: fixed;
    overflow-x: scroll;
    top: 45px;
    right: 0;
    left: 0;
    opacity: 0;
    padding-left: var(--mp-3) !important;
    padding-right: var(--mp-3) !important;
    transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
    max-width: 1600px;
    margin: 0 auto;
  }


/* .section:target {

    top: 300px;
} */

.section:target::before {
    content: "";
    display: block;
    height: 100px; /* fixed header height*/
    margin: -100px 0 0; /* negative fixed header height */
  }

  /* offset archive logo for exhibition pages */
  #archive {
    margin-top: 47px;
  }

  .wp-block-column {
      padding-top: 1rem;
  }

  #mobile-menu {
      display: none;
  }

  .popup-overlay {
    /*Hides pop-up when there is no "active" class*/
    visibility: hidden;
    background: #ffffff;
    width: 100%;
    height: 100%;
    left: 0;

  }

  .popup-overlay.active {
    /*displays pop-up when "active" class is present*/
    visibility: visible;
    text-align: center;
  }

    /* .search-form {
        top: 40px;
        margin: 0px auto;
        width: 100%;
        max-width: 1600px;
        display: flex;

    } */
    .modal-header input {
        color: var(--white) !important;
        padding: 15px 0px;
        font-size: 2rem;
    }
    input[type="search"] {
        background-color: transparent !important;

    }

    [type=search] {
        outline-offset: 0 !important;
        -webkit-appearance: none !important;
        outline: none;
        border: none;
    }

    .search-field-button svg path:first-child {
        fill: var(--black);
    }

  .modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	background-color: var(--black); }
	.modal-backdrop.fade {
	  opacity: 0.5; }
	.modal-backdrop.show {
      opacity: 0.5; }

      .search-modal .popup-content svg {
        color: var(--white) !important;
        fill: var(--white) !important;
        width: 32px;
        height: 32px;
    }

    .search-field-button {
        background-color: transparent;
        -webkit-appearance: none;
        border-radius: 0px;
        border: none;
        
    }

  /*  .close {
        color: var(--white);
        opacity: 1 !important;
        text-shadow: none;
        font-size: 35px;
        padding: 0px;
        font-weight: normal;
        font-family: var(--font-family-monospace);
        position: absolute;
        top: -35px;
        right: 15px;
    }
*/
    .border-left-black {
        border-left: var(--standard-border) solid var(--black);
    }

    h6 {
        font-family: var(--font-family-monospace) !important;
        font-weight: bold !important;
    }

    .entry-content {
        max-width: 1600px;
    }

/*    .detail  .entry-content {

        max-width:65%;
    } */

/*
    .app {
        padding: var(--gutter) 0;
        display: grid;
        grid-gap: var(--gutter) 0;
        grid-template-columns: var(--gutter) 1fr var(--gutter);
        align-content: start;
        width: 100%;
        height: 667px;
      }

      .app > * {
        grid-column: 2 / -2;
      }

      .app > .full {
        grid-column: 1 / -1;
      } */


      .custom-gallery {
        display: grid;
        /* grid-gap: calc(var(--gutter) / 2); */
        /* grid-template-columns: 10px; */
        /* grid-template-rows: minmax(150px, 1fr); */
        grid-auto-flow: column;
        /* grid-auto-columns: calc(50% - var(--gutter) * 2); */
        overflow-x: scroll;
        /* scroll-snap-type: x proximity; */
      }

      /* .custom-gallery:before,
      .custom-gallery:after {
        content: '';
        width: 10px;
      } */

      .custom-gallery-grid {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
      }


      .custom-gallery > .item, .custom-gallery-grid > .item {
        scroll-snap-align: center;
        padding: calc(var(--gutter) / 2 * 1.5);
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; */
        }

      .custom-gallery .thumbnail-image, .custom-gallery-grid .thumbnail-image {
        background-repeat: no-repeat;
        border: var(--standard-border) solid white;
        height: 250px;
        width: 250px;
        overflow: hidden;
         /* for small devices */
        background-image: url(img/photo-wedding_1200x800.jpg);
        /* lt ie8 */
        -ms-background-position-x: center;
        -ms-background-position-y: center;
        background-position: center center;
        /* scale bg image proportionately */
        background-size: cover;
        /* ie8 workaround - http://louisremi.github.io/background-size-polyfill/ */
        -ms-behavior: url(/backgroundsize.min.htc);
        /* prevent scaling past src width (or not) */
        /* max-width: 1200px; */
      }

      .no-scrollbar {
        scrollbar-width: none;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .no-scrollbar::-webkit-scrollbar {
        display: none;
      }


      .exhibition .custom-gallery figcaption li, .exhibition .custom-gallery-grid figcaption li {
        font-family: var(--font-family-monospace);
        color: rgba(255, 255, 255, 0.5);
        list-style-type:square;
      }


    .calendar tr:first-child {
        border-bottom: 1px solid var(--black);
    }

    .no-underline {
        text-decoration: none;
    }

    .no-underline a {
        text-decoration: none;
    }

    .archive-img img {
        max-height: 150px;
        width: auto;
        margin: 0 auto;
    }

    .event-cal select {
        margin-right: .25rem;
        border-radius: 0;
        padding: .25rem;
        border: 1px solid var(--black);
    }

    .event-cal input[type="submit"] {
        padding: .25rem .5rem;
        font-size: inherit;
        border: 1px solid var(--black);
        line-height: normal;
    }

    :focus {
        outline:none;

    }



/*  Gallery Slideshow style */

    * {box-sizing:border-box}

    /* Slideshow container */
    .slideshow-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
    }

    /* Hide the images by default */
    .mySlides {
      display: none;
    }

    

    /* Fading animation */
    .fade {
      -webkit-animation-name: fade;
      -webkit-animation-duration: 1.5s;
      animation-name: fade;
      animation-duration: 1.5s;
    }

    @-webkit-keyframes fade {
      from {opacity: .4}
      to {opacity: 1}
    }

    @keyframes fade {
      from {opacity: .4}
      to {opacity: 1}
    }

    .mySlides img, .gallery-list img {
        max-width: 600px;
    }
/*  end Gallery Slideshow style  */

/*  event-calendar block style  */

    .breadcrumb {
        border: var(--standard-border) solid var(--black);
    }

    .clndr-month {
      text-align: center;
      font-weight: normal;
    }

    .clndr-next-button,  .clndr-previous-button{

      font-weight: normal !important;
    }

    #calendar thead {
      border-bottom: var(--standard-border) solid var(--black);
      padding-bottom: 1rem;
    }

    .clndr-previous-button:hover, .clndr-next-button:hover, .event {
      cursor: pointer;
    }

    .event span {
      border-bottom: 9px solid var(--black);
    }

    .today {
      padding:0 !important;
      border: var(--standard-border) solid var(--black);
    }

    .days{
      padding: var(--mp-3);
    }

    .day-number{
      padding-bottom:var(--mp-1);
      
    }

    .day-boxes{
      padding: var(--mp-4) var(--mp-3);
      position:relative;
      margin:-1rem;
    }

    


/**************************  buddypress styles  ************************/
.groups-header .desc-wrap {
    background: inherit;
    border: none;
    margin: 0;
    padding: 1em;
}

.groups-header .desc-wrap .group-description {
    background: inherit;
    box-shadow: none;
}