/*
Theme Name: 		Illume
Theme URI: 		https://themeforest.net/item/illume-romantic-photography-wordpress-theme/16886112
Author: 			Darinka Kostelníková
Author URI: 		http://themeforest.net/user/Darinka/
Description: 		Clean and lightweight photography theme, compatible with the Envira Gallery plugin.
Version: 			1.4
License: 			GNU General Public License v2 or later
License URI: 		http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 		illume
Tags:			one-column, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready, photography, portfolio
*/
@import url("editor-style.css");
/********************************************************************************************************
 * Please do not make edits directly to this file.  You will lose all modifications when the theme is next updated if you do so.  Please use a child theme.  This theme's styles will automatically be loaded for you.  You can then overwrite specific style rules in your child theme's 'style.css' file.
/*
CONTENTS: 
	1. FORM ELEMENTS - inputs, selects, buttons, fields 
	2. BODY DEFAULTS - html, body
	3. MAIN WRAPPERS - wrappers
	4. HEADER - header, logo, navigation
	5. CONTENT - blog, content elements and classes (find more classes in editor-style.css)
	6. GALLERIES - Envira styling
	7. WOOCOMMERCE - ecommerce styling
	8. FOOTER - footer
	9. RESPONSIVNESS - media queries
	
*/

/* 1. FORM ELEMENTS
_____________________________________ */
input, textarea, select, input[type="submit"], input[type="button"], button, .button { font-family: 'Proxima Nova Soft', sans-serif; vertical-align: middle; }
label { display: block; padding: 8px 0; font-size: 9pt; font-weight: normal; text-transform: uppercase; letter-spacing: .07em; }
label.inline { display: inline-block; }

input[type=text], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=number], input.input-text, select, textarea { outline: 0; background: transparent; width: 100%; min-width: 60px; padding: 12px; -webkit-appearance: none; -webkit-focus-ring-color: none; border: 0; border-bottom: 1px solid #dadada; font-weight: normal; font-size: 1em; color: #474747; }
select { outline: 0 !important; vertical-align: middle; border-radius: 0; background-image: url('imgs/arrow-down.svg'); background-position: right center; background-repeat: no-repeat; }
textarea { height: 120px; background: url('imgs/textarea.png') repeat; border: 0; line-height: 32px;     padding: 0; }
input[type=text]:focus,  input[type=email]:focus,  input[type=tel]:focus,  input[type=password]:focus,  textarea:focus {  }
input[type=checkbox] { float: left; margin: 12px 12px 0 0; border: 2px solid #dadada; }
input[type=radio] { float: left; margin: 12px 12px 0 0 !important; }
input[type=number] { width: 40px; margin: 0 5px; }

input[type=submit], input[type=button], button, .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, a.page-numbers, span.page-numbers, .page-links a { display: inline-block; height: auto; padding: 16px 30px; font-weight: bold; font-size: .85em; line-height: 1; text-align: center; cursor: pointer; border: 1px solid; background: transparent; margin: -2px 8px 8px 0; text-decoration: none !important; color: #d6004e; z-index: 2; overflow: hidden; position: relative; vertical-align: middle; outline: 0; text-transform: uppercase; 
-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover,
input[type=submit]:focus, input[type=button]:focus { color: white; background-color: #d6004e; border: 1px solid transparent; }
input[type=submit]:active, input[type=button]:active { outline: 0; }
:focus { outline: none; }
::-moz-focus-inner { border: 0; outline: 0; }
::-webkit-input-placeholder { color: #dadada; font-style: italic; }
::-moz-placeholder { color: #dadada; font-style: italic; }
:-ms-input-placeholder { color: #dadada; font-style: italic; }
:-moz-placeholder { color: #dadada; font-style: italic; }

form#searchbar { width: 100%; position: relative; }
form#searchbar #searchbar-submit { position: absolute; right: -12px; top: -2px; background: none; border: 0; font-size: 1.1em; color: black; box-shadow: none; padding: 0; }

div.wpcf7 { clear: both; border: 1px solid #dadada; padding: 30px 35px 0 35px; }

::-webkit-scrollbar{background:transparent;overflow:visible;width:12px}
::-webkit-scrollbar-thumb{background-color:#dadada;border:solid #dadada}
::-webkit-scrollbar-thumb:hover{background:#aaa}
::-webkit-scrollbar-thumb:horizontal{min-width:40px}
::-webkit-scrollbar-thumb:vertical{min-height:40px}
::-webkit-scrollbar-track-piece{background-color:#eee}
::-webkit-scrollbar-corner{background:transparent}	
#menu::-webkit-scrollbar-track-piece{background-color:#fff}
#menu::-webkit-scrollbar{width:6px}

/* 2. BODY DEFAULTS
_____________________________________ */
html { height: 100%; font-family: 'Proxima Nova Soft', sans-serif; font-size: 100%; }
body { background: white; color: #474747; font-size: 1em; overflow-x: hidden; }
body::before, body::after { content: ""; background: white; width: 18px; height: 100vh; position: fixed; z-index: 555; left: 0; top: 0; }
body::after { left: auto; right: 0; }

/* 3. MAIN WRAPPERS
_____________________________________ */
.wrapper { margin: 0 auto; width: 100%; padding: 0 58px; }
.wrapper::after { content: ""; display: block; clear: both; }

#content { width: 100%; position: relative; z-index: 3; }
body > #content::after { content: ""; display: block; clear: both; background: white; height: 18px; width: 100%; position: absolute; bottom: -1px; left: 0; z-index: 999; }

/* 4. HEADER
_____________________________________ */
#header { width: 100%; height: 102px; padding: 30px 18px 0; position: fixed; background: white; top: 0; left: 0; z-index: 999; }
#header::after { content: ""; display: block; clear: both; }

#top { height: 1px; margin-top: -1px; }

/* Preloading effects */
body.loading > #content { opacity: 0; }
body > #content { opacity: 1; 
-webkit-transition: transform .35s, opacity 1s cubic-bezier(0.7,0,0.3,1); -moz-transition: transform .35s, opacity 1s cubic-bezier(0.7,0,0.3,1); -o-transition: transform .35s, opacity 1s cubic-bezier(0.7,0,0.3,1); transition: transform .35s, opacity 1s cubic-bezier(0.7,0,0.3,1); }

body.loading #menu-burger, body.loading #logo, body.loading #searchicon, body.loading #contact-area { opacity: 0; transform: translateY(-20px); }
#menu-burger, #logo, #contact-area, #searchicon { opacity: 1; transform: translateY(0); transition: all .8s cubic-bezier(0.7,0,0.3,1); }
#logo { transition-delay: .2s; }
#contact-area { transition-delay: .3s; }
#searchicon { transition-delay: .4s; }

#loadscreen { position: fixed; width: 100%; height: 100%; top: -100%; background: white; opacity: 0; 
-webkit-transition: opacity .4s cubic-bezier(0.7,0,0.3,1); -moz-transition: opacity .4s cubic-bezier(0.7,0,0.3,1); -ms-transition: opacity .4s cubic-bezier(0.7,0,0.3,1); transition: opacity .4s cubic-bezier(0.7,0,0.3,1); }
body.loading #loadscreen { opacity: 1; top: 0; z-index: 9999; }
.spinner { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100px; height: 20px; text-align: center; }
.spinner > div { width: 8px; height: 8px; background: #d6004e; border-radius: 100%; display: inline-block; margin: 0 5px;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; 
	animation: sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1 { -webkit-animation-delay: -.54s; animation-delay: -.54s}
.spinner .bounce2 { -webkit-animation-delay: -.48s; animation-delay: -.48s}
.spinner .bounce3 { -webkit-animation-delay: -.32s; animation-delay: -.32s}
.spinner .bounce4 { -webkit-animation-delay: -.16s; animation-delay: -.16s}
@-webkit-keyframes sk-bouncedelay {
0%,80%,100%{ -webkit-transform: scale(0); transform: scale(0); }
40%{ -webkit-transform: scale(1.0); transform: scale(1.0); } }
@keyframes sk-bouncedelay {
0%,80%,100%{ -webkit-transform: scale(0); transform: scale(0); }
40%{ -webkit-transform: scale(1.0); transform: scale(1.0); } }

/* Logo */
#logo { height: auto; max-width: 320px; margin: 0 auto; position: absolute; left: 0; right: 0; z-index: 302; text-align: center; }
#logo a { text-decoration: none; white-space: nowrap; display: block; font-size: 18pt; color: #474747; letter-spacing: .1em; }
#logo a span { display: block; font-size: 9pt; font-family: 'Proxima Nova Soft', sans-serif; letter-spacing: .07em; padding: 8px 0 0; opacity: .9; font-weight: normal; text-transform: uppercase; }
#logo img { position: relative; margin: -5px 0 0;  max-width: 100%; }
#logo.with-sitename img { float: left; vertical-align: middle; margin: 0 30px 0 -5px; }
body.menu-shown #logo { z-index: 299; }

/* Navigation */
body.loading #menu { opacity: 0; }
#menu { width: 0; height: 100vh; background: white; position: fixed; left: 0; top: 0; z-index: 700; border-right: 1px solid #dadada; overflow-y: hidden; overflow-x: hidden;
opacity: 1; -webkit-transition: opacity .2s .25s; -moz-transition: opacity .2s .25s; -ms-transition: opacity .2s .25s; transition: opacity .2s .25s;
  -webkit-animation: hideMenu .25s cubic-bezier(0.51, 0.15, 0.50, 1) forwards;
  -moz-animation: hideMenu .25s cubic-bezier(0.51, 0.15, 0.50, 1) forwards;
  -o-animation:  hideMenu .25s cubic-bezier(0.51, 0.15, 0.50, 1) forwards;
  animation: hideMenu .25s cubic-bezier(0.51, 0.15, 0.50, 1) forwards; }
@-webkit-keyframes hideMenu { 0% { width: 320px; }	100% { width: 0; } }
@-moz-keyframes hideMenu { 	0% { width: 320px; }	100% { width: 0; } }
@-o-keyframes hideMenu { 	0% { width: 320px; }	100% { width: 0; } }
@keyframes hideMenu { 		0% { width: 320px; }	100% { width: 0; } }
body.menu-shown #menu { overflow: visible; overflow-x: visible; overflow-y: auto;
	-webkit-animation: revealMenu .35s cubic-bezier(0.51, 0.15, 0.50, 1) forwards; 
	-moz-animation: revealMenu .35s cubic-bezier(0.51, 0.15, 0.50, 1) forwards; 
	-o-animation: revealMenu .35s cubic-bezier(0.51, 0.15, 0.50, 1) forwards; 
	animation: revealMenu .35s cubic-bezier(0.51, 0.15, 0.50, 1) forwards;  }
@-webkit-keyframes revealMenu { 0% { width: 0; }	100% { width: 320px; } }
@-moz-keyframes revealMenu {  0% { width: 0; }	100% { width: 320px; } }
@-o-keyframes revealMenu {  	0% { width: 0; }	100% { width: 320px; } }
@keyframes revealMenu {  	0% { width: 0; }	100% { width: 320px; } }
body.menu-shown > #content { -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; transition-duration: .8s; } 
#menu-overlay { background: black; width: 100%; height: 100vh; position: fixed; top: 0; left: -100%; opacity: 0; z-index: 699; 
-webkit-transition: opacity .4s cubic-bezier(0.7,0,0.3,1), left .2s .4s; -moz-transition: opacity .4s cubic-bezier(0.7,0,0.3,1), left .2s .4s; -ms-transition: opacity .4s cubic-bezier(0.7,0,0.3,1), left .2s .4s; transition: opacity .4s cubic-bezier(0.7,0,0.3,1), left .2s .4s; }
body.menu-shown #menu-overlay { left: 0; opacity: .5; 
-webkit-transition: left .2s, opacity .4s .2s cubic-bezier(0.7,0,0.3,1); -moz-transition: left .2s, opacity .4s .2s cubic-bezier(0.7,0,0.3,1); -ms-transition: left .2s, opacity .4s .2s cubic-bezier(0.7,0,0.3,1); transition: left .2s, opacity .4s .2s cubic-bezier(0.7,0,0.3,1); }
#menu > ul { margin: 0; width: 300px; padding: 102px 20px 20px 76px; opacity: 0; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px);
-webkit-transition: all .2s .25s; -moz-transition: all .2s .25s; -ms-transition: all .2s .25s; transition: all .2s .25s; }
body.menu-shown #menu > ul { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
#menu ul li { display: block; position: relative; }
#menu ul li a { display: block; color: #474747; font-size: 9pt; padding: 0 0 1em; text-decoration: none; position: relative; z-index: 5; text-transform: uppercase; letter-spacing: .07em; font-weight: bold; }
#menu > ul > li > a { font-size: 1.2em; font-weight: normal; text-transform: none; font-family: serif; font-style: italic; letter-spacing: .04em; }
#menu ul li a:hover, #menu ul li.current-menu-item > a, #menu ul ul li.current_page_parent > a { color: #d6004e; text-decoration: none; }
#menu ul.sub-menu, #menu ul.children { margin: 0; padding: 0 0 25px; }
#menu ul.sub-menu li a, #menu ul.children li a { display: block; font-weight: normal; opacity: .7; }
#menu ul.sub-menu li a:hover, #menu ul.children li a:hover { opacity: 1; }
#menu ul ul li.menu-item-has-children > a::after { content: ""; display: inline-block; width: 10px; height: 10px; color: black; font-size: 10pt; font-weight: bold; margin: 0 0 0 10px; position: relative; top: 	1px; background: url('imgs/submenu-arrow.svg') no-repeat center center; opacity: .6;
-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; transition: all .25s; }
#menu ul ul li.menu-item-has-children > a:hover::after { opacity: 1; }
#menu ul ul li.menu-item-has-children ul { padding: 0 20px 0 30px; max-height: 0; opacity: 0;
-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; transition: all .25s; }
#menu ul ul li.menu-item-has-children.submenu-shown ul { max-height: 199px; padding: 10px 20px 10px 30px;  opacity: 1; }
#menu ul ul li.menu-item-has-children.submenu-shown > a::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
 
#menu-burger { display: inline-block; width: 120px; height: 102px; position: absolute; top: 0; z-index: 701; vertical-align: top; cursor: pointer; }
body.loading.menu-shown #menu-burger { opacity: 1; transform: none; }
#menu-burger p { margin: 46px 0 0 0; position: relative; }
#menu-burger span { position: absolute; top: 2px; width: 18px; height: 1px; background: #474747; opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); 
-webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; }
#menu-burger span:nth-child(2) { top: 6px; }
#menu-burger span:nth-child(3) { top: 10px; }
body.menu-shown #menu-burger span:nth-child(2) { width: 0%; opacity: 0; }
body.menu-shown #menu-burger span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 5px; }
body.menu-shown #menu-burger span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px; }
#menu-burger strong { position: absolute; line-height: 1.2; left: 30px; font-size: 9pt; font-weight: normal; }

/* Searchbar and Additional Text in Header */
#header #searchicon { float: right; padding: 12px 0 0; position: relative; z-index: 299; }
#searchicon svg { width: 20px; height: 20px; cursor: pointer; position: relative; z-index: 3; }
#searchicon path, #searchicon circle, #searchicon line { stroke: #474747; }
#header #searchicon form#searchbar { position: absolute; width: 240px; right: 0; top: 0; opacity: 0; }
#header form#searchbar #searchbar-submit { visibility: hidden; }
#header form#searchbar #searchbar-input { border-right: 0; border-left: 0; border-top: 0; padding-left: 0; border-color: #dadada; background: transparent; }

#contact-area { float: right; margin: 15px 1em 0 0; text-align: right; }
#contact-area p { font-size: 9pt; display: inline-block; vertical-align: top; padding: 0 2em 0 0; }
#contact-area p#header-bag { padding: 0; position: relative; }
#header-bag svg { width: 18px; height: 18px; position: absolute; left: 0; top: 0; margin-top: -2px; }
#header-bag path, #header-bag circle { stroke: #474747; }
#header-bag a { color: #474747; font-size: 9pt; display: inline-block; padding: 0 0 0 25px; }
#header-bag .cart-count { width: 14px; height: 14px; display: inline-block; position: relative; background: #da2366; text-align: center; color: white; border-radius: 50%; line-height: 14px; top: -5px;     left: -3px; }
body.searchbar-shown #contact-area { opacity: 0; transition-delay: 0s; }

body.admin-bar #header { top: 32px; }
body.admin-bar #menu > ul { padding-top: 130px; }

/* Border Styles */
body.brush-borders { }
body.brush-borders #header { height: 128px; background: transparent url('imgs/brush-borders-header.png') no-repeat left bottom; background-size: 100% 128px; }
body.brush-borders > #content::after { background: transparent url('imgs/brush-borders-footer.png') no-repeat left top; height: 36px; background-size: 100% 36px; }
body.brush-borders::before { background: transparent url('imgs/brush-borders-left.png') no-repeat right top; width: 32px; background-size: 32px 100%; }
body.brush-borders::after { background: transparent url('imgs/brush-borders-right.png') no-repeat left top; width: 32px; background-size: 32px 100%; }
body.brush-borders #header, body.brush-borders > #content::after, body.brush-borders::before, body.brush-borders::after { background-color: transparent !important; } 
body.brush-borders .hero-extra { width: 100%; margin: 0 5px; }

body.boxed-borders { background: #f7f4f6; }
body.boxed-borders::before, body.boxed-borders::after, body.boxed-borders > #content::after { display: none; }
body.boxed-borders > #content, body.boxed-borders #header, body.boxed-borders #footer { position: relative; width: 86%; margin: 0 auto; }
body.boxed-borders #header { margin-top: 36px; background: white; }
body.boxed-borders #footer { margin-bottom: 36px; }
body.boxed-borders.menu-shown > #content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
body.boxed-borders #menu-burger { z-index: 299; }
body.boxed-borders #menu > ul { padding-top: 75px; }
body.boxed-borders.layout-default #featured-image-header { top: 0 !important; }
body.boxed-borders #footer { left: 0; } 
body.boxed-borders .hero-extra { width: 100%; margin: 0; }

body.none-borders { }
body.none-borders::after, body.none-borders::before, body.none-borders > #content::after { display: none; }
body.none-borders.layout-fullscreen .envira-gallery-1-columns, body.none-borders.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item, body.none-borders.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item-inner { height: calc(100vh - 102px) !important; }
body.none-borders .hero-extra { width: 100%; margin: 0 -1px; }

/* Header Styles */
body.left-header { }
body.left-header #logo { right: auto; margin-left: 58px; text-align: left; }
body.left-header #menu-burger { right: 0; }
body.left-header #header #searchicon { margin-right: 100px; }
body.left-header #menu { left: auto; right: 0; border-left: 1px solid #dadada; }
body.left-header.menu-shown > #content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }


/* 5. CONTENT
_____________________________________ */
body > #content { position: relative; background: #f7f4f6; margin-top: 102px;/*fixed header*/ margin-bottom: 86px;/*fixed footer*/ overflow-y: hidden; min-height: calc(100vh - 102px); }
body > #content > .wrapper { padding: 5em 58px 0; }

/* Layouts */
body.layout-default.has-featured-image > #content > .wrapper { width: 50%; float: right; padding: 5em; }
body.layout-fullscreen > #content { overflow-x: hidden; }
body.layout-fullscreen > #content > .wrapper { padding: 0; max-width: 9999px; }

/* Featured image */
#featured-image-header { clear: both; overflow: hidden; position: relative; }
#featured-image-header img { margin: 0; display: block; }
body.layout-default #featured-image-header { width: 50%; float: left; position: relative; top: 0;     overflow: hidden; }
body.layout-default #featured-image-header img { max-width: 9999px; width: auto; min-width: 100%; height: calc(100vh - 102px); margin: 0; position: relative; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
body.layout-default #featured-image-header img.portrait { height: auto; min-height: calc(100vh - 102px); width: 100%; }
body.layout-fullscreen.has-featured-image #featured-image-header { height: 60vh; z-index: -1;
-webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; }
body.layout-fullscreen.has-featured-image #featured-image-header img { position: absolute; width: auto; height: auto; min-width: 100%; min-height: 100%; margin: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.layout-fullscreen #featured-image-header { height: 100vh; }

/* Google Map */
#gmap { width: 100%; height: 100%; }
body.layout-default #gmap { height: calc(100vh - 102px); }
body.layout-default #featured-image-header #gmap img { max-width: 9999px !important; position: static; margin: 0; -ms-transform: none; -webkit-transform: none; transform: none; }

/* Fullscreen Video */
body.layout-fullscreen .wrapper > p > iframe:first-of-type { width: 100%; height: calc(100vh - 20px); margin: 0 0 -2em; }
body.layout-fullscreen .wrapper > .wp-video:first-child, body.layout-fullscreen .wrapper > .wp-video:first-child .mejs-container { width: 100% !important; height: calc(100vh - 102px); margin: 0; }

/* Blog Posts */
body.plural #content { overflow-x: hidden; }
body > #content > .wrapper.blog-standard { max-width: 1000px; padding-top: 4em; }
article { position: relative; margin: 0 0 3em; padding: 2em 0 0; clear: both; }
article::after { content: ""; display: block; clear: both; }
.featured-image-excerpt { position: absolute; left: -5%; width: 55%; }
.entry-excerpt { float: right; width: 50%; position: relative; left: 5%; }
article:first-child { padding-top: 0; }
article:last-child .entry-excerpt { border-bottom: 0; padding-bottom: 4em; }
.blog-standard article:nth-child(2n)::before { content: ""; position: absolute; width: 200%; left: -50%; top: 0; height: 100%; background: white; z-index: -1; }
.blog-standard article:nth-child(2n) .featured-image-excerpt { width: 50%; left: auto; right: -10%; }
.blog-standard article:nth-child(2n) .entry-excerpt { float: left; }
.blog-standard article:nth-child(2n) .featured-image-excerpt img { margin: -4em 0 0; } 
body > #content > .wrapper.blog-alternative { padding: 0; }
.blog-alternative article { margin: 0; padding: 0; }
.blog-alternative .featured-image-excerpt { position: static; float: left; width: 50%; left: 0; }
.blog-alternative .featured-image-excerpt img { margin: 0 0 -5px; }
.blog-alternative .entry-excerpt { padding: 2em 5%; left: auto; position: absolute; bottom: 0; right: 0; }

.singular-post article { margin-top: 102px;/*for avatar*/ }
.has-featured-image.singular article { margin-top: 0; }
article .entry-content h2, #meta-heading h2 { text-align: center; margin: 0 auto 30px; }
#meta-heading h2 { margin-bottom: 2em; }
.entry-excerpt h2 { font-size: 2.1em; margin-bottom: 20px; }
.entry-excerpt > p { padding: 0 0 1em; }
article .entry-content h2::after, #meta-heading h2::after { margin-left: auto; margin-right: auto; }
article h2 a { color: inherit; }
#meta-heading h2 span { font-style: italic; }
.entry-excerpt > p.read-more { padding: 0 0 2em; }
.read-more a { font-family: serif; font-style: italic; border-bottom: 1px solid #474747; }

article .entry-content .entry-meta { text-align: center; margin: 0 0 40px; }
.entry-meta > div { display: inline-block; vertical-align: baseline; min-width: 100px; margin: 0 15px 2em 0; font-size: .75em; font-weight: bold; letter-spacing: .03em; }  
.entry-meta > div:last-child { margin-right: 0; }
.entry-author { margin: 0 auto; text-align: center; position: relative; top: -40px; }
.entry-author img { width: 80px; height: 80px; border-radius: 50%; margin: 0; }
.entry-meta > div.entry-date { text-transform: uppercase; }
.entry-meta > div a { display: inline-block; text-transform: uppercase; color: inherit; }
.entry-meta > div.entry-tags a { padding: 0 15px 0 5px; font-size: 8pt; }
.entry-meta > div a:hover { color: #d6004e; }
.entry-heart svg { vertical-align: top; position: relative; top: -2px; margin: 0 3px 0 0; }
.entry-heart svg path { stroke: #d6004e; fill: transparent; stroke-width: 2px; }
.entry-heart:active svg path, .entry-heart .voted svg path { fill: #d6004e; }

.entry-footer { clear: both; font-size: .9em; }
.entry-footer h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; } 

/* Pagination */
.screen-reader-text { display: none; font-size: 0; }
.post-pagination { font-size: 90%; }
.post-pagination::after { clear: both; content: ""; display: block; }
.post-pagination > div { width: 50%; height: 100px; float: left; text-align: left; padding: 0 25px; line-height: 1.4; position: relative; }
.post-pagination > div.prev-post { border-right: 1px solid #474747; text-align: right; }
.post-pagination > div a { display: table; height: 100%; padding: 0 30px; }
.post-pagination > div a span { display: table-cell; vertical-align: middle; }
.post-pagination strong { font-weight: normal; display: block; left: 0; top: 43px; text-align: left; position: absolute; transform: rotate(90deg); text-transform: uppercase; font-size: 9pt; letter-spacing: .07em; padding: 0 10px; }
.post-pagination > div.prev-post a { float: right; }
.post-pagination > div.prev-post strong { left: auto; right: 0; transform: rotate(-90deg); }

.page-links span.page-numbers, .page-links a { margin: 5px; }
.page-links span.page-numbers, .nav-links span.page-numbers.current { opacity: .5; }

/* Comments */
#comments { clear: both; margin: 2em 0; padding-top: 3em; }
h3#comments-number { text-transform: uppercase; text-align: center; font-size: .75em; font-weight: bold; margin-top: -10px; }
ol.comment-list { list-style: none; padding: 3em 0 1em 0; }
ol.comment-list li { margin: 0 0 1em 0; clear: both; }
ol.comment-list li::after { content: ""; display: block; clear: both; }
ol.comment-list li article { margin: 0; }
.comment-list img.avatar { float: left; margin: 0 52px 1em 0; width: 48px; height: 48px; border-radius: 50%; }
.comment-author cite { text-transform: uppercase; padding: 0 2em 0 0; }
.comment-meta, p.log-in-out, .form-allowed-tags, p.logged-in-as { font-size: .85em; color: #999; }
.comment-meta div { display: inline; }
.comment-meta div.comment-metadata { float: right; }
.comment-reply-link { float: right; margin: 1em 0 0 0; }
.comment-content { clear: both; padding: 1em 0; margin-left: 100px; border-bottom: 1px solid #dadada; }
#respond { max-width: 800px; margin: 4em 0; clear: both; }

/* Password-protected post */
.post-password-form { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; max-width: 320px; }
.post-password-form input[type=password] { margin: 10px 0; text-align: center; }


/* 6. GALLERIES
_____________________________________ */
.envira-gallery-wrap { position: relative !important;  }
body.layout-fullscreen .wrapper  > .envira-gallery-wrap:first-child { background: white !important; }
body.layout-fullscreen .envira-gallery-wrap { margin: 0 -6px !important; width: calc(100% + 12px); }
.envira-gallery-wrap .envira-gallery-public { margin: 0 auto !important; }

/* Envira Lightbox */
.envirabox-skin { padding: 12px !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; }
#envirabox-loading, .envirabox-close, .envirabox-prev span, .envirabox-next span { background-image: url('imgs/illume-lightbox-sprite.png') !important; }
#envirabox-thumbs ul li { margin: 0 !important; border: 0 !important; }
#envirabox-thumbs ul li a { border: 0 !important; }
#envirabox-thumbs ul li img { margin: 0; border: 4px solid white !important; border-left-width: 2px !important; border-right-width: 2px !important;}
.envirabox-title-float-wrap .child { background: transparent !important; font-family: serif; font-size: 1.4em; }

/* Envira Filter */
.envira-gallery-wrap .envira-tags-filter-list { text-align: center; list-style: none;     padding: 1em 0;
    margin: 0 12px 3em; font-size: 12pt; font-weight: bold;     border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada; }
.envira-tags-filter-list li.envira-tags-filter, .envira-tags-filter-list li.envira-tag-filter { display: inline-block; vertical-align: bottom; margin: 1em 0 !important; padding: 0 25px; float: none !important; border-left: 1px solid #dadada; }
.envira-tags-filter-list li.envira-tags-filter:first-child, .envira-tags-filter-list li.envira-tag-filter:first-child { border-left: 0; }
li.envira-tag-filter .envira-tags-filter-link:hover,
li.envira-tags-filter .envira-tags-filter-link:hover,
li.envira-tags-filter .envira-tags-filter-link.envira-tags-filter-active,
li.envira-tag-filter .envira-tags-filter-link.envira-tags-filter-active { color: #474747; }

/* Captions */
.caption-for-thumbnail h3 { display: inline-block; margin: 8px 0 0; font-size: 14pt; }
.caption-for-thumbnail.with-desc h3 { padding: 0 0 5px; margin: 8px 0 12px; }
.caption-for-thumbnail p { padding: 0 50px; font-size: .9em; opacity: .86; line-height: 1.35; }
/*caption for thumbnail*/
.envira-gallery-wrap .caption-for-thumbnail { position: absolute; top: 0; width: 100%; z-index: 10; padding: 50px; pointer-events: none; color: white; }
/*caption for fullscreen images*/
.envira-gallery-wrap .envira-gallery-1-columns .caption-for-thumbnail { bottom: 0; top: auto; margin-left: 100px; opacity: 0; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.envira-gallery-1-columns .caption-for-thumbnail h3 { display: inline-block; margin: 0; font-size: 14pt; border-bottom: 0; font-style: italic; background: rgba(0,0,0,.68); padding: 7px 14px; white-space: nowrap; border-radius: 20px; }
/*caption for small thumbnails*/
.envira-gallery-wrap .envira-gallery-2-columns .caption-for-thumbnail { text-align: center; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.envira-gallery-wrap .envira-gallery-3-columns .caption-for-thumbnail,
.envira-gallery-wrap .envira-gallery-4-columns .caption-for-thumbnail,
.envira-gallery-wrap .envira-gallery-5-columns .caption-for-thumbnail,
.envira-gallery-wrap .envira-gallery-6-columns .caption-for-thumbnail { position: static; color: #474747; padding: 18px 0; text-align: center; margin: 0 0 1em; }
/*caption for albums*/
.envira-gallery-wrap .envira-album-title { font-weight: bold; }
.envira-gallery-wrap .envira-album-title, .envira-gallery-wrap .envira-album-caption, .envira-gallery-wrap .envira-gallery-2-columns .caption-for-thumbnail h3 {  display: inline-block; border-bottom: 1px solid #dadada; padding: 0 0 7px; margin: 0 0 12px; font-size: 21pt; color: white; }
.envira-gallery-wrap .envira-album-title, .envira-gallery-wrap .envira-album-caption, .envira-gallery-wrap .envira-album-image-count, .envira-gallery-wrap .envira-gallery-2-columns .caption-for-thumbnail h3, .envira-gallery-wrap .envira-gallery-2-columns .caption-for-thumbnail p {  -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px);
-webkit-transition: all .35s cubic-bezier(0.7,0,0.3,1); -moz-transition: all .35s cubic-bezier(0.7,0,0.3,1); -o-transition: all .35s cubic-bezier(0.7,0,0.3,1); transition: all .35s cubic-bezier(0.7,0,0.3,1);  }
.envira-gallery-wrap .envira-album-image-count, .envira-gallery-wrap .envira-gallery-2-columns .caption-for-thumbnail p { opacity: 0; color: white; }
.envira-gallery-wrap .envira-gallery-item:hover .envira-album-caption, .envira-gallery-wrap .envira-gallery-item:hover .envira-album-title, .envira-gallery-wrap .envira-gallery-2-columns .envira-gallery-item:hover .caption-for-thumbnail h3 { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); padding-left: 8px; padding-right: 8px; }
.envira-gallery-wrap .envira-gallery-item:hover .envira-album-image-count, .envira-gallery-wrap .envira-gallery-2-columns .envira-gallery-item:hover .caption-for-thumbnail p { -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 1; }
a[title="Back to Album"]{ display: none; }
/*theme captioned, polaroid*/
.envira-gallery-theme-captioned .caption-for-thumbnail { display: none; } 
.envira-gallery-theme-polaroid .caption-for-thumbnail { margin-bottom: 0 !important; }
.envira-gallery-theme-polaroid .envira-gallery-captioned-data { display: none; }
.envira-gallery-theme-polaroid .envira-gallery-2-columns .envira-gallery-item a::before { display: none; }
.envira-gallery-captioned-data { border: 0 !important; }
.envira-gallery-captioned-text { color: #474747; font-family: serif; font-weight: normal; font-size: 12pt !important; margin: 10px 0 1em !important; opacity: .86; line-height: 1.4; }
/*social buttons*/
.envirabox-inner .envira-social-buttons div.envira-social-network a.envira-social-button { width: 32px !important; height: 32px !important; line-height: 32px !important; background-size: 14px 14px; }
/*gallery count*/
.envira-gallery-wrap .gallery-count { position: absolute; bottom: 0; width: 100%; padding: 42px 81px; z-index: 10; pointer-events: none; color: white; opacity: 0; }
.gallery-count h3 { display: inline-block; margin: 0; font-size: 16pt; border-bottom: 0; position: relative; top: -20px; overflow: hidden; height: 0; }
.gallery-count p { display: inline-block; opacity: .86; font-size: .9em; overflow: hidden; height: 0; position: relative; top: 6px; padding: 0; }
.gallery-count h3::before, .gallery-count p::before { content: "0"; }
.gallery-count span { display: inline-block; width: 1px; height: 36px; background: #dadada; margin: 0 5px;
 -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); }

/* Hover effect on thumbnails */
/* Opacity */
.envira-gallery-item a { display: block; position: relative; }
.envira-gallery-item a::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background: radial-gradient(ellipse at center, rgba(255,255,255,.6) 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,1) 100%); transition: opacity .2s ease-in-out; opacity: 0; }
.envira-gallery-item a:hover::before { opacity: .5; }
.envira-gallery-item a::after { content: "+"; display: block; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 46px; height: 46px; border-radius: 50%; background: #d6004e; line-height: 46px; text-align: center; font-size: 0pt; font-weight: 300; color: white; opacity: 0;
-ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); 
-webkit-transition: all .35s cubic-bezier(0.7,0,0.3,1); -moz-transition: all .35s cubic-bezier(0.7,0,0.3,1); -o-transition: all .35s cubic-bezier(0.7,0,0.3,1); transition: all .35s cubic-bezier(0.7,0,0.3,1); }
.envira-gallery-item a:hover::after { opacity: 1; font-size: 20pt; -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
.envira-gallery-1-columns .envira-gallery-item a::after, .envira-gallery-2-columns .envira-gallery-item a::after { display: none; }
/* Dark shadow */
body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item a { position: static; }
body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item a::before { display: none; }
body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item-inner::before, .envira-gallery-2-columns .envira-gallery-item a::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background: radial-gradient(ellipse at center, rgba(0,0,0,.3) 0%, rgba(0,0,0,.5) 50%, rgba(0,0,0,1) 100%); opacity: .24; transition: opacity .2s ease-in-out;
-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
.envira-gallery-2-columns .envira-gallery-item a:hover::before { opacity: .24; }

/* Hero box */
.hero { position: absolute; z-index: 200; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); top: 45vh; left: 50%; margin-top: 20px; text-align: center; color: white; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.hero h2 { max-width: 100%; margin: 0 0 20px; font-weight: bold; text-align: left; }
.hero h2::after { display: none; }
.hero p { margin: 0 0 0 160px;; font-size: 1.2em; font-weight: bold; text-align: left; }
.hero a { color: white; padding: 0 0 2px; border-bottom: 4px solid rgba(255,255,255,.5); }
.hero a:hover { padding: 0 0 4px; transition: padding .2s; }
.hero::before { content: ""; display: block; position: absolute; left: 0; top: -32px; bottom: 0; right: 0; margin: auto; width: 145px; height: 200px; border: 8px solid white; opacity: .4; border-radius: 4px; z-index: -1; }

@-webkit-keyframes fadeInOpacity4 { to { opacity: .4; -webkit-transform: translate(0,0); }}
@keyframes fadeInOpacity4 { to { opacity: .4; transform: translate(0,0); }}
@-webkit-keyframes fadeIn { to { opacity: 1; -webkit-transform: translate(0,0); }}
@keyframes fadeIn { to { opacity: 1; transform: translate(0,0); }}

body.loading .hero::before, body.loading .hero h2, body.loading .hero p { animation: none; }
.hero::before { opacity: 0; -ms-transform: translate3d(0,-30px,0); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); animation: fadeInOpacity4 .5s .6s ease-out forwards; }
.hero h2 { opacity: 0; -ms-transform: translate3d(-30px,0); -webkit-transform: translate(-30px,0,0); transform: translate3d(-30px,0,0); animation: fadeIn .35s .8s ease-out forwards; }
.hero p { opacity: 0; -ms-transform: translate3d(30px,0,0); -webkit-transform: translate(30px,0,0); transform: translate3d(30px,0,0); animation: fadeIn .35s 1s ease-out forwards; }

.hero-extra { position: absolute; z-index: 200; width: calc(100% - 36px); margin: 0 18px; top: 0; left: -100%; height: calc(100vh - 102px); opacity: 0;
-webkit-transition: opacity 1s, left 1s 1s; -moz-transition: opacity 1s, left 1s 1s; -o-transition: opacity 1s, left 1s 1s; transition: opacity 1s, left 1s 1s; }
body.hero-extra-shown .hero-extra { left: 0; opacity: 1; 
-webkit-transition: left 0s, opacity 1s; -moz-transition: left 0s, opacity 1s; -o-transition: left 0s, opacity 1s; transition: left 0s, opacity 1s; }
#hero-extra-close { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -15px; width: 30px; height: 30px; background: white; border-radius: 50%; opacity: 0;
-webkit-transition: opacity .35s; -moz-transition: opacity .35s; -o-transition: opacity .35s; transition: opacity .35s; }
body.hero-extra-shown #hero-extra-close { opacity: 1; }
#hero-extra-close span { position: absolute; top: 15px; left: 6px; width: 18px; height: 1px; background: #474747; }
#hero-extra-close span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#hero-extra-close span:nth-child(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.hero-extra ol { list-style: none; height: 100%; padding: 0; white-space: nowrap; opacity: 1; }
.hero-extra ol li { width: 16.65%; display: inline-block; height: 100%; background: black; overflow: hidden; position: relative; border-left: 1px solid white; counter-increment: li; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); 
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
body.hero-extra-shown .hero-extra ol li { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.hero-extra ol li:nth-child(1) { transition-delay: .5s; }
.hero-extra ol li:nth-child(2) { transition-delay: .4s; }
.hero-extra ol li:nth-child(3) { transition-delay: .3s; }
.hero-extra ol li:nth-child(4) { transition-delay: .2s; }
.hero-extra ol li:nth-child(5) { transition-delay: .1s; }
.hero-extra ol li:nth-child(6) { transition-delay: 0s; }
body.hero-extra-shown .hero-extra ol li:nth-child(1) { transition-delay: 0s; }
body.hero-extra-shown .hero-extra ol li:nth-child(2) { transition-delay: .1s; }
body.hero-extra-shown .hero-extra ol li:nth-child(3) { transition-delay: .2s; }
body.hero-extra-shown .hero-extra ol li:nth-child(4) { transition-delay: .3s; }
body.hero-extra-shown .hero-extra ol li:nth-child(5) { transition-delay: .4s; }
body.hero-extra-shown .hero-extra ol li:nth-child(6) { transition-delay: .5s; }
body.hero-extra-shown .hero-extra ol li::after {  content: counter(li, decimal-leading-zero); position: absolute; left: 0; right: 0; bottom: 12%; color: white; font-family: serif; font-size: 16pt; text-align: center; background: url(imgs/hero-extra-number-bg.svg) no-repeat center center; background-size: 75px 1px; }
.hero-extra ol li a { display: block; height: 100%; text-align: center; position: relative; color: white;  }
.hero-extra ol li a h4 { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: 50%; left: 0; right: 0; text-transform: uppercase; font-size: 12pt; z-index: 9; }
.hero-extra ol li a img { width: auto; height: 100%; max-width: 9999px; margin: 0; position: absolute; left: 50%; -ms-transform: translateX(-50%) scale(1); -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: .24; 
-webkit-transition: all 1s cubic-bezier(0.7,0,0.3,1); -moz-transition: all 1s cubic-bezier(0.7,0,0.3,1); -o-transition: all 1s cubic-bezier(0.7,0,0.3,1); transition: all 1s cubic-bezier(0.7,0,0.3,1); }
.hero-extra ol li a:hover img { opacity: .68; 
-ms-transform: translateX(-50%) scale(1.05); -webkit-transform: translateX(-50%) scale(1.05); transform: translateX(-50%) scale(1.05); }

/* Fullscreen */
body.layout-fullscreen .envira-gallery-1-columns, body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item, body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item-inner { height: calc(100vh - 102px - 18px) !important; overflow: hidden; }/*height of header and body padding*/
body.layout-fullscreen .envira-gallery-wrap .envira-gallery-1-columns .envira-gallery-item { position: relative !important; top: 0 !important; transform: translateX(0); transition: none; clear: none; }
body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item.parallax { z-index: -1; } 
body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item img { max-width: 9999px; height: auto; min-height: calc(100vh - 102px - 18px); width: calc(100vw - 36px); min-width: 100%; position: absolute; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); top: 50%; left: 50%;
	transition: opacity .35s ease-out; }

/* Slider: slick.css */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{overflow: hidden;display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.envira-gallery-wrap .slick-list,.envira-gallery-wrap .slick-slider,.envira-gallery-wrap .slick-track{position:relative;display:block}.envira-gallery-wrap .slick-loading .slick-slide,.envira-gallery-wrap .slick-loading .slick-track{visibility:hidden}.envira-gallery-wrap .slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.envira-gallery-wrap .slick-list{overflow:hidden;margin:0;padding:0}.envira-gallery-wrap .slick-list:focus{outline:0}.envira-gallery-wrap .slick-list.dragging{cursor:pointer;cursor:hand}.envira-gallery-wrap .slick-slider .slick-list,.envira-gallery-wrap .slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.envira-gallery-wrap .slick-track:after,.envira-gallery-wrap .slick-track:before{display:table;content:''}.envira-gallery-wrap .slick-track:after{clear:both}.envira-gallery-wrap .slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .envira-gallery-wrap .slick-slide{float:right}.envira-gallery-wrap .slick-slide img{display:block}.envira-gallery-wrap .slick-slide.slick-loading img{display:none}.envira-gallery-wrap .slick-slide.dragging img{pointer-events:none}.envira-gallery-wrap .slick-initialized .slick-slide{display:block}.envira-gallery-wrap .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.envira-gallery-wrap .slick-arrow.slick-hidden{display:none}

.envira-gallery-wrap .slick-arrow, .slick-arrow { min-width: 36px; width: 180px; height: 300px; font-size: 0; border: 0; background: url('imgs/arrow-next.svg') no-repeat center center; position: absolute; top: calc(50% - 140px); right: 0; margin: 0 25px; z-index: 100; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.envira-gallery-wrap .slick-prev, .slick-prev { background-image: url('imgs/arrow-prev.svg'); left: 0; }
.envira-gallery-wrap .slick-arrow:hover, .slick-arrow:hover { background-color: transparent; border: 0; }
.envira-gallery-wrap .slick-arrow span, .slick-arrow span { font-size: 9pt; color: white; text-transform: uppercase; position: absolute; left: auto; right: 42px; transform: translateZ(0) rotate(90deg); text-align: center; margin-top: -6px; letter-spacing: .07em; }
.envira-gallery-wrap .slick-prev span, .slick-prev span { transform: translateZ(0) rotate(-90deg); left: 42px; right: auto; }

.envira-gallery-wrap .slick-dots, .slick-dots { position: absolute; right: 81px; bottom: 54px; color: white; list-style: none; padding: 0; z-index: 100; counter-reset: section; }
.envira-gallery-wrap .slick-dots li, .slick-dots li { display: inline-block; padding: 0 0 0 12px; }
.envira-gallery-wrap .slick-dots li button, .slick-dots li button { display: block; width: 8px; height: 8px; border: 2px solid white; background: white; border-radius: 50%; vertical-align: middle; font-size: 0; padding: 0; }
.envira-gallery-wrap .slick-dots li:hover button, .slick-dots li:hover button { background: #d6004e; border-color: #d6004e; }
.envira-gallery-wrap .slick-dots li.slick-active button, .slick-dots li.slick-active button { background: #d6004e; }

/* Pagination */
.envira-gallery-wrap .envira-pagination { padding: 1em 0 2em; text-align: center; }
.envira-pagination .current { color: #dadada; }

/* Proofing */
form.envira-proofing-form { text-align: center; }
form.envira-proofing-form textarea { background: white; width: 329px !important; margin: 31px 20px 30px 0 !important; height: 48px !important; float: none !important; }
form.envira-proofing-form .envira-gallery-wrap .envira-gallery-item-inner { opacity: .5 !important; }
form.envira-proofing-form .envira-gallery-wrap .envira-proofing-selected, form.envira-proofing-form .envira-gallery-wrap .envira-gallery-item-inner:hover { border: 0 !important; opacity: 1 !important; }
form.envira-proofing-form input[type=checkbox]:checked+label { background-color: #d81059 !important; }
div.envira-proofing-summary-box div.envira-proofing-summary-box-inner { background: none !important; position: static !important; }
#envira-proofing-messages { text-align: center; padding: 2em 0; }

/* Fade-in bring-up lazy loaded */
.lazy-hidden { opacity: 0; transform: translateY(40px); }
.lazy-loaded { -webkit-transition: opacity .3s, transform .5s; -moz-transition: opacity .3s, transform .5s; -ms-transition: opacity .3s, transform .5s;  -o-transition: opacity .3s, transform .5s; transition: opacity .3s, transform .5s; opacity: 1; translateY(0); translateZ(0); }


/* 7. WOOCOMMERCE
_____________________________________ */
#container { width: 100%; max-width: 960px; margin: 0 auto; }

/* Shop page */
.woocommerce .page-title { text-align: center; }
.woocommerce .woocommerce-breadcrumb { display: none; }
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { opacity: .86; font-size: .95em; }
.woocommerce .woocommerce-ordering select { margin-top: -10px; border-left: 0; border-right: 0; border-top: 0; padding-left: 0; background-color: transparent; }

/* Products list */
.woocommerce ul.products li.product { width: 30.8%; background: white; }
.woocommerce ul.products li.product h3 { font-family: 'Proxima Nova Soft', sans-serif; color: #474747; font-size: 11pt; font-weight: bold; text-transform: uppercase; padding: 10px 30px 0; width: calc(100% - 100px); display: inline-block; float: left; min-height: 60px; }
.woocommerce ul.products li.product .star-rating, .woocommerce .star-rating { float: right; width: 60px; color: #d6004e; font-size: .7em; margin: 10px 30px 0 0; }
.woocommerce ul.products li.product .price { clear: both; text-align: center; color: #d6004e; }
.woocommerce ul.products li.product .price del { display: inline-block; } 
.woocommerce ul.products li.product .button { display: table; margin: 10px auto 20px; background: white; padding: 8px 20px; border-radius: 14px; border: 1px solid #dadada; text-transform: uppercase; font-size: 9pt; color: #474747; letter-spacing: .07em; line-height: 1; font-weight: normal; }
.woocommerce span.onsale { border-radius: 0; padding: 8px 12px;  min-height: 20px; line-height: 1; text-transform: uppercase; font-size: 9pt; letter-spacing: .07em; left: auto; right: 0; margin: -10px; background: #d6004e; }
.woocommerce ul.products li.product .button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #d6004e !important; color: white !important; border-color: #d6004e; }
.woocommerce ul.products li.product .onsale { right: auto; margin: 30px; }
.related.products, .woocommerce a.added_to_cart { display: none; }

.woocommerce nav.woocommerce-pagination ul { border: 0; margin: 0 0 2em; }
.woocommerce nav.woocommerce-pagination ul li { border: 1px solid #dadada; border-radius: 100%; background: white; margin: 0 8px 0 0; width: 36px; height: 36px; line-height: 36px; }

/* Product */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { display: none; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: none; width: 100%; text-align: center; }

#featured-carousel {  }
#featured-carousel .slick-dots { right: 0; left: 0; bottom: 20px; text-align: center; }
#featured-carousel .slick-dots li button { border-color: #474747; background: #474747; }
#featured-carousel .slick-dots li.slick-active button { border-color: #d6004e; }
#featured-carousel .slick-arrow { width: 50px; height: 45px; top: 49%; margin: 0; background-color: #d6d2d5; transition: all .2s cubic-bezier(0.51, 0.15, 0.50, 1); }
#featured-carousel .slick-arrow:hover { background-color: #474747; }
#featured-carousel .slick-prev { transform: translateX(-60px); }
#featured-carousel .slick-next { transform: translateX(60px); }
#featured-carousel:hover .slick-arrow { transform: translateX(0); }

.woocommerce div.product .product_title::after { content: ""; display: block; width: 45px; height: 2px; background: #474747; margin: 30px auto;  }
.woocommerce div.product .woocommerce-product-rating, .woocommerce div.product .product_meta { display: none; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #d6004e; }
.woocommerce div.product .stock { color: #474747; opacity: .6; }
.woocommerce div.product p.price ins { font-size: 1.2em; padding: 0 10px; }
.woocommerce div.product .woocommerce-Price-amount { font-weight: bold; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 10px 1em; margin: 0 0 1em; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; border-bottom: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 9pt; text-transform: uppercase; letter-spacing: .07em; font-weight: normal; }
.woocommerce div.product h2 { font-size: 17pt; margin: 0 0 20px; }
.woocommerce div.product h2::after { display: none; }
.woocommerce div.product form.cart, .woocommerce div.product p.cart { display: inline-block; }
.woocommerce div.product form.cart div.quantity { position: relative; z-index: 3; }
.woocommerce div.product form.cart input[type=number], .woocommerce div.product p.cart input[type=number] { border-right: 1px solid #dadada; border-left: 0; border-bottom: 0; border-top: 0; background: transparent; position: relative; top: 3px; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { display: table; height: 50px; background: white;  padding: 8px 20px; border-radius: 25px; border: 1px solid #dadada; text-transform: uppercase; font-size: 9pt; color: #474747; letter-spacing: .07em; l line-height: 30px; font-weight: normal; text-align: center; line-height: 32px; margin: 0 auto; }
.woocommerce div.product button.button.alt { padding: 8px 20px 8px 90px; margin-left: -80px; line-height: 1; }
.woocommerce div.product button.button.alt:hover { background: white !important; color: #d6004e !important; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { background: white; border: 0; margin: -5px 0 2em 70px; border-radius: 4px; padding: 30px 35px 0 35px; }
.woocommerce-Reviews-title { display: none; }
.woocommerce-Reviews #comments { padding: 2em 5em 0; margin: 0 -5em 3em;  }
.woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; margin: 0 52px 1em 0; width: 48px; height: 48px; border-radius: 50%; border: 0; }
.woocommerce #reviews #comments ol.commentlist { padding: 0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0; }
.woocommerce #reviews .star-rating { margin: 5px 0; }
.woocommerce #reviews h3 { display: none; }
.woocommerce #review_form #respond { text-align: center; }
.woocommerce #review_form #respond p { padding: 0; }
.woocommerce #review_form #respond p.form-submit { margin-top: 2em; }
.woocommerce #reviews #comment { height: 120px; }

/* Cart */
.woocommerce table.shop_table { border: 0; font-size: .9em; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top: 0; border-bottom: 1px solid #dadada; text-align: left;    padding: 8px 0; }
.woocommerce a.remove { color: #d6004e !important; font-weight: 300; }
.woocommerce a.remove:hover { background: transparent !important; color: #474747 !important; }
.woocommerce-cart table.cart img { width: 100px; margin: 20px; }
.woocommerce table.shop_table td.product-price { opacity: .6; }
.woocommerce table.shop_table td.product-total { text-align: right; }
.woocommerce table.shop_table td.product-subtotal { font-weight: bold; }
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; height: 48px; margin-right: 1em; }
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { vertical-align: bottom; }
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {  padding: 2em 0 1em 0;   border-bottom: 0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; margin: 4em auto; text-align: center; }
.cart_totals h2 { max-width: 100%; }
.cart_totals h2::after { margin: 20px auto; }
.cart-subtotal td, .order-total td { text-align: right !important; }
.woocommerce form .form-row textarea { line-height: 32px; }
#add_payment_method #payment, .woocommerce-checkout #payment { background: transparent; padding: 0; }
#order_review_heading { margin: 2em 0; }
#add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 0;	padding: 2em 0; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; margin: 0 auto 2em; }
.woocommerce .woocommerce-info { border: 0; background: #dadada; font-size: .9em; }
.woocommerce .woocommerce-info:before { color: #d6004e; }
#add_payment_method #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child { padding-bottom: 0; }


/* 8. FOOTER
_____________________________________ */
#footer { width: calc(100% - 36px); padding: 2em 0 1em; position: fixed; left: 18px;/*padding of body*/ bottom: 0; z-index: 0; }

.entry-social { display: inline-block; vertical-align: top; float: left; font-size: 1.1em; position: relative; bottom: .45em; z-index: 99; }
.entry-social .sharers { font-size: .9em; display: inline-block; padding-left: 2em; }
.entry-social .sharers a { padding: 0 .5em; color: #474747; text-decoration: underline; }
.entry-social a.button { margin-bottom: .2em; }

#footer p.copyright { font-size: 10pt; }
#footer p.back-to-top { display: block; width: 38px; position: absolute; left: 0; right: 0; top: 25px; text-align: center; margin: 0 auto; white-space: nowrap; z-index: 1; }
p.back-to-top a { color: #474747; text-decoration: underline; display: block; width: 36px; height: 36px; border: 1px solid #474747; box-shadow: 1px 1px 0 #fff, 2px 2px 0; font-size: 12pt; line-height: 36px; }
p.back-to-top svg { width: 24px; vertical-align: middle; margin-top: -6px; }
p.back-to-top svg path { fill: #474747; }

ul.social-icons { list-style: none; display: inline-block; float: right; vertical-align: top; padding: 0 0 1em; position: relative; top: -3px; z-index: 99; }
ul.social-icons::after { content: ""; display: block; clear: both; }
ul.social-icons li { display: inline-block;  }
ul.social-icons li a { text-decoration: none !important; font-size: 10pt; color: #474747; padding: 0 0 0 1em; text-transform: uppercase; }
ul.social-icons li a:hover { color: #d6004e; }
ul.social-icons li.email a { padding-right: 1em; }



/* 9. RESPONSIVNESS
_____________________________________ */
@media screen and (max-width: 1024px) {	/*tablet*/
	/* all large images 100% */
	.narrow img.size-full {  max-width: 100% !important; margin-left: 0; }

	/* responsive envira galleries */
	.envira-gallery-wrap .envira-album-image-count { opacity: 1; }
}

@media screen and (orientation: portrait) {	/*portrait*/
	/* stretch fullscreen image proportionally to original width */
	body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item img { width: auto; }
	
	/* hero extras stacked */
	.hero-extra ol li { width: 100%; height: 16.67%; min-height: 80px; display: block; border: 0; border-bottom: 1px solid white; }
	.hero-extra ol li a img { width: 100%; height: auto; top: -50%; }
	.hero-extra ol li a h4 { top: 30%; -webkit-transform: none; -ms-transform: none; transform: none; }
}

@media screen and (max-width: 780px) {	/*tablet,mobile*/
	/* boxed layout full size */
	body.boxed-borders > #content, body.boxed-borders #header, body.boxed-borders #footer { width: auto; }
	body.boxed-borders #header { margin-top: 0; }
	body.boxed-borders #footer { margin-bottom: 0; }
	
	/* header smaller */
	#header, #footer { position: relative; width: 100%; left: 0; }
	#header, #menu-burger { height: 88px; }	
	#logo { max-width: 200px; }
	body.searchbar-shown #logo { opacity: 0; }
	#contact-area { margin-right: 0; }
	#contact-area > p:first-child { display: none; }
	body > #content { margin-top: 0; margin-bottom: 0; }
	#menu-burger p { margin-top: 40px; }
	#mainmenu { margin-top: -8px; }
	
	/* content 100% width */
	body { padding: 0; }
	body::before, body::after, body > #content::after { display: none; }
	.wrapper { padding: 0 4%; }
	.narrow { width: 100%; padding: 0 8%; }
	body.layout-default #featured-image-header { float: none; width: 100%; top: 0 !important; height: 100vh; }
	body.layout-default #featured-image-header img, body.layout-default #featured-image-header img.portrait { width: auto; min-width: 1px; height: 100vh; }
	body.layout-default.has-featured-image > #content > .wrapper { float: none; width: 100%; padding-right: 8%; padding-left: 8%; }
	.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; text-align: center; }
	.woocommerce ul.products li.product { width: 48%; }
	
	/* responsive envira galleries */
	body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item img { min-height: 100vh !important; }
	body.layout-fullscreen .envira-gallery-1-columns, body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item, body.layout-fullscreen .envira-gallery-1-columns .envira-gallery-item-inner { height: 100vh !important; }
	.envira-gallery-1-columns .caption-for-thumbnail { display: none; } 
	.envira-gallery-wrap .caption-for-thumbnail { padding: 18px; }
	.hero { zoom: .8; top: 65vh; }
	.hero-extra { margin: 0; width: 100%; height: 100vh; }
	.envira-gallery-wrap .slick-arrow, .slick-arrow { width: 80px; height: 100px; top: calc(50% - 40px);  }
	.envira-gallery-wrap .slick-arrow span, .slick-arrow span { display: none; }
	
	/* footer */
	#footer { text-align: center; }
	ul.social-icons { float: none; padding-right: 1em; }
	#footer p.back-to-top { display: none; }
}

@media screen and (max-width: 640px) {	/*mobile*/
	/* header even more space */
	body.left-header #logo { margin-left: 0; }
	body.left-header #menu-burger p { margin-left: 20px; }
	body.left-header #header #searchicon { margin-right: 75px; }
	#menu-burger { width: 80px; }
	#menu-burger strong { display: none; } 	

	/* content 100% width */
	.wrapper { padding: 0; }
	body > #content > .wrapper, .entry-excerpt { padding-right: 8%; padding-left: 8%; }
	.side-padding { padding-right: 18px !important; padding-left: 18px !important; }
	.half, .third, 
	.woocommerce ul.products li.product, 
	.featured-image-excerpt, .entry-excerpt { float: none !important; margin-right: 0; width: 100% !important; position: static !important; }
	.featured-image-excerpt img { margin-bottom: 2em !important; }
	
	/* galleries spacings */
	.slick-arrow { display: none !important; }
	.envira-gallery-wrap .gallery-count { padding: 0 0 20px 30px; }
	.envira-gallery-wrap .slick-dots, .slick-dots { right: 30px; bottom: 30px; }
	
	/* smaller type */
	h2 { font-size: 28pt; }
	.hero-extra ol li a h4 { font-size: 10pt; }
}

@media screen and (max-width: 320px) {	/*small mobile*/
	body { padding: 0; }
	body::before { display: none; }
	
	/* header */
	#logo { max-width: 150px; margin-top: 0; }
}