{% include 'v2/variables_css' %}
/*
   v2.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html{
  height: 100%;
}


/*  ------  Global  ------  */
body {
  line-height: 1;

  {% css_block theme.text_typography %}

  /* This is set to important else it breaks on Opera browsers */
  background: {{ theme.background_color }} !important;

  &:not(.gallery) {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;

    & + .image-placeholder {
      opacity: 0;
    }
}

h1, h3, h4, h5, h6 {
  {% css_block theme.headline_typography %}
  margin:0;
}

body:not(.content) h2 {
  {% css_block theme.headline_typography %}
  margin:0;
}

h1 {
  line-height:1.1em;
}

h2 {
  line-height: 1em;
}

#content_page_wrapper {
  h2 {
    font-weight: bold;
  }
}

a {
  outline: none;
  {% css_block theme.link_typography %}
}

  a:hover {
    {% css_block theme.link_typography.hover %}
  }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none; }
table { border-collapse: collapse;  border-spacing: 0; }
form div ,table td, table th { padding: 5px;}

::-moz-selection{ background: #A5A29F; color:#fff; text-shadow: none; }
::selection { background:#A5A29F; color:#fff; text-shadow: none; }

p { margin: 0; }

p, ul li, ol li {  line-height: 1.5em; }
em {  font-style:italic; }
strong {  font-weight:bold; }

/* Required to Render UL and OL elements correclty */
ol { list-style: decimal inside none; }
ul { list-style: disc inside none; }




/* ------ ClearFix ------ */
.clearfix:after { content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

html.chrome .gallery .image .img img {
  image-rendering: -webkit-optimize-contrast;
}


/* Menu Definitions */
#menu_container {
  position: fixed;
  width: 100%;
  margin: auto 0px ;
  text-align: center;
  z-index: 33333;
  top: 0;
  background: transparent !important;
}


#menu_container .menu_padding {
  padding: 1.5em 2em;
}


#menu_container #logo a  {
  display: inline-block;
  text-decoration: none;
  {% css_block theme.logo_typography %}
  line-height: 1.1em;
}

#menu_container #logo a img {
  border:0px;
  max-width: 100%;
  width: auto;
  max-height: 110px;
  {{ "left" | vendorize_css_declaration: "transform-origin" }}
  {{ 0.2 | slider_val_to_scale_val: theme.logo_size | wrap: "scale(", ")" | vendorize_css_declaration: "transform" }}
}
#menu_container #logo h1 {
  padding:0px; margin: 0px;
  z-index: 3333;
}

#menu_container #logo h1 a:hover { text-decoration:none; }

/* Menu */

#menu ul { list-style-type:none; }
#menu > li {
  margin-bottom: 1px;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display:inline;
  white-space: nowrap;
}

  #menu > .item,
  #menu > .category > div,
  #menu > .category > a,
  #menu .dropdown > .item {
    {% if theme.menu_style != "Simple" %}background: {{ theme.menu_typography.background }};{% endif %}
    transition: background 0.3s ease;
  }

  {% if theme.menu_style == "Simple" %}
  #menu .dropdown > .item {
    background: {{ theme.menu_typography.background }};
  }
  {% endif %}

    #menu > .item:hover,
    #menu > .category:hover > a,
    #menu .dropdown > .item:hover {
      background: {{ theme.menu_typography.hover.background }};
    }


#menu .category:hover .dropdown,
#menu .category:focus .dropdown {
  transition: height 0.3s ease;
}

#menu .category {
  .menu-category-caret {
    display: none;
  }
}

#menu .item a,
#menu .category > div,
#menu .category a,
#menu .category a:visited,
#menu .item a:visited {
  transition: background-color 0.2s;

  color: {{ theme.menu_typography.color }};
  font-family: {{ theme.menu_typography.font-family }};
  font-size: {{ theme.menu_typography.font-size }}px;
  font-style: {{ theme.menu_typography.font-style }};
  font-weight: {{ theme.menu_typography.font-weight }};

  line-height: 1em;
  text-decoration: {{ theme.menu_typography.text-decoration }};
  display: block;

  {% if theme.menu_style == "Simple" %}
  padding: 0.7em;
  {% else %}
  padding: 0.8em 1em;
  {% endif %}
}

#menu .category span {
  color: {{ theme.menu_category_typography.color }};
  font-style: {{ theme.menu_category_typography.font-style }};
  font-weight: {{ theme.menu_category_typography.font-weight }};
}

  #menu .category > div {
    cursor: pointer;
  }

  #menu .dropdown > li a {
    padding: 1em 1em;
    }

{% if theme.menu_style != 'Simple' %}
  #menu > .item,
  #menu > .category  {
    margin: 0 0 5px 4px;
  }

  {% if theme.menu_style == 'Rounded' %}
  #menu > .item,
  #menu > .item > a,
  #menu > .category > a,
  #menu > .category > div {
    border-radius: 4px;
  }
  {% endif %}
{% endif %}

#menu .dropdown {
  float: none;
  z-index: 100;
  position: absolute;
  {% if theme.menu_submenu_width %}
  min-width: 180px;
  {% endif %}
  height: 0;
  overflow: hidden;

  padding: 5px 0 0;
{% if theme.menu_style == 'Rounded' %}
  border-radius: 4px;
{% endif %}
  transition: height 0.15s ease;
}

  #menu .dropdown a {
    text-align: left;
  }

  {% if theme.menu_style == 'Rounded' %}
  #menu .dropdown .item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  {% endif %}


#menu .item a:hover,
#menu .category a:hover,
#menu .item a:focus,
#menu .category a:focus {
  color: {{ theme.menu_typography.hover.color }};
  text-decoration: {{ theme.menu_typography.hover.text-decoration }};
}

#menu .selected > a,
#menu .category > .selected > a {
  background: {{ theme.menu_typography.selected.background }};
}

  #menu .item.selected > a,
  #menu .category.selected > a {
    color: {{ theme.menu_typography.selected.color }};
    font-style: {{ theme.menu_typography.selected.font-style }};
    font-weight: {{ theme.menu_typography.selected.font-weight }};
    text-decoration: {{ theme.menu_typography.selected.text-decoration }};
  }

#menu_container .mobile_nav_item {
  display: none;
}



/******* TOP *********/


#head_logo {
  float:left;
  padding-right: 40px;
  width: 40%;
  max-width: 430px;
  text-align: left;
  min-height: 30px;
  max-height: 150px;
  box-sizing: border-box;
  }

.footer_text {
  {% css_block theme.post_nav_typography %}
  {% if theme.post_alignment == 'Center' %}
  text-align: center;
  {% elsif theme.post_alignment == 'Left' %}
  text-align: left;
  {% endif %}
  width: auto;
  margin-top: auto;
  padding: 20px 24px;
}

.gallery .footer_text {
  position: fixed;
  left: 24px;
  bottom: 18px;
  margin: 0;
  padding: 18px 0 0 0;
  width: 100%;
}

.mobile-menu-trigger {
  display: none;
}


/* Social Icons */

.social_icons {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 0;
  text-align: left;
}

.social_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  li a {
    padding: 0.7em;
    text-decoration: none;
    color: {{ theme.social_link_typography.color }};
    font-family: {{ theme.menu_typography.font-family }};
    font-size: {{ theme.menu_typography.font-size }}px;
    font-style: {{ theme.menu_typography.font-style }};
    font-weight: {{ theme.menu_typography.font-weight }};
    line-height: 1em;
  }
}

ul.social_icons li.social_icon {
  transition: opacity 0.3s ease;
  border-radius: 11px;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  padding: 1px;
  position: relative;
  text-align: center;
  {% if theme.social_icons_style == 'Icon' %}
  height: {{ theme.menu_typography.font-size }}px;
  width: {{ theme.menu_typography.font-size }}px;
  {% elsif theme.social_icons_style == 'Round Icon'%}
  filter: alpha(opacity=60);
  opacity: 0.6;
  width: 18px; height: 18px;
  {% endif %}
  zoom: 1;
}

ul.social_icons li.social_icon a {
  display: block;
  padding: 0;
  width: 20px; height: 20px;
  {% if theme.social_icons_style == 'Icon' %}
  height: {{ theme.menu_typography.font-size }}px;
  width: {{ theme.menu_typography.font-size }}px;
  font-size: {{ theme.menu_typography.font-size }}px;
  top: -0.2em;
  {% else %}
  width: 20px; height: 20px;
  top: 1px;
  overflow: hidden;
  {% endif %}
  position: absolute;left: 0;
}

ul.social_icons li.social_icon .social-icon {
  width: auto;
  {% if theme.social_icons_style == 'Icon' %}
  height: {{ theme.menu_typography.font-size }}px;
  {% else %}
  height: 12px;
  top: 1px;
  {% endif %}
  overflow: visible;
  position: relative;
}

ul.social_icons  li.social_icon:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

ul.social_icons li.social_icon {
{% if theme.social_icons_style == 'Round Icon' %}
background: {{ theme.social_link_typography.background }};
{% endif %}
}

ul.social_icons li.social_icon:before {
  color: {{ theme.social_link_typography.color }};
}
ul.social_icons li.social_icon a { color: {{ theme.social_link_typography.color }}; }

/* Share button */

#share_4ormat_link {
  {% if theme.social_icons_style == 'Round Icon' %}
  background: {{ theme.share_button_typography.background }}!important;
  filter: alpha(opacity=60);
  opacity: 0.6;
  font-size: 12px!important;
  padding: 5px 10px 4px 10px!important;
  margin: 0 3px;
  {% endif %}
  color: {{ theme.share_button_typography.color }}!important;
  display: inline-block;
  padding: 5px 10px;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.04em;
  border-radius: 16px;
  transition: opacity 0.3s ease;
  text-decoration: none;
}
  #share_4ormat_link:hover,
  #share_4ormat_link:focus {
    filter: alpha(opacity=100);
    opacity: 1;
  }

/****** CONTENT *******/


.nav {
  {% if theme.menu_position == 'Right' %}
  float: right;
  {% else %};
  margin: 2px 0 0 0;
  {% endif %}
  max-width: 900px;
  width: 60%;
  overflow: hidden;
  box-sizing: border-box;
}
.nav.left_aligned_menu { text-align: left;}
.nav { text-align: right;}
.nav .menu_wrap {  font-size: 0;}

#content .container {
  opacity: 0;
  transition: opacity 250ms;
  &.loaded {
    opacity: 1;
  }
}

#content {
  opacity: 1;
  transition: opacity 300ms;
}

.gallery .private_page {
  width: 100vw;
}

/******* GALLERY  *********/

body.gallery {
  height: 100%;
  overflow: hidden;

  .page {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  #menu_container {
    position: static;
  }

  #content {
    flex: 1;
    display: flex;
    flex-direction: column;
    {% unless theme.gallery_image_height == 'Full Browser Height' %}
    justify-content: center;
    {% endunless %}
    overflow: hidden;
    overflow-x: auto;

    @media only screen and (max-device-width: 869px) and (orientation: landscape), (max-width: 500px) and (orientation: landscape) {
      {% if theme.mobile_hide_site_header %}
      justify-content: center;
      {% endif %}
    }

    @media only screen and (max-device-width: 767px) and (orientation: portrait) {
      justify-content: flex-start;
    }

    &.align-top {
      justify-content: flex-start;
    }
  }

  #assets_wrap {
    display: flex;
    flex-flow: row nowrap;
    padding-left: 2em;

    {% if theme.gallery_image_height == '400' %}
    height: 400px;
    {% elsif theme.gallery_image_height == '550' %}
    height: 550px;
    {% elsif theme.gallery_image_height == '700' %}
    height: 700px;
    {% endif %}

    &.has-caprions.below-captions-space {
      @media only screen and (min-width: 835px) {
        {% if theme.gallery_caption_position == "Below Image" %}
        .asset {
          .wrap,.embed_container {
            height: 90%;
          }

          .below-image-caption {
            height: 10%;
            max-height: unset !important;
          }
        }
        {% endif %}
      }
    }
  }

  .asset {
    height: 100%;
    flex-shrink: 0;

    .wrap,
    .embed_container {
      height: 100%;
    }
  }
}

/* Image Text on Image Assets Popups */
.gallery .image .img {
  position: relative;
  height: 100%;
}
.gallery .image .img.loaded {
  width: 100%;
}
.gallery .image .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  max-width: 100%;
  z-index: 1;
}

.gallery .image-placeholder {
  height: 100%;
  width: auto;
  display: block;
  transition: opacity 300ms;
}

.gallery .asset .image_text {
  transition: opacity 300ms;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: {{theme.gallery_caption_typography.color}};
  background: rgba({{ theme.gallery_caption_typography.background | hex_to_rgb }}, 0.8);
  text-decoration:none;
  {% if theme.gallery_caption_button_position == "Offset" %}
  bottom: 10px;
  right: 10px;
  height: 20px;
  padding: 5px 10px;
  {% else %}
  bottom: 0px;
  right: 0px;
  height: 30px;
  padding: 5px 15px;
  {% endif %}
  z-index:333;
  transition: opacity 300ms ease;
  opacity: 1;
  font-size: 14px;
  &.open_caption {
    &.opened { opacity: 0; }
  }
  &.close_caption {
    font-weight: 200;
    font-family: 'Helvetica';
    font-size: 30px;
    background: none;
    padding: 12px;
    top: 0;
    right: 0;
    opacity: 0;
  }
}


.gallery .asset .image_text_container {
  text-align: left;
  z-index: 1;
  padding: 30px 10% 20px 10%;
  box-sizing: border-box;
  {% unless theme.gallery_caption_position == "Below Image" %}
  opacity: 0;
  {% endunless %}
  transition: opacity 300ms ease;
}

.gallery .asset .overlay-caption {
  {% if theme.gallery_caption_position == "Overlay" %}
  display: block;
  {% else %}
  display: none;
  {% endif %}

  .image_text_container {
    width: 100%;
    position: absolute;
    bottom: 0px; left: 0;
    color: {{ theme.gallery_caption_typography.color }};
    background: rgba({{ theme.gallery_caption_typography.background | hex_to_rgb }}, 0.8);
    &.visible {
      opacity: 1;
      z-index: 2;
      .close_caption {
        opacity: 1;
      }
    }
    {% if theme.gallery_full_height_mobile %}
    max-width: 100vw !important;
    left: auto;
    {% endif %}
  }
}

.gallery .asset {
  .below-image-caption {
    {% if theme.gallery_caption_position == "Below Image" %}
    display: block;
    overflow: auto;
    {% else %}
    display: none;
    {% endif %}
    color: {{ theme.gallery_caption_typography.color }};
  }

  &.image-loaded .below-image-caption .image_text_container {
    opacity: 1;
  }

  &:not(.txt) {
    .image_text_container {
      h1,
      h2 {
        color: {{ theme.gallery_caption_typography.color }};
      }
    }
  }
}

.gallery .asset .image_text_container p {
  color: {{ theme.gallery_caption_typography.color }};
  font-size: {{ theme.gallery_caption_typography.font-size }}px;
  font-family: {{ theme.gallery_caption_typography.font-family }};
  line-height: {{ theme.gallery_caption_typography.line-height }}em;
}


/* Title Elements */

.gallery .asset.title .wrap {
  {% if theme.gallery_image_height == '400' %}
    height: 400px;
  {% elsif theme.gallery_image_height == '550' %}
    height: 550px;
  {% elsif theme.gallery_image_height == '700' %}
    height: 700px;
  {% endif %}
  max-height: 100%;
  overflow:hidden;
  outline: none;

  .asset_img {
    height: 100%;
  }

  img {
    height: 100%;
    width: auto;
  }
}

.gallery .asset.title  {
  {% if theme.gallery_image_height == 'Full Browser Height' %}
  opacity: 0;
  {% endif %}
  &.visible {
    opacity: 1;
  }
}

.gallery .asset.title .inner_wrap { width: 600px; height: 100%;}

/* Text Elements */

.gallery .assets .asset.txt {
  width: 665px;
  flex-shrink: 0;
  outline: none;
  max-height: 100%;
}

{% if theme.gallery_text_element_position == "Center" %}
.gallery .asset.txt .wrap {
  display: flex;
  align-items: center;
}
{% endif %}

.gallery .asset.txt .text_content {
  box-sizing: border-box;
  padding: 20px 60px;
  {% css_block theme.gallery_text_element %}
  max-height: 100%;
  overflow-y: auto;
}


.gallery .asset.title .text_content {
  width: 100%;
  padding: 0 40px 0 0;
  overflow-y: auto;

  h2 {
    line-height: 1.5em;
    {% css_block theme.headline_typography %}
  }
  p {
    {% css_block theme.gallery_header_typography %}
  }
}



/*-- Video Element --*/

body.gallery .assets .video .embed_container { position: relative }

body.gallery .assets .video .youtube_cont,
body.gallery .assets .video .vimeo_cont {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 0;

  img {
    width: 100%;
  }
}

body.gallery .assets .video .below-image-caption .image_text_container {opacity: 1}

.gallery .assets.size_400 .asset.video .copy {    width: 95%;   padding: 10px 5% 0 0;  }

{% if theme.gallery_image_height == 'Full Browser Height' %}
  .gallery .assets .asset.video .copy { padding: 10px 5% 0 0;  }
{% endif %}


/* scrollbar styles for desktop */

@media only screen and (min-width: 1024px) {
  .text_content,
  .below-image-caption {
    &::-webkit-scrollbar-track, {
      background-color: transparentize({{ theme.text_typography.color }}, 0.98);
      border-radius: 2px;
      transition: all 0.3s ease;
    }

    &:hover::-webkit-scrollbar-track {
      background-color: transparentize({{ theme.text_typography.color }}, 0.9);
    }

    &::-webkit-scrollbar,
    &::-webkit-scrollbar {
      width: 12px;
    }

    &::-webkit-scrollbar-thumb,
    &::-webkit-scrollbar-thumb {
      border: 3px solid transparent;
      background-clip: content-box;
      background-color: transparentize({{ theme.text_typography.color }}, 0.5);
      border-radius: 6px;
      opacity: 0.5;

      &:hover {
        background-color: {{ theme.text_typography.color }};
      }
    }
  }
}

/* Listing Assets */

.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  transition: opacity 300ms ease;
  opacity: 1;
}

/* Listing Column System */

{% capture listing_gutter %}{% if theme.listing_thumbnails_space == 'Tight' %}10{% elsif theme.listing_thumbnails_space == 'Normal' %}30{% elsif theme.listing_thumbnails_space == 'Loose' %}50{% else %}0{% endif %}px{% endcapture %}

body.listing .two-columns .asset, body.listing .three-columns .asset, body.listing .four-columns .asset, body.listing .five-columns .asset {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

body.listing .two-columns .listing_image { width: 50%; }
body.listing .three-columns .listing_image { width: 33.3333%; }
body.listing .four-columns .listing_image { width: 25%; }
body.listing .five-columns .listing_image { width: 20%; }

/* Listing Layout */

body.listing .assets{
  align-content: center;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -{{ listing_gutter }};
}
  body.listing .assets.original {
    align-items: center;
  }

body.listing .listing_image {
  opacity: 0;
  transition: opacity 0.3s ease;
  padding: 0 {{ listing_gutter }} {{ listing_gutter }} 0;
  box-sizing: border-box;
}
  body.listing .listing_image.asset-loaded {
    opacity: 1;
  }
  body.listing .listing_image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      height: auto;
      vertical-align: top;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
  body.listing .listing_image .image-wrap {
      position: relative;
      transition: opacity 0.3s ease-out;
      -webkit-backface-visibility: hidden;
  }
  body.listing .listing_image:hover .image-wrap {
      opacity: 0.8;
  }
  body.listing .listing_image .image-wrap .image-placeholder {
      position: relative;
      vertical-align: top;
      width: 100%;
      height: 100%;
      transition: background-color 0.25s ease;
  }
  body.listing .listing_image .image-wrap.image-loaded .image-placeholder {
      background-color: transparent !important;
  }
  body.listing .listing_image a {
    text-decoration: none;
  }


body.listing #content {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 2em;
  overflow-x: hidden;
}

._4ORMAT_content_wrapper { margin: 0 auto; }

body.listing .assets {
  overflow: hidden;
}

  body.listing .title_element img,
  body.listing .assets img {
    max-width: 100%;
    height: auto;
  }

body.listing #content .title_element {
  max-width: 1060px;
  margin: 0 auto
}
body.listing #content .title_element .image {
  position: relative;
}
body.listing #content .title_element .image .image-placeholder {
  width: 100%;
  margin-bottom: {{ listing_gutter }};
}
@media only screen and (max-width: 767px) {
  body.listing #content .title_element .image .image-placeholder {
    margin-bottom: {{ listing_gutter | divided_by: 2 }}px;
  }
}
body.listing #content .title_element .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body.listing #content .title_element .copy {
  max-width: 800px;
  margin-bottom: 45px;
}


  body.listing #content .listing_image:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
  }

body.listing #content .listing_image .copy {
  text-align: center;
  line-height: 1.35em;
  text-decoration: none;
  margin-top: 10px;
  padding: 0 8px;
  display:block;
  {% css_block theme.listing_caption_typography %}
  {% if theme.listing_thumbnails_space == 'None' %}
    margin-bottom: 15px;
  {% elsif theme.listing_thumbnails_space == 'Tight' %}
    margin-bottom: 5px;
  {% endif %}
}
  body.listing #content .listing_image .copy.top {
    opacity: 0;
    pointer: none;
  }

  body.listing #content .listing_image:hover .copy {
    {% css_block theme.listing_caption_typography.hover %}
  }

@media only screen and (max-width: 767px) {
  body.listing .assets{
    margin-right: -{{ listing_gutter | divided_by: 2 }}px;
  }
  body.listing .listing_image {
    padding: 0 {{ listing_gutter | divided_by: 2 }}px {{ listing_gutter | divided_by: 2 }}px 0;
  }
}




body.simple  #menu_container,
body.listing #menu_container,
body.content #menu_container,
body.store #menu_container,
body.product #menu_container,
body.order_confirmation #menu_container,
body.order_thank_you #menu_container,
body.order_download #menu_container,
body.order_payment_error #menu_container {
  {% if theme.menu_behavior == "Fixed" %}
  position: fixed;
  {% else %}
  position: relative;
  {% endif %}
}
body.simple  #content,
body.listing #content {
  margin-top: 60px;
}

/* Variable Image Style Definitions */

/* Gallery Containers */

.gallery .asset {
  margin-right: {{ theme.image_margin }}px;

  @media only screen and (min-width: 768px) {
    &:last-child {
      border-right: {{ theme.image_margin }}px solid transparent;
    }
  }
}

/* JScroll Scrollbard color */
.jspDrag {
  background: {{ theme.text_typography.color }};
}

.jspDrag:hover {
  background: {{ theme.text_typography.color }};
}

/* Gallery nav arrows */

.gallery .cursor_right.cursor_black.cursor_s { cursor: url({% asset cursors/right/cursor_black_s.cur %}), e-resize; cursor: url({% asset cursors/right/cursor_black_s.png %}) 22 24, e-resize; }
.gallery .cursor_right.cursor_black.cursor_m { cursor: url({% asset cursors/right/cursor_black_m.cur %}), e-resize; cursor: url({% asset cursors/right/cursor_black_m.png %}) 22 24, e-resize; }
.gallery .cursor_right.cursor_black.cursor_l { cursor: url({% asset cursors/right/cursor_black_l.cur %}), e-resize; cursor: url({% asset cursors/right/cursor_black_l.png %}) 22 24, e-resize; }

.gallery .cursor_left.cursor_black.cursor_s { cursor: url({% asset cursors/left/cursor_black_s.cur %}), w-resize; cursor: url({% asset cursors/left/cursor_black_s.png %}) 0 24, w-resize; }
.gallery .cursor_left.cursor_black.cursor_m { cursor: url({% asset cursors/left/cursor_black_m.cur %}), w-resize; cursor: url({% asset cursors/left/cursor_black_m.png %}) 0 24, w-resize; }
.gallery .cursor_left.cursor_black.cursor_l { cursor: url({% asset cursors/left/cursor_black_l.cur %}), w-resize; cursor: url({% asset cursors/left/cursor_black_l.png %}) 0 24, w-resize; }

.gallery .cursor_right.cursor_white.cursor_s { cursor: url({% asset cursors/right/cursor_white_s.cur %}), e-resize; cursor: url({% asset cursors/right/cursor_white_s.png %}) 22 24, e-resize; }
.gallery .cursor_right.cursor_white.cursor_m { cursor: url({% asset cursors/right/cursor_white_m.cur %}), e-resize; cursor: url({% asset cursors/right/cursor_white_m.png %}) 22 24, e-resize; }
.gallery .cursor_right.cursor_white.cursor_l { cursor: url({% asset cursors/right/cursor_white_l.cur %}), e-resize; cursor: url({% asset cursors/right/cursor_white_l.png %}) 22 24, e-resize; }

.gallery .cursor_left.cursor_white.cursor_s { cursor: url({% asset cursors/left/cursor_white_s.cur %}), w-resize; cursor: url({% asset cursors/left/cursor_white_s.png %}) 0 24, w-resize; }
.gallery .cursor_left.cursor_white.cursor_m { cursor: url({% asset cursors/left/cursor_white_m.cur %}), w-resize; cursor: url({% asset cursors/left/cursor_white_m.png %}) 0 24, w-resize; }
.gallery .cursor_left.cursor_white.cursor_l { cursor: url({% asset cursors/left/cursor_white_l.cur %}), w-resize; cursor: url({% asset cursors/left/cursor_white_l.png %}) 0 24, w-resize; }

/* ie8 nav */
.gallery .ie-next, .gallery .ie-prev { display: none; }
.ie8 .gallery .ie-next, .ie8 .gallery .ie-prev {
  display: block;
  width: 29px;
  height: 47px;
  position: fixed;
  z-index: 2000;
  cursor: pointer !important;
}
.ie8 .gallery .ie-prev { left: 30px; display: none; }
.ie8 .gallery .ie-next { right: 30px; }
.ie8 .gallery #content { cursor: default !important; }

.gallery .cursor_black.cursor_s .ie-next { background: url({% asset cursors/right/cursor_black_s.png %}) no-repeat; }
.gallery .cursor_black.cursor_m .ie-next { background: url({% asset cursors/right/cursor_black_m.png %}) no-repeat; }
.gallery .cursor_black.cursor_l .ie-next { background: url({% asset cursors/right/cursor_black_l.png %}) no-repeat; }

.gallery .cursor_black.cursor_s .ie-prev { background: url({% asset cursors/left/cursor_black_s.png %}) no-repeat; }
.gallery .cursor_black.cursor_m .ie-prev { background: url({% asset cursors/left/cursor_black_m.png %}) no-repeat; }
.gallery .cursor_black.cursor_l .ie-prev { background: url({% asset cursors/left/cursor_black_l.png %}) no-repeat; }

.gallery .cursor_white.cursor_s .ie-next { background: url({% asset cursors/right/cursor_white_s.png %}) no-repeat; }
.gallery .cursor_white.cursor_m .ie-next { background: url({% asset cursors/right/cursor_white_m.png %}) no-repeat; }
.gallery .cursor_white.cursor_l .ie-next { background: url({% asset cursors/right/cursor_white_l.png %}) no-repeat; }

.gallery .cursor_white.cursor_s .ie-prev { background: url({% asset cursors/left/cursor_white_s.png %}) no-repeat; }
.gallery .cursor_white.cursor_m .ie-prev { background: url({% asset cursors/left/cursor_white_m.png %}) no-repeat; }
.gallery .cursor_white.cursor_l .ie-prev { background: url({% asset cursors/left/cursor_white_l.png %}) no-repeat; }

/* Blog styling */

.f_blog_body_typography,
.f_blog_body_typography:hover {
    color: {{ theme.blog_body_typography.color }}!important;
    font-family: {{ theme.blog_body_typography.font-family }}!important;
    font-size: {{ theme.blog_body_typography.font-size }}px!important;
    line-height: {{ theme.blog_body_typography.line-height }}!important;
}
.f_blog_body_typography > p { line-height: {{ theme.blog_body_typography.line-height }}!important; }

.f_blog_body_typography_color,
.f_blog_body_typography_color:hover,
.blog_date_icon_path { fill: {{ theme.blog_body_typography.color }}!important; }

.f_blog_title_typography,
.f_blog_title_typography:hover {
  color: {{ theme.blog_title_typography.color }}!important;
  font-family: {{ theme.blog_title_typography.font-family }}!important;;
  font-size: {{ theme.blog_title_typography.font-size }}px!important;
  font-style: {{ theme.blog_title_typography.font-style }}!important;
  font-weight: {{ theme.blog_title_typography.font-weight }}!important;
}
.f_blog_title_typography_hover:hover {
  color: {{ theme.blog_title_typography.hover.color }}!important;
  text-decoration: {{ theme.blog_title_typography.hover.text-decoration }}!important;
}

/* Hack to make listing hovers work nicely */
.f_blog_list a:hover h4 {
  color: {{ theme.blog_title_typography.hover.color }}!important;
  text-decoration: {{ theme.blog_title_typography.hover.text-decoration }}!important;
}

.fancybox-title .child, /* apply to fancybox for popup image captions */
.f_blog_caption_typography {
  font-family: {{ theme.blog_caption_typography.font-family }}!important;
  font-size: {{ theme.blog_caption_typography.font-size }}px!important;
  color: {{ theme.blog_caption_typography.color }}!important;
}
.f_blog_caption_typography_font-size { font-size: {{ theme.blog_caption_typography.font-size }}px!important; }

{% if theme.blog_images_slideshow_color == 'Dark' %}
  .f_blog_wrapper .slidesjs-container { background: #000; }
{% endif %}

.youtube_cont.preview .load_iframe, .vimeo_cont.preview .load_iframe {
  background-image: url({% asset images/play.svg %}) !important;
  background-size: 63px 63px;
}

@media only screen and (max-width: 1024px),
screen and (max-device-width: 869px) and (orientation: landscape) {
  body.content #content, body.blog #content {
    position: relative;
  }

  body.simple  #menu_container,
  body.listing #menu_container,
  body.content #menu_container,
  body.store #menu_container,
  body.product #menu_container,
  body.order_confirmation #menu_container,
  body.order_thank_you #menu_container,
  body.order_download #menu_container,
  body.order_payment_error #menu_container {
    position: fixed;
  }

  body.simple #content, body.listing #content {
    margin-top: 0px;
  }

  body.simple #content .container, body.listing #content .container {
    position: relative;
  }

  .gallery .asset .image_text_container {
    right: 0;
    max-width: none;
  }

  .f_blog_wrapper {
    width: 100vw;
    max-width: none;
    overflow-x: auto;
    padding-right: 2em !important;
    padding-left: 2em !important;
    -webkit-overflow-scrolling: touch;
  }

    .f_blog_wrapper iframe {
      width: 100% !important;
      height: auto !important;
    }

  #content_page_wrapper input[type="submit"]:hover {
      height: auto  !important;
      border-radius: 2px  !important;
      background-color: transparent  !important;
      color: inherit  !important;
      cursor: pointer  !important;
      margin: 0  !important;
      padding: 15px 30px  !important;
      font-size: 1em  !important;
      width: auto  !important;
  }
}

@media screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: landscape) and (hover: none) {
  .gallery .asset.title,
  .gallery .assets .asset.txt {
    overflow: auto;

    .wrap {
      height: auto;
      {% if theme.gallery_full_height_mobile == true %}
        width: auto;
      {% endif %}
    }
  }
}

@media screen and (max-width: 767px) {
  .open-mobile-menu {
    overflow: hidden;
  }

  #head_logo {
    width: 75%;
    min-height: 0;
    max-height: none;
    max-width: none;
    padding-right: 0;
  }

  #menu_container #logo a img {
    max-width: 100%;
    max-height: 60px;
    height: calc(20px + {{ theme.mobile_logo_size | times: 0.4 }}px);
  }

  #menu_container {
    width: 100vw;
    transition: transform 0.3s ease;

    .menu_padding {
      {% case theme.mobile_menu_height %}
        {% when 'Tall' %}
          padding: 26px 2em;
        {% when 'Short' %}
          padding: 8.5px 2em;
        {% else %}
          padding: 1.5em 2em;
      {% endcase %}
    }
  }

    #menu_container.hidden {
      {% if theme.menu_behavior == "Scroll" or theme.mobile_menu_behavior == "Scroll" %}
      transform: translate3d(0, -100%, 0);
      {% endif %}
    }

    #menu_container #logo a {
      font-size: calc(8px + {{ theme.mobile_logo_font_size | times: 0.2 }}px);
    }

  .header_container {
    position: relative;
  }

  .open-mobile-menu #content {
    opacity: 0;
  }

  .mobile-menu-trigger {
    cursor: pointer;
    background: none;
    border: none;
  }

  .mobile-menu-open-button {
    position: absolute;
    display: block;
    padding: 0px;
    right: 0;
    top: 0px;
    height: 22px;
    width: 25px;
    outline: none;
    top: 50%;
    margin-top: -11px;
    &:focus {
      outline: none;
    }
  }

  .mobile-menu-open-button-icon {
    display: block;
    position: absolute;
    width: 25px;
    {% if theme.mobile_menu_button_style == "Light" %}
    height: 2px;
    {% else %}
    height: 4px;
    {% endif %}
    background: {{ theme.menu_button_color }};
    transform-origin: center;
    &.middle {
      margin-top: 8px;
    }
    &.bottom {
      margin-top: 16px;
    }
  }

  .open-mobile-menu .mobile-menu-open-button {
    .top {
      transform: rotate(-45deg);
      margin-top: 10px;
    }
    .middle {
      opacity: 0;
    }
    .bottom {
      transform: rotate(45deg);
      margin-top: 10px;
    }
  }

  .nav {
    position: fixed;
    top: -500%;
    left: 0;
    width: 100vw;
    max-width: unset;
    height: 100vh;
    margin-left:0;
    overflow-y: auto;
    background: {{ theme.background_color }};
    opacity: 0.01;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.3s ease;
  }

  .open-mobile-menu .nav {
    top: 0;
    opacity: 1;
    pointer-events: auto;
  }

  .social {
    margin-left: 0;
  }

  #menu {
    padding: 10px 30px 0 30px;
  }

  #menu > li {
    display: block;
    margin: 0;
    padding: 0;
    white-space: normal;
  }

  #menu > .social {
    margin: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    {% if theme.mobile_menu_position == "Right" %}
    justify-content: flex-end;
    .social_text li a {
      padding: 0.7em 0 0.7em 1.4em;
    }
    .social_icon {
      margin: 0 0 0 10px;
    }
    {% elsif theme.mobile_menu_position == "Left" %}
    justify-content: flex-start;
    .social_text li a {
      padding: 0.7em 1.4em 0.7em 0;
    }
    .social_icon {
      margin: 0 10px 0 0;
    }
    {% else %}
    justify-content: center;
    {% endif %}
  }

  #menu > li.category {
    transition: margin 200ms ease-in-out;
    margin: 10px 0;
  }

  #menu > {% if theme.mobile_submenu_visibility == 'Open' %} li.category {% else %} li.category.expanded {% endif %}{
    {% if theme.mobile_menu_spacing == "Loose" %}
      margin: 30px 0;
    {% elsif theme.mobile_menu_spacing == "Medium" %}
      margin: 20px 0;
    {% else %}
      margin: 10px 0;
    {% endif %}
  }

  #menu > .category > a {
    background: {{ theme.menu_typography.background }};
  }

  #menu > .category > a span {
    opacity: 0.5;
  }

  #menu > .item, #menu > .category > a, #menu .dropdown > .item {
    transition: none;
  }

  #menu > .category:hover > a, #menu .dropdown > .item:hover {
    background: {{ theme.menu_typography.background }};
  }

  #menu > .item:hover {
    background: {{ theme.background_color }};
  }

  #menu .item a,
  #menu .item a:visited {
    {% if theme.mobile_menu_spacing == "Loose" %}
    padding: 12px 0!important;
    {% elsif theme.mobile_menu_spacing == "Medium" %}
    padding: 6px 0!important;
    {% else %}
    padding: 2px 0!important;
    {% endif %}
    line-height: 21px;
    {% if theme.mobile_menu_position == "Right" %}
    text-align: right;
    {% elsif theme.mobile_menu_position == "Left" %}
    text-align: left;
    {% else %}
    text-align: center;
    {% endif %}

    {% css_block theme.menu_typography_mobile %}

    transition: none;
  }

  #menu .item.selected a,
  #menu .category .item.selected a {
    {% css_block theme.menu_typography_mobile.selected %}
  }

  #menu .category > div,
  #menu .category a {
    line-height: 21px;
    {% if theme.mobile_menu_spacing == "Loose" %}
    padding: 12px 0;
    {% else %}
    padding: 12px 0 6px 0;
    {% endif %}
    {% if theme.mobile_menu_position == "Right" %}
    text-align: right;
    {% elsif theme.mobile_menu_position == "Left" %}
    text-align: left;
    {% else %}
    text-align: center;
    {% endif %}

    transition: none;
  }

  #menu .category > div span {
    {% css_block theme.menu_category_typography_mobile %}
  }

  #menu .dropdown {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
  }

  #menu {
    .dropdown-wrap {
      display: grid;
      {% if theme.mobile_submenu_visibility == 'Collapsed' %}
        grid-template-rows: 0fr;
      {% endif %}
      transition: grid-template-rows 200ms ease-in-out;
    }
    .dropdown {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      transition: none;
    }
    .category > div.category-heading {
      display: flex;
      align-items: center;
      {% case theme.mobile_menu_position %}
        {% when 'Right' %}
          justify-content: flex-end;
        {% when 'Left' %}
          justify-content: flex-start;
        {% else %}
          justify-content: center;
      {% endcase %}
    }
    .category .menu-category-caret {
      display: flex;
      margin-left: .5em;
      width: {{ theme.menu_category_typography_mobile.font-size }}px;
      transition: transform 200ms ease-in-out;
      svg {
        max-width: 100%;
        max-height: 100%;
        fill: {{ theme.menu_category_typography.color }};
      }
    }

    .category.expanded {
      .dropdown-wrap {
        grid-template-rows: 1fr;
      }
      .menu-category-caret {
        transform: rotate(180deg);
      }
    }
  }

    #menu .dropdown li {
      display: block;
      text-align: center;
      white-space: normal;
    }

    #menu .dropdown > li a {
      {% unless theme.mobile_menu_position == "Right" %}
      padding: 0;
      {% endunless %}
    }

    #menu .category:hover .dropdown,
    #menu .category:focus .dropdown {
      height: auto !important;
      transition: none;
    }

  #menu_container .mobile_nav_item {
    display: block;
    margin: 11px 0;
    {% if meta.using.text_color %}
      color: {{ meta.using.text_color }};
    {% else %}
      color: #666;
    {% endif %}
    font-size: 12px;
    line-height: 13px;
  }

  #menu_container .mobile_nav_item #using {
    position: static !important;
    color: {{ theme.menu_typography.color }} !important;
    font-family: {{ theme.menu_typography.font-family }} !important;
  }

  #menu_container .mobile_nav_item #using a {
    color: {{ theme.menu_typography.color }} !important;
  }

  #menu_container .mobile_nav_item.nav_footer_text {
    color: {{ theme.menu_typography.color }} !important;
    font-family: {{ theme.menu_typography.font-family }} !important;
  }

  #menu_container .mobile_nav_item a {
    {% if meta.using.text_color %}
      color: {{ meta.using.text_color }};
    {% else %}
      color: #666;
    {% endif %}
  }

  {% unless theme.social_icons_style == "Text" %}
  ul.social_icons li.social_icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 100%;
  }

    ul.social_icons li.social_icon a {
      width: 32px;
      height: 32px;
    }

  ul.social_icons li.social_icon .social-icon {
    height: 18px;
    left: 1px;
    top: 3px;
  }
  {% endunless %}
}

@media screen and (max-width: 767px), screen and (max-device-width: 869px) and (orientation: landscape) {
  #share_button, .footer_text {
    display: none;
  }

  {% unless theme.gallery_full_height_mobile %}
  .gallery #assets_wrap,
  .gallery #assets_wrap .asset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    ms-flex-align: center;
    align-items: center;
  }
  {% endunless %}

  .gallery .asset.title .inner_wrap {
    width: 83vw;
  }

  .gallery .asset.title .asset_img {
    padding-right: 20px;
  }

  .gallery .assets .asset.txt {
    width: 83vw;
  }

  .gallery .assets .asset.txt .wrap .text_content {
    padding: 0 15px 0 10px;
  }

  .f-share-panel {
    display: none;
  }
}


@media only screen and (max-width: 991px) and (orientation: portrait),
(max-device-width: 869px) and (orientation: landscape) {
  {% unless theme.gallery_full_height_mobile == true %}
  .gallery .asset {
    &.image {
      .wrap {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .img {
        height: auto;
        max-height: 100%;

        img {
          width: 100%;
          height: auto;
        }
      }
    }

    .image-placeholder {
      max-width: 99vw;
      height: auto;
      max-height: 100%;
    }

    &.video {
      display: flex;
      align-items: center;
      justify-content: center;

      .embed_container {
        height: auto;
      }

      &[data-orientation="landscape"] {
        .image-placeholder {
          width: 85vw;
          height: auto;
        }
      }
    }
  }
  {% endunless %}
}

@media only screen and (max-width: 767px) and (orientation: portrait),
(max-width: 834px) and (orientation: portrait) {
  .gallery .asset.title .asset_img .image-placeholder {
    {% unless theme.gallery_full_height_mobile == true %}
    height: auto !important;
    {% endunless %}
  }
  .gallery .asset.image[data-orientation='landscape'] .img .image-placeholder {
    width: 85vw;
    {% if theme.gallery_full_height_mobile == true %}
      width: auto;
    {% endif %}
  }

  {% comment %} force captions to be overlays on mobile{% endcomment %}
  .gallery .asset .overlay-caption {
    display: block;
  }
  .gallery .asset .below-image-caption {
    display: none;
  }

  .gallery .asset .overlay-caption .image_text_container {
    opacity: 0;
  }

  {% unless theme.gallery_full_height_mobile == true %}
  .gallery {
    .assets,
    #assets_wrap {
      min-width: 100vw;
    }
  }
  {% endunless %}
}

@media only screen and (max-device-width: 869px) and (orientation: landscape), (max-width: 500px) and (orientation: landscape) {
  {% if theme.mobile_hide_site_header %}
  .gallery #menu_container {
    display: none;
  }
  {% endif %}
}

@media only screen and (hover: none) and (max-device-width: 869px){
  {% unless theme.gallery_full_height_mobile %}
  .gallery .asset.title,
  .gallery .asset.title .wrap,
  .gallery .asset.title .asset_img {
    height: 100%;
  }

  .gallery .asset.title .asset_img {
    display: flex;
    align-items: center;

    img {
      max-height: 100%;
      max-width: calc(100vw - 20px);
    }
  }
  {% endunless %}
}


/*
------------------------------------------------------------------
Client Access Pages
------------------------------------------------------------------
*/

.client_page {
  #content {
    padding: 1.5em 0;
  }

  .f_assets-container {
    @media only screen and (min-width: 768px) {
      margin: 0 2em;
    }

    &.title-fullwidth {
      margin: 0 !important;
    }
  }

  .container .f_client_header {
    margin: 0 20px 30px !important;

    @media only screen and (min-width: 768px) {
      {% if theme.proofing_grid_style and theme.proofing_thumbnail_spacing and theme.proofing_grid_style == "Flexible" %}
        margin: 0 {{ theme.proofing_thumbnail_spacing }}px 30px !important;
      {% else %}
        margin: 0 2em 30px !important;
      {% endif %}
    }
  }

  .private_page form {
    padding: 0 10px;

    p {
      color: {{ theme.text_typography.color }} !important;
      font-size: {{ theme.text_typography.font-size }}px !important;
    }
  }
}

.f_client_header {
  border-bottom: 1px solid rgba({{ theme.text_typography.color | hex_to_rgb }}, 0.3)!important;
}

.f_client_header_copy p {
  color: {{ theme.text_typography.color }} !important;
}

.client_page .private_page form input[type='submit'] {
  color: {{ theme.text_typography.color }} !important;
  border: 1px solid {{ theme.text_typography.color }} !important;
}

.f-load-more .spinner-wrap .spinner-circle {
  stroke: {{ theme.text_typography.color }} !important;
}

/*
------------------------------------------------------------------
Store Pages
------------------------------------------------------------------
*/

html.cart-enabled .header_container .nav {
  padding-right: 50px;
}

.product-shipping-option {
  border-color: {{ theme.text_typography.color }} !important;
}

body.order_confirmation .btn-cancel,
.product-order-form .select2-choice {
  background: transparent !important;
  border: 1px solid rgba({{ theme.text_typography.color | hex_to_rgb }}, 0.2) !important;
  color: {{ theme.text_typography.color }} !important;
}

body.product #content {
  max-width: 1140px;
  width: 90%;
  margin: 0 auto;
  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

body.product .select2-drop {
  background: {{ theme.background_color }} !important;
  border: 1px solid rgba({{ theme.text_typography.color | hex_to_rgb }}, 0.2) !important;
  color: {{ theme.text_typography.color }} !important;
}

body.product .select2-drop ul,
body.product .select2-drop ul .select2-result-label {
  border-color: rgba({{ theme.text_typography.color | hex_to_rgb }}, 0.2) !important;
}

body.product .select2-results .select2-highlighted {
  background: rgba({{ theme.text_typography.color | hex_to_rgb }}, 0.1) !important;
}

body.product .select2-results .select2-highlighted {
  color: {{ theme.text_typography.color }} !important;
}

body.product .product-order-form .select2-container .select2-choice div b:before {
  border-top-color: rgba({{ theme.text_typography.color | hex_to_rgb }}, 0.6) !important;
}

body.order_confirmation .order-confirmation {
  border: 1px solid {{ theme.text_typography.color }} !important;
}

body.order_confirmation .order-confirmation .order-confirmation-details {
  border-top: 1px solid {{ theme.text_typography.color }} !important;
  border-bottom: 1px solid {{ theme.text_typography.color }} !important;

}

body.order_confirmation .order-confirmation .order-confirmation-details .order-confirmation-products th,
body.order_confirmation .order-confirmation.mobile .order-confirmation-details dl,
body.order_confirmation .order-confirmation.mobile .order-confirmation-products .order-confirmation-product {
  border-bottom: 1px solid {{ theme.text_typography.color }} !important;
}

body.order_confirmation .order-confirmation .order-confirmation-total tr:last-child td,
body.order_confirmation .order-confirmation.mobile .order-confirmation-details {
  border-top: 1px solid {{ theme.text_typography.color }} !important;
}

body.order_confirmation .order-confirmation.mobile .order-confirmation-payment {
  border: 0 !important;
}

body.order_confirmation .order-confirmation .order-confirmation-details dl dt,
body.order_confirmation .order-confirmation .order-confirmation-details dl dd,
body.order_confirmation .order-confirmation .order-confirmation-details th,
body.order_confirmation .order-confirmation .order-confirmation-details td {
  color: {{ theme.text_typography.color }} !important;
}


body.order_confirmation .btn-confirm,
body.order_thank_you .btn-return,
body.order_download .btn-return,
body.order_payment_error .btn-return {
  background: {{ theme.text_typography.color }} !important;
  border: none !important;
  color: {{ theme.background_color }} !important;
}

body.order_download svg {
  fill: {{ theme.link_typography.color }};
}

.f-back-to-store-link svg {
  fill: {{ theme.link_typography.color }};
}

@media only screen and (max-width: 767px) {
  html.cart-enabled .header_container .nav {
    padding-right: 0;
    padding-bottom: 70px;
<footer class="site-footer">
  <div class="footer-content">
    <div class="footer-column">
      <h4>FIND OUT</h4>
      <p>設計のご依頼をお考えの方へ</p>
      <p>ARCHITECTURE | FURNITURE</p>
    </div>
    <div class="footer-column">
      <h4>INFORMATION</h4>
      <p>OFFICE: 神奈川県茅ヶ崎市元町15-11</p>
      <a href="https://www.google.com/maps" target="_blank">▷Googlemap</a>
    </div>
    <div class="footer-column">
      <h4>CONTACT</h4>
      <p>TEL/FAX: 0467-40-4715</p>
      <p>Mail: <a href="mailto:info@hirototabata.com">info@hirototabata.com</a></p>
      <a href="/contact-page-url">▷WEBでのお問い合わせ・資料請求はこちら</a>
    </div>
  </div>
</footer>
 }
}