@import url('../fonts/font.css');
@import url('../fonts/stylesheet.css');

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'gothic'; }
a { text-decoration: none; color:#000; }
a:hover { color:#dc57b0; }

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

header { border-bottom:1px dotted #000; position:relative; width:100%; -webkit-box-shadow: 0px 0px 6px 0px rgba(165, 165, 165, 1); -moz-box-shadow: 0px 0px 6px 0px rgba(165, 165, 165, 1); box-shadow: 0px 0px 6px 0px rgba(165, 165, 165, 1);}

.clearfix { clear:both; margin:0; }

/* Top Navigation */
header ul.nav { display:inline-block; margin:0; padding:0; }
header ul.nav > li { display:inline-block; margin:0; position: relative; }
header ul.nav > li a { display: block; font-size:20px; color:#dc57b0; text-transform: uppercase; padding:25px 40px; margin:0; }
header ul.nav > li a:hover { color:#b9b9b9; }
header ul.nav > li ul { display:none; position:absolute; top:50px; left:0px; width:100%; z-index:100; }
header ul.nav > li:hover ul { display: block; }
header ul.nav > li ul li { text-align: center; background-color: rgba(255, 255, 255, 0.95); width:100%; }
header ul.nav > li ul li a { text-transform: lowercase; font-size: 16px; padding:15px 0; border-bottom:1px dotted #000; }

.slicknav_menu { display:none; }

header .top-social { position:absolute; bottom:10px; right:10px; }
header .top-social li { float:left; margin:0 15px; height: 21px; line-height: 21px; }

/* Logo */
.logo { text-align: center; padding:40px 0; }
.logo img { max-width:850px; }

/* Article */
p.page-description { text-align: center; }
article { text-align: center; margin-bottom:100px; }
article h2, article h3 { font-size: 30px; text-transform: uppercase; padding:20px; border-bottom: 1px dotted #e5e5e5; margin-bottom:20px; }
article small { display: block; font-size:13px; font-family: 'century_schoolbookitalic'; margin-bottom:40px; }
article small span, article small a { color:#dc57b0; }
article .article-content { font-family: 'century_schoolbook'; font-size: 14px; }
article .article-content img { display: inline-block; margin-bottom:20px; text-align: center; position:relative; z-index:10; }
article .article-content p, article .article-content .content-text > * { margin-bottom:20px; font-size: 16px; line-height: 1.2; }
article .article-content .content-text a { color:#dc57b0; }
article .article-content .content-text a:hover { color:#B14B8F; }
article .article-content a.more { font-size: 13px; font-weight: bold; border-top:2px solid #cde7e3; text-transform: uppercase; padding:3px; display: inline-block; margin:20px 0; }
article .description { font-size: 13px; font-family: 'century_schoolbookitalic'; margin-top:30px; margin-bottom:40px; clear:both; }
article .article-content strong { font-weight: bold; }
article .article-content em { font-style: italic; }

article .share { clear:both; }

article ul.looks { margin-bottom:20px; }
article ul.looks li { padding-left: 16px; display: inline-block; position: relative; }
article ul.looks li:first-child { padding:0; }
article ul.looks li:before { content:'\25CF'; font-size: 10px; margin-right: 8px; position:absolute; left:4px; top:4px; }
article ul.looks li:first-child:before { content:''; }
/*article ul.looks li:last-child:after { content:'\25CF'; font-size: 10px; line-height: 10px; vertical-align: middle; margin-left: 8px; }*/
article ul.looks li a { font-family: Arial; font-size: 15px; }

article .looks-wrapper { position:relative; width:80%; margin:0 10%; }
article .looks-slider { overflow:hidden; position:relative; }
article .looks-slider ul { margin:0; padding:0; }
article .looks-slider li { float:left; margin:0 5px 0 0; list-style:none; }
/* IE6 issues */
article .looks-slider ul { width:100%; }
article .looks-wrapper .controls { width:100%; position:absolute; top:0; }
article .looks-wrapper .controls a.prev-slide { position:absolute; left:-23px; top:45px; text-indent: -9999px; background: url('../img/arrow-left.png') no-repeat; width:21px; height:23px;  }
article .looks-wrapper .controls a.next-slide { position:absolute; right:-23px; top:45px; text-indent: -9999px; background: url('../img/arrow-right.png') no-repeat; width:21px; height:23px; }

article .content-image { position: relative; clear:both; }
article .content-image .content-image-caption { text-align: center; position:absolute; top:30px; width:100%; padding:10px; background-color: rgba(0, 0, 0, 0.3); color:#FFF; }
article .content-image .content-image-caption > span { display:block; font-family:'EB Garamond'; }
article .content-image .content-image-caption > span.caption-0 { font-family:'bahiascriptsskregular'; font-size:30px; font-style: italic; }
article .content-image .content-image-caption > span.caption-1 { font-size:50px; font-style: italic; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #FFF; }
article .content-image .content-image-caption > span.caption-2 { font-family:'bahiascriptsskregular'; font-size:16px; font-style: italic; }

ul.pager { text-align: center; margin-bottom:40px; }
ul.pager li { display: inline-block; margin:10px; }
ul.pager li.active { font-weight: bold; }

/* Sidebar widgets */
.widget { margin-bottom:40px; }
.widget h3 { text-align: center; padding:10px 0; border-bottom:1px solid #000; text-transform: uppercase; font-size: 18px; margin-bottom:10px; }

/* Location tracker widget */
.location-tracker p { text-transform: uppercase; font-size: 12px; color:#595959; margin-bottom:20px; text-align: center; line-height: 1.5; }
.location-tracker a { color:#ba2d93; }
.location-tracker .lt-upper { padding-bottom:20px; border-bottom:1px dotted #e5e5e5; }
.location-tracker .lt-upper span { font-size: 24px; }

/* Social buttons */
.socials ul { text-align: center; }
.socials ul li { display:inline-block; width:24%; height: 65px; }
.socials ul li a { text-align:center; display:block; padding-top:40px; background-repeat: no-repeat; background-position: center 8px; font-family: 'lucida_calligraphyitalic'; font-size: 12px; }
.socials ul li a.soc-fb { background-image:url('../img/soc-fb.png'); }
.socials ul li a.soc-email { background-image:url('../img/soc-email.png'); }
.socials ul li a.soc-pt { background-image:url('../img/soc-pt.png'); }
.socials ul li a.soc-yt { background-image:url('../img/soc-yt.png'); }
.socials ul li a.soc-tw { background-image:url('../img/soc-tw.png'); }
.socials ul li a.soc-gp { background-image:url('../img/soc-gp.png'); }
.socials ul li a.soc-bl { background-image:url('../img/soc-bl.png'); }
.socials ul li a.soc-in { background-image:url('../img/soc-in.png'); }

/* Newsletter widget */
.newsletter .newsletter-wrapper { position: relative; width:90%; margin:0 5%; }
.newsletter input { border:1px solid #ba2d93; padding:8px 5px; font-size: 14px; color:#888888; width: 100%; }
.newsletter button { background:transparent url('../img/newsletter.png') no-repeat right 10px center; text-indent: -9999px; width: 50px; height:32px; border:none; position: absolute; right:3px; top:3px; cursor: pointer; }

/* Search widget */
.search form { width:90%; margin:2px 5%; }
.search label { text-transform: uppercase; display: block; text-align: center; font-size: 14px; }
.search input, .search button { width:100%; display: block; padding:2px; }
.search button { margin:0; border:1px solid #CCC; font-size: 16px; }

/* Instagram widget */
.widget.instagram .in-content { text-align: center; }

/* Pinterest widget */
.widget.pinterest .pt-content { text-align: center; }

/* Gplus widget */
.widget.gplus .gp-content { text-align: center; }

/* Blogroll widget */
.widget.blogroll a { font-size: 20px; display:block; text-align:center; margin-bottom:8px; }

@media screen and (max-width: 1200px) {
	header ul.nav > li a { padding:20px 30px; }
	header .top-social li { margin:0 10px; }
}

@media screen and (max-width: 1024px) {
	header ul.nav > li a { padding:15px 25px; }
	header .top-social li { margin:0 5px; }
}

@media screen and (max-width: 800px) {
	.logo img { max-width:100%; height:auto; }
}

@media screen and (max-width: 640px) {
	/* #menu is the original menu */
	header ul.nav { display:none; }
	.slicknav_menu { display:block; }

	#articles article small,
	#articles article .looks,
	#articles article .looks-wrapper,
	#articles article .description,
	#articles article > h3,
	#articles article .share {
		display:none;
	}

	#articles article {
		margin-bottom:30px;
	}
}