/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 1000.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/

/* WEBFONTS */

@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i|Cormorant+Infant:300,300i,400,400i,500,500i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');

@font-face {
    font-family: 'lunchtype22regular';
    src: url('inc/assets/fonts/lunchtype22-regular-webfont.eot');
    src: url('inc/assets/fonts/lunchtype22-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/assets/fonts/lunchtype22-regular-webfont.woff2') format('woff2'),
         url('inc/assets/fonts/lunchtype22-regular-webfont.woff') format('woff'),
         url('inc/assets/fonts/lunchtype22-regular-webfont.ttf') format('truetype'),
         url('inc/assets/fonts/lunchtype22-regular-webfont.svg#lunchtype22regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lunchtype24expanded_medium';
    src: url('inc/assets/fonts/lunchtype24-medium-expanded-webfont.eot');
    src: url('inc/assets/fonts/lunchtype24-medium-expanded-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/assets/fonts/lunchtype24-medium-expanded-webfont.woff2') format('woff2'),
         url('inc/assets/fonts/lunchtype24-medium-expanded-webfont.woff') format('woff'),
         url('inc/assets/fonts/lunchtype24-medium-expanded-webfont.ttf') format('truetype'),
         url('inc/assets/fonts/lunchtype24-medium-expanded-webfont.svg#lunchtype24expanded_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aparaj';
    src: url('inc/assets/fonts/aparaj.woff') format('woff'),
         url('inc/assets/fonts/aparaj.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-size: 32px;
  padding-bottom: 10px;
}
h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 18px;
  line-height: 25px;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: #563d7c ;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
  padding: .74rem 1rem;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #cdbfe3;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
  font-weight: 600;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}

/* CUSTOM CSS — PONT DES ARTES */ 

/* GLOBAL */

* { outline: 0; scrollbar-width: none; }
html { height: 100%; box-sizing: border-box; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { background-color: #000; height: 100%; overflow-x: hidden; margin: 0; font-family: 'Montserrat', sans-serif; color: #fff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; scrollbar-width: none; }

/* SCROLLBAR */

*::-webkit-scrollbar { display: none; width: 0px; }

/* TYPOGRAPHY */

/* font-family: 'Cormorant Infant', serif; */

p { font-size: 1.2em; margin-bottom: 0px; }
h1 { font-size: 2em; margin: 0px; padding: 0px; font-family: 'Cormorant Garamond', serif; font-weight: normal; } 
h2 { font-size: 1.2em; font-weight: normal; } 
h3 { font-size: 0.9em; font-weight: normal; } 
h4 { font-size: 1em; font-weight: normal; } 

/* LAYOUT */

.container { max-width: 100%; padding: 0px; margin: 0px; }
.row { padding: 0px; margin: 0px; }
#content.site-content { padding: 90px 48px 0px 48px; min-height: calc(100vh - 60px); position: relative; top: 0px; width: 100vw; background-color: transparent; }
.content-area { padding: 0px; }

/* HEADER */

header#masthead { background-color: transparent; box-shadow: none; position: fixed; top: 0px; z-index: 100; width: 100vw; padding: 0px; }
header#masthead a { color: #fff; }
header#masthead .navbar-brand { margin: 0px; padding: 0px; position: absolute; left: -20px; top: -7px; }
header#masthead .navbar-brand a { font-size: 2.25em; font-family: 'Montserrat', sans-serif; font-weight: normal; }
header#masthead .navbar-brand a:hover { color: #fff; }
header#masthead .navbar-nav > li {  }
header#masthead .navbar-nav > li > a { margin-left: 50px; color: #767676 !important; padding: 0px !important; font-weight: 100 !important; font-size: 1.2em !important; text-transform: lowercase; }
header#masthead .navbar-nav > li > a:hover { font-weight: normal !important; color: #fff !important; font-weight: 100 !important; }
header#masthead .navbar-nav > li.current_page_item > a { color: #fff !important; }
.navbar { align-items: flex-start !important; }
#main-nav { margin-top: 10px; }
.navigation-container { position: relative; padding: 0px 48px; background-color: #000; height: 60px; width: 100vw; }
.navigation-gradient { position: relative; width: 100vw; top: 0px; height: 30px; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.navbar-brand svg, .navbar-brand img { height: 27px; margin-left: 2px; margin-top: 2px;}
.navbar-toggler-container { display: none; }

/* FOOTER */

.page-template-frontpage footer#colophon { background-color: #000 !important; }
footer#colophon { padding: 0px 48px; background-color: transparent !important; height: 60px; width: 100vw; position: absolute; z-index: 2; }
footer#colophon p { color: #fff; }
footer#colophon .credits { float: left; display: inline-block; width: 50%; height: 60px; display: flex; align-items: center; }
footer#colophon .credits p { text-transform: lowercase; text-align: left; letter-spacing: .5px; font-size: 0.9em; font-family: 'lunchtype22regular', sans-serif; font-weight: 400; }
footer#colophon .credits a { text-transform: uppercase; font-family: 'lunchtype24expanded_medium', sans-serif; }
footer#colophon .credits a:hover { text-decoration: none; }
footer#colophon .copyright { float: right; display: inline-block; width: 50%; height: 60px; display: flex; align-items: center; }
footer#colophon .copyright p { font-family: 'Cormorant Infant', serif; text-align: right; font-size: 1em; width: 100%; }
/* footer#colophon .copyright p:first-child, footer#colophon .copyright p:last-child { display: none; } */
.desktop-footer { display: block; }
.mobile-footer { display: none; }
.archive.category footer#colophon { background-color: #000 !important; }
.credits-archive-page { display: none; }
.archive.category .credits-archive-page { display: block; }
.page-template-portfolio footer#colophon { background-color: transparent !important; }
.page-template-about footer#colophon { background-color: #000 !important; }

/* COLLECTION */

.parent-categories { position: relative; top: 30px; }
.single-parent-category { display: flex; align-items: center; padding-left: 7.5px; padding-right: 7.5px; height: calc(100vh - 260px) }
.single-parent-category > a { width: 100%; height: 100%; }
.single-parent-category img { width: 100%; height: 100%; object-fit: cover; }
.parent-category-name { width: calc(100% - 30px); position: absolute; font-weight: 700; font-family: 'Cormorant Infant', serif; text-align: center; /* width: 100%; */ }
.parent-category-name a { color: #fff; text-decoration: none; }
.parent-category-name a:hover { color: #fff; text-decoration: none; }
.parent-category-name p { font-size: 1.65em; display: inline-block; text-shadow: 0px 0px 6px #000000; }
.parent-category-count { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 0.75em; margin-left: 5px; text-shadow: 0px 0px 6px #000000; }
.parent-categories-gradient-top { pointer-events: none; z-index: 1; height: 180px; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.parent-categories-gradient-bottom { pointer-events: none; height: 180px; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.page-template-collection #content.site-content { height: calc(100vh - 60px); display: flex; align-items: center; padding: 0px 48px 0px 48px; padding-left: 42.5px; padding-right: 42.5px; }
.page-template-collection { overflow: hidden; }
.parent-categories-gradient-top-mobile { display: none; }
.parent-categories-gradient-bottom-mobile { display: none; }
.collection-image-desktop { display: block; }
.collection-image-mobile { display: none; }

/* ABOUT */

.fixed-box { padding: 60px 50px 0px 50px; background-color: #000; position: fixed; z-index: -1; top: 90px; left: 0px; right: 0px; height: calc(100vh - 90px); width: 100%; background-color: transparent; }
.fixed-box p { color: #fff; }
.fixed-box .big-text p { text-align: center; width: 100%; margin-bottom: 90px; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 2.2em; line-height: 1.1em; text-transform: uppercase; }
.fixed-box .big-text strong { font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; }
.fixed-box .big-text p:first-child, .fixed-box .big-text p:last-child { display: none; }
.fixed-box .row, .scrollable-box .row { margin-left: -15px; margin-right: -15px; }
.scrollable-box { background-color: transparent; position: relative; min-height: 100vh; z-index: 1; margin-top: calc(100vh - 90px); left: 0px; right: 0px; width: 100%; }
.page-template-about #content.site-content { padding: 90px 0px 0px 0px; }
.button-group { background-color: #000; border-radius: 100px; border: 1px solid #8B7837; padding: 13px 22px 11px 22px; display: inline-block; margin-bottom: 60px; }
.button-group p { color: #8B7837; font-family: 'Montserrat', sans-serif; font-weight: 100; }
.collection-gradient { background: linear-gradient(0deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 100%); width: 100vw; height: 180px; position: relative; top: 0px; margin: 0px -48px; }
.collection-section { position: relative; background-color: #000; min-height: 100vh; padding: 30px 50px 0px 50px; }
.button-container-collection { display: flex; align-items: center; }
.button-container-collection a { margin: 0 auto; }
.fixed-box .description {  }
.description p { color: #767676; font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 1.8em; line-height: 1.2em; }
.monzer { margin-top: 30px; font-family: 'Montserrat', sans-serif !important; font-weight: 400; color: #fff !important; font-size: 1em !important; }
.monzer .role { margin-left: 5px; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #fff; }
.description-container { position: absolute; bottom: 0px; }
.collection-text p { font-family: 'Cormorant Garamond', serif; font-weight: 400; margin-bottom: 30px; font-size: 1.8em; line-height: 1.2em; color: #fff; }
.collection-text { padding-bottom: 60px; }
.slogan { margin-top: 60px; display: none; }
.slogan p { font-family: 'Montserrat', sans-serif; font-weight: 100; text-transform: uppercase; line-height: 1.1em; }
.video-about { background-color: #000; padding-bottom: 120px; padding-top: 120px; }
.video-about iframe { border: 0px; }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { color: #fff; opacity: 1; box-shadow: none; }
.plyr__control--overlaid { background: rgba(255, 255, 255, 0.22); }
.plyr--full-ui.plyr--video .plyr__control--overlaid { width: 120px; height: 120px; }
.plyr__control--overlaid svg { margin: 0 auto; }
.plyr__video-embed { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; }
.plyr__video-embed iframe { position: absolute; left: 48px; right: 48px; width: calc(100% - 96px); height: 100%; }
#play { position: absolute; z-index: 2; width: 400px; height: 200px; line-height: 50px; font-size: 18px; background: transparent; display: flex; align-items: center; margin: 0px 48px; padding: 0; width: calc(100vw - 96px); height: 100%; display: none; }
#play img { margin: 0 auto; height: 72px; width: 72px; }
.description-desktop { display: block; }
.description-mobile { display: none; }
.button-container-collection-mobile { display: none; }
.button-container-collection-desktop { display: flex; }
.scroll-down-about { position: fixed; right: 48px; bottom: 48px; z-index: -1; }
.single-project-mobile { display: none; }
.single-project-desktop { display: block; }

/* HOMEPAGE */

.page-template-frontpage .scroll-up-container { display: none; }
.page-template-frontpage .fixed-box { z-index: 1; padding: 0px 48px 0px 48px; }
.page-template-frontpage .scrollable-box { z-index: 2; margin-top: 0px; }
.page-template-frontpage .collection-section { padding: 30px 0px 90px 0px; }
.page-template-frontpage .collection-section .col-sm-12 { padding-left: 0px; padding-right: 0px; }
.page-template-frontpage .scrollable-box > .row { margin-left: -48px; margin-right: -48px; }
.furniture-section, .lighting-section, .accessories-section, .custom-section { width: 100%; margin-left: 0px !important; margin-right: 0px !important; }
.homepage-background-image { width: 100vw; height: 100vh; object-fit: cover; position: fixed; left: 0px; z-index: -1; top: 0px; }
.homepage-text { position: relative; display: flex; height: calc(100vh - 90px); }
.homepage-pda { font-family: 'aparaj', serif; font-weight: 400; text-transform: uppercase; }
.homepage-fields { font-family: 'Cormorant Garamond', serif; font-weight: 400; line-height: 1.2em; color: #8B7837 !important; text-transform: uppercase; padding-right: 20%; }
.homepage-city { font-family: 'Cormorant Garamond', serif; font-weight: 400; line-height: 1.2em; color: #8B7837 !important; }
.homepage-description { font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 0.9em; line-height: 1.35em; margin-top: 16px; margin-bottom: 78px; }
.homepage-description .read-more { color: #8B7837; margin-left: 5px; }
.homepage-description .read-more a { color: #8B7837; text-decoration: none; }
.homepage-description .read-more a:hover { color: #8B7837; text-decoration: none; }
.homepage-image { height: calc(100vh - 90px); }
.homepage-image img { max-width: 100%; max-height: 100%; object-fit: contain; }
.homepage-text-container { align-self: flex-end; margin-bottom: 48px; }
.dark-background-image {  }
.box-overlay-text { z-index: 1; margin: 0 auto; }
.furniture-section .section-link { background-color: #C4BCAA; display: flex; align-items: center; }
.lighting-section .section-link { background-color: #242831; display: flex; align-items: center; }
.accessories-section .section-link { background-color: #1B2626; display: flex; align-items: center; }
.custom-section .section-link { background-color: #000; display: flex; align-items: center; }
.square-box { display: flex; align-items: center; position: relative; height: 33.333vw; width: 33.333vw; }
.square-box img { position: absolute; top: 0px; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.square-box p { display: inline-block; color: #fff; }
.section-link { height: 66.666vw; width: 33.333vw; }
.section-grid .row { margin-left: 0px !important; margin-right: 0px !important; }
.square-box > a { width: 33.333vw; height: 33.333vw; display: flex; align-items: center; color: #fff; text-decoration: none; }
.square-box > a:hover { color: #fff; text-decoration: none; }
p.category-label { text-shadow: 0px 0px 6px #000000; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 0.7em; color: #fff; text-transform: uppercase; }
p.category-name { text-shadow: 0px 0px 6px #000000; font-family: 'Cormorant Infant', serif; font-weight: 600; font-size: 1.5em; color: #fff; }
.section-button { border: 1px solid #8B7837; border-radius: 100px; padding: 15px 25px; background-color: transparent; margin: 0 auto; }
.section-button p { color: #8B7837; font-weight: 100; font-size: 1.2em; }
.section-button:focus { outline: 0; }
.section-button-container { text-decoration: none; margin: 0 auto; }
.section-button-container:hover { text-decoration: none; }
.custom-section .section-button { border: 1px solid #8B7837; }
.custom-section .section-button p { color: #8B7837; }
.scrollable-description { margin-left: -15px !important; margin-right: -15px !important; }
.page-template-frontpage .scroll-down { position: fixed; bottom: 42px; }
.section-desktop { display: flex !important; }
.section-mobile { display: none !important; }
.scroll-up-container { position: absolute; }
.box-gradient-top { opacity: 0.3; display: block; pointer-events: none; z-index: 1; height: 33.333%; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 
.box-gradient-bottom { opacity: 0.3; display: block; pointer-events: none; height: 33.333%; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 
.section-link .box-gradient-top { opacity: 0.3; display: block; pointer-events: none; z-index: 1; height: 33.333%; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 
.section-link .box-gradient-bottom { opacity: 0.3; display: block; pointer-events: none; height: 33.333%; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 
.single-project .box-gradient-top { opacity: 0.5; display: block; pointer-events: none; z-index: 1; height: 25%; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 
.single-project .box-gradient-bottom { opacity: 0.5; display: block; pointer-events: none; height: 25%; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 

/* CATEGORY PAGE */

.category-navigation {  }
.category-header { height: 193px; display: flex; align-items: center; }
.category-content { margin-left: -8px; margin-right: -8px; }
.single-project { position: relative; padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 24px; }
.single-project .project-title { position: absolute; bottom: 16px; left: 24px; text-shadow: 0px 0px 6px #000000; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 0.8em; z-index: 1; }
.single-project img { height: 18vw; object-fit: cover; width: 100%; object-position: 20% 55%; }
.category-header-container { margin: 0 auto; max-width: 784px; }
p.category-products-name { font-size: 1.15em; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; width: 100%; }
.category-products-description p { line-height: 1.35em; text-align: center; color: #767676; font-family: 'Cormorant Infant', serif; font-weight: 400; width: 100%; }
.single-project a { color: #fff; text-decoration: none; }
.single-project a:hover { color: #fff; text-decoration: none; }
.archive.category .scroll-up { display: none;}
.archive .scroll-down-mobile { display: none; }

/* NAVIGATION */

.modal-body { height: calc(100vh - 60px); padding: 60px 0px 0px 0px; background-color: #000; }
.modal-dialog { max-width: 100%; margin: 0px; width: 100%; margin-top: 60px; position: fixed; }
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #000; background-clip: padding-box; border: 0px; border-radius: 0px; outline: 0; }
.navigation-content { overflow-y: auto; height: 100vh; }
.navigation-content .row { position: relative; }
.navigation-content .close { position: absolute; top: -3px; left: -1vw; opacity: 1; }
.nav-tabs { opacity: 0; position: absolute; z-index: -10000; }
.category-navigation .btn-primary img { float: left; position: relative; left: -3px; top: 1px; width: 24px; margin-right: 8px; }
.category-navigation .btn-primary { color: #fff; background-color: transparent; border-color: transparent; padding: 0px; text-transform: uppercase; font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.15em; }
.category-navigation .btn-primary:hover { color: #fff; background-color: transparent; border-color: transparent; padding: 0px; text-transform: uppercase; }
.category-navigation .btn-primary:focus { outline: 0; box-shadow: none !important; }
.category-navigation .btn-primary:active { color: #fff; background-color: transparent !important; border-color: transparent !important; }
.modal-backdrop.show { opacity: 0 !important; pointer-events: none !important; }
.prev-link { position: relative; cursor: pointer; width: 68px; height: calc(100vh - 190px); /* 155px 88px + 75px */ float: left; border-right: 1px solid #707070; }
.prev-link p { font-size: 1.15em; text-transform: uppercase; font-family: 'Cormorant Garamond', serif; font-weight: normal; transform: translateX(calc(-50vh + 78px)) translateY(calc(50vh - 78px)) rotate(-90deg); width: calc(100vh - 90px); height: 68px; text-align: right; padding: 20px 0px; }
.prev-link img { position: absolute; bottom: -5px; right: 15px; height: 32px; }
.navigation-content { flex-grow: 2; float: left; padding: 0px 80px; }
.next-link { position: relative; cursor: pointer; width: 68px; height: calc(100vh - 190px); /* 155px 88px + 75px */ float: left; border-left: 1px solid #707070; }
.next-link p { font-size: 1.15em; text-transform: uppercase; font-family: 'Cormorant Garamond', serif; font-weight: normal; transform: translateX(calc(-50vh + 78px)) translateY(calc(50vh - 78px)) rotate(90deg); width: calc(100vh - 90px); height: 68px; text-align: left; padding: 20px 0px; }
.next-link img { position: absolute; bottom: -5px; left: 15px; height: 32px; }
.navigation-icon { pointer-events: none; }
.tab-navigation-container { display: flex !important; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
.sub-categories-list { overflow-y: auto; height: calc(100vh - 190px); }
.sub-categories-list p { font-size: 0.8em; width: 100%; display: inline-block; margin-bottom: 21px; }
.sub-categories-list a { text-decoration: none; width: auto; display: inline; }
.sub-categories-list a:hover { text-decoration: none; }
.sub-category-item { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: 21px; display: block; }
.sub-category-item:hover { color: #fff; }
.products-counter { font-family: 'Cormorant Infant', serif; font-weight: 400; color: #8B7837; font-size: 1.1em; }
.sub-categories-images img { width: 100%; }
.sub-categories-images { padding-top: 80px; }
button.close { float: left; }
button.close:focus { outline: 0 !important; box-shadow: none !important; }
.sub-categories-list { overflow-y: auto; overflow: scroll; padding-top: 60px; /* position: absolute; left: calc(8.333% + 15px); */ }
.parent-category-title { position: sticky; top: -60px; margin-top: -60px; height: 60px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+100&1+66,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 1%, rgba(0,0,0,1) 66%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 1%,rgba(0,0,0,1) 66%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 1%,rgba(0,0,0,1) 66%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }
.parent-category-title p { font-size: 1.15em; text-transform: uppercase; font-family: 'Cormorant Garamond', serif; font-weight: normal; color: #8B7837; margin-bottom: 50px; }
.modal-desktop { display: block; }
.modal-mobile { display: none; }
.sub-categories-images .navigation-slider { display: none;}
.sub-categories-images .navigation-slider:first-child { display: block;}
.single-parent-category .img-ratio { display: none; }
.page-template-collection footer#colophon { bottom: 0px; }

/* LIGHTBOX */

.fancybox-infobar { display: none !important; }
.fancybox-button--zoom { display: none !important; }
.fancybox-button--play { display: none !important; }
.fancybox-button--thumbs { display: none !important; }
.fancybox-button { background: transparent !important; }
.image-box:hover .enlarge-button { display: flex; } 
.fancybox-bg { background-color: #000; }
.fancybox-caption { padding: 26px 48px 10px !important; background: none !important; }
.fancybox-is-open .fancybox-bg { opacity: 1; }
.fancybox-caption__body { font-size: 1.15em; }
.fancybox-button--close { right: 48px; top: 10px; position: absolute; }
.fancybox-navigation .fancybox-button--arrow_right { right: 48px; }
.fancybox-navigation .fancybox-button--arrow_left { left: 48px; }
.fancybox-slide--image { padding: 60px 132px 60px 132px !important; }
.fancybox-navigation .fancybox-button div { padding: 4px; }
.fancybox-button--arrow_right { display: none; }
.fancybox-button--arrow_left { display: none; }

/* PORTFOLIO */

.section-images { position: relative; }
.section-title { margin-bottom: 0px; padding-top: 3px; border-top: 1px solid #767676; margin-left: 48px; }
.section-title p { font-size: 1.15em; text-transform: uppercase; font-family: 'Cormorant Garamond', serif; font-weight: normal; }
.section-images-container { height: calc(33.333vh - 88px); padding-left: 48px; display: flex; align-items: center; position: relative; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.section-images-container:active { cursor: grabbing; }
.section-images-container img { height: 100%; max-width: inherit; width: 14vw; height: 9vw; margin-right: 16px; margin-top: -28px; object-fit: cover; }
/* .section-images-container img { height: 100%; max-width: inherit; max-height: calc(33.333vh - 150px); margin-right: 16px; margin-top: -28px; object-fit: contain; } */
.page-template-portfolio #content.site-content { padding: 108px 48px 0px 0px; }
/* .fancybox-container { height: calc(100vh - 167px); top: inherit; bottom: 0px; position: absolute; }
.fancybox-image { max-height: calc(100vh - 167px); object-fit: contain; } */
.gradient-left { position: absolute; z-index: 1; left: 0px; top: 0px; bottom: 0px; height: calc(33.333vh - 88px); width: 80px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */ background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ }
.gradient-right { position: absolute; right: 0px; top: 1px; bottom: 0px; height: calc(33.333vh - 88px); width: 80px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ }

/* CONTACTS */

.contacts-container { display: flex; align-items: center; height: calc(100vh - 150px); }
.contacts-container p { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 1.75em; line-height: 1.2em; }
.contacts-container p strong { font-family: 'Montserrat', sans-serif; font-weight: 400; }
.contacts-container a { color: #fff; text-decoration: none; }
.contacts-container a:hover { color: #fff; text-decoration: none; }
.contacts-social a { width: 100%; display: block;  }

.tab-content > .tab-pane:not(.active), 
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {

}

@media screen and (max-width: 1199px) {

}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {

  .description-container { position: relative; }

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

header#masthead { z-index: 10000; }
header#masthead .navbar-brand { left: 0px; position: relative; margin: 0 auto; }
header#masthead .navbar-brand svg { width: 100%; margin-top: -20px; }
.fixed-box { display: none; }
.page-template-frontpage .scroll-down { bottom: 24px; right: 24px; z-index: 10; }
.homepage-text-container { align-self: auto; }
.page-template-frontpage #content.site-content { padding-left: 0px; padding-right: 0px; overflow-x: hidden; padding-top: 170px; }
#content.site-content { padding-left: 24px; padding-right: 24px; min-height: calc(100vh - 200px); }
.homepage-description .read-more { margin-left: 0px; display: inline-block; font-weight: 400; }
.homepage-description { line-height: 1.5em; margin-bottom: 0px; }
.homepage-text { display: inline-block; height: auto; }
.collection-gradient { display: block; margin: 0; }
.page-template-frontpage .scrollable-box { overflow-y: hidden; }
.page-template-frontpage .scrollable-box > .row { margin-left: -24px; margin-right: -24px; }
.section-link { height: 162px; width: 100vw; background-color: transparent !important; }
.square-box { height: 100vw; width: 100vw; }
.square-box > a { height: 100vw; width: 100vw; }
.section-desktop { display: none  !important; }
.section-mobile { display: flex !important; }
.section-button { padding: 0px 15px; height: 38px; margin: 88px auto 36px auto; }
.section-button p { margin-top: -2px; }
footer#colophon { padding: 0px; }
.custom-section .section-button { border: 1px solid #8B7837; }
.custom-section .section-button p { color: #8B7837; margin-top: 3px; }
.navbar-toggler-container { display: flex; position: fixed; bottom: 24px; width: 100vw; z-index: 100000; }
.navbar-toggler { margin: 0 auto; border-radius: 100px; border: 1px solid #8B7837; background-color: rgba(0,0,0,0.65); padding: 8px 16px; }
.navbar-toggler[aria-expanded="true"] { border: 1px solid #767676; }
.navbar-toggler:focus { outline: 0; }
.navbar-toggler[aria-expanded="false"] .navbar-toggler-label { display: block; color: #fff; font-family: 'Cormorant Infant', serif; text-transform: uppercase; font-size: 0.9em; }
.navbar-toggler[aria-expanded="false"] .navbar-toggler-close { display: none; } 
.navbar-toggler[aria-expanded="true"] .navbar-toggler-label { display: none; } 
.navbar-toggler[aria-expanded="true"] .navbar-toggler-close { display: block; color: #767676; font-family: 'Cormorant Infant', serif; text-transform: uppercase; font-size: 0.9em; }
header#masthead .navbar-nav > li > a { font-size: 2em !important; text-align: center; margin: 0px 24px !important; font-family: 'Cormorant Infant', serif; text-transform: uppercase; font-weight: 200; color: #fff !important;  }
header#masthead .navbar-nav > li > a::after { content: ""; height: 1px; width: 48px; background-color: #8B7837; margin-top: 0px; position: absolute; left: calc(50% - 24px); display: block; }
#main-nav { margin-top: 52px; }
.navbar-nav { height: calc(100vh - 300px); display: flex; flex-direction: column; justify-content: space-between; margin: 60px 0px 60px 0px !important; }
.modal-desktop { display: none; }
.modal-mobile { display: block; }
.page-template-about .fixed-box { display: block; position: fixed; padding: 0px 24px 0px 24px; top: 90px; height: auto; }
.fixed-box .big-text p { font-size: 1em; line-height: 1.5em; margin-bottom: 56px; }
.description-container { position: relative; }
.portrait img { width: 100%; }
.description-desktop { display: none; }
.description-mobile { display: block; margin-left: 0px !important; margin-right: 0px !important; background-color: #000; }
.description-mobile p { font-size: 1.15em; }
.description-mobile .description-container { padding-left: 24px; padding-right: 24px; }
.collection-section { padding: 48px 24px 0px 24px; margin-left: 0px !important; margin-right: 0px !important; background-color: #000; }
.collection-text { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 64px; }
.collection-text p { font-size: 1.15em; }
.collection-text p:first-child, .collection-text p:last-child { display: none; }
.button-container-collection { padding-left: 0px !important; padding-right: 0px !important; }
.button-container-collection p { font-size: 1.15em; font-family: 'Cormorant Garamond', serif; font-weight: 700; text-transform: uppercase; }
.button-container-collection-mobile { display: flex; }
.button-container-collection-desktop { display: none; }
.monzer { font-size: 0.7em !important; }
.scrollable-description { padding: 0px 24px; }
.page-template-portfolio #content.site-content { padding: 86px 24px 0px 0px; }
.fancybox-container { z-index: 100000 !important; }
.fancybox-slide--image { padding: 60px 24px 60px 24px !important; }
.section-images-container { height: calc(50vh - 88px); right: 0px; width: calc(100vw + 24px); }
.section-images-container img { height: 30vw; width: 30vw; max-height: inherit; max-width: inherit; }
.page-template-contact #content.site-content { padding: 86px 24px 0px 24px; }
.page-template-contact .col-sm-12 { padding-left: 0px; padding-right: 0px; }
.contacts-container { display: block; height: auto; }
.contacts-container p { font-size: 1.2em; }
.single-parent-category { position: relative; }
.parent-categories-gradient-top-mobile { opacity: 0.5; display: block; pointer-events: none; z-index: 1; height: 48px; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.parent-categories-gradient-bottom-mobile { opacity: 0.5; display: block; pointer-events: none; height: 48px; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.collection-image-desktop { display: none; }
.collection-image-mobile { display: block; }
.homepage-background-image { }
.collection-section { background-color: #000; }
.scroll-down-mobile { display: block; position: fixed; bottom: 24px; right: 24px; z-index: 1000000; }
.scroll-down-mobile img { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity: 1; }
.scroll-down-desktop { display: none; }
.gradient-right { height: calc(50vh - 88px); right: -24px; }
.page-template-about footer#colophon { background-color: #000 !important; }
.scroll-down-about { display: none; }
body:not(.page-template-frontpage) .scroll-down-mobile { display: none; }
.contacts-social { margin-top: 20px; }
.contacts-container { margin-top: 60px; }
.contcacts-container p {     font-size: 1.2em; }
.page-template-frontpage .scroll-up-container { margin-top: 0px; padding-top: 72px; background-color: #000; }
.page-template-frontpage .container { overflow-x: hidden; }
.page-template-about .container { overflow-x: hidden; }
.single-parent-category .img-ratio { display: block; position: relative; height: 0px; padding-top: 56%; }
.single-parent-category .img-ratio img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; }
.collection-accessories .collection-image-mobile {  }
.single-project-mobile { display: block; }
.single-project-desktop { display: none; }
.mobile-gradient-container { position: relative; }
.plyr__video-embed iframe { position: absolute; left: 0px; right: 48px; width: 100%; height: 100%; }
.monzer { margin-top: 12px; }
.video-about { background-color: #000; padding-bottom: 64px; padding-top: 64px; }
.page-template-collection { overflow: auto; }

/* MODAL MOBILE */

.modal-mobile { overflow: scroll; padding: 60px 24px 0px 24px; }
.modal-mobile .close { position: absolute; right: 24px; margin-top: -24px; display: none; }
.mobile-navigation-collapse { margin-bottom: 49px; }
.mobile-navigation-collapse .sub-category-item { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 0.7em; padding-left: 40px; } 
.mobile-navigation-collapse button { width: 100%; text-align: left; border: 0px; border-bottom: 1px solid #707070 !important; border-radius: 0px; position: relative; padding: 0px; padding-bottom: 5px; background-color: transparent !important; box-shadow: none !important; }
.mobile-navigation-collapse button:focus { box-shadow: none !important; }
.mobile-navigation-collapse button p { font-family: 'Cormorant Garamond', serif; font-weight: 700; color: #8B7837; text-transform: uppercase; font-size: 1em; }
.mobile-navigation-collapse .card { border: 0px !important; border-radius: 0px; background-color: transparent; padding: 24px 0px 48px 0px; }
.mobile-navigation-collapse a { text-decoration: none; }
.mobile-navigation-collapse a:hover { text-decoration: none; }
.mobile-navigation-collapse button img { position: absolute !important; right: 0px; height: 24px; left: auto !important; margin-right: 0px !important; bottom: 5px; }
.mobile-navigation-collapse button[aria-expanded="false"] .plus-icon { display: block; } 
.mobile-navigation-collapse button[aria-expanded="false"] .minus-icon { display: none; }
.mobile-navigation-collapse button[aria-expanded="true"] .plus-icon { display: none; } 
.mobile-navigation-collapse button[aria-expanded="true"] .minus-icon { display: block; }
.page-template-frontpage .mobile-navigation-collapse button p { font-size: 1.15em; }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 1 !important; }
.scroll-up-container { position: relative; top: 0px; display: flex; height: auto; width: 100%; left: 0px; margin-top: 72px; display: block; width: 100%; display: flex; align-items: center; }
.scroll-up-container > a { position: relative; display: block; width: 100%; display: flex; align-items: center; }
.scroll-up { background-color: transparent; border: 1px solid #8B7837; border-radius: 100px; position: relative; top: 0px; width: 60px; height: 60px; padding: 15px; margin: 0 auto; display: block; }
.scroll-up-container > a:hover { text-decoration: none; }
.scroll-up p { text-align: center; color: #8B7837; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.category-header-container { width: 100%; margin-top: 113px; margin-bottom: 64px; }
p.category-products-name { text-align: left; font-size: 0.85em; }
.category-products-description p { text-align: left; font-size: 1.25em; }
.category-header { min-height: 193px; height: auto; }
.single-project img { height: calc(63vw - 48px); }
.single-project .project-title { position: relative; text-align: center; top: 12px; bottom: auto; margin-bottom: 40px; left: 0px; text-shadow: 0px 0px 6px #000000; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 0.8em; }
.parent-categories-gradient-top { display: none; }
.parent-categories-gradient-bottom { display: none; }
.page-template-collection #content.site-content { padding-top: 60px; padding-left: 0px; padding-right: 0px; height: 100%; }
.single-parent-category { padding-left: 0px; padding-right: 0px; height: calc(40vh - 80px); }
.parent-category-name { width: 100%; }
.section-link .box-gradient-top { display: none; }
.section-link .box-gradient-bottom { display: none; }
body.modal-open { height: 100vh; overflow-y: hidden; }

/* MENU MOBILE */

.navbar-nav { margin: 0; min-height: auto; }
.navbar-nav { float: none!important; }
.navbar-nav>li { float: none; }
.navbar-inverse { background-color: transparent; border-color: transparent; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-toggle { border-color: transparent;  }
.nav>li{display:inline-block; }
.collapsing { opacity: 0; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; }
.navbar-collapse.collapse.show{ opacity:1; pointer-events: all; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; }
.navbar-collapse.collapse{ opacity: 0; pointer-events: none; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; }
.navbar-collapse { opacity: 0; border-top: 0; -webkit-box-shadow: none; box-shadow: none; display:block !important; background-color: #000; height: calc(100vh - 60px) !important; width: 100vw; position: fixed; left: 0px; }

/* FOOTER */

.desktop-footer { display: none; }
.page-template-frontpage footer#colophon { background-color: #000 !important; } /* was transparent */
.mobile-footer { padding: 0px !important; min-height: 206px !important; width: 100vw !important; display: flex; align-items: center; }
.modal-body .mobile-footer { width: calc(100vw - 48px) !important; }
.mobile-footer p { font-family: 'Cormorant Infant', serif; font-size: 0.95em; text-align: center; width: 100%; position: absolute; bottom: 113px; }
.mobile-footer a { font-family: 'lunchtype24expanded_medium', sans-serif; text-decoration: none; font-size: 0.8em; }
.mobile-footer a:hover { text-decoration: none; }

.archive.category .scroll-up { display: block;}
.section-title { margin-left: 24px; }
.gradient-left { display: none; }
.section-images-container { padding-left: 24px; }
.page-template-collection footer#colophon { position: relative; }
.archive.category #content.site-content { background-color: #000; }
.single-project .box-gradient-bottom { bottom: -3px; }

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

}