/*  
Theme Name: Spectrum Scroll Gallery - Modified by Tribulant.com
Theme URI: http://themespectrum.com
Description: A Clean Horizontal Scrolling Premium WordPress Portfolio Theme.
Version: 3.0.0
Author: Theme Spectrum
Author URI: http://themespectrum.com
Tags: clean, art, color-options, custom-background, custom-menu, threaded-comments, fixed-width, cms, portfolio, jquery-slideshow, showcase, design, responsive-content-widths, horizontal-scroll

TABLE OF CONTENTS

01 - Style Reset
02 - Global 
03 - Layout
04 - Header
05 - Content
06 - Comments
07 - Pagination
08 - Buttons
09 - Sidebar
10 - Widgets
11 - Footer
12 - Front images
13 - Custom Social Icons
14 - Custom and override


*/

/* @font-face {
    font-family: 'AniversRegular';
    src: url('anivers_regular-webfont.eot');
    src: url('anivers_regular-webfont.eot?iefix') format('eot'),
         url('anivers_regular-webfont.woff') format('woff'),
         url('anivers_regular-webfont.ttf') format('truetype'),
         url('anivers_regular-webfont.svg#webfontVsNFbumn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSlab500';
    src: url('museo_slab-webfont.eot');
    src: url('museo_slab-webfont.eot?iefix') format('eot'),
         url('museo_slab-webfont.woff') format('woff'),
         url('museo_slab-webfont.ttf') format('truetype'),
         url('museo_slab-webfont.svg#webfontVvHZLUpZ') format('svg');
    font-weight: normal;
    font-style: normal;

} */

/* ---------------------------
01 Style Reset
----------------------------*/

@import './css/fonts/font.css';

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    font-family: 'Roboto Condensed' !important;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: border-box; /* 3 */
  }
  
  /* Sections
   */
  body {
    margin: 0;
    font-family: 'Roboto Condensed' !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0.5rem;
    margin-block-end: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
  }
  
  h1 {
    font-size: 2.5rem;
  }
  
  h2 {
    font-size: 2rem;
  }
  
  h3 {
    font-size: 1.75rem;
  }
  
  h4 {
    font-size: 1.5rem;
  }
  
  h5 {
    font-size: 1.25rem;
  }
  
  h6 {
    font-size: 1rem;
  }
  
.site-header .text-logo {
    font-family: "Gill Sans light" !important;
    text-transform: uppercase;
  }
  
  p {
    margin-block-start: 0;
    margin-block-end: 0.9rem;
  }
  
  /* Grouping content
   */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
    white-space: pre-wrap;
  }
  
  /* Text-level semantics
   */
  a {
    background-color: transparent;
    text-decoration: none;
    color: #CC3366;
  }
  a:hover, a:active {
    color: #333366;
  }
  a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
  }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
  }
  a:not([href]):not([tabindex]):focus {
    outline: 0;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-block-end: none; /* 1 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
   */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
    height: auto;
    max-width: 100%;
  }
  
  /* Interactive
   */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  
  figcaption {
    font-size: 16px;
    color: #333333;
    line-height: 1.4;
    font-style: italic;
    font-weight: 400;
  }
  
  /* Misc
   */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  
  /* Print
   */
  @media print {
    *,
    *:before,
    *:after {
      background: transparent !important;
      color: #000 !important; /* Black prints faster */
      box-shadow: none !important;
      text-shadow: none !important;
    }
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    pre {
      white-space: pre-wrap !important;
    }
    pre,
    blockquote {
      -moz-column-break-inside: avoid;
           break-inside: avoid;
      border: 1px solid #cccccc;
    }
    thead {
      display: table-header-group;
    }
    tr,
    img {
      -moz-column-break-inside: avoid;
           break-inside: avoid;
    }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      -moz-column-break-after: avoid;
           break-after: avoid;
    }
  }
  /**
   * Form styling
   */
  label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  }
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 1rem; /* 1 */
    line-height: 1.5; /* 1 */
    margin: 0; /* 2 */
  }
  
  input[type=text],
  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=url],
  select,
  textarea {
    width: 100%;
    border: solid 1px #666666;
    border-radius: 3px;
    padding: 0.5rem 1rem;
    transition: all 0.3s;
  }
  input[type=text]:focus,
  input[type=date]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  select:focus,
  textarea:focus {
    border-color: #333333;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    width: auto;
    -webkit-appearance: button;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button,
  [type=submit],
  [type=button] {
    display: inline-block;
    font-weight: 400;
    color: #CC3366;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid #CC3366;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all 0.3s;
  }
  button:focus:not(:focus-visible),
  [type=submit]:focus:not(:focus-visible),
  [type=button]:focus:not(:focus-visible) {
    outline: none;
  }
  button:hover, button:focus,
  [type=submit]:hover,
  [type=submit]:focus,
  [type=button]:hover,
  [type=button]:focus {
    color: #ffffff;
    background-color: #CC3366;
    text-decoration: none;
  }
  button:not(:disabled),
  [type=submit]:not(:disabled),
  [type=button]:not(:disabled) {
    cursor: pointer;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
    resize: vertical;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  select {
    display: block;
  }
  
  /**
   * Table styling
   */
  table {
    background-color: transparent;
    width: 100%;
    margin-block-end: 15px;
    font-size: 0.9em;
    border-spacing: 0;
    border-collapse: collapse;
  }
  table th,
  table td {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid rgba(128, 128, 128, 0.5019607843);
  }
  table th {
    font-weight: bold;
  }
  table thead th,
  table tfoot th {
    font-size: 1em;
  }
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {
    border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
  }
  table tbody > tr:nth-child(odd) > td,
  table tbody > tr:nth-child(odd) > th {
    background-color: #fff;
  }
  table tbody tr:hover > td,
  table tbody tr:hover > th {
    background-color: #fff;
  }
  table tbody + tbody {
    border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
  }
  @media (max-width: 767px) {
    table table {
      font-size: 0.8em;
    }
    table table th,
    table table td {
      padding: 7px;
      line-height: 1.3;
    }
    table table th {
      font-weight: 400;
    }
  }
  
  /**
   * List styling
   */
  dl,
  dt,
  dd,
  ol,
  ul,
  li {
    margin-block-start: 0;
    margin-block-end: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }


.font-sans {
  font-family: 'Roboto Condensed' !important;
}

.site-header > * {
  font-family: 'Gill Sans' !important;
}

.swiper-container {
  overflow: hidden !important;
}


.portfolio-archive-item-wrapper .gallery-item {
  cursor: pointer;
  height: 100%;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.portfolio-archive-item-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-item.post {
    width: 100% !important;
}

.single {
  margin: 0 auto;
}
.single p {
  margin-bottom: 0.75rem;
}
.single .page-content h1, .single .post-content h1,
.page .page-content h1, .page .post-content h1 {
  font-size: 2rem;
  line-height: 1;
  color: #000;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.single .page-content h2, .single .post-content h2,
.page .page-content h2, .page .post-content h2 {
  font-size: 1.75rem;
  line-height: 1;
  color: #000;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.single .page-content h3, .single .post-content h3,
.page .page-content h3, .page .post-content h3  {
  font-size: 1.5rem;
  line-height: 1;
  color: #000;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.single .page-content h4, .single .post-content h4,
.page .page-content h4, .page .post-content h4 {
  font-size: 1.25rem;
  line-height: 1;
  color: #000;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.single .page-content h5, .single .post-content h5,
.page .page-content h5, .page .post-content h5 {
  font-size: 1rem;
  line-height: 1;
  color: #000;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.single .page-content h6, .single .post-content h6,
.page .page-content h6, .page .post-content h6 {
  font-size: 0.75rem;
  line-height: 1;
  color: #000;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.single .page-content > *, .single .post-content > *,
.page .page-content > *, .page .post-content > *,
.single h1.post-title, .page  h1.post-title {
  color: rgba(107,114,128,1) !important;
}
.single .page-content p, .single .post-content p, .single .page-content span, .single .post-content span,
.page .page-content p, .page .post-content p, .page .page-content span, .page .post-content span {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: inherit;
}
.single .page-content .has-text-align-center, .single .post-content .has-text-align-center {
  text-align: center;
}
.single .page-content .has-text-align-left, .single .post-content .has-text-align-left {
  text-align: left;
}
.single .page-content .hanging-indent, .single .post-content .hanging-indent,
.page .page-content .hanging-indent, .page .post-content .hanging-indent {
  margin-left: 0.5in;
  text-indent: -0.5in;
}

.single .page-content a, .single .post-content a,
.page .page-content a, .page .post-content a {
  color: rgba(107,114,128,1) !important;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.25rem;
  transition-timing-function: linear;
  transition-duration: 150ms;
  transition-property: all;
}
.single .page-content a:hover, .single .post-content a:hover,
.page .page-content a:hover, .page .post-content a:hover {
  color: #000;
}
.single .page-content a span, .single .post-content a span,
.page .page-content a span, .page .post-content a span {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

.site-header .sub-menu {
  height: 0;
  visibility: hidden;
  transition: all 0.5s;
  overflow: hidden;
}

.site-header .sub-menu li.menu-item-has-children {
  position: relative;
}

.menu-item li{
    padding: 5px 0px !important;
    width: 100%;
}

.site-header .sub-menu.active-sub-menu {
  visibility: visible;
}

.site-header .sub-menu li:last-child {
  padding-bottom: 0 !important;
}

.active-current-page > a {
  color:  rgba(55,65,81,var(--tw-text-opacity));
}

.lg-next, .lg-prev {
  background: transparent !important;
}
.lg-next::after, .lg-prev::after, .lg-next::before, .lg-prev::before {
  font-size: 30px !important;
}
.lg-toolbar .lg-icon, .lg-icon, .lg-fullscreen.lg-icon {
  color: #9ca3af !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.lg-toolbar .lg-icon:hover, .lg-icon:hover, .lg-fullscreen.lg-icon:hover, .lg-toolbar .lg-icon:focus, .lg-icon:focus, .lg-fullscreen.lg-icon:focus, .lg-toolbar .lg-icon:active, .lg-icon:active, .lg-fullscreen.lg-icon:active {
  color: #6b7280 !important;
}
.lg-backdrop {
  background-color: #fff !important;
}
.lg-content {
  bottom: 47px !important;
}
.lg-content .lg-image {
  border-radius: 0;
  cursor: none;
}
.lg-img-wrap {
  display: inline-flex !important;
  justify-content: center;
}
.lg-img-wrap .lg-sub-html {
  display: flex;
  align-items: end;
  position: relative !important;
  width: 270px;
  text-align: left;
  text-wrap: wrap;
  padding: 0 !important;
  margin: 30px 50px 30px 0 !important;
}
.lg-img-wrap .lg-sub-html {
  margin-left: 15px !important;
}

.zoom-box {
  display: none;
  position: absolute;
  border: 1px solid #ffffff5e;
  width: 150px;
  height: 150px;
  overflow: hidden;
  pointer-events: none;
  z-index: 10;
  background-repeat: no-repeat;
  cursor: none;
  pointer-events: none;
}

.lg-img-wrap .lg-sub-html p {
  font-size: 14px !important;
}
.lg-img-wrap .sub-html-content form {
  margin-top: 10px;
}

.lg-img-wrap .sub-html-content,
.lg-sub-html,
.lg-img-wrap .sub-html-content > * {
    color: rgb(107, 114, 128) !important; 
}

@media only screen and (max-width: 1000px) {
    .lg-fullscreen-on .lg-sub-html {
        display: none !important;
    }
    .lg-content .lg-image{
        cursor: default;
    }
    .lg-object.lg-image {
      transform: scale(1) !important;
    }
  .lg-img-wrap {
        flex-direction: column;
        padding: 35px !important;
        margin-top: 35px;
    }
     
 .lg-outer .lg-object {
    object-fit: contain;
 }
  .lg-outer .lg-img-wrap .lg-sub-html {
    width: auto;
    margin: 40px 0 15px 0 !important;
    text-align: center;
    transform: scale(0.9);
    display: block;
  }
}

.pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pagination .screen-reader-text {
  display: none;
}

.pagination .nav-links .page-numbers.current {
  text-decoration: underline;
  font-weight: 700;
}

.mobile-menu-close-icon {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9999;
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

.mobile-menu-close-icon::before {
  content: '';
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z' fill='%23fff'/%3E%3C/svg%3E%0A");
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}

.mobile-menu-open-icon {
  display: none;
  position: absolute;
  top: 20px;
  left: 48px;
  z-index: 9999;
  background-color: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

.mobile-menu-open-icon::before {
  content: '';
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 18H10' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 12L16 12' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 6L20 6' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
}

.portfolio-content {
  margin-bottom: 20px;
}


.menu-item-has-children::after {
    content: "";
  position: absolute;
  top: 10px;
  right: 0;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 266.77'%3E%3Cpath fill-rule='nonzero' d='M493.12 3.22c4.3-4.27 11.3-4.3 15.62-.04a10.85 10.85 0 0 1 .05 15.46L263.83 263.55c-4.3 4.28-11.3 4.3-15.63.05L3.21 18.64a10.85 10.85 0 0 1 .05-15.46c4.32-4.26 11.32-4.23 15.62.04L255.99 240.3 493.12 3.22z'/%3E%3C/svg%3E");
    background-size: contain; /* Scale the SVG to fit */
    background-repeat: no-repeat;
}

.sub-menu .menu-item-has-children::after {
    top: 15px;
}

.lg-item .lg-sub-html {
  bottom: 25px !important;
}

@media (max-width: 770px) {
  .site-header {
    transform: translateX(-1000px);
    position: absolute !important;
    left: 0;
    top: 0;
    width: 80% !important;
    height: 100%;
    background-color: #fff;
    z-index: 99 !important;
    transition: transform 0.5s;
  }
.lg-item .lg-sub-html {
    bottom: 0 !important
  }
  .flex-1, .homepage, .single .flex-1, .archive .flex-1 {
    padding: 3rem !important;
    margin-top: 25px;
  }

  .flex-1 > .homepage, .flex-1 .homepage > * {
    padding: 0 !important;
  }

  .home .p-20 {
    padding: 0 !important;
  }

  .single {
    width: 100%;
  }
  .main-site-wrapper::before {
    opacity: 1;
    visibility: collapse;
    z-index: 0;
  }
  .mobile-menu-open-icon {
    display: block;
  }
  .open-mobile-menu .mobile-menu-open-icon {
    opacity: 0;
    z-index: 1;
  }
  .open-mobile-menu .mobile-menu-close-icon {
    display: block;
  }
  .open-mobile-menu .main-site-wrapper::before {
    opacity: 1;
    visibility: visible;
    position: absolute;
    inset: 0;
    background-color: #06060673;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 9;
  }
  .open-mobile-menu .site-header {
    transform: translateX(0);
  }
  .main-site-wrapper {
    position: relative;
  }
  .lg-backdrop {
    z-index: 9999 !important;
  }
  .lg-outer {
    z-index: 9999 !important;
  }
  
   .lg-object.lg-image {
       transform: scale(0.9) !important;
   }

  .lg-outer .lg-img-wrap .lg-sub-html {
    width: auto;
    margin: 15px 0 !important;
    text-align: center;
    transform: scale(0.9);
    display: block;
  }
  .lg-outer .lg-img-wrap::before {
    content: none !important;
  }
  .lg-next::after, .lg-next::before, .lg-prev::after, .lg-prev::before {
    font-size: 20px !important;
  }

  .flex-1 {
    flex: 0 0 100% !important;
  }

  .portfolio-content {
    width: 100%;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
    .lg-img-wrap {
        flex-direction: column;
        padding: 35px 70px !important;
        margin-top: 0 !important;
    }
    
    .lg-object.lg-image {
       transform: scale(1) !important;
   }

}

.lg-object.lg-image {
  transform: scale(0.9);
}

body.archive .archive-post-item p {
  color: rgba(107,114,128,1) !important;
}

.text-3xl {
    font-size: 2.5rem !important;
}

.swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}

.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.lg-outer .lg-empty-html .lg-sub-html, .lg-outer .lg-empty-html.lg-sub-html {
    display: flex !important;
}


/* PDF Embedder plugin */
@media only screen and (max-width: 972px) {
	div.pdfemb-viewer {
		height: auto !important;
	}
}


/* START Tribulant Newsletters plugin */
#newsletters-1-form-wrapper {
	text-align: center;
}

/* Adds bottom space after the Before Form text */
.newsletters-form-styling_beforeform {
	margin-bottom: 15px;
}

/* These 2 improve the size of the mailing list drop-down on the subscribe form when it appears */
.newsletters .form-inline .newsletters-fieldholder .select2-container .select2-selection--single {
	height: 44px !important;
}
.newsletters .form-inline .newsletters-fieldholder .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 43px !important;
}

/* This changes the text color on the buttons on the Subscriber Management page to make it legible */
.newsletters.newsletters-management .wpmlbutton.subscribebutton.btn.btn-success,
.newsletters.newsletters-management .newsletters_button.btn.btn-warning,
.newsletters.newsletters-management .newsletters_button.btn.btn-danger,
.newsletters.newsletters-management #remove_all_subscriptions {
	color: #ffffff !important;
}
/* END Tribulant Newsletters plugin */