/*
Theme Name: pmo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pmo
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.fixed-to-top {
	z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Vlad Styling
--------------------------------------------------------------*/
#illuContainer {
	position: relative;
	width: 100%;
}

#pmoIllu {
	position: absolute;
	z-index: 10;
	width: 150px;
	left: 0;
	top: -80px;
}

#theLogo {
	margin:0 auto 15px;
	max-width: 600px;
}

@media (max-width:1120px) {
	#pmoIllu {
		width: 140px;
		left: 10px;
		top: -70px;
	}
	#theLogo {
		width: 500px;
	}
}

@media (max-width:992px) {
	#theLogo {
		width: 400px;
	}
	#pmoIllu {
		left: 140px;
		top: -50px;
		width: 120px;
	}
}

@media (max-width:768px) {
	#pmoIllu {
		left: 0;
    right: 0;
    top: -40px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
	}
	#theLogo {
		width: 250px;
	}
}


.image-link {
	text-align: center!important;
}

.image-link img {
	margin: 0 auto;
}

#site-container {
	max-width: 1500px;
	margin: 0 auto;
}

@media only screen and (min-width: 993px){
	.container {
	    width: 90%;
	}
}

@media only screen and (max-width: 993px){
	sidebar {
		display: none;
	}
}

/* #center-menu a, .categoryName, .list-read-more, */
h1, h2, h3, h4, h5, .post-date, .home-slider-read-more, .nav-links a {
	font-family: 'Playfair Display', serif;
}

h1 {
	font-size: 2.8rem
}

h2 {
	font-size: 2.5rem
}

center, .p1, .p2, .s1, .s2 {
	text-align: center;
}

article a, h1 a, h2 a, h3 a, h4 a {
	color: #212121;
	transition: all .2s ease-out;
}

article a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: #616161;
}


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

#collapseSearch {
	display: none;
	padding:10px;
	background-color: #fafafa;
	height: 170px;
}

#top-nav {
	box-shadow: none;
	border-bottom: 1px solid #d4d4d4;
}

#top-nav a {
	color: #000;
	transition: all 0.2s ease;
	text-transform: uppercase;
	font-family: 'din', sans-serif;
}

#top-nav a:hover,
#top-nav a:focus,
#top-nav a:active {
	color: #616161;
	background-color: transparent;
}

#topOfMobileNav {
	height: 20px;
}

#mobile-demo li a {
	/* font-family: 'Playfair Display', serif;
  font-weight: 600; */
}

#closeSearch {
	float:right;
}

#center-menu {
	position: relative;
	z-index: 9;
	width: 100%;
	padding: 0 10%;
}

#center-menu ul {
  list-style:none;
  padding:0;
  margin: 0;
	width: 100%;
}

#center-menu ul li {
  display: inline-block;
	width: 11.11%;
	text-align: center;
}

#center-menu .menu-container {
	position: absolute;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14);
	padding: 15px 15px 0;
	top: 64px;
	left: 0;
	width: 100%;
	height: auto;
	background: #fff;
	display: none;
}
/*
#center-menu ul li:hover > .menu-container {
	visibility: visible;
  opacity: 1;
	transition: all 0.2s ease-in-out;
} */

label {
	color: #424242 !important;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #424242;
    box-shadow: 0 1px 0 0 #424242;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#shopping-bag-logo{
	display: inline-block;
	height: 30px;
	margin-bottom: -5px;
}

.post-text-container {
	align-self: center;
}
.post-content {
	max-width: 900px;
  margin: 0 auto;
}

/*-----------------------
Slick Sliders
--------------------------*/
#homeSlider {
		width: 100%;
		height: 400px;
		cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#postThumbnail {
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-attachment: fixed;
	position: relative;
	image-rendering: -webkit-optimize-contrast;
}

#postTilteContainer {
	position: absolute;
	bottom: -1px;
	width: 70%;
	margin-left: 15%;
	text-align: center;
	background-color: #fff;
}

#homeSlider:active {
	cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

#instafeed {
	width:90%;
	margin-left: 5%;
	max-width: 300px;
	text-align: -webkit-center;
}

#instafeed img {
	max-width: 270px;
	max-height:270px;
}


#instafeed-icon {
	position: absolute;
	z-index: 200;
	color: #fff;
	margin: 10px 30px;
	font-size: 25px;
}

#instafooter-container {
	padding-top: 50px;
	/* padding-bottom: 50px; */
	border-top: 1px solid #e6e4e7;
	/* border-bottom: 1px solid #e6e4e7; */
}

footer {
	position: relative;
	z-index: 2;
}

.home-slide {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
	height: 400px;
}

.look-slide {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
	height: 300px;
}

.post-img-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
	height: 550px;
	display: block;
}

.search-img-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
	height: 300px;
	display: block;
}

.search-text-container {
	height: 250px;
}

.postExcerptContainer {
	overflow: hidden;
}

@media only screen and (max-width: 600px){
	.post-img-container {
		height: 300px;
	}
	.search-img-container {
		height: 250px;
	}
}

.btn-line {
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #000;
	box-shadow: none;
	padding: 0 0 0 1em;
}

.btn-line:hover {
	background-color: rgba(0,0,0,0.1);
	box-shadow: none;
	padding: 0 .5em 0 1.5em;
}

.home-slider-read-more {
	background-color: rgba(0,0,0,0.8);
  margin-top: 310px;
  color: #fff;
  padding: 15px 30px;
  transition: all .2s ease-out;
  font-size: 20px;
}

.home-slider-read-more:hover {
	color: #fff;
	background-color: #000;
}

/*----------------------------
Slick
------------------*/

.slick-next {
  right: 10px;
	z-index: 3;
}

.slick-prev {
  left: 10px;
	z-index: 3;
}

.slick-next:before, .slick-prev:before {
    font-size: 25px;
}



.widget-title {
	text-align: center;
	font-size: 1.8em;
}

.post-category-title {
	font-size: 1.5em;
	font-weight: 100;
	margin: 0.3em;
	font-family: 'din', sans-serif;
}

.post-category-title a {
	color: #414141;
}

.post-categories-title,
.postDate {
	font-size: 1.4em;
}

.post-listing-title {
	font-size: 2.5em;
	margin: 0.4em;
}

.categoryLinks {

}

.list-read-more {
	padding: 10px 20px;
	border:1px solid #000;
	text-transform: uppercase;
	transition: all .2s ease-out;
	color: #000;
}

.list-read-more:hover {
	padding: 10px 30px;
	border:1px solid #000;
	background-color: #000;
	color: #fff;
}

.post-date {
	text-transform: capitalize;
	margin-bottom: 30px;
}

.post-excerpt {
	max-width: 80%;
  margin: 0 auto;
}

/*---------------------
Social
-------------------*/
#social-container {
	position: absolute;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
	padding: 10px;
	top: 662px;
	z-index: 200;
	box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.14);
}

#social-container li a {
	line-height: 40px;
	color: #414141;
}

.sub-menu-image-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
	height: 200px;
	display: block;
}

.adjacentPostImageContainer {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
	height: 300px;
	display: block;
}

.post-navigation,
.post-comments,
.post-footer {
	margin-top: 20px;
	border-top: 1px solid #d4d4d4;
}

.adjacentPostLink {
	font-size:.7em;
}

.posts-navigation {
	background-color: transparent;
	box-shadow: none;
}

.posts-navigation a {
	padding: 10px 20px;
	border:1px solid #000;
	text-transform: uppercase;
	transition: all .2s ease-out;
	color: #000;
}

.posts-navigation a:hover {
	border:1px solid #000;
	background-color: #000;
	color: #fff;
}

.posts-navigation .nav-previous,
.posts-navigation .nav-next {
	width: 50%;
	margin: 0;
	padding: 15px;
}

.posts-navigation .nav-next {
	float:left;
}

.posts-navigation .nav-previous {
	text-align: right;
	float:right;
}


.posts-navigation h2 {
	display: none;
}

@media screen and (max-width:600px) {
	.posts-navigation .nav-previous, .posts-navigation .nav-next {
		width: 100%;
		text-align: center;
	}
	.search-text-container {
    height: auto;
	}
}

#adsense-block {
	margin: 0 auto;
	width:90%;
	max-width: 700px;
}

/* Shop Style */
.stp-outer,
.lb-outer {
	background-color: #fff!important;
	padding: 10px!important;
}

.bo-garden {
	margin: 0 auto!important;
	margin-top: 30px!important;
}

.com-block {
	background-color: #fff;
	padding-bottom: 30px;
}

#new-in-title {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Footer */
#page-footer {
	background-color: #fff;
}

/* Single */
.single-content {
	text-align: center;
	width:100%;
	max-width: 900px;
	margin: 0 auto;
	line-height: 1.8em;
}

.single-content img {
	text-align: center;
	margin: 0 auto;
}

/* search Results */
#search-results-label {
	font-size: 1.5em;
}


/* Popin */
#topOfSite {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 10px;
	z-index: 99999999999;
}

#popin {
	position: fixed;
	display: none;
	bottom: 15px;
	left: 0;
	width: 100%;
	z-index: 300;
}

#popin-grey {
	background-color: #212121;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

#hidePopin {
	font-size: 2em;
  display: block;
  color: #fff;
  text-align: right;
  padding: 20px 30px;
  cursor: pointer;
}

#popinText {
	font-size: 1.3rem;
}

.popinIcon {
	color: #fff;
}

.popinIcon i {
	font-size: 3rem;
	margin-bottom: 10px;
}