/*
Theme Name: Bows and Sequins
Theme URI: http://bowsandsequins.com
Author: Design by Victoria McGinley, Development by Lisa Butler
Author URI: http://elembee.com
Description: A custom WordPress theme for Bows & Sequins.

Bows and Sequins is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*************************
CSS Reset + Import styles
*************************/

@import url('css/reset.min.css');

@import url('css/charlize.css');

@import url('js/fancybox/jquery.fancybox.css');
@import url('js/fancybox/helpers/jquery.fancybox-buttons.css');

@import url('css/filtrify.css');


/*************************
General styles
*************************/

/*************************
Defaults
*************************/

body {
	font: 15px/22px 'Lato', sans-serif; 
	color: #33385e;
	font-weight: 300;
	letter-spacing: .05em;
}

p {margin-bottom: 1.25em;}

a {
	color: #ea2081;
}
	.entry-content a:hover, .entry-content a:active, .entry-content a:focus {text-decoration: underline;}

a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

b, strong {font-weight: bold;}
b b, strong strong {font-weight: normal;}
i, em {font-style: italic;}
i i, em em {font-style: normal;}

blockquote {
	padding: 1em; 
	margin-bottom: 1em; 
	font: 18px 'Crimson Text', serif;
	font-style: italic; 
	text-align: center;
}
	blockquote p:last-of-type {margin-bottom: 0;}



/*************************
Headings + Titles
*************************/

h1, h2 {
	font: 35px 'Crimson Text', serif; 
	font-weight: normal; 
	font-style: italic;
	line-height: normal;
	letter-spacing: .05em;
	text-transform: lowercase;
	color: #33385e;
}
	
h3, h4, h5, h6 {
	font: 15px 'Spinnaker', serif; 
	font-weight: normal; 
	font-style: normal;
	line-height: normal;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #33385e;
}

	h4, h5, h6 {font-size: 11px;}

.entry-title {
	font: 35px 'Crimson Text', serif; 
	font-weight: normal; 
	font-style: italic;
	line-height: normal;
	letter-spacing: .05em;
	text-transform: lowercase;
	color: #33385e;
	text-align: center;
	margin-bottom: 12px;
}

.entry-title a {
	color: #33385e;
}



/*************************
Images
*************************/

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

.wp-caption {
	margin-bottom: 1.25em;
	text-align: center;
	font: 9px 'Spinnaker', serif; 
	font-weight: normal; 
	font-style: normal;
	line-height: normal;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #33385e;
	max-width: 100%;
}
	.wp-caption img {margin-bottom: .5em;}

.alignleft, .left {float: left; margin-right: 1em;}
.alignright, .right {float: right; margin-left: 1em;}
.aligncenter, .center {display: block; margin: 0 auto;}
.alignnone, .block {clear: both; margin: 0;}
.clear {clear: both;}
img.alignleft, img.alignright {display: inline;}



/*************************
Lists
*************************/

ol, ul {list-style: none;}
ul {list-style: disc; margin: 0 0 1em 2.5em;}
ol {list-style-type: decimal; margin: 0 0 1em 2.5em;}
	ol ol {list-style: upper-roman;}
		ol ol ol {list-style: lower-roman;}
			ol ol ol ol {list-style: upper-alpha;}
				ol ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}



/*************************
Forms
*************************/

input, select, textarea {
	font: 15px/22px 'Lato', sans-serif; 
	color: #33385e;
	font-weight: 300;
	letter-spacing: .05em;
	background: #fff;
	border: 1px solid #33385e;
	padding: 10px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="submit"], button {
	cursor: pointer;
	width: auto;
	background: #33385e;
	border: none;
	padding: 10px 20px;
	margin: 0;
	color: #fff;
	font: 11px 'Spinnaker', serif; 
	font-weight: normal; 
	font-style: normal;
	line-height: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
}

input[type="submit"]:hover, button:hover {
	background: #fff1f5;
	color: #33385e;	
}

label {
	font: 10px 'Spinnaker', serif; 
	font-weight: normal; 
	font-style: normal;
	line-height: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
	margin-bottom: .25em;
}




/*************************
Layout
*************************/

#masthead {
	width: 90%;
	max-width: 1100px;
	margin: 16px auto 0 auto;
}

#content {
	width: 90%;
	max-width: 1100px;
	margin: 0px auto 90px auto;
}

#primary {
	width: 100%;
}

	.home #primary, .archive #primary, .search #primary {
		width: 54.545454%;
		float: left;
	}
	
#secondary {
	width: 30%;
	float: right;
}

#content:after {
	content: '';
	display: block;
	width: 100%;
	height: 0px;
	clear: both;
}

#subsidiary {
	clear: both;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 35px 0 57px 0;
	border-top: 1px solid #d1b272;
}
	#subsidiary:after {content: ''; display: block; clear: both;}

.site-footer {
	clear: both;
	width: 100%;
	background: #33385e;
	padding: 75px 0;
}

.site-info {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}




/*************************
Header
*************************/
/*************************
Top Navigation
*************************/

#top-navigation {width: 100%; padding: 10px 0; background: #33385d; border-bottom: 6px solid #fce3e9; color: #fff;}

#top-menu {width: 90%; max-width: 1100px; margin: 0 auto; vertical-align: middle;}

	#top-menu li {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0;
		font: 9px 'Spinnaker', sans-serif; 
		text-transform: uppercase;
		letter-spacing: .2em;
		color: #fff;
		vertical-align: middle;
	}
	
	#top-menu li:before {content: "\00b7"; margin: 0 15px;}
		#top-menu li:first-of-type:before {display: none;}
	
	#top-menu li a {color: #fff;}
		#top-menu li a:hover {color: #ea2081;}
		#top-menu li.open-menu a:hover {color: #fec3c2; cursor: pointer;}
		
	#top-menu i {font-size: 20px;}
		#top-menu .fontawesome-text {display: none;}

/*************************
Drawer Navigation
*************************/

#drawer-menu {position: fixed; top: 0; left: -320px; z-index: 70000; width: 100%; max-width: 240px; height: 100%; padding: 48px 40px 40px 40px; background: rgba(255, 247, 249, .98); text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}

.open-menu {cursor: pointer;}

	#drawer-menu ul {margin: 0; padding: 0; list-style: none;}
	
	#drawer-menu li {
		position: relative;
		display: block;
		padding: 0;
		margin: 20px 0;
		font: 20px 'Spinnaker', sans-serif; 
		text-transform: uppercase;
		letter-spacing: .2em;
		color: #33385e;
	}

	#drawer-menu li a {color: #33385e;}
		#drawer-menu li a:hover {color: #ea2081;}
		
		#drawer-menu li i {font-size: 8px;}
		#drawer-menu li .fontawesome-text {display: none;}

#drawer-menu .widget-title {font-size: 18px; margin-bottom: 10px;}
	#drawer-menu input#mce-EMAIL {border: none; text-align: center; font: 11px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; color: #33385e;}
	#drawer-menu input#mc-embedded-subscribe {background: none; padding: 0; margin: 0; font-size: 9px; color: #ea2081;}
	#drawer-menu input#mc-embedded-subscribe:hover {color: #fec3c2;}

#close-drawer {position: absolute; font-size: 20px; top: 15px; right: 20px; color: #fec3c2; cursor: pointer;}
	#close-drawer:hover {color: #33385e;}

#drawer-menu.open-the-drawer {left: 0;}
#drawer-menu.close-the-drawer {left: -320px;}

#drawer-menu .desktop-hide {display: none;}

#drawer-menu .subscribe {position: absolute; bottom: 130px; left: 40px; width: 240px; height: 90px; text-align: center;}

/*************************
Scroll Navigation
*************************/

#scroll-navigation {display: none; width: 100%; background: #fff7f9; padding: 10px 0; color: #33385e; position: fixed; z-index: 60000;}

#scroll-menu {width: 90%; max-width: 1100px; margin: 0 auto; padding: 0; list-style: none;}

	#scroll-menu li {
		font: 11px 'Spinnaker', sans-serif; 
		text-transform: uppercase;
		letter-spacing: .2em;
		color: #33385e;
	}
	
	#scroll-menu a {color: #33385e;}
	#scroll-menu a:hover {color: #ea2081;}
	
	#scroll-menu .fontawesome-text {display: none;}
	
	#scroll-menu > li {position: relative; display: inline-block; vertical-align: middle; padding: 10px 0;}
		#scroll-menu > li:after {content: "\00b7"; margin: 0 30px;}
			#scroll-menu > li.open-menu:after, #scroll-menu > li.logo:after, #scroll-menu > li.social:after, #scroll-menu > li:last-of-type:after {display: none;}
		#scroll-menu > li.open-menu {font-size: 20px; margin-right: 30px;}
		#scroll-menu > li.logo {padding: 0;}
			#scroll-menu > li.logo a {display: block; width: 136px; height: 66px; background: url(images/logo-scroll.png) center no-repeat; text-indent: -9999em; margin-right: 30px;}
		#scroll-menu > li.social {margin: 0 3px; font-size: 12px;}
		
	#scroll-menu > li > ul.sub-menu {display: none;; position: absolute; z-index: 1000; top: 100%; padding: 40px 430px 40px 40px; width: 100px; border: 4px solid #33385e; background: #fff; margin: 0 0 0 -46px; list-style: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	#scroll-menu > li:hover > ul.sub-menu {display: block;}
		#scroll-menu > li > ul.sub-menu > li {display: block; text-align: center; padding-bottom: 23px;}
			#scroll-menu > li > ul.sub-menu > li:last-of-type {padding-bottom: 0;}
		
		#scroll-menu > li > ul.sub-menu:before {content: ''; display: block; position: absolute; top: -9px; left: 86px; width: 0; height: 0; border-style: solid; border-width: 0 7px 5px 7px; border-color: transparent transparent #33385e transparent;}
		
		#scroll-menu > li > ul.sub-menu > li > ul.sub-menu {display: none;; z-index: 10000; position: absolute; top: 44px; right: 44px; width: 390px; margin: 0; padding: 0; list-style: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
			#scroll-menu > li > ul.sub-menu > li > ul.sub-menu li {display: block; vertical-align: top; width: 155px; margin-left: 40px; float: right; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
				#scroll-menu > li > ul.sub-menu > li > ul.sub-menu li img {margin-bottom: 18px;}
					#scroll-menu > li > ul.sub-menu > li > ul.sub-menu li:hover img {opacity: .7; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
				#scroll-menu > li > ul.sub-menu > li > ul.sub-menu li h4 {font: 15px 'Crimson Text', serif; text-transform: lowercase; font-style: italic; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
					#scroll-menu > li > ul.sub-menu > li > ul.sub-menu li:hover h4 {color: #ffacad;}


/*************************
Site Title and Tagline
*************************/

.site-branding {
	position: relative;
	width: 100%;
	max-width: 658px;
	height: auto;
	margin: 0 auto 40px auto;
}
	
	.site-title a {
		display: block;
		width: 100%; 
		height: 0;
		padding-bottom: 20.668693%; /* 136px */
		background: url(images/bows-and-sequins.png);
		background-size: cover;
	}
	
	.site-title a span {display:none;}

.site-description {display:none;}



/*************************
Navigation
*************************/

#site-navigation {
	width: 90%;
	max-width: 1100px;
	margin: 0px auto 45px auto;
}

#primary-menu {margin: 0; padding: 0; list-style: none; text-align: center;}

	#primary-menu li {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0;
		font: 11px 'Spinnaker', sans-serif; 
		text-transform: uppercase;
		letter-spacing: .2em;
		color: #33385e;
	}
	
	#primary-menu li:after {content: "\00b7"; margin: 0 30px;}
		#primary-menu li:last-of-type:after {display: none;}
	
	#primary-menu li a {color: #33385e;}
		#primary-menu li a:hover {color: #ea2081;}
	
	
	
/*************************
Content
*************************/

/*************************
Home Entry
*************************/

.post {margin-bottom: 70px;}

.entry-meta {font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .2em; color: #ea2081; text-align: center; margin-bottom: 20px;}
	.entry-meta a {color: #ea2081;}
	.entry-meta a:hover {color: #fec3c2;}
	.entry-meta span:after {content: "\00b7"; margin: 0 20px;}
		.entry-meta span:last-of-type:after {display: none;}

.featured-image {margin-bottom: 17px;}

.excerpt {width: 55.833333%; float: left; margin-bottom: 50px;}
	.excerpt > p:first-child:first-letter {font-size: 45px; text-transform: uppercase;} 
	a.read-more {display: block; width: 66.666667%; max-width: 230px; margin: 30px auto 0 auto; text-align: center; padding: 21px 0; background: #33385e; color: #fff; font: 11px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .2em;}
		a.read-more:hover {background: #fff7f9; color: #33385e;}
	
.entry-sidebar {position: relative; z-index: 2; width: 38.333333%; float: right; margin-right: 10px; margin-top: -45px; margin-bottom: 50px; padding: 18px 21px 21px 21px; background: #fff7f9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.entry-sidebar a {color: #33385e;}
	.entry-sidebar a:hover {color: #ea2081;}
	.entry-sidebar .featured {text-align: center; font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; line-height: 17px; margin-bottom: 33px;}
		.entry-sidebar .featured h3 {font: 14px 'Crimson Text', serif; text-transform: lowercase; font-style: italic; margin-bottom: 17px;}
		.entry-sidebar .featured:before {content: ''; display: block; height: 1px; width: 77.12766%; margin: 0 auto 25px auto; background: #33385e;}
		.entry-sidebar .featured a:hover {text-decoration: underline;}
		.entry-sidebar .featured em {font-style: normal;}
	.entry-sidebar .comments-link {text-align: center; font: 14px 'Crimson Text', serif; text-transform: lowercase; font-style: italic; margin-bottom: 40px;}
		.entry-sidebar .comments-link:before {content: ''; display: block; height: 1px; width: 77.12766%; margin: 0 auto 25px auto; background: #33385e;}
		.entry-sidebar .comments-link i {display: block; text-align: center; font-size: 15px; margin-bottom: 17px;}
	.entry-sidebar .share {text-align: center; font-size: 15px;}
		.entry-sidebar .share:before {content: ''; display: block; height: 1px; width: 77.12766%; margin: 0 auto 25px auto; background: #33385e;}
		.entry-sidebar .share h3 {font-size: 15px; margin-bottom: 17px;}
		.entry-sidebar .share a {margin: 0 6px;}
		
.entry-footer {clear: both;}
	.entry-footer .rewardstyle {margin-bottom: 55px;}

.related {padding: 20px 0 35px 0; border-top: 1px solid #d1b272; border-bottom: 1px solid #d1b272;}
	.related h3 {text-align: center; font: 11px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; color: #33385e; margin-bottom: 20px;}
	.related .zem_rp_wrap {width: 400px; float: left;}
		.related .related_post_title {display: none;}
		.related ul.related_post {margin: 0; padding: 0; list-style: none;}
		.related ul.related_post li {position: relative; width: 155px; height: 155px; display: table; float: left; margin: 0 22px; text-align: center;}
			.related ul.related_post li .zem_rp_thumbnail {position: absolute; left: 1px;}
			.related ul.related_post li .zem_rp_title {position: relative; z-index: 2; width: 135px; height: 135px; display: table-cell; vertical-align: middle; padding: 10px; font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; color: #33385e; background: rgba(255, 255, 255, .8); opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
				.related ul.related_post li .zem_rp_title:hover {opacity: 1;}
		.zem_rp_footer {display: none;}
	.related .follow-instagram {width: 155px; height: 155px; float: right; margin-right: 22px; background: url(images/follow-instagram.png) center no-repeat; background-size: cover; text-indent: -9999em;}
		.related .follow-instagram:hover {background: url(images/follow-instagram-hover.png) center no-repeat; background-size: cover;}
	.related:after {content: ''; display: block; clear: both;}	


.posts-navigation {font: 20px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
	.posts-navigation .nav-previous {float: left;}
	.posts-navigation .nav-next {float: right;}
.posts-navigation a {color: #33385e;}
	.posts-navigation a:hover {color: #ea2081;}
.posts-navigation:after {content: ''; display: block; clear: both;}


/*************************
Archives
*************************/

.archive-header {border-top: 3px solid #fce3e9; text-align: right; margin-bottom: 42px;}
	.archive-header h1 {display: table; float: right; padding-left: 15px; background: #fff; font: 11px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .2em; margin-top: -12px;}
	.archive-header h1 em {font: 14px 'Crimson Text', serif; text-transform: lowercase; font-style: italic; letter-spacing: .1em;}

.archive .post .featured-image, .search .post .featured-image {display: inline-block; width: 49.166667%; vertical-align: bottom; margin-bottom: 0;}
	.archive .post .featured-image a, .archive .post .featured-image img, .search .post .featured-image a, .search .post .featured-image img {display: block;}

.archive-excerpt {display: inline-block; width: 50%; vertical-align: bottom; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; font-size: 17px;}
	.archive-excerpt a {color: #33385e;}
	.archive-excerpt a:hover {color: #ea2081;}
	.archive-excerpt .entry-title {font: 16px/20px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .2em; margin-bottom: 15px; text-align: left; font-style: normal;}
	
	.archive-excerpt .entry-footer {font-size: 15px; vertical-align: middle;}
		.archive-excerpt .entry-footer .comments-link {display: inline-block; margin-right: 10px;}
		.archive-excerpt .entry-footer .comment-number {font: 14px 'Crimson Text', serif; text-transform: lowercase; font-style: italic; letter-spacing: .1em;}
		.archive-excerpt .share, .archive-excerpt .share ul, .archive-excerpt .share li {display: inline-block; margin: 0; padding: 0; list-style: none;}
		.archive-excerpt .share-button {cursor: pointer;}
		.archive-excerpt .share-links {opacity: 0; font-size: 13px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
		.archive-excerpt .share-button:hover .share-links {opacity: 1;}
		.archive-excerpt .share-links li {margin-left: 5px;}
		
	.load-more {text-align: center;}
	.load-more a {
		display: inline-block;
		width: 230px;
		margin: 0 auto;
		text-align: center;
		background: #33385e;
		border: none;
		padding: 18px 0;
		margin: 0;
		color: #fff;
		font: 11px 'Spinnaker', serif; 
		font-weight: normal; 
		font-style: normal;
		line-height: normal;
		letter-spacing: .2em;
		text-transform: uppercase;
	}
	
	.load-more a:hover {
		color: #33385e;	
		background: #fff7f9;
	}

/*************************
Sidebars
*************************/

#secondary .widget {margin-bottom: 40px; padding: 20px; background: #fff7f9;}
	#secondary .widget-title {font: 15px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align: center; margin-bottom: 20px;}
	#secondary .widget.no-bg {padding: 0; background: none;}

#secondary a {color: #33385e;}
#secondary a:hover {color: #ea2081;}

#secondary ul {margin: 0; padding: 0; list-style: none; text-align: center;}

	#secondary li {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0;
		font: 11px 'Spinnaker', sans-serif; 
		text-transform: uppercase;
		letter-spacing: .2em;
		color: #33385e;
	}
	
	#secondary li:after {content: "\00b7"; margin: 0 15px;}
		#secondary li:last-of-type:after {display: none;}

#secondary .widget.social {margin-bottom: 20px;}
	#secondary #menu-social li {font-size: 12px; margin: 0 3px;}
		#secondary #menu-social li:after {display: none;}
		#secondary #menu-social li .fontawesome-text {display: none;}

#secondary .widget.about img {margin-bottom: 29px;}
#secondary .widget.about ul {margin-bottom: 9px;}

#secondary .widget.popular-posts .widget-title {margin-bottom: 35px;}
	#secondary .wpp-list {margin: 0; padding: 0; list-style: none;}
	#secondary .wpp-list li {display: block; margin-bottom: 57px; font: 14px 'Crimson Text', serif; font-style: italic; letter-spacing: .1em; text-transform: lowercase;}
	#secondary .wpp-list li img {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
		#secondary .wpp-list li:after {display: none;}
		#secondary .wpp-list li:last-of-type {margin-bottom: 14px;}
		#secondary .wpp-list li:hover img {opacity: .7}
		#secondary .wpp-list li:hover .wpp-post-title {color: #ea2081;}

#secondary .widget.highlight {position: relative;}
	#secondary .widget.highlight .widget-title {position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -104px; width: 208px; background: rgba(255, 255, 255, .9); z-index: 2; text-align: center; padding: 16px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	#secondary .widget.highlight img {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	#secondary .widget.highlight p {margin: 0;}
		#secondary .widget.highlight:hover img {opacity: .3;}
		#secondary .widget.highlight:hover .widget-title {background: #33385e; color: #fff;}
		#secondary .widget.highlight:hover .widget-title a {color: #fff;}
	
#secondary input.search-text {border: none; font: 11px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align: center; color: #33385e;}
	#secondary input.search-submit {display: none;}


/*************************
Single Entry
*************************/

.single-post #content, .single-travel #content {
	width: 100%;
	max-width: 100%;
	margin: 0px auto 50px auto;
}

.single-post #primary, .single-travel #primary {
	width: 100%;
}

.single-post .post, .single-travel .travel {
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 17px;	
	line-height: 26px;
}
	.single-post .entry-content > p:nth-of-type(2):first-letter, .dropcap {font-size: 45px; text-transform: uppercase;} 

	.single-post .post .featured {text-align: center; font: 11px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; line-height: 17px; margin-top: 18px; margin-bottom: 40px;}
		.single-post .post .featured h3 {font: 18px 'Crimson Text', serif; text-transform: lowercase; font-style: italic; margin-bottom: 20px;}
		.single-post .post .featured a {color: #33385e;}
		.single-post .post .featured a:hover {color: #ea2081;}

	.single-post .post .entry-footer {margin-top: 40px; margin-bottom: 37px; padding: 40px 0 55px 0; border-top: 1px solid #33385e; border-bottom: 1px solid #d1b272;}
	.single-post .post .entry-footer a {color: #33385e;}
	.single-post .post .entry-footer a:hover {color: #ea2081;}
		.single-post .post .entry-footer .comments-link, .single-post .post .entry-footer .credits {width: 33.333333%; float: left; text-align: center;}
		.single-post .post .entry-footer .share {width: 33.333333%; float: right; text-align: center;}
		.single-post .post .entry-footer:after {content: ''; display: block; clear: both;}

	.single-post .post .entry-footer .comments-link {text-align: center; font: 14px 'Crimson Text', serif; text-transform: lowercase; font-style: italic;}
		.single-post .post .entry-footer .comments-link i {display: block; text-align: center; font-size: 15px; margin-bottom: 17px;}

	.single-post .post .entry-footer .credits {font: 14px 'Crimson Text', serif; text-transform: lowercase; font-style: italic;}
		.single-post .post .entry-footer .credits a {font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
		.single-post .post .entry-footer .credits p {margin-bottom: 15px;}
		.single-post .post .entry-footer .credits p:last-of-type {margin-bottom: 0;}
	
	.single-post .post .entry-footer .share {text-align: center; font-size: 13px;}
		.single-post .post .entry-footer .share h3 {font-size: 17px; margin-bottom: 6px;}
		.single-post .post .entry-footer .share a {margin: 0 6px;}

	.single-post .related {width: 90%; max-width: 600px; margin: 0 auto 50px auto;}

.call-to-action a {display: block; width: 220px; padding: 12px 0 30px 0; background: #33385e url(images/cta-arrow.png) center bottom no-repeat; text-align: center; margin: 0 auto; color: #fff;}
	.call-to-action a:hover {background: #fff1f5 url(images/cta-arrow.png) center bottom no-repeat; color: #33385e;}
	.call-to-action h3 {font-size: 20px; color: #fff;}
		.call-to-action a:hover h3 {color: #33385e;}
	.call-to-action .cta-text {font: 14px 'Crimson Text', serif; font-style: italic;}
	

/*************************
Comments
*************************/

/*************************
Comment form
*************************/

#respond {width: 90%; max-width: 600px; margin: 0 auto 40px auto;}

#reply-title {
	font-family: 'Crimson Text', serif;
	font-size: 18px; 
	font-weight: normal;
	font-style: italic;
	letter-spacing: .1em; 
	line-height: normal;
	color: #33385e;
	text-align: center;
	text-transform: lowercase;
	margin-bottom: 33px;
}

textarea#comment {height: 224px;}

#comment-form-left {width: 42%; float: left;}
#comment-form-right {width: 47.5%; float: right;}

p.form-submit {clear: both; text-align: right;}

#cancel-comment-reply-link {color: #33385e;}
	#cancel-comment-reply-link:hover {color: #ea2081;}
	#cancel-comment-reply-link:before {content: "\00b7"; margin: 0 20px; color: #33385e;}

/*************************
Comment section
*************************/

#comments-section-container {
	width: 100%;
	background: #fff7f9;	
	padding-top: 49px;
	padding-bottom: 26px;
	margin-bottom: 50px;
}

#comments-section {
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}

.comments-title {
	font-family: 'Crimson Text', serif;
	font-size: 28px; 
	font-weight: normal;
	font-style: normal;
	letter-spacing: .1em; 
	line-height: normal;
	color: #33385e;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: -20px;
}

#comments ol, #comments ul {margin: 0; padding: 0; list-style: none;}

#comments li.thread-even, #comments li.thread-odd {
	margin-bottom: 25px; 
	border-bottom: 2px solid #fff;
}

#comments ul.children li {padding-left: 25px; background: url(images/comment-reply.png) left top no-repeat;}

#comments .comment-container {margin-bottom: 25px;}
#comments .comment-container p:last-of-type {margin-bottom: 15px;}



/*************************
Comment meta
*************************/

#comments .comment-author {
	font: 14px 'Crimson Text', serif;
	font-weight: normal;
	font-style: italic;
	color: #33385e;
	letter-spacing: .1em;
	margin-bottom: 12px;
}

#comments .comment-author .author-name {
	text-transform: uppercase;
	font: 10px 'Spinnaker', sans-serif;
	font-weight: normal;
	letter-spacing: .2em;
	color: #33385e;
}
	#comments .comment-author .author-name a {color: #ea2081;}
	#comments .comment-author .author-name a:hover {text-decoration: underline;}

#comments .comment-date {
	text-transform: uppercase;
	font: 10px 'Spinnaker', sans-serif;
	font-weight: normal;
	letter-spacing: .2em;
	color: #33385e;
	float: right;
	margin-left: 10px;
}
	
#comments .comment-meta {
	text-transform: uppercase;
	font: 10px 'Spinnaker', sans-serif;
	font-weight: normal;
	letter-spacing: .2em;
	color: #33385e;
}
#comments .comment-meta a {color: #33385e;}
#comments .comment-meta a:hover {color: #ea2081;}

#comments .comment-text a:hover {text-decoration: underline;}


/*************************
Single Page
*************************/

.page #primary {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 17px;	
	line-height: 26px;
}

.page .page .entry-footer {margin-top: 70px;}


/*************************
Video and Press Pages
*************************/

.page.page-template-videos #primary, .page.page-template-press #primary {
	max-width: 1100px;
}

.page-template-videos .entry-title, .page-template-press .entry-title {font: 20px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; font-style: normal; margin-bottom: 65px;}

.video, .press {width: 29%; max-width: 320px; display: inline-block; vertical-align: top; margin-right: 6%; margin-bottom: 70px;}
	.video:nth-of-type(3n), .press:nth-of-type(3n) {margin-right: 0;}
	.video h2, .press h2 {text-align: center; font-size: 25px; line-height: 28px; margin-bottom: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	.video p, .press p {font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 0; text-align: center;}
	.video a, .press a {color: #33385e;}
	.video a:hover, .video a:hover h2, .press a:hover, .press a:hover h2 {color: #ea2081;}

/*************************
Outfit Page
*************************/

.page.page-template-outfits #primary, .archive.category-style #primary, .tax-season #primary, .tax-occasion #primary, .tax-item #primary, .tax-destination #primary {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#outfits {
	background: url(images/outfits-bg.png) center top repeat-y;
	background-size: 100% 1px;
}

.page-template-outfits .entry-header .entry-title, .archive.category-style  .entry-header .entry-title, .tax-season .entry-header .entry-title, .tax-occasion .entry-header .entry-title, .tax-item .entry-header .entry-title, .tax-destination .entry-header .entry-title {font: 20px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; font-style: normal; margin-bottom: 40px;}

.page-template-outfits #feed-filters, .archive.category-style #feed-filters, .tax-season #feed-filters, .tax-occasion #feed-filters, .tax-item #feed-filters, .tax-destination #feed-filters {width: 28.181818%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #fff7f9;}
	#feed-filters h2 {font-size: 18px; margin-bottom: 10px;}
	#legend {display: none;}

.searchandfilter ul {margin: 0; padding: 0; list-style: none;}
	.searchandfilter li {margin: 0; padding: 5px 0; display: block;}
	.searchandfilter h4 {cursor: pointer; margin: 0 0 5px 0; font-size: 10px; vertical-align: middle;}
		.searchandfilter h4:before {content: '\f0da'; font-family: FontAwesome; margin-right: 5px; font-size: 15px; vertical-align: middle;}
		.searchandfilter h4.accordion-button-selected:before {content: '\f0d7';}
		.searchandfilter input[type="submit"]:hover {background: #fff;}

#outfits-feed {width: 70.909090%; float: right;}
	.outfit {width: 40%; display: inline-block; vertical-align: top; margin-left: 9.5%; margin-bottom: 60px;}
	.outfit h2 {text-align: center; font-size: 25px; line-height: 28px; margin-bottom: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	.outfit .cta {font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 0; text-align: center;}
	.outfit a {color: #33385e;}
	.outfit a:hover, .outfit a:hover h2 {color: #ea2081;}

/*************************
Shop Page
*************************/

.page.page-template-shop #primary {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.page-template-shop .entry-header .entry-title {font: 20px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; font-style: normal; margin-bottom: 40px;}

#shop-info {width: 21%; display: inline-block; vertical-align: top; font: 10px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .2em;}
	#shop-info a {color: #33385e;}
	#shop-info a:hover {color: #ea2081;}
	#shop-info #feed-filters {padding: 20px; background: #fff7f9; margin-bottom: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#recent-outfits-link a {display: block; padding: 15px 20px; background: #fff7f9; margin-bottom: 5px;}
	#brands {padding: 20px; background: #fff7f9; cursor: pointer; position: relative;}
		#brands ul {margin: 0; padding: 0; list-style: none;}
		#brands ul li {padding-top: 10px;}
		#brand-list {display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 0 20px 39px 20px; background: #fff7f9; margin-top: -15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10;}
		#brands:hover #brand-list {display: block;}

#shop-feed {display: inline;}
	.product {width: 21%; display: inline-block; vertical-align: top; margin-left: 4.5%; margin-bottom: 45px;}
	.product:nth-of-type(4n) {margin-left: 0;}
	.product .brand {text-align: center; font: 14px 'Crimson Text', serif; font-style: italic; margin-bottom: 10px;}
	.product .description {font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 0; text-align: center;}
	.product a {color: #33385e;}
	.product a:hover {color: #ea2081;}

#recent-outfits {padding-top: 85px;}
	#recent-outfits h3 {font-size: 20px; margin-bottom: 30px; padding-top: 45px; border-top: 1px solid #d1b272;}
	#recent-outfits h3 span {font: 14px 'Crimson Text', serif; font-style: italic; text-transform: none; padding-left: 15px;}
	#recent-outfits .outfit {width: 28.2%; margin: 0 7% 74px 0; position: relative; z-index: 2;}
		#recent-outfits .outfit a {color: #33385e;}
		#recent-outfits .outfit:nth-of-type(3n) {margin-right: 0;}
		#recent-outfits .outfit .featured-image {position: relative;}
			#recent-outfits .outfit .featured-image img {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
		#recent-outfits .outfit .cta {opacity: 0; position: absolute; width: 150px; top: 50%; left: 50%; margin: -20px 0 0 -75px; padding: 15px 0; background: #fff; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
			#recent-outfits .outfit .featured-image:hover .cta {opacity: 1;}
			#recent-outfits .outfit .featured-image:hover img {opacity: .7;}

/*************************
Travel Page
*************************/

.page-template-travel #content {
	width: 100%;
	max-width: 100%;
	margin: 0px auto 40px auto;
}

.page-template-travel #primary {
	width: 100%;
	max-width: 100%;
}

.page-template-travel #primary .wrap {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}

.page-template-travel .entry-header {margin-bottom: 29px;}
	.page-template-travel .entry-header .entry-title {font: 20px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; font-style: normal; margin-bottom: 14px;}
	.sub-title {text-align: center; font-size: 14px;}

#jet-set-insta {padding: 13px 0; background: #fff7f9; font: 10px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
	#jet-set-insta h3 {font: 10px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 23px;}
		#jet-set-insta h3 i {margin-right: 5px; font-size: 15px;}
	#jet-set-insta a {color: #33385e; font: 10px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
	#jet-set-insta a:hover {color: #ea2081;}
	#jet-set-insta ul {margin: 23px 0 0 0; padding: 0; list-style: none; text-align: right;}
	#jet-set-insta ul li {display: inline-block;}
		#jet-set-insta ul li:after {content: "\00b7"; margin: 0 20px;}
		#jet-set-insta ul li:last-of-type:after {display: none;}
	#jet-set-insta .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li {width: 13.181818% !important; margin-right: 4.181818%;}
		#jet-set-insta .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li:last-of-type {margin-right: 0;}

.destination {padding: 40px 0;}
	.destination a {color: #33385e;}
	.destination a:hover {color: #ea2081;}	
	.destination .cant-miss {border: 2px solid #fff2f0; font: 10px/25px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px;}
		.destination .cant-miss h3 {padding: 10px; text-align: center; font-size: 9px; background: #fff2f0;}
		.destination .cant-miss ul {padding: 10px; text-align: center; margin: 0; list-style: none;}
		.destination .cant-miss ul li {display: inline;}
		.destination .cant-miss ul li:after {content: "\00b7"; margin: 0 20px;}
			.destination .cant-miss ul li:last-of-type:after {display: none;}
	.destination .view-posts {text-align: center; padding-bottom: 16px; background: url(images/travel-arrow.png) center bottom no-repeat; font: 10px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
		.destination .view-posts img {margin-bottom: 40px;}
	.destination .guide h2 {border: 2px solid #fff2f0; margin-bottom: 38px; background: #fff;}
		.destination .guide h2 .description {display: inline-block; vertical-align: middle; padding: 35px 15px; background: #fff2f0; font: 9px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
		.destination .guide h2 .title {display: inline-block; padding: 10px 25px; font: 33px 'Crimson Text', serif; text-transform: uppercase;}
	.destination .guide ul {font: 14px/21px 'Crimson Text', serif; margin: 0 0 53px 0; list-style: none; text-align: center;}
	.destination .guide h3 {text-align: center; font-size: 9px; text-decoration: underline; margin-bottom: 15px;}

.destination:nth-of-type(even) {background: #fff2f0;}
	.destination:nth-of-type(even) .cant-miss {border-color: #fff;}
		.destination:nth-of-type(even) .cant-miss h3 {background: #fff;}
	.destination:nth-of-type(even) .guide h2 {border-color: #fff;}

.destination .highlights {width: 33.636363%; float: left;}
.destination .guide {width: 61.363636%; float: right;}

/*************************
Subsidiary
*************************/

#subsidiary .widget_simpleimage {width: 25%; max-width: 275px; float: left; margin-left: 3.181818%;}

#subsidiary .widget_nav_menu {width: 280px; float: left; margin-left: -40px;}
	#subsidiary #menu-subsidiary {margin: 22.142857% 0 0 0; padding: 0; list-style: none; text-align: center; font: 16px 'Crimson Text', serif; text-transform: uppercase; letter-spacing: .1em;}
		#subsidiary #menu-subsidiary li a {
			display: block;
			padding: 16px 0;
			background: #fff1f5;
			color: #33385e;
			margin-bottom: 5.714286%;
		}
		#subsidiary #menu-subsidiary li a:hover {background: #33385e; color: #fff1f5;}
			#subsidiary #menu-subsidiary li.social {display: inline-block;}
			#subsidiary #menu-subsidiary li.social a {display: inline-block; margin-top: 3.928571%; background: none; padding: 0; margin: 0 6px;}
			#subsidiary #menu-subsidiary li.social a:hover {color: #ea2081;}
			#subsidiary #menu-subsidiary li.social .fontawesome-text {display: none;}

#subsidiary .jr-insta-slider {width: 32.545455%; max-width: 358px; float: right; margin-right: 3.181818%; padding-left: 5.090909%; border-left: 1px solid #d1b272;}
	#subsidiary .jr-insta-slider .widget-title {font: 25px 'Charlize', serif; font-style: normal; text-transform: none; letter-spacing: normal; line-height: normal; text-align: center; color: #33385e; margin-bottom: -15px; margin-top: -10px;}
	#subsidiary .jr-insta-slider .widget-title:before {content: '\f16d'; font-family: FontAwesome; font-size: 35px; margin-right: 10px;}
	#subsidiary .jr-insta-thumb ul.thumbnails.no-border.jr_col_2 li {width: 46.089385% !important; margin-right: 7.821229%; margin-bottom: 7.821229%;}
		#subsidiary .jr-insta-thumb ul.thumbnails.no-border.jr_col_2 li:nth-of-type(2n) {margin-right: 0;}
		#subsidiary .jr-insta-thumb ul.thumbnails.no-border.jr_col_2 li:nth-of-type(3), #subsidiary .jr-insta-thumb ul.thumbnails.no-border.jr_col_2 li:nth-of-type(4) {margin-bottom: 0;}

/*************************
Footer
*************************/

#footer-menu {margin: 0; padding: 0; list-style: none; text-align: center;}

	#footer-menu li {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0;
		font: 8px 'Spinnaker', sans-serif; 
		text-transform: uppercase;
		letter-spacing: .1em;
		color: #fff;
	}
	
	#footer-menu li:after {content: "\00b7"; margin: 0 10px;}
		#footer-menu li:last-of-type:after {display: none;}
	
	#footer-menu li a {color: #fff;}
		#footer-menu li a:hover {color: #ea2081;}
	
/*************************
Newsletter Popup and Fly Out
*************************/

#popup-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 2000px; z-index: 100002; background: rgba(51, 56, 94, .8);}

#newsletter-popup {position: relative; z-index: 1000000; width: 300px; height: 200px; padding: 10px; background: #fff1f5;}

#newsletter-popup .widget-title, .stb-content .mc_custom_border_hdr {font: 35px 'Charlize', serif; font-style: normal; text-transform: none; letter-spacing: normal; line-height: normal; color: #33385e; margin-bottom: -25px;}
#newsletter-popup #mc_subheader, .stb-content #mc_subheader {font: 11px/175% 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px;}
#newsletter-popup .mc_var_label, .stb-content .mc_var_label {display: none;}
#newsletter-popup #mc_mv_EMAIL, .stb-content #mc_mv_EMAIL {border: none; margin-bottom: 10px; font: 11px 'Spinnaker', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
	#newsletter-popup .mc_merge_var, .stb-content .mc_merge_var {margin: 0;}
#newsletter-popup .mergeRow, .stb-content .mergeRow {display: none;}
#newsletter-popup .mc_signup_submit, .stb-content .mc_signup_submit {text-align: right;}
#newsletter-popup input#mc_signup_submit, .stb-content input#mc_signup_submit {width: auto; background: none; color: #33385e; padding: 0; margin: 0;}
	#newsletter-popup input#mc_signup_submit:hover, .stb-content input#mc_signup_submit:hover {color: #ea2081;}
	#popup-close {position: absolute; top: 0; right: 5px; font-size: 12px; cursor: pointer;}
	.popup-open {cursor: pointer;}

.stb {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.stb-close {font-size: 16px;}


/*************************
Media Queries
*************************/
@media screen and (min-width : 0px) and (max-width : 1240px) {
#scroll-navigation {display: none !important;}

#primary-menu li:after {margin: 0 15px;}

.excerpt {width: 100%; float: none; margin-bottom: 20px;}
	
.entry-sidebar {width: 100%; float: none; margin-right: 0; margin-top: 0; margin-bottom: 20px;}

.related ul.related_post li {position: relative; width: 38.944724%; height: auto; display: block; float: left; margin: 0 5.527638%; text-align: center;}
	.related .zem_rp_wrap {width: 66.333333%; float: left;}
	.related ul.related_post li .zem_rp_thumbnail {position: relative;}
	.related ul.related_post li .zem_rp_title {position: relative; z-index: 2; width: 100%; height: auto; display: block; padding: 0; background: none; opacity: 1; }
		.related ul.related_post li .zem_rp_title:hover {color: #ea2081;}
	.related .follow-instagram {width: 25.833333%; height: 0; padding-bottom: 25.833333%; float: right; margin-right: 3.666667%;}

}

@media screen and (min-width : 0px) and (max-width : 1040px) {
#subsidiary .widget_nav_menu {width: 25.454545%; max-width: 280px; margin-left: -20px;}
	#subsidiary #menu-subsidiary {font-size: 12px; margin-top: 20px;}

#subsidiary .jr-insta-slider .widget-title {font-size: 18px;}
	#subsidiary .jr-insta-slider .widget-title:before {font-size: 28px;}

.archive .post .featured-image {display: block; width: 100%; max-width: 295px; margin: 0 auto 10px auto; vertical-align: top;}

.archive-excerpt {display: block; width: 100%; vertical-align: top; padding-left: 0;}

.video, .press {width: 29%; margin-right: 5%; margin-bottom: 70px;}

}

@media screen and (min-width : 768px) and (max-width : 900px) {
	.destination .guide h2 .description {display: block; padding: 15px;}
	.destination .guide h2 .title {display: block; padding: 15px;}

}

@media screen and (min-width : 0px) and (max-width : 767px) {
.home #primary, .archive #primary {
	width: 100%;
	max-width: 600px;
	float: none;
	margin: 0 auto 70px auto;
}
	
#secondary {
	width: 100%;
	max-width: 330px;
	float: none;
	margin: 0 auto;
}

#site-navigation {display: none;}

#comment-form-left {width: 100%; float: none;}
#comment-form-right {width: 100%; float: none;}

#subsidiary .widget_simpleimage {width: 100%; max-width: 275px; float: none; margin: 0 auto 20px auto;}

#subsidiary .widget_nav_menu {width: 100%; max-width: 100%; float: none; margin-left: 0; margin-bottom: 20px;}
	#subsidiary #menu-subsidiary {margin: 0; font-size: 16px;}
		#subsidiary #menu-subsidiary li a {
			margin-bottom: 10px;
		}
			#subsidiary #menu-subsidiary li.social a {margin-top: 0;}

#subsidiary .jr-insta-slider {width: 100%; max-width: 100%; float: none; margin-right: 0; padding-left: 0; border-left: 0;}
	#subsidiary .jr-insta-slider .widget-title {font-size: 22px; margin-top: 0;}
	#subsidiary .jr-insta-slider .widget-title:before {font-size: 30px;}

#footer-menu li {display: block;}
	#footer-menu li:after {display: none;}

.video, .press {display: block; width: 100%; max-width: 320px; margin: 0 auto 20px auto;}

#outfits {background: none;}

#feed-filters {width: 100%; float: none; margin-bottom: 20px;}
	.page-template-outfits #feed-filters {width: 100%; float: none; margin-bottom: 20px;}

#outfits-feed {width: 100%; float: none;}
	.outfit {width: 100%; max-width: 315px; display: block; margin: 0 auto 20px auto;}

#shop-info {width: 100%; display: block; margin-bottom: 20px;}
	#brand-list {display: block; position: relative; top: auto; left: auto; width: 100%; padding: 0; background: #fff7f9; margin-top: 0;}

	.product {width: 100%; max-width: 235px; display: block; margin: 0 auto 45px auto;}
		.product:nth-of-type(4n) {margin-left: auto;}

	#recent-outfits .outfit {width: 100%; max-width: 315px; display: block; margin: 0 auto 20px auto;}
		#recent-outfits .outfit:nth-of-type(3n) {margin-right: auto;}

.destination .highlights {width: 100%; max-width: 370px; float: none; margin: 0 auto 20px; auto;}
.destination .guide {width: 100%; float: none;}

}

@media screen and (min-width : 0px) and (max-width : 420px) {

#top-menu li {display: none;}
#top-menu li.open-menu {display: block;}
#top-menu .fontawesome-text, #top-menu i {display: inline; vertical-align: middle;}

#drawer-menu .mobile-hide {display: none;}
	#drawer-menu li {font-size: 16px;}
#drawer-menu .desktop-hide {display: block;}

.posts-navigation .nav-previous {float: none; display: block; text-align: center; margin-bottom: 10px;}
.posts-navigation .nav-next {float: none; display: block; text-align: center;}

.related ul.related_post li {width: 100%; max-width: 155px; float: none; margin: 0 auto 10px auto; text-align: center;}
	.related .zem_rp_wrap {width: 100%; float: none;}
	.related .follow-instagram {display: block; width: 155px; height: 155px; margin: 0 auto; padding: 0; float: none;}

#jet-set-insta .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li {width: 100% !important; margin: 0 auto 10px auto; margin-bottom: 10px;}
	#jet-set-insta .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li:last-of-type {margin-right: auto;}
	
	.destination .guide h2 .description {display: block; padding: 15px;}
	.destination .guide h2 .title {display: block; padding: 15px;}

}

@media screen and (max-height : 880px) {
#drawer-menu .about {display: none;}
#drawer-menu .subscribe {position: relative; bottom: auto; left: auto; width: 100%; height: auto;}
}