/*!
Theme Name: MYSTIC
Theme URI: https://thoughtandfound.co/
Author: Thought & Found
Author URI: https://thoughtandfound.co/
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: mystic
*/

@media screen and (min-width: 0px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

html, body, a, p, span, h1, h2, h3, h4, h5, h6, pre, button {
	font-family: 'neue-haas-grotesk-text', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: black;
}

a {
	text-decoration: none;
}

p {
	font-size: 12px;
}

h2 {
  font-size: 32px;
  line-height: 33px;
	margin-top: 0;
	margin-bottom: 35px;
	font-weight: 500;
}

h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	text-indent: 20px;
}

h3:first-child {
	text-indent: 0;
}

strong, strong span {
	font-weight: 500;
}

sup {
    line-height: 0;
}

body {
	margin: 0;
	margin-top: 114px;
}

img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

/*--------------------------------------------------------------
# TRANSITION
--------------------------------------------------------------*/
.logo-cont img, .preloader img {
    transition: filter ease-in-out 500ms;
}
    
.blur {
    filter: blur(40px);
}    

header, .intro-bar, footer, .content-main, .aside {
    opacity: 0;
    transition: opacity ease-in-out 500ms;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.menu {
	text-align: center;
}

.menu ul, ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}

.menu ul li {
	padding: 0;
}

.menu ul a, ul.menu a {
	text-decoration: none;
	font-weight: 500;
}

ul.menu li, .m-toggle, a.mob-cart {
	font-size: 12px;
	line-height: 12.5px;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
}

.desktop-navigation {
	display: none;
}

.m-toggle {
  position: fixed;
  left: 10px;
  top: 10px;
	z-index: 10;
}

a.mob-cart {
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 10;
}

.mob-discover {
	position: fixed;
	left: 0;
	right: 0;
	top: 10px;
	width: 250px;
	margin: auto;
	z-index: 9;
}

.mobile-menu {
	position: fixed;
	left: 0;
  top: 0;
  background: white;
  right: 0;
  bottom: 0;
  z-index: 5;
	display: none;
}

.mf-site-info {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.mf-site-info {
	font-size: 12px;
	line-height: 12.5px;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
}

.mf-site-info a {
	font-weight: 500;
	text-decoration: none;
}

.mm-inner {
	padding: 60px;
}

.marque-cont.n-m {
  position: fixed;
  left: 10px;
  top: 60px;
}

.marque-cont.b-m {
  position: fixed;
  left: 50%;
  top: 60px;
  margin-left: 5px;
}

.mc-inner {
	position: relative;
}

.mc-inner .solid {
	position: absolute;
	left: 0;
	top: 0;
}

.mc-inner img {
	width: 92px;
}

.intro-bar {
  position: fixed;
  top: 29px;
	left: 0;
	right: 0;
	text-align: center;
}

.bar-main, .bar-aside {
	font-size: 12px;
	line-height: 12.5px;
	opacity: .3;
	text-transform: uppercase;
}

.bar-aside {
	display: none;
}
    
body.home .intro-bar {
    display: none;    
}
    
.preloader {
    background: white;
    width: 100%;
    height: 100%;
    z-index: 5;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer {
	border-top: 1px solid;
	padding-top: 10px;
	margin-top: 100px;
}

body.home footer {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}

.site-info {
	font-size: 12px;
	line-height: 12.5px;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
}

.site-info a {
	font-weight: 500;
	text-decoration: none;
}

.f-col {
	margin-bottom: 10px;
}
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
body.home, body.home .mobile-menu {
	background: #C7EAFB;
}

main#primary {
  width: 100%;
  min-height: 100vh;
  min-height: calc(100vh - 130px);
}
    
body.home main#primary {
  min-height: calc(100vh - 244px);    
}
    
.logo-cont {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #C7EAFB;
    z-index: 5;
}
    
.logo-cont img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 95%;
    width: calc(100% - 20px);
}

.symbol-cont {
  width: 300px;
  height: 300px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite;
}

.symbol-cont img {
  width: 100%;
}
    
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
body.page .aside {
    border-top: 1px solid;
    padding-top: 10px;
}

.list-image-hover-block {
	padding: 0 5px;
}

.tab-item, .l-item {
	display: inline-block;
	vertical-align: top;
}

.list-item {
	font-size: 0;
	margin-bottom: 35px;
}

.list-item p {
	margin: 0;
}

.tab-item {
	width: 21.5%;
  width: 78px;
}

.l-item {
	width: 78.5%;
	width: calc(100% - 78px);
}

.block-img {
  display: none;
}

.text-block h2 {
	text-indent: 20px;
	margin: 0;
}

.text-block h2:first-child {
	text-indent: 0;
}

.text-block p {
	text-indent: 10px;
	margin: 0;
}

.text-block p:first-child {
	text-indent: 0;
}
/*--------------------------------------------------------------
# ARCHIVES
--------------------------------------------------------------*/
.exhi.article-block {
  padding: 0 5px 10px 5px;
	border-bottom: 1px solid;
}

a.post-thumbnail img, .post-thumbnail img {
	width: 100%;
	max-width: none;
	height: auto;
	margin-bottom: 10px;
}

.am-inner {
  padding: 10px 5px 0px 5px;
}

.am-inner a.post-thumbnail img,
.am-inner .post-thumbnail img {
	margin-bottom: 0;
}

.exhi.article-block h2, .exhi.article-block h2 span, .o-night {
	font-weight: 500;
}

.o-night {
	font-size: 12px;
	line-height: 12.5px;
}

span.upper {
	text-transform: uppercase;
	font-weight: 500;
}

.aside {
  font-size: 0;
	margin-top: 10px;
}

.aside-inner {
	padding: 0 5px;
}

span.po-price {
  float: right;
}

.work.article-block {
  width: 50%;
  display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

.wab-inner {
	padding: 0 5px;
	font-size: 12px;
	line-height: 12.5px;
	clear: both;
	overflow: hidden;
    position: relative;
}
    
.so-ico {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: red;
}

.work.article-block a p, .work.article-block p {
	font-size: 12px;
	line-height: 12.5px;
	margin: 0;
}

main#primary {
	font-size: 0;
}

.sm-inner {
	padding: 0;
}

body.archive.category-works article {
	display: inline-block;
	width: 50%;
}

body.archive .work.article-block {
	width: 100%;
}

.work.article-block button.single_add_to_cart_button {
  font-size: 12px;
	-webkit-appearance: none;
	padding: 0;
	border: none;
	font-weight: 500;
	background: transparent;
	margin-top: 10px;
}
    
.cart.disabled button.single_add_to_cart_button {
    opacity: .3;
    pointer-events: none;
    cursor: not-allowed;
}
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POSTS
--------------------------------------------------------------*/
.desktop.aside {
	display: none;
}

.caption {
	margin-top: 8px;
	font-size: 11px;
	opacity: .3;
	max-width: 150px;
}

.text-block ol, .text-block ul {
	padding-left: 15px;
}

.text-block li {
	font-size: 12px;
	line-height: 12.5px;
}

.mod-inner.img-add {
	width: 50%;
	margin-top: 40px;
}

.text-block {
	margin-bottom: 35px;
}

.mobile.aside {
  padding: 0 10px 10px 10px;
	border-bottom: 1px solid;
	margin-bottom: 10px;
}

.mobile.aside h2 {
	margin-bottom: 10px;
	width: 280px;
}
    
.mod-inner ol, .mod-inner ul {
    max-width: 200px;
}

.content-main {
	padding: 0 10px;
}

.image-feed {
	border-top: 1px solid;
	padding: 0 5px;
}

.image_feed {
	margin-top: 10px;
}

.i-inner {
	padding: 0 5px;
}

.image-block {
  margin-bottom: 10px;
}

body.single-post article.category-works .image-feed {
	margin-top: 0;
	border-top: none;
	padding: 0;
}

body.single-post article.category-works .i-inner {
	padding: 0;
}

body.single-post article.category-works button.single_add_to_cart_button {
	font-size: 32px;
	font-weight: 500;
	-webkit-appearance: none;
	border: none;
	background: transparent;
	padding: 0;
	margin-top: 35px;
}

body.single-post article.category-works .aside-inner {
	padding: 0 10px;
}

body.single-post article.category-works header.entry-header {
	clear: both;
	overflow: hidden;
}
    
.flex.mod.works-feed.w-100 {
    border-top: 1px solid;
    margin-top: 10px;
    padding: 12px 5px 0px 5px;
    width: auto;
}
    
body.archive .content-main, body.blog .content-main {
	padding: 0;
}

body.archive.category-works .content-main,
body.page-shop .content-main {
	padding: 0 5px;
}
/*--------------------------------------------------------------
# WOOCOMMERCE
--------------------------------------------------------------*/
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account,
body.woocommerce-cart .preloader, body.woocommerce-checkout .preloader, body.woocommerce-account .preloader,
body.woocommerce-cart .mobile-menu, body.woocommerce-checkout .mobile-menu, body.woocommerce-account .mobile-menu {
    background: #C7EAFB;
}
/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
body.woocommerce-page {
    margin-top: 180px;
}
    
body.woocommerce-page .content-main {
    padding: 0;
}
   
td.actions {
    padding: 10px!important;
}

.woocommerce a.remove {
    color: black!important;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid;
    font-weight: 400;
    width: 14px;
    height: 14px;
    line-height: 14px;
}
    
.woocommerce table.shop_table {
    border: none;
    border-top: 1px solid black; 
    border-radius: 0;
    margin-bottom: 0;
}
    
.woocommerce table.shop_table td {
    border-top: 1px solid black; 
}
    
#add_payment_method table.cart td, #add_payment_method table.cart th, 
.woocommerce-cart table.cart td, .woocommerce-cart table.cart th, 
.woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th,
#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
    font-size: 12px;
    line-height: 12.5px;
    text-transform: uppercase;
    background: transparent;
}
    
.woocommerce .quantity .qty {
    width: auto;
    text-align: right;
    border: none;
    height: 8px;
    background: transparent;
}
    
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    border: 1px solid black;
    border-radius: 0;
    color: black;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    height: 29px;
}
    
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button,
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
    border: 1px solid black;
    border-radius: 0;   
    color: black;
    background: transparent;
    text-transform: uppercase;
    height: 29px;
    font-size: 12px;
    font-weight: 500;
}
    
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    padding-bottom: 10px;
}
    
.cart_totals h2 {
    margin-bottom: 35px;
    text-transform: capitalize;
}
    
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background: transparent;
}
    
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
    border: none;
}
    
.woocommerce-cart .cart-collaterals .cart_totals tr td {
    padding-top: 0;
    padding-bottom: 2px;
}
    
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 32px;
    text-transform: capitalize;
    color: black;
    border: 1px solid black;
    border-radius: 0;
    line-height: 33px;
    background: transparent;
}
    
p.return-to-shop a.button.wc-backward.wp-element-button {
    font-size: 32px;
    text-transform: capitalize;
    color: black;
    border: 1px solid black;
    border-radius: 0;
    line-height: 33px;
    background: transparent;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 10px;
    font-weight: 500;
}
    
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
    padding-left: 0;
    padding-right: 0;
}
    
body.woocommerce-page .aside-inner {
    padding: 0 10px;
}
    
table.shop_table.shop_table_responsive {
    display: table;
    width: 100%;
}
    
table.shop_table.woocommerce-checkout-review-order-table {
    display: table;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid black;
}

table.shop_table.woocommerce-checkout-review-order-table th,
table.shop_table.woocommerce-checkout-review-order-table td {
    border-top: 1px solid black;
    padding: 9px 0;
}
    
.woocommerce form .form-row-first, .woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 50%;
    width: calc(50% - 5px);
}
/*--------------------------------------------------------------
# CHECKOUT
--------------------------------------------------------------*/
body.woocommerce-checkout h3 {
    margin-bottom: 35px;
    font-size: 32px;
    line-height: 33px;
    text-transform: capitalize;
    text-indent: 0;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    font-size: 12px;
    line-height: 12.5px;
    text-transform: uppercase;
    font-weight: 500;
}
    
.woocommerce form .form-row {
    text-indent: 0;
}
    
.woocommerce form .form-row input.input-text {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid black;
    background: transparent;
    padding-left: 0; 
    font-size: 12px;
}
    
.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid black;
    color: black;
    padding-left: 0;
    font-size: 12px;
}
    
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: black;
    line-height: 28px;
    padding-left: 0;
    font: 12px;
}
    
.woocommerce form .form-row textarea {
    font-size: 12px;
    line-height: 12.5px;
    font-family: 'neue-haas-grotesk-text', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: black;
    margin-top: 10px;
    border-radius: 0;
    border: 1px solid black;
    min-height: 200px;
}
    
.woocommerce form .form-row {
    padding: 3px 0;
}
    
div#order_review {
    font-size: 12px;
    line-height: 12.5px;
}
    
table.shop_table.woocommerce-checkout-review-order-table {
    text-transform: uppercase;
    border-collapse: collapse;
}
    
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    line-height: 12.5px;
}
    
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
    border-color: black;
}
    
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    font-size: 12px;
    border-top-color: black;
    background: transparent;
    color: black;
    padding: 10px;
}
    
.woocommerce-error::after, .woocommerce-error::before, 
.woocommerce-info::after, .woocommerce-info::before, 
.woocommerce-message::after, .woocommerce-message::before {
    display: none;
}
    
a.button.wc-forward.wp-element-button {
    color: black;
    text-transform: capitalize;
    background: transparent;
    padding: 0;
}
    
form.checkout.woocommerce-checkout {
    padding: 0 10px;
}
    
.col-2 {
    margin-top: 35px;
}
    
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0;
}
    
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
    border: none;
    font-size: 12px;
    color: black;
    width: 100%;
    max-width: none;
}
    
#add_payment_method #payment div.form-row, 
.woocommerce-cart #payment div.form-row, 
.woocommerce-checkout #payment div.form-row {
    padding: 0;
}
    
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
    padding: 10px;
    font-weight: 500;
    color: black;
    border-radius: 0;
    background: transparent;
    border: 1px solid black;
    font-size: 32px;
    text-transform: capitalize;
    line-height: 33px;
}
    
li.wc_payment_method label {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 32px;
}
    
h3#order_review_heading {
    margin-top: 35px;
}
/*--------------------------------------------------------------
# ORDERS
--------------------------------------------------------------*/
body.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
section.woocommerce-bacs-bank-details, h2.woocommerce-order-details__title {
    padding: 0 10px;
}
    
.woocommerce ul.order_details {
    font-size: 12px;
    padding: 0 10px;
    margin: 0;
    margin-bottom: 35px;
    max-width: none;
}
    
ul.wc-bacs-bank-details.order_details.bacs_details {
    padding: 0;
}
    
.woocommerce ul.order_details li {
    float: none;
    display: block;
    margin-right: 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12.5px;
    border-right: none;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}
    
.woocommerce ul.order_details li strong {
    font-size: 12px;
    display: inline-block;
}
    
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 35px;
}
    
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px;
    border-collapse: collapse;
    border-bottom: 1px solid black;
}
    
h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
    text-transform: capitalize;
    margin-bottom: 35px;
}
    
.woocommerce .woocommerce-customer-details address,
section.woocommerce-customer-details address {
    font-size: 12px;
    line-height: 12.5px;
    padding: 0;
    border: none;
    margin-top: 10px;
}
    
    section.woocommerce-customer-details address p {
        margin: 0;
    }
    
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, 
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    padding-left: 0;
    text-indent: 0;
}
    
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
    display: none;
}
    
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background: transparent;
    border: 1px solid black;
    color: black;
    margin-top: 0;
}
    
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

    
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
body.woocommerce-account .content-main {
    padding: 0 10px;
}
    
body.woocommerce-account h3 {
    font-size: 32px;
    line-height: 33px;
    margin-bottom: 35px;
    font-weight: 500;
    text-transform: capitalize;
}
    
nav.woocommerce-MyAccount-navigation {
    margin-bottom: 35px;
}
    
nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
    width: auto;
    max-width: none;
}
    
nav.woocommerce-MyAccount-navigation li {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
    list-style: none;
    padding: 0;
    text-transform: capitalize;
}
    
nav.woocommerce-MyAccount-navigation li a {
    font-weight: 500;
}
    
.u-columns {
    margin-top: 35px;
}
    
address {
    font-size: 12px;
    font-style: normal;
}
    
.woocommerce-MyAccount-content {
    font-size: 12px;
}
    
table.woocommerce-orders-table {
    text-transform: uppercase;
}
    
.woocommerce form .form-row .input-text, 
.woocommerce-page form .form-row .input-text {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid black;
    background: transparent;
}
    
.woocommerce a.edit, button.button.wp-element-button {
    -webkit-appearance: none;
    border: 1px solid black;
    border-radius: 0;
    text-transform: capitalize;
    font-weight: 500;
    padding: 3px 6px;
    background: transparent;
    font-size: 12px;
    color: black;
}
    
fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
    
fieldset legend {
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0;
    padding-top: 35px;
    margin-bottom:  35px;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: 0;
}
    
body.woocommerce-account h2.woocommerce-order-details__title {
    padding: 0;
}
    
body.woocommerce-account table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    width: 100%;
    text-align: left;
    margin-bottom: 35px;
    border-bottom: none;
}
    
.woocommerce-MyAccount-content p {
    margin-bottom: 35px;
    margin-top: 0;
}
    
.woocommerce form.login, .woocommerce form.register {
    border: none;
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 0;
    margin-top: 35px;
}
    
form.woocommerce-form.woocommerce-form-register.register p,
p.woocommerce-LostPassword.lost_password {
    text-indent: 0!important;
    margin-bottom: 10px!important;
}
    
div#customer_login {
    margin-top: 0;
}
    
button.woocommerce-button.button.woocommerce-form-login__submit.wp-element-button {
    margin-top: 10px;
}
    
}

@media screen and (min-width: 568px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.site-info, .mf-site-info {
	font-size: 0;
	padding: 0 10px;
}

.f-col {
  display: inline-block;
  vertical-align: bottom;
	width: 33%;
	width: calc(100% / 3);
	font-size: 12px;
	line-height: 12.5px;
}

.left.f-col {
	text-align: left;
}

.right.f-col {
	text-align: right;
}
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
body.home main#primary {
  min-height: calc(100vh - 174px);    
}
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
.w-50 {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
.exhi.article-block {
  padding: 10px 5px 10px 5px;
	position: relative;
}

.am-inner {
  padding: 0 5px;
}

.o-night {
  position: absolute;
  bottom: 9px;
  left: 50%;
  margin-left: 5.5px;
}

.reversed .o-night {
	left: 5px;
}

a.post-thumbnail img, .post-thumbnail img {
	margin-bottom: 0;
}

.mobile.aside {
	clear: both;
	overflow: hidden;
	padding: 0 5px 10px 5px;
}

.mobile.aside header.entry-header,
.mobile.aside .post-thumbnail {
	width: 50%;
}

.mobile.aside .eh-inner,
.mobile.aside .pt-inner {
	padding: 0 5px;
}

.mobile.aside header.entry-header {
	float: right;
}

.mobile.aside .post-thumbnail {
	float: left;
}

.text-block .mod-inner,
.image-block .mod-inner,
.image-feed .mod-inner {
	padding: 0 5px;
}

.image-feed {
	padding: 0;
}

.image_feed {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

.i-25 { width: 25% }
.i-33 { width: 33% }
.i-40 { width: 40% }
.i-50 { width: 50% }
.i-60 { width: 60% }
.i-75 { width: 75% }
.i-100 { width: 100% }

.w-100 {
	width: auto;
}

.content-main {
  padding: 10px 5px 10px 5px;
}

.wab-inner .post-thumbnail {
	margin-bottom: 10px;
	display: block;
}
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POSTS
--------------------------------------------------------------*/
body.single-post article.category-works .content-main {
	width: 50%;
}

body.single-post article.category-works .aside {
	width: 50%;
}

body.single-post article.category-works .aside-inner {
  padding: 0 10px 0 0;
}

body.single-post article.category-works .image_feed {
	width: 100%;
}

body.single-post article.category-works .post-thumbnail {
    padding: 0 5px;
}

body.single-post article.category-works .content-main {
	padding: 0;
}

body.single-post article.category-works .content-main,
body.single-post article.category-works .aside {
  display: inline-block;
	vertical-align: top;
	margin-top: 0;
}

body.single-post article.category-works header.entry-header {
  padding: 0 5px;
}

.cm-inner {
	padding: 0 0 0 5px;
}
/*--------------------------------------------------------------
# PRODUCTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
body.woocommerce-cart .text-block .mod-inner,
body.woocommerce-checkout .text-block .mod-inner {
    padding: 0;
}
/*--------------------------------------------------------------
# CHECKOUT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ORDERS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
}

@media screen and (min-width: 768px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POSTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PRODUCTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CHECKOUT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ORDERS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
}

@media screen and (min-width: 769px) {
/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}
    
.cart-collaterals table.shop_table.shop_table_responsive th {
    text-align: left;
    border: none!important;
}
    
.cart-collaterals table.shop_table.shop_table_responsive td {
    text-align: right;
}
/*--------------------------------------------------------------
# CHECKOUT
--------------------------------------------------------------*/
.col-2 {
    margin-top: 0;
}

.woocommerce form .form-row textarea {
    min-height: 382px;
}
    
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    width: 100%;
}
    
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 50%;
    width: calc(50% - 5px);
}
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
.woocommerce-account .text-block .mod-inner {
    padding: 0;
}
    
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}
    
.woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2 {
    width: 100%;
    margin-bottom: 35px;
}
    
.woocommerce-account table.woocommerce-orders-table {
    text-align: left;
}
    
.woocommerce-account table.woocommerce-orders-table th span {
    font-weight: 700;
}
    
th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions,
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    text-align: right;
}
    
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    text-decoration: underline;
}
    
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: auto;
}
    
}


@media screen and (min-width: 900px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
body {
	margin-top: 62px;
}

body::-webkit-scrollbar,
.content-main::-webkit-scrollbar,
.aside::-webkit-scrollbar {
    background: transparent;
    width: 3px;
}
    
.content-main::-webkit-scrollbar-thumb,
.aside::-webkit-scrollbar-thumb {
    background: black;
}
    
body::-webkit-scrollbar {
  border-left: 1px solid black;    
}
    
body::-webkit-scrollbar-thumb {
  border: 1px solid black;
  border-left: none;
  border-right: none;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.intro-bar {
    font-size: 0;
}
    
span.date {
    width: 80px;
    display: inline-block;
    text-align: right;
}
    
span#clock {
    width: 85px;
    display: inline-block;
    text-align: left;
    margin-left: 2px;
}
    
.bar-main {
    width: 65%;
}

.bar-aside {
    width: 35%;
}
    
.bar-main, .bar-aside {
    display: inline-block;
    vertical-align: top;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/*
footer {
    margin-top: 0;
}
*/
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
body.home main#primary {
    min-height: calc(100vh - 122px);
}
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
.content-main, .aside {
  display: inline-block;
	vertical-align: top;
}

.content-main {
	width: 65%;
	border-right: 1px solid;
	border-collapse: collapse;
	box-sizing: border-box;
	position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
	padding-bottom: 0;
	padding-top: 62px;
}
    
body.archive .content-main, body.blog .content-main {
	padding: 0;
	padding-top: 62px;
}

body.archive.category-works .content-main,
body.page-shop .content-main {
	padding: 0 5px;
	padding-top: 62px;
}

.aside, body.page .aside {
	width: 35%;
	margin-top: 0;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	padding-top: 62px;
    border-top: none;
}

.sm-inner {
	position: relative;
	height: 100vh;
	height: calc(100vh - 62px);
}

.mobile.aside {
	display: none;
}

.desktop.aside {
	display: block;
}

.exhi.article-block {
	border-bottom: none;
	padding-top: 0;
}

body.archive.category-works .content-main,
body.page-shop .content-main {
  width: 100%;
	border-right: none;
}

body.archive.category-works article,
.work.article-block {
  display: inline-block;
  width: 25%;
}
    
.aside-inner .work.article-block {
  display: inline-block;
  width: 50%;
}
    
.caption {
    margin-bottom: 8px;
}

/*
body.single-post .sm-inner {
	margin-bottom: 10px;
}
*/

header.entry-header {
	padding: 0 10px;
}

.desktop.aside .post-thumbnail {
    padding: 0 10px;
}

header.entry-header h2 {
	margin-bottom: 10px;
}

body.single-post article.category-works .content-main {
  width: 65%;
	padding-top: 62px;
}

.cm-inner {
  padding: 0 5px;
  width: 65%;
  margin-right: 0;
  margin-left: auto;
}

body.single-post article.category-works .aside {
	width: 35%;
}

body.single-post article.category-works .aside-inner {
	padding: 0 5px;
}

body.single-post article.category-works form.cart {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

body.single-post article.category-works header.entry-header {
	margin-bottom: 35px;
}
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POSTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PRODUCTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
body.woocommerce-cart, body.woocommerce-checkout {
    margin-top: 62px;
}
    
body.woocommerce-cart .content-main, 
body.woocommerce-order-received .content-main {
    padding-top: 62px;
}
/*--------------------------------------------------------------
# CHECKOUT
--------------------------------------------------------------*/
body.woocommerce-checkout .content-main {
    width: 100%;
    position: relative;
    padding-top: 0;
    border-right: none; 
}
    
    body.woocommerce-order-received .content-main {
        border-right: 1px solid black;
    }
    
body.woocommerce-checkout div#customer_details {
    width: 65%;
    width: calc(65% - 7.5px);
    padding-top: 62px;
    border-right: 1px solid;
    padding-right: 10px;
    min-height: calc(100vh - 62px);
    overflow-y: auto;
}
    
div#order_review {
    width: 35%;
    width: calc(35% - 20px);
    position: absolute;
    right: 10px;
    top: 0;
}
    
h3#order_review_heading {
    margin-top: 0;
    padding-top: 62px;
}
/*--------------------------------------------------------------
# ORDERS
--------------------------------------------------------------*/
body.woocommerce-order-received .content-main {
    position: absolute;
    width: 65%;
}
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
body.woocommerce-account {
    margin-top: 62px;
}
    
body.woocommerce-account .content-main {
    padding-top: 62px;
}
    
}

@media screen and (min-width: 1024px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.mobile-navigation {
    display: none;
}

.desktop-navigation {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px;
    font-size: 0;
}
    
.desktop-navigation nav, .desktop-navigation li, .right-menu {
    display: inline-block;
}
    
nav#left-nav, nav#right-nav {
   width: 40%;    
}
    
nav#mid-nav {
    width: 20%;
}
    
ul#left-menu li {
    margin-right: 10px;
}

ul#right-menu li {
    margin-left: 10px;
}
    
ul#left-menu, ul#menu-left {
    text-align: left;    
}
    
ul#right-menu {
    text-align: right;
}
    
.mc-inner img {
    width: 190px;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
.symbol-cont {
    width: 500px;
    height: 500px;
}
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
body.archive .content-main, body.blog .content-main, 
body.archive.category-works .content-main, .content-main,
body.page-shop .content-main, .aside, body.page .aside,
body.single-post article.category-works .content-main {
    padding-top: 129px;
}
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POSTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PRODUCTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
body.woocommerce-page .content-main {
    padding-top: 129px;
}
/*--------------------------------------------------------------
# CHECKOUT
--------------------------------------------------------------*/
body.woocommerce-checkout .content-main {
    padding-top: 0;
}
    
body.woocommerce-order-received .content-main,
body.woocommerce-checkout div#customer_details,
h3#order_review_heading {
   padding-top: 129px; 
}
/*--------------------------------------------------------------
# ORDERS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
}

@media screen and (min-width: 1500px) {
/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
body, .intro-bar, .site-branding {
   width: 1500px;
   margin-left: auto;
   margin-right: auto;
}
	
.aside, body.page .aside {
	border-right: 1px solid;	
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.site-branding {
    position: relative;
} 

.marque-cont.n-m, .marque-cont.b-m {
	position: absolute;	
	top: -1px;
}
	
.marque-cont.b-m {
	left: auto;
	right: 555px;
}
	
.desktop-navigation {
   width: 1480px;
   margin-left: auto;
   margin-right: auto;	
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ARCHIVE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# POSTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# PRODUCTS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CHECKOUT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ORDERS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
}