/*
Theme Name: Style Bee
Theme URI: https://stylebee.ca
Author: Hannah Rose Creative
Author URI: https://hannahrosecreative.com
Description: Custom theme for Style Bee
Version: 1.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: Privately owned
License URI: http://stylebee.ca
Text Domain: stylebee
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: #fff repeat-x top center; font: 15px gentium basic; color:#222222; font-weight:400; line-height:24px; letter-spacing:.25px; overflow-x:hidden; }
a, a:link, a:visited {color:#222222; text-decoration:none; transition: color 0.5s ease;  }
a:hover, a:active, a:focus {color:#a69b95; text-decoration:none; }
p { padding: 15px 0 15px 0; font-size:1.05em; line-height:1.65em; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img, img a { border:none; max-width:100%; width:100%; height:auto; display:block; }
.alignright { float:right; padding:0px 0px 25px 25px; }
.alignleft { float:left; padding:0px 25px 25px 0px; }
.alignmiddle { margin:0 auto; padding:25px; }
.alignnone { float:none; }
.center { margin: 0px auto; }
.visibility-hidden {
	clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index:-10;
}
html {
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/*CLEARFIX*/
.clearfix:after {
content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}

.clearfix{
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix{
height: 1%;
}

.clearfix {
display: block
}

	img#wpstats {
		display:none !important;
	}
/*END CLEARFIX*/

/*FONT SIZES*/
@media screen and (max-width:768px) {
	body {
		font-size:14px;
	}
}
@media screen and (max-width:480px) {
	body {
		font-size:14px;
	}
}
/*END FONT SIZES*/

	/*GDPR STYLING*/
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		border-radius:0 !important;
	}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title {
		font-weight:normal !important;
		font-family:visionregular !important;
		font-size:1.46em !important;
		text-transform:uppercase !important;
		letter-spacing:2px !important;
		line-height:1.25em !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
		padding:15px 40px 10px 40px !important;
	}
	#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
		background-color: #eae7e4 !important;
		border-top: 0 !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
		width: auto !important;
		display: inline-block !important;
		margin: 0 auto 0 0 !important;
		border: 1px solid #212322 !important;
		padding: 8px 15px 5px !important;
		box-sizing: border-box !important;
		text-align: center !important;
		transition: background-color .5s,border .5s,color .5s !important;
		cursor: pointer !important;
		background-color: transparent !important;
		border-radius:0 !important;
		font-family: visionbold !important;
		font-weight: 400 !important;
		text-transform: uppercase !important;
		font-size: .8em !important;
		line-height: 1.25em !important;
		letter-spacing: 3px !important;
		color:#222 !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
		color: #fff !important;
		background-color: #d6d1ca !important;
		border: 1px solid #d6d1ca !important;
	}
	#moove_gdpr_cookie_info_bar {
		font: 15px gentium basic, serif !important;
		color: #222 !important;
		font-weight: 400 !important;
		line-height: 24px !important;
		letter-spacing: .25px !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p {
		font-weight:normal !important;
		padding:10px 0 !important;
	}
	/*END GDPR STYLING*/

/*BASIC STRUCTURE*/
.outer {
	width:100%;
	display:block;
	margin:0 auto;
	position:relative;
	background:#fff;
}
.content {
	max-width:1152px;
	width:80%;
	margin:0 auto;
	padding:0 10%;
}
.content.med {
	max-width:920px;
}
.content.narrow {
	max-width:625px;
}
.blog__container {
	width:calc(100% - 150px);
	max-width:750px;
	margin:0 auto;
	z-index:50;
}
.interior, .blog__container--wide {
	width:calc(100% - 150px);
	max-width:920px;
	margin:0 auto;
	z-index:50;
	padding-bottom:4%;
}
section {
	width:100%;
	margin:0 auto;
	padding:4% 0;
	display:block;
	clear:both;
	transition:width .5s, padding .5s;
}
@media screen and (max-width:768px) {
	.content {
		width:90%;
		margin:0 auto;
		padding:0 5%;
	}
	.interior {
		width:100%;
		max-width:400px;
		padding-bottom:25px;
	}
	.blog__container, .blog__container--wide {
		width:100%;
		max-width:1000px;
	}
}
/*END BASIC STRUCTURE*/

/*HEADER*/
header {
	margin:90px auto 100px auto;
	text-align:center;
}
header .btn__border {
	float:left;
	margin:2px auto 0 auto;
}
header .btn__options {
	float:right;
	display:block;
	margin:4px auto 0 auto;
	position:relative;
}
.logo__primary {
	width:315px;
	height:28px;
	background-image:url(../stylebee/images/logos/logo-primary.svg);
	background-repeat:no-repeat;
	background-size:contain;
	margin:0 auto;
	display:block;
	clear:none;
	transition:width .5s, height .5s, opacity .5s;
	opacity:1;
}
a .logo__primary:hover {
	opacity:.5;
}
.nav__links {
	margin:0 auto 3% auto;
	width:50px;
	height:600px;
	float:left;
	position:relative;
}
.nav__links--relative {
	height:600px;
	width:50px;
	position:absolute;
	z-index:400;
	top:0;
	left:0;
}
.nav__links ul {
	list-style:none;
	width:600px;
	height:50px;
	text-align:right;
	margin:271px auto 0 -280px;
}
.nav__links ul li {
	margin:0 0 0 20px;
	display:inline-block;
	padding:0;
	background:transparent;
}
.nav__links ul li ul.nav__links--sub {
	background-image:url(../stylebee/images/graphics/dropdown.svg), url(../stylebee/images/graphics/dropdown-background.svg);
	background-size:15px 35px, 100% auto;
	background-position: 0 50px, 15px 0;
	background-repeat:no-repeat, repeat-y;
	width:100%;
	max-width:650px;
	box-sizing:border-box;
	display:block;
	position:absolute;
	opacity:0;
	height:0;
	transition:opacity .5s, height .5s, padding .5s;
	padding:0;
	z-index:500;
	margin:0 auto 0 140px;
}
.nav__links ul li ul.nav__links--sub li {
	display:none;
}
.nav__links ul li:hover ul.nav__links--sub {
	opacity:1;
	height:auto;
	padding:35px;
	z-index:100;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}
.nav__links ul li:hover ul.nav__links--sub li {
	display:block;
}
@media screen and (max-width:768px) {
	header {
		margin:30px auto 50px auto;
	}
	header .btn__options {
		margin:0 auto 10px auto;
		width:40%;
	}
	header .btn__link {
		display:none;
	}
	.logo__primary {
		margin:0 auto;
		width:265px;
		height:23px;
		float:left;
	}
	.nav__links {
		display:none;
	}
}
@media screen and (max-width:480px) {
	.logo__primary {
		width:200px;
		height:18px;
	}
}
/*END HEADER*/

/*GENERAL STYLING*/
.border__wide {
	background:#222222;
	width:100%;
	height:1px;
	display:block;
	margin:5% auto;
}
/*END GENERAL STYLING*/

/*BASIC MOBILE CODE*/
.desktop-1000 {
	display:block;
}
.desktop-768 {
	display:block;
}
.tablet-1000 {
	display:none;
}
.tablet-768 {
	display:none;
}
.tablet-768-only {
	display:none;
}
.mobile {
	display:none;
}

@media screen and (max-width:1000px) {
	.desktop-1000 {
		display:none;
	}
	.tablet-1000 {
		display:block;
	}
}
@media screen and (max-width:768px) {
	.desktop-768 {
		display:none;
	}
	.tablet-768 {
		display:block;
	}
	.tablet-768-only {
		display:block;
	}
}
@media screen and (max-width:480px) {
	.desktop {
		display:none;
	}
	.mobile {
		display:block;
	}
	.tablet-768-only {
		display:none;
	}
}
/*END BASIC MOBILE CODE*/

/*GENERAL STYLING*/
.background__cream {
	background:#eae7e4;
}
.full__width {
	width:100%;
	display:block;
}
.padding__all {
	padding:5% 0;
	box-sizing:border-box;
}
@media screen and (max-width:480px) {
	.padding__all {
		padding:10% 0;
	}
}
/*END GENERAL STYLING*/

/*BUTTONS*/
.btn__link {
	display:block;
	float:left;
}
.btn__link a {
	display:inline-block;
}
.btn__border--container {
	display:block;
}
.btn__border, button[type="submit"] {
	width:auto;
	display:inline-block;
	margin:0 auto 0 0;
	border:1px solid #212322;
	padding:8px 15px 5px 15px;
	box-sizing:border-box;
	text-align:center;
	transition:background-color .5s, border .5s, color .5s !important;
	cursor:pointer;
	background-color:transparent;
}
	.btn__border a {
		color:#222;
	}
	.btn__border:hover a {
		color:#fff;
	}
button[type="submit"] {
	font-family:visionbold;
	font-weight:400;
	text-transform:uppercase;
	font-size:.8em;
	line-height:1.25em;
	letter-spacing:3px;
	margin:25px auto !important;
}
.read-more-container {
	display:block;
	margin:25px auto;
}
a.btn__border.white {
	border:1px solid #fff;
	color:#fff;
	background-color:transparent;
	transition:background-color .5s, border .5s, color .5s;
}
a .btn__border, a .btn__border:link, a .btn__border:visited {
}
.btn__border:hover, button[type="submit"]:hover {
	color:#fff;
	background-color:#d6d1ca;
	border:1px solid #d6d1ca !important;
}
a.btn__border.white:hover {
	color:#222;
	background-color:#fff;
	border:1px solid #fff !important;
}
.btn__background, a.btn__background {
    color:#fff;
	background-color:#d6d1ca;
	border:1px solid #d6d1ca;
	transition:background-color .5s, border .5s, color .5s !important;
	padding:8px 15px 5px 15px;
}
.btn__background:hover {
    color:#212322;
    width:auto;
	display:inline-block;
	margin:0 auto 0 0;
	border:1px solid #212322;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	background-color:transparent;
}
.btn__background--wide, a.btn__background--wide {
    color:#fff;
	transition:background-color .5s, border .5s, color .5s !important;
    display:block;
    text-align:center;
}
.btn__background--wide:hover {
    color:#212322;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	background-color:#eae7e4;
}
.btn__wide {
	width:100%;
	background-image:url(../stylebee/images/graphics/border.png);
	background-repeat:repeat-x;
	background-position:bottom center;
	background-size:1px 15px;
	text-align:center;
	margin:5% auto;
}
.btn__wide.cream {
	background-image:url(../stylebee/images/graphics/border-cream.png) !important;
}
.btn__wide--container {
	padding: 0 35px;
	background: #fff;
	display: inline-block;
}
.btn__wide--container.cream {
	background: #eae7e4 !important;
}
a.btn__box {
	border:1px solid #212322;
	box-sizing:border-box;
	padding:20px;
	text-align:center;
	background-color:transparent;
	transition:border-color .5s, background-color .5s, color .5s;
	display:block;
	margin:0 0 20px 0;
}
a.btn__box:hover {
	border:1px solid #d6d1ca;
	background-color:#d6d1ca;
	color:#fff;
}
a.btn__box:hover .divider__hor--short {
	background-color:#fff;
}

@media screen and (max-width:768px) {
	.btn__border--container {
		text-align:center;
	}
}
@media screen and (max-width:480px) {
	a.btn__box {
		padding:20px 10px 10px 10px;
	}
}
/*END BUTTONS*/

/*BASIC FLOATS*/
.float__left {
    float:left;
}
.float__right {
    float:right;
}
/*END BASIC FLOATS*/

/*SUBSCRIBE POP-UP*/
#subscribe {
    width:100%;
    height:0;
    position:fixed;
    opacity:0;
    background:rgba(255,255,255,.5);
    transition:opacity .5s, z-index .5s, height .5s;
    z-index:-200;
    display:block;
    overflow-y:scroll !important;
    box-sizing:border-box;
    padding-bottom:100%;
}
#subscribe:target {
    opacity:1;
    height:100vh;
    z-index:20000;
}
.subscribe__container {
    margin:0 auto;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:100vh;
    height:auto;
    overflow-y:scroll !important;
}
.subscribe__close {
    position:absolute;
    top:-30px;
    right:-30px;
}
.subscribe__content {
    width:85%;
    max-width:700px;
    border:50px solid #e0e1dd;
    box-sizing:border-box;
    position:relative;
    margin:6.25% auto;
    position: relative;
}
.subscribe__content--text {
    width:100%;
    background:#fff;
    text-align:center;
    padding:25px 45px;
    box-sizing:border-box;
}
.subscribe__content--text a,
.subscribe__content--text a:link,
.subscribe__content--text a:visited {
	text-decoration:underline;
}
#subscribe #mc_embed_signup {
    margin:25px auto 15px auto;
}
.subscribe__content--text input[type="email"] {
    width:calc(100% - 150px);
    float:left;
    border-left:1px solid #212322;
    border-top:1px solid #212322;
    border-bottom:1px solid #212322;
    border-right:0;
    font: 1em gentium basic;
    color: #222222;
    font-weight: 400;
    line-height: 19px;
    height:36px;
    letter-spacing: .25px;
    text-transform:none;
}
.subscribe__content--text input[type="submit"] {
    width:150px;
    float:right;
    box-sizing:border-box;
    border:1px solid #212322;
    padding: 8px 15px;
    font-family: visionbold;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .8em;
    line-height: 19px;
    height:36px;
    letter-spacing: 3px;
    text-align:center;
    transition:background-color .5s, border .5s;
}
.subscribe__content--text input[type="submit"]:hover {
    background-color:#d6d1ca;
    color:#222222;
}
.subtext {
    font-size:.8em;
    margin:0 auto;
		width: 100%;
		display: block;
		max-width: 575px;
}
@media screen and (max-width:768px) {
    .subscribe__content {
        border-width:30px;
    }
    .subscribe__content--text {
        padding:25px;
    }
    .subscribe__close {
        position:absolute;
        top:-11px;
        right:-12px;
    }
    .subscribe__content--text input[type="submit"] {
        width:120px;
        padding:8px;
    }
    .subscribe__content--text input[type="email"] {
        width:calc(100% - 120px);
    }
}
@media screen and (max-width:480px) {
    .subscribe__content {
        width:90%;
        border-width:20px;
        margin:5% auto;
    }
    .subscribe__content--text input[type="submit"], .subscribe__content--text input[type="email"] {
        width:100%;
    }
    .subscribe__content--text input[type="email"] {
        border-left:1px solid #212322;
        border-top:1px solid #212322;
        border-right:1px solid #212322;
        border-bottom:0;
        margin:0 auto;
    }
}
/*END SUBSCRIBE POP-UP*/

/*LINK PAGE*/
.page-template-link header, .page-template-link .nav__links, .page-template-link section.subscribe__footer, .page-template-link footer, .page-template-link #subscribe {
    display:none;
}
.logo__welcome {
    margin:90px auto 0 auto;
}
.outer__mobile {
    width:90%;
    max-width:768px;
    margin: 0 auto;
}
.green {
    background-color:#7e7f73;
}
.camel {
    background-color:#cda176;
}
.black {
    background-color:#222222;
}
.medgray {
    background-color:#a69b95;
}
.lightgray {
    background-color:#d6d1ca;
}
.link__background {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    padding:45% 5% !important;
}
.image__link {
    width:100%;
    opacity:1;
    transition:opacity .5s;
}
.image__link:hover {
    opacity:.5;
}
@media screen and (max-width:768px) {
    .logo__welcome {
        margin:30px auto 0 auto;
    }
}
/*END LINK PAGE*/

/*DIVIDERS*/
.divider__hor--short {
	width:10px;
	height:1px;
	background-color:#212322;
	transition:background-color .5s;
	margin:10px auto;
}
.divider__hor--med {
	width:30px;
	height:1px;
	background-color:#212322;
	transition:background-color .5s;
	margin:3px 5px;
	display:inline-block;
}
/*END DIVIDERS*/

/*MENU ICON*/
.menu__btn {
width:25px;
display:block;
text-align:left;
margin:0 auto;
height:25px;
float:right;
}
.menu__btn a {
display:inline-block;
text-align:center;
}
.menu__open {
	display:inline-block;
	width:25px;
	height:18px;
	position:relative;
	cursor:pointer;
	margin:0 auto;
}
.menu__open--line-1 {
	width:100%;
	height:1px;
	background:#212322;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto 10px auto;
	transition:all .5s ease;
}
.menu__open--line-2 {
	width:100%;
	height:1px;
	background:#212322;
	display:block;
	position:absolute;
	top:9px;
	right:0;
	margin:0 auto 10px auto;
	transition:all .5s ease;
}
.menu__open--line-3 {
	width:100%;
	height:1px;
	background:#212322;
	display:block;
	position:absolute;
	top:18px;
	left:0;
	margin:0 auto;
	transition:all .5s ease;
}
.menu__open:hover .menu__open--line-1, .menu__open:active .menu__open--line-1 {
	-webkit-transform-origin: right top;
  -webkit-transform:rotate(-90deg) translateY(-23px);
	left:0;
	top:0;
	margin:0 10px 0 auto;
}
.menu__open:hover .menu__open--line-2, .menu__open:active .menu__open--line-1 {
	-webkit-transform-origin: right top;
  -webkit-transform:rotate(-90deg) translateY(-23px);
	left:9px;
	top:0;
	right:auto;
	margin:0 10px 0 auto;
}
.menu__open:hover .menu__open--line-3, .menu__open:active .menu__open--line-1 {
	-webkit-transform-origin: right top;
  -webkit-transform:rotate(-90deg) translateY(-23px);
	left:18px;
	top:0;
	margin:0 auto;
}

.menu__close {
	width:22px;
	height:22px;
	display:inline-block;
	position:relative;
	margin:0 auto;
	cursor:pointer;
}
.menu__close--left {
	width:28px;
	height:1px;
	position:relative;
	margin:0 auto;
	left:-1px;
	-webkit-transform-origin: right top;
  -webkit-transform:rotate(-45deg) translateX(-6px) translateY(-6px);
	transition:all .5s ease;
}
.menu__close--right {
	height:28px;
	width:1px;
	position:relative;
	margin:0 auto;
	left:-3px;
	-webkit-transform-origin: left top;
  -webkit-transform:rotate(-45deg) translateX(-6px) translateY(-6px);
	transition:all .5s ease;
}
.menu__close--line-1 {
	width:14px;
	height:1px;
	background:#212322;
	display:block;
	position:absolute;
	top:0;
	left:0;
	transition:all .5s ease;
}
.menu__close--line-2 {
	width:14px;
	height:1px;
	background:#212322;
	display:block;
	position:absolute;
	top:0;
	right:0;
	transition:all .5s ease;
}
.menu__close--line-3 {
	height:14px;
	width:1px;
	background:#212322;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	transition:all .5s ease;
}
.menu__close--line-4 {
	height:14px;
	width:1px;
	background:#212322;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	transition:all .5s ease;
}
.menu__close:hover .menu__close--left, .menu__close:active .menu__close--left{
	-webkit-transform-origin: right top;
  -webkit-transform:rotate(0) translateX(0) translateY(0);
	top:10px;
	left:0;
	right:0;
	width:21px;
}
.menu__close:hover .menu__close--right, .menu__close:active .menu__close--right {
	-webkit-transform-origin: left top;
  -webkit-transform:rotate(0) translateX(0) translateY(0);
	top:0;
	left:0;
	right:0;
	height:21px;
}
/*END MENU ICON*/

/*SEARCH ICON*/
.search__icon {
	display:block;
	width:22px;
	height:21px;
	overflow:hidden;
	margin:0 25px 0 auto;
	position:relative;
	float:right;
	cursor:pointer;
}
.search__icon--circle {
	width:15px;
	height:15px;
	border:1px solid #222;
	border-radius:50%;
	margin:0 auto;
	display:block;
}
.search__icon--line {
	width:8px;
	height:1px;
	background:#222;
	position:absolute;
	bottom:0;
	right:0;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	transform-origin:top right;
	margin:0 auto;
	transition:all .5s;
}
.search__icon:hover .search__icon--line {
	right:auto;
	left:0;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	transform-origin:top left;
}

#search {
	width:100%;
	height:0;
	background:#fff;
	margin:0 auto;
	display:block;
	opacity:0;
	z-index:-100;
	box-sizing:border-box;
	transition:opacity .5s, padding .5s;
	margin:0 auto;
}
#search:target {
	height:100vh;
	padding:90px 10%;
	z-index:1000;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:1;
}
#search:target .search__container {
	display:block;
}
.search__container {
	width:100%;
	height:100%;
	position:relative;
	max-width:600px;
	margin:0 auto;
	display:none;
}
.search__container div {
	width:calc(100% - 75px);
	position:absolute;
	top:43%;
	right:0;
	bottom:0;
	left:0;
	height:20px;
	margin:0 auto;
}
/*END SEARCH ICONS*/

/*NAVIGATION*/
.navigation__container {
	width:90%;
	padding:0 5%;
	display:block;
	margin:0 auto;
}
#navigation {
	width:90%;
	padding:55px 0 75px 5%;
	margin:0 auto;
	display:block;
	float:left;
}
.navigation__black ul .sub-menu {
width:200px;
margin:0 auto;
padding:0px 0 0 15px;
box-sizing:border-box;
text-align:left;
border-left:3px solid #222;
}
#navigation.navigation__black ul li a, #navigation.navigation__black ul li a:link, #navigation.navigation__black ul li a:visited {
color:#222222;
display:inline-block;
z-index:50000;
}
#navigation.navigation__black ul li a:hover, #navigation.navigation__black ul li a:active, #navigation.navigation__black ul li a:focus {
color:#006937;
}
.menu__left {
left:0;
float:left;
display:block;
width:38%;
text-align:right;
}
.menu__right {
right:0;
float:right;
display:block;
width:38%;
text-align:left;
}

#navigation ul {
list-style:none;
}
#navigation ul li {
list-style:none;
display:inline-block;
padding:0px 10px 0px 10px;
margin:0;
background:transparent;
}
#navigation ul li ul {
list-style:none;
display:none;
position:absolute;
}
#navigation ul li:hover ul {
display:block;
}
#navigation ul li ul li {
float:none;
display:block;
border:0px;
padding:0;
}
#navigation ul li ul li a {
position: relative;
background:transparent;
width:200px;
text-align:left;
z-index:30;
margin:0px;
display:inline-block;
}
#navigation ul li ul li a:hover {
}
ul .sub-menu {
width:200px;
margin:0 auto;
padding:0px 0 0 15px;
box-sizing:border-box;
text-align:left;
border-left:3px solid #fff;
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
color:#fff;
display:inline-block;
z-index:50000;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {
color:#006937;
}

.navigation {
width:100%;
display:block;
margin-bottom:50px;
}
a.prev-posts {
width:45%;
display:block;
float:left;
text-align:left;
}
a.next-posts {
width:45%;
display:block;
float:right;
text-align:right;
}
/*END NAVIGATION*/

/*SOCIAL LINKS*/
.social {
	width:20px;
	float:right;
	margin:0 auto;
	display:block;
}
.social [class^="icon-"], .social [class*=" icon-"] {
	display:block;
	margin:0 0 25px auto;
	text-align:center;
	font-size:11px;
	color:#222222;
	transition:color .5s ease;
}
.social [class^="icon-"]:hover, .social [class*=" icon-"]:hover {
	color:#a69b95;
}
@media screen and (min-width:481px)
and (max-width:1000px) {
	.social {
		float:left;
		text-align:left;
		width:100%;
	}
	.social [class^="icon-"], .social [class*=" icon-"] {
		display:inline-block;
		margin:0 25px 0 auto;
	}
}
@media screen and (max-width:480px) {
	.social {
		float:left;
	}
}
/*END SOCIAL LINKS*/

/*MOBILE NAV*/
.hide {
display:none;
}
#links:target {
opacity:1;
height:100vh;
padding:90px 10% 10% 10%;
}
#links:target body {
opacity:0;
}
#links {
position:fixed;
width:100%;
height:0;
background:#eae7e4;
display:block;
z-index:1000;
top:0;
opacity:0;
transition:opacity .5s;
overflow-y:scroll !important;
box-sizing:border-box;
}
#links .links__btns {
	display:block;
	float:right;
	text-align:right;
}
.links__btns .search__icon {
	display:inline-block;
	float:none;
}
#links ul li {
	list-style:none;
	margin:0;
	padding:0;
	background:transparent;
}
.links__col--left {
	flex-basis:25%;
	width:25%;
	display:table;
}
.links__col--center {
	flex-basis:40%;
	width:40%;
	display:table;
	text-align:center;
}
.links__col--right {
	flex-basis:25%;
	width:25%;
	display:table;
}
.links__menu {
	padding:20px 0;
}
#links .links__menu ul li {
	margin:15px auto;
	padding:0;
	background:transparent;
}
.logo__mark--small {
	width:35px;
	height:35px;
	display:block;
	float:left;
	margin:20px auto 0 auto;
	background-image:url(../stylebee/images/logos/logo-mark-small.svg);
	background-repeat:no-repeat;
	background-size:contain;
}
@media screen and (max-width:1000px) {
	.links__col--right {
		width:100%;
		flex-basis:100%;
		margin:25px auto 0 auto;
		display:block;
	}
	.links__col--center {
		width:65%;
		flex-basis:65%;
		text-align:left;
	}
}
@media screen and (max-width:768px) {
	.links__col--center {
		width:70%;
		flex-basis:70%;
	}
	.links__col--left{
		width:20%;
		flex-basis:20%;
	}
}
@media screen and (max-width:480px) {
	#links:target {
		padding:45px 10% 10% 10%;
	}
	.links__col--center {
		order:1;
		width:100%;
		flex-basis:100%;
	}
	.links__col--left {
		order:3;
		width:75%;
		flex-basis:75%;
	}
	.links__col--right {
		order:2;
		width:20%;
		flex-basis:20%;
		margin:0 auto;
	}
	.links.flex__align--bottom {
		align-items:flex-start;
	}
}
/*END MOBILE NAV*/

/*FLEX GALLERY*/
.flex__all.gallery {
	margin:-3%;
	justify-content:flex-start;
}
.gallery .flex__col--three {
	margin:1.5%;
}
/*END FLEX GALLERY*/

/*COLUMNS*/
.flex__all, .flex__transition, .flex__desktop, .flex__tablet, .flex__desktop--large {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.flex__justify--right {
	justify-content:flex-end;
}
.flex__justify--left {
	justify-content:flex-start !important;
}
.flex__align--bottom {
	align-items:flex-end;
}
.flex__align--stretch {
	align-items:stretch;
}

.flex__col--two {
	flex-basis:45%;
}
.flex__two--force .flex__col--three {
    flex-basis:45%;
}
.flex__col--twothree {
	flex-basis:65%;
}
.flex__col--three {
	flex-basis:30%;
	margin:0 0 25px 0;
}
.flex__col--four {
	flex-basis:22%;
	margin:0 0 25px 0;
}
.flex__col--five {
	flex-basis:18%;
}
@media screen and (max-width:1000px) {
	.flex__desktop--large {
		display:block;
	}
	.flex__desktop .flex__col--two {
		margin:0 auto 45px auto;
	}
	.flex__desktop--large .flex__col--two {
		margin:0 auto 25px auto;
	}
}
@media screen and (max-width:768px) {
	.flex__desktop {
		display:block;
	}
	.flex__col--twothree {
		margin:0 auto 45px auto;
	}
	.flex__transition .flex__col--three {
		flex-basis:47%;
	}
	.flex__transition .flex__col--three:nth-of-type(3n) {
		flex-basis:100%;
		order:1;
	}
	.flex__col--four {
		flex-basis:45%;
	}
	.flex__col--five {
		flex-basis:30%;
		padding-bottom:35px;
	}
	.flex__col--five:nth-of-type(4) {
		flex-basis:45%;
	}
	.flex__col--five:nth-of-type(5) {
		flex-basis:45%;
	}
}
@media screen and (max-width:480px) {
	.flex__tablet {
		display:block;
	}
	.flex__col--five, .flex__col--five:nth-of-type(4) {
		flex-basis:47%;
		padding-bottom:20px;
	}
	.flex__col--five:nth-of-type(5) {
		flex-basis:100%;
		padding-bottom:20px;
	}
}
/*END COLUMNS*/

/*TEXT COLUMNS*/
.text__col--two {
	column-count:2;
	column-gap:100px;
	width:100%;
	max-width:920px;
	margin:0 auto;
}
.text__col--two p {
	display:inline-block;
	text-align:justify;
}
.text__col--three {
	column-count:3;
	column-gap:100px;
	width:100%;
	max-width:920px;
	margin:0 auto;
}
.text__col--three p {
	display:inline-block;
	width:100%;
}
@media screen and (max-width:768px) {
	.text__col--two, .text__col--three {
		max-width:350px;
		column-count:1;
	}
}
/*END TEXT COLUMNS*/

/*COMING SOON*/
.page-template-comingsoon header, .page-template-comingsoon .nav__links, .page-template-comingsoon footer {
	display:none !important;
}
.position__relative {
	position:relative;
	width:100%;
	margin:0 auto;
	height:100vh;
}
.position__relative--center {
	top:50%;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
	margin:-60px auto 0 auto;
	width:300px;
	height:125px;
	text-align:center;
}
.position__relative--center [class^="icon-"], .position__relative--center [class*=" icon-"] {
	margin:10px;
	font-size:11px;
}
/*END COMING SOON*/

/*POST INDEX*/
.post__thumb--sized {
	overflow:hidden;
	max-height:395px;
}
.post__thumb--sized img {
	max-width:220%;
	width:220%;
	height:auto;
	margin:0 auto 0 0;
}
.post__index .flex__col--three {
	padding-bottom:25px;
}
.alm-reveal {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.ajax-load-more-wrap {
	width:100%;
	background-image:url(../stylebee/images/graphics/border.png);
	background-repeat:repeat-x;
	background-position:bottom center;
	background-size:1px 15px;
	text-align:center;
}
.ajax-load-more-wrap .heading {
	text-align:left;
}
.alm-btn-wrap {
	padding:0 35px;
	background:#fff;
	display:inline-block;
}
.alm-load-more-btn {
	width:auto;
	display:inline-block;
	margin:0 auto;
	border:1px solid #212322 !important;
	padding:8px 15px 5px 15px;
	box-sizing:border-box;
	text-align:center;
	transition:border-color .5s ease;
	transition:background-color .5s, border .5s, color .5s;
	cursor:pointer;
	background-color:#fff;
	font-family:visionbold;
	font-weight:400;
	text-transform:uppercase;
	font-size:.8em;
	line-height:1.25em;
	letter-spacing:3px;
}
.alm-load-more-btn:hover {
	color:#fff;
	background-color:#d6d1ca;
	border:1px solid #d6d1ca !important;
}
@media screen and (max-width:480px) {
	.post__index .flex__col--three {
		width:47%;
		flex-basis:47%;
	}
	.post__index.homepage .flex__col--three:nth-of-type(3n) {
		width:100%;
		flex-basis:100%;
	}
	.homepage .alm-reveal .flex__col--three {
		width:47%;
		flex-basis:47%;
	}
	.homepage .alm-reveal .flex__col--three:nth-of-type(3n) {
		width:100%;
		flex-basis:100%;
	}
}
/*END POST INDEX*/

/*POST ROW*/
.post__row {
	padding:5%;
}
.post__row--title {
	width:20px;
	height:200px;
	display:block;
	float:left;
	margin-left:20px;
}
.post__row--title .h4 {
	width:200px;
}
.post__row--interior {
	width:90%;
	padding:0 5%;
	margin:0 auto;
}
.post__row--interior .heading {
	margin:0 auto 1.5em auto;
}
@media screen and (max-width:768px) {
	.post__row--title {
		margin:0 auto 20px auto;
		width:100%;
		height:auto;
		clear:both;
		float:none;
		padding:15px 0;
	}
	.post__row--title .h4 {
		text-align:center;
	}
	.post__row--title .rotate__right {
		margin:0 auto;
	}
}
/*END POST ROW*/

/*OUTFITS*/
.blog__outfit {
	overflow:hidden;
	box-sizing:border-box;
}
.blog__outfit img {
	padding:10px;
	border:1px solid #222;
	transition:opacity .5s;
	box-sizing:border-box;
}
.blog__outfit img:hover {
	opacity:.7;
}
.blog__outfit--img img {
	width:200% !important;
	height:auto;
}
/*END OUTFITS*/

/*PAGE HEADERS*/
.page__header--img {
	width:50%;
	float:right;
	display:block;
	position:relative;
	z-index:50;
}
.page__header--img.background {
	background:#eae7e4;
	padding:10% 8%;
	box-sizing:border-box;
}
.page__header--text {
	width:40%;
	float:left;
	display:block;
}
.page__header--text-content {
	width:75%;
	margin:0 auto;
}
.page__header--text-content.full {
	width:100%;
	margin:0 auto;
	text-align:left;
}
.page__header--text-content.full a {
	display:block;
	margin:0 auto 20px auto;
}
.page__header--text-img {
	width:55%;
	margin:0 auto;
}
.page__header--text-content {
	text-align:justify;
}
.page__header--title {
	margin:0 auto 20% auto;
	width: 75%;
}
.page__header--text.lower {
	margin-top:9%;
}
.page__header--logo {
	background-image: url(../stylebee/images/logos/logo-secondary.svg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
	width:125px;
	height:125px;
	display:block;
	position:absolute;
	bottom:30px;
	left:-72px;
}
@media screen and (max-width:1200px) {
	.page__header--text.lower {
		margin-top:0;
	}
	.page__header--text.lower .heading {
		margin:0 auto 1em auto;
	}
}
@media screen and (max-width:1000px) {
	.page__header--img, .page__header--text, .page__header--text-content, .page__heading--title  {
		width:100%;
		margin:0 auto 25px auto;
	}
	.page-template-homepage .page__header--img {
		margin:0 auto 75px auto;
	}
	.page__header--logo {
		left:0;
		right:0;
		margin:0 auto;
		bottom:-75px;
	}
}
@media screen and (max-width:768px) {
	.page__header--title {
		width:100%;
	}
	.page__header--text-img {
		width:47%;
	}
	.page__header--logo {
		bottom:-60px;
	}
}
/*END PAGE HEADERS*/

/*HOMEPAGE*/
.post__featured {
	width:100%;
	display:block;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:65% auto;
	background-position:top left;
}
.post__featured--square {
	float:right;
	width:30%;
	display:block;
	clear:left;
}
.post__featured--title {
	width:40%;
	float:right;
	background:#fff;
	padding:55px 0 45px 45px;
	box-sizing:border-box;
	transition:width .5s;
}
@media screen and (max-width:1300px) {
	.post__featured--square {
		padding-left:5%;
		background:#fff;
	}
	.post__featured {
		background-size:auto 100%;
	}
	.post__featured--title {
		width:50%;
	}
}
@media screen and (max-width:1000px) {
	.post__featured--title {
		width:65%;
	}
}
@media screen and (max-width:480px) {
	.post__featured--title {
		width:100%;
		padding:30px 0 15px 0;
	}
	.post__featured--square {
		width:40%;
	}
	.post__featured--square:nth-of-type(1) {
		padding-bottom:5%;
	}
}
/*END HOMEPAGE*/

/*SLIDER WITH ARROWS*/
.slick-slider {
	visibility:hidden;
}
.slick-slider.slick-initialized {
	visibility:visible;
}
	.slick-slide {
		visibility:hidden;
	}
	.slick-initialized .slick-slide {
		visibility:visible;
	}
.multiple-items {
	position:relative;
}
.multiple-items .slick-list {
	width:calc(100% - 200px);
	margin:0 auto;
	text-align:center;
}
.slider-arrows .slick-list {
	width:calc(100% - 200px);
	margin:0 auto;
}
	.slider__simple--box {
		height:318px;
	}
	.slider__simple--box img {
		width:100%;
		height:auto;
	}
.slider__simple--box .slider__simple--content {
	padding:0 7%;
}
.multiple-items button.slick-prev, .multiple-items button.slick-next, .slider-arrows button.slick-prev, .slider-arrows button.slick-next {
	font-size:0;
	border:0;
	background:transparent;
	padding:0;
}
.multiple-items button {
	background-repeat:no-repeat;
	background-size:contain;
	width:35px;
	height:69px;
	position:absolute;
	top:25%;
	cursor:pointer;
	transition:opacity .5s;
	opacity:1;
}
.slider-arrows button {
	background-repeat:no-repeat;
	background-size:contain;
	width:35px;
	height:69px;
	position:absolute;
	top:50%;
	margin-top:-35px;
	cursor:pointer;
	transition:opacity .5s;
	opacity:1;
}
.multiple-items button.slick-prev, .slider-arrows button.slick-prev {
	background-image:url(../stylebee/images/graphics/arrow-left.svg);
	left:0;
}
.multiple-items button.slick-next, .slider-arrows button.slick-next {
	background-image:url(../stylebee/images/graphics/arrow-right.svg);
	right:0;
}
.multiple-items button:hover, .slider-arrows button:hover {
	opacity:.5;
}
@media screen and (max-width:768px) {
	.multiple-items .slick-list, .slider-arrows .slick-list {
		width:calc(100% - 100px);
		margin:0 auto;
		text-align:center;
	}
	.slider-arrows button {
		top:100px;
		margin:0 auto;
	}
}
/*END SLIDER WITH ARROWS*/

/*SOCIAL FEEDS*/
[class$="_hd"], [class$="_ft"] {
	display:none !important;
}
[class^="PIN_"], [class*=" PIN_"] {
	box-shadow: inset 0 0 0 #000 !important;
	border-radius:0 !important;
}
.pinterest__grid {
    padding:5px 0;
	max-height:535px;
	overflow:hidden !important;
	position:relative;
	width:100%;
	height:auto !important;
}
@media screen and (max-width:1200px) {
    .pinterest__grid {
        max-height:400px;
    }
}
@media screen and (max-width:1000px) {
    .pinterest__grid {
        max-height:345px;
    }
}
/*END SOCIAL FEEDS*/

/*PAGES*/
.background__photo {
	width:90%;
	display:block;
	padding:20% 5%;
	background-size:cover;
	background-position:center center;
}
.background__photo--content {
	width:45%;
	float:right;
	display:block;
	color:#fff;
}
@media screen and (max-width:768px) {
	.background__photo {
		background-position:65% 0;
	}
	.background__photo--content {
		width:60%;
		max-width:450px;
		margin:0 auto;
		padding:20% 5%;
		box-sizing:border-box;
	}
}
@media screen and (max-width:480px) {
	.background__photo {
		background-position:70% 0;
	}
	.background__photo--content {
		width:70%;
		max-width:450px;
		margin:0 auto;
		padding:20% 5%;
		box-sizing:border-box;
	}
}
/*END PAGES*/

/*DROPDOWN STYLING*/
.accordion dt {
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:900;
	line-height:15px;
	margin:0 auto 20px auto;
}
.accordion dt a {
	color:#222;
}
.accordion dt a:hover {
	color:#006937;
}
.accordion dd {
	margin:0 auto 45px auto;
}
/*END DROPDOWN STYLING*/

/*GENERAL TEXT/LAYOUT STYLING*/
::-moz-selection {
background-color: #222;
color: #fff;
}
::selection {
background-color: #222;
color: #fff;
}
::-o-selection {
background-color: #222;
color: #fff;
}
::-ms-selection {
background-color: #222;
color: #fff;
}
::-webkit-selection {
background-color: #222;
color: #fff;
}

::-webkit-input-placeholder {
color:#222;
}
:-moz-placeholder {
color:#222;
}
::-moz-placeholder {
color:#222;
}
:-ms-input-placeholder {
color:#222;
}

.rotate__left {
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
}
.rotate__right {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
	transform-origin:top left;
}
.rotate__none {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}

@media screen and (max-width:768px) {
	.rotate__left, .rotate__right {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
/*END GENERAL TEXT/LAYOUT STYLING*/

/*RESPONSIVE VIDEO*/
.wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:transparent !important;
}
/*END RESPONSIVE VIDEO*/

/*BLOG*/
	.blog__tags {
		width:100%;
		margin:25px auto;
		background:#eae7e4;
		padding:35px;
		box-sizing:border-box;
	}
.entry p {
	padding:0;
}
.entry hr {
	margin:45px auto;
}
.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry ul, .entry ol, hr.wp-block-separator {
	width:100%;
	max-width:545px;
	margin:25px auto;
}
.entry .wp-block-gallery ul,
.entry ul.blocks-gallery-grid {
	max-width:750px !important;
}
.entry h4 {
	font-family:visionregular;
	font-size:1.46em;
	font-weight:400 !important;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1.25em;
}
.entry h5 {
	font-family:visionbold;
	font-weight:400 !important;
	text-transform:uppercase;
	font-size:.9em;
	line-height:1.25em;
	letter-spacing:3px;
}
.entry h4 strong, .entry h5 strong {
	font-weight:400 !important;
}
ul li {
	margin:12px auto;
	padding-left:18px;
	background:transparent url(../stylebee/images/graphics/bullet.svg)no-repeat;
	background-size:9px 9px;
	background-position:0 8px;
	list-style:none;
}
.ul__styled ul li {
	margin:12px auto;
	padding-left:18px;
	background:transparent url(../stylebee/images/graphics/bullet.svg)no-repeat;
	background-size:9px 9px;
	background-position:0 8px;
	list-style:none;
}
.entry ul li {
	margin:12px auto 12px 45px;
	padding-left:18px;
	background:transparent url(../stylebee/images/graphics/bullet.svg)no-repeat;
	background-size:9px 9px;
	background-position:0 8px;
	list-style:none;
}
.entry ol li, .content ol li {
	margin:12px auto 12px 45px;
}
.entry ul.wp-block-gallery {
	max-width:1000px;
	margin:0 auto;
}
.entry ul.wp-block-gallery li {
	margin: 0 16px 16px 0;
	background:transparent;
	padding:0;
}
.entry a, .entry a:link, .entry a:visited {
	color:#7D7470;
}
.entry a:hover {
	color:#222;
	border-bottom:1px solid #222;
}
.wp-block-gallery {
	padding:8px 0 0 0 !important;;
}
	.entry .wp-block-gallery ul li {
		list-style:none;
		margin:0 16px 16px 0;
		padding:initial;
		background:transparent;
	}
.entry img, .wp-block-image {
	padding:8px 0 !important;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	background:#fff !important;
	padding:10px !important;
	color:#222 !important;
	height:auto !important;
	width:80% !important;
	box-sizing:border-box !important;
	margin:0 auto !important;
	left:0 !important;
	right:0 !important;
	line-height:1em !important;
	bottom:10% !important;
	opacity:.7 !important;
}
.blog__intro {
	margin:0 auto 10% auto;
}
.blog__thumb {
	flex-basis:calc(50% - 8px);
}
blockquote {
    background:#eae7e4;
    padding:35px;
    box-sizing:border-box;
    margin:5% auto;
    font-size: 1.05em;
    line-height: 1.65em;
}
blockquote.wp-block-quote {
	color:#222222;
	width:100%;
	margin:0 auto;
}
blockquote.wp-block-quote cite {
	font-family: visionbold;
	font-weight: 400;
	text-transform: uppercase;
	font-size: .8em;
	line-height: 1.25em;
	letter-spacing: 3px;
	font-style:normal;
}
blockquote.wp-block-quote p {
	font-size: 1.05em;
    line-height: 1.65em;
}
.blog__meta {
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	padding:15px 0;
	width:100%;
	margin:5% auto;
}
.blog__meta.h4 {
	line-height:2em;
}
.blog__meta--divider {
	width:1px;
	background:#222;
	display:block;
	margin:5px 20px;
}
.post__sig {
	width:100%;
	height:41px;
	display:block;
	margin:25px auto;
	background:transparent url(images/graphics/signature.svg)no-repeat right center;
	background-size:85px 41px;
}

blockquote {
}

ul, ol { margin: 0px auto; text-indent:0; }

pre { }
code, tt { }

	#jp-relatedposts h3.jp-relatedposts-headline em:before {
		border-top:0 !important;
	}
	.entry h4.jp-relatedposts-post-title {
		text-align:left !important;
	}
	a.jp-relatedposts-post-a {
		border:0 !important;
		color:#222222 !important;
	}
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
		opacity:1 !important;
	}
	.jp-relatedposts-post-img {
		padding-bottom:20px !important;
	}
	h4.jp-relatedposts-post-title {
		font-family: visionbold !important;
		text-transform:uppercase !important;
	}
	@media screen and (max-width:480px) {
		.blog__tags {
			padding:20px;
		}
	}
/*END BLOG*/

/*CUSTOM WORDPRESS CLASSES*/
.wp-caption {
	padding:.5em;
}
.wp-caption-text {
	font-size:.8em;
}

.gallery-caption {
	font-size:.8em;
}

.sticky {
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}
/*END CUSTOM WORDPRESS CLASSES*/

/*ARCHIVES*/
.archive__box {
    background-color:#eae7e4;
    border-bottom:65px solid #fff;
    box-sizing:border-box;
    position:relative;
    padding-bottom:85px !important;
}
.archive__box--title {
    width:100%;
    margin:35px;
    box-sizing:border-box;
    text-align:left;
}
.archive__box--link {
    width:100%;
    box-sizing:border-box;
    background:#fff;
    border-top:16px solid #fff;
	border-bottom:12px solid #fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}
.archive__box--link .btn__border {
    display:block;
    width:100%;
}
.archive__box--content {
    width:calc(100% - 70px);
    margin:35px 35px 0 35px;
    box-sizing:border-box;
    overflow-y:scroll;
    max-height:260px;
    border-right:2px solid #fff;
}
.archive__box--content li {
    list-style:none;
    margin-bottom:10px;
}
.archive__box--content li:nth-last-of-type(1) {
    margin-bottom:0;
}
@media screen and (max-width:1200px) {
    .archive__inc .flex__col--three.archive__box {
        flex-basis:65%;
        margin-right:5%;
    }
    .archive__inc .flex__col--three {
        flex-basis:45%;
    }
    .archive__inc .flex__col--three.archive__box + .flex__col--three {
        flex-basis:30%;
    }
}
@media screen and (max-width:480px) {
    .archive__inc .flex__col--three.archive__box {
        flex-basis:100%;
        margin-right:0;
    }
    .archive__inc .flex__col--three.archive__box + .flex__col--three {
        flex-basis:100%;
    }
}
/*END ARCHIVES*/

/*SIDEBARS*/
#sidebar {
display:block;
}
/*END SIDEBARS*/

/*SIDEBAR CONTENTS*/
#searchform {
}
	#s {
	box-shadow:none;
	width:100%;
	box-sizing:border-box;
	margin:0px auto;
	border:1px solid #222;
	padding:15px 25px;
	margin:0 auto;
	}
	#s:hover, #s:active, #s:focus {
	}
	#searchsubmit {
	border:0;
	background:transparent;
	border-radius:0;
	font-family:visionbold;
	font-weight:400;
	text-transform:uppercase;
	font-size:.8em;
	line-height:1.25em;
	letter-spacing:3px;
	text-align:center;
	cursor:pointer;
	margin:20px auto 0 auto;
	transition:color .5s;
	}
	#searchsubmit:hover {
		color:#a69b95;
	}
/*END SIDEBAR CONTENTS*/

/*FOOTER*/
footer {
	display:block;
	margin:5% auto 100px auto;
}
footer ul {
	list-style:none;
}
footer ul li {
	margin:10px auto;
	padding:0;
	background:transparent;
}
footer p {
	padding:0 0 20px 0;
	font-size:.8em;
}
.subscribe {
		width:100%;
    max-width:650px;
    margin:0 auto;
}
.subscribe .subscribe__content--text {
    padding:0;
}
.footer__logo--mark {
	background-image: url(../stylebee/images/logos/logo-mark-03.svg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
	width:60px;
	height:60px;
	display:block;
	float:left;
	margin:20px 40px 0 auto;
}
.footer__links {
	width:calc(100% - 200px);
	float:left;
}
.footer__links .flex__col--four {
	padding:0 15px;
	box-sizing:border-box;
	margin:0 0 45px 0;
}
.footer__social {
	width:50px;
	float:right;
	display:block;
	margin:20px auto 0 auto;
}
@media screen and (max-width:1000px) {
	.footer__social, .footer__social .social {
		width:100%;
		margin:40px auto;
		float:none;
		text-align:center;
	}
	.footer__logo--mark {
		width:100%;
		margin:0 auto 25px auto;
		float:none;
		background-position:top center;
	}
	.footer__links .flex__col--four {
		width:45%;
		flex-basis:45%;
	}
	.footer__links {
		width:100%;
	}
	.footer__social .social [class^="icon-"], .footer__social .social [class*=" icon-"] {
		display:inline-block;
		margin:0 20px;
	}
}
@media screen and (max-width:480px) {
	.footer__links .flex__col--four {
		width:100%;
		padding:0;
	}
}
/*END FOOTER*/

/*INPUT STYLING*/
input, textarea, select, button {
	border-radius:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition:color .5s, border-color .5s, background-color .5s;
	margin:0 auto 10px auto;
	background:transparent;
}
input, select, button {
	border:1px solid #212322;
	padding:8px 15px;
	font-family:visionbold;
	font-weight:400;
	text-transform:uppercase;
	font-size:.8em;
	line-height:1.25em;
	letter-spacing:3px;
	box-sizing:border-box;
	width:100%;
}
button {
	cursor:pointer;
	width:auto;
	padding:8px 15px 6px 15px;
}
button:hover {
	background-color:#d6d1ca;
	border:1px solid #d6d1ca;
	color:#fff;
}
input[type="submit"] {
	border:0;
	background:transparent;
	padding:15px 0 0 0;
	float:right;
	display:block;
	cursor:pointer;
	width:auto;
	text-align:right;
}
input[type="submit"]:hover {
	color:#a69b95;
}
select {
	width:auto !important;
	cursor:pointer;
	margin:0 auto 25px auto;
}
textarea {
	padding:25px;
	width:100%;
	box-sizing:border-box;
	font: 15px gentium basic, times new roman, serif;
	color:#222222;
	font-weight:400;
	line-height:24px;
	letter-spacing:.25px;
	border:1px solid #212322;
}
/*END INPUT STYLING*/

/*CONTACT FORMS*/
.wpcf7 p {
	padding:0 !important;
}
/*END CONTACT FORMS*/

/*HEADER STYLING*/
:focus {
	outline:none;
}
h1, .h1 {
	font-family:visionlight;
	font-size:2.3em;
	line-height:1.25em;
	font-weight:400;
	letter-spacing:2px;
	text-transform:uppercase;
}
h2, .h2 {
	font-family:visionregular;
	font-size:1.46em;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1.25em;
}
h3, .h3 {
	font-family:visionregular;
	font-weight:400;
	letter-spacing:1px;
	font-size:1.2em;
	margin:20px auto;
	text-transform:uppercase;
	line-height:1.25em;
}
h4, .h4, label {
	font-family:visionbold;
	font-weight:400;
	text-transform:uppercase;
	font-size:.8em;
	line-height:1.25em;
	letter-spacing:3px;
}
.heading {
	margin:1em auto;
}
.heading__large {
	margin:1em auto 2em auto;
}
.heading__narrow {
	width:100%;
	max-width:545px;
	margin:1.5em auto;
	text-align:center;
}
.heading__margins h1, .heading__margins h2, .heading__margins h3, .heading__margins h4 {
	margin:15px auto;
}
.text__center {
	text-align:center;
}
.text__left {
	text-align:left;
}
.text__right {
	text-align:right;
}
/*END HEADER STYLING*/

/*COMMENTS*/
.comment__container {
}

ol.commentlist { list-style: none; }
ol.commentlist li { margin:0 auto 45px auto; padding:0; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment {  }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; font-weight:900; text-transform:uppercase; letter-spacing:2px; font-size:14px; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 0 10px 10px 0px; width:initial !important; height:initial !important; max-width:32px !important; max-height:32px !important; display:none; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { display:none; }
ol.commentlist li.comment div.commentmetadata { font-size:12px; text-transform:uppercase; }
ol.commentlist li.comment div.comment-meta {  }
ol.commentlist li.comment div.comment-meta a {  }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-style:italic; text-transform:lowercase; font-size:15px; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { padding:0; margin:0; background:transparent; }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { margin: 25px 0 25px 25px; padding:0px 0px 0px 20px; border-left:1px solid #222; padding-top:0px; padding-bottom:0px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 25px 0 25px 25px; padding:0px 0px 0px 20px; border-left:1px solid #222; padding-top:0px; padding-bottom:0px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 25px 0 25px 25px; padding:0px 0px 0px 20px; border-left:1px solid #222; padding-top:0px; padding-bottom:0px; }
ol.commentlist li.comment ul.children li.depth-5 { margin: 25px 0 25px 25px; padding:0px 0px 0px 20px; border-left:1px solid #222; padding-top:0px; padding-bottom:0px; }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even {  }
ol.commentlist li.odd {  }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

a.comment-edit-link { display:none; }

form { }
/*END COMMENTS*/

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; opacity:1; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */
}
