/*
 Theme Name:   Urbanette Child
 Description:  Urbanette Child Theme
 Template:     urbanette
*/

/** add fonts **/
@font-face {
	font-family: "blockquotefont"; 
	/*src: url("fonts/blockquotefont.otf");*/
	src: url('https://www.urbanette.com/wp-content/themes/urbanette-child/fonts/blockquotefont.eot'); /* IE9 Compat Modes */
  	src: url('https://www.urbanette.com/wp-content/themes/urbanette-child/fonts/blockquotefont.woff2') format('woff2'),
         url('https://www.urbanette.com/wp-content/themes/urbanette-child/fonts/blockquotefont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/** global styles **/
blockquote p {
	font-size: 36px !important;
	font: 400 36px/36px 'blockquotefont', sans-serif !important;
	color: #444;
}
#content-area h2, #content-area h3, #content-area h4 {
	display: block;
}
#content-area ol li h1, #content-area ol li h2 {
	margin: 0;
}
#mc_embed_signup form {
	display: block;
	position: relative;
	text-align: left;
	padding: 10px 0 10px 3%;
}
#mc_embed_signup .mc-field-group input {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-indent: 2%;
}
#mc_embed_signup input {
	border: 1px solid #999;
}
#mc_embed_signup .mc-field-group {
	clear: left;
	position: relative;
	width: 96%;
	padding-bottom: 3%;
	min-height: 50px;
}
#mc_embed_signup .button {
	clear: both;
	background-color: #aaa;
	border: 0 none;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: 0 5px 10px 0;
	padding: 0 22px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
}
#mc_embed_signup .mc-field-group {
	min-height: 3.5em !important;
}
#nav-top-wrap {
	display: none;
}
.featured-shade {
    height: 250px !important;
}
ul.featured-items {
	height: 250px !important;
}

/** top-slider **/
div#featured-wrapper {
    height: 250px !important;
}
ul.featured-items li img {
	width: 415px;
	max-width: 415px;
}
.left-shade, .right-shade {
	height: 250px;
	display: none;
}
.featured-text h2, .featured-text h2 a {
    font-size: 30px !important;
}
.top-bar h3.home-widget-header {
	text-align: right;
	padding: 0px 11%;
	width: 78%;
	margin-bottom: 0%;
	margin-top: 0;
	line-height: 0.9em;
}
#content-main .home-full {
	box-shadow: 0 0 20px -10px #000 !important;
}
.page-template-page-fullwidth #content-wrapper {
	box-shadow: none !important;
}

/** home page customizations **/
ul.featured-items li img {
	opacity: 1;
}
.feat1-main-img {
	width: auto;
	float: left;
}
.feat1-main-img img {
	opacity: 1;
	margin: 0;
	-webkit-box-shadow: 0 0 25px -12px #000;
	box-shadow: 0 0 20px -12px #000;
}
#feat1-main-wrapper {
    width: 100%;
    overflow: visible !important;
}
#latestPostDesc {
	font-family: 'blockquotefont';
}
.feat1-main-text {
	position: relative;
	left: unset;
	border: unset;
	float: none;
	padding: 8% 5%;
}
.feat1-main-text p {
	font: 400 36px/36px 'blockquotefont' !important;
	color: #bb0168;
	text-align: left;
	padding: 0 10%;
}
.feat1-main-text h2{
	float: none;
	color: #000;
	text-shadow: unset;
	font-size: 34px;
	margin-bottom: 10%;
	text-align: center;
}
.comments-count {
	color: #bb0168;
	font: 500 12px/12px 'Raleway', sans-serif;
	text-transform: uppercase;
}
.feat1-main-bottom {
	position: absolute;
	bottom: 15px;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	width: 34%;
}
.feat1-main-info {
	float: left;
	width: 34%;
	background: #fff;
	/*position: relative;*/
	z-index: 99;
}
.author {
	color: #444;	
	font: 500 12px/12px 'Raleway', sans-serif;
}
.left-faced-arrow{
	position: absolute;
	left: 62%;
	top: 34%;
}
.nav-wrap-in {
	margin-left: 0;
	padding: 0% 10.5% 0 13%;
}
.home-widget h3.widget-cat {
	background-clip: padding-box !important;
}

/** post page customizations **/
.social-sharing-top.sticky-social {
	position: fixed;
	left: 0;
	width: auto;
	z-index: 9999;
}
.sticky-social .share-button > div {
	float: none;
}
.sticky-social a .social-comments {
	padding: 5% 0% 15% 0%;
    color: #fff;
    text-align: center;
}
.sticky-social a .facebook-share {
	background: #d42393;
}
.sticky-social a .twitter-share {
	background: #e655b4;
}
.sticky-social a .pinterest-share {
	background: #be0e87;
}
.sticky-social a .google-share {
	background: #d42393;
}
.sticky-social a .social-comments {
	background: #b1b1b2;
	display: inline-block;
	margin: 0 !important;
	width: 100%;
	height: auto;
}
.facebook-share, .twitter-share, .pinterest-share, .google-share {
	width: 100% !important;
}
.facebook-share p, .twitter-share p, .pinterest-share p, .google-share p {
	padding: 6px;
}
.social-comments p {
	padding: 6% 0 0 6% !important;
}
.share-button p {
	font: 400 11px/11px 'Oswald', sans-serif;
}
.share-button {
	font: 400 11px/11px 'Oswald', sans-serif;
}
.post-excerpt {
	color: #bb0168;
	font: 400 36px/36px 'blockquotefont', sans-serif;
}
#post-info {
	text-transform: uppercase;
	font: 500 12px/12px 'Raleway', sans-serif;
	color: #8f325c;
	text-align: right;
}
#post-info span.author {
	padding-right: 5%;
}
.author-name {
	font-style: normal !important;
	font: 400 32px/normal 'blockquotefont', sans-serif !important;
}
#post-area blockquote {
	border-left: none;
}
#post-area {
	/* font: 21px/30px georgia, 'times new roman', serif !important; */
	font-size: 20px !important;
	line-height: 1.45;
	letter-spacing: -.003em;
	font-family: georgia, 'times new roman', serif; 
}
#comments {
	font: 400 17px/17px 'Raleway', sans-serif !important;
}
#author-text {
	font: 300 16px/23px 'Raleway', sans-serif !important;
}
#content-area h3 {
	font-size: 21px !important;
}
#content-area h2 {
	font-size: 26px !important;
}

/** comments **/
.commentmeta .comment-meta-1 cite.fn {
    color: #444;
	font: 20px/normal 'blockquotefont', sans-serif;
	font-weight: normal !important;
}
#comments .comment-meta-1 cite .url {
	color: #8f325c;
}
#comments {
    font: 400 14px/normal 'Raleway', sans-serif;
}

/** end comments styles **/

.author-website a {
    float: right;
    font-size: 16px;
    position: relative;
    padding: 1.5%;
}
.wp-caption {
	margin-bottom: 0;
	padding-bottom: 0px !important;
}
.left, .alignleft {
    padding: 10px 15px 15px 0px;
}
.right, .alignright {
	padding: 10px 0px 15px 15px;
}

.pnl-first-page a {
	left: unset !important;
}
.pnl-last-page a {
	background: url('inc/custom/img/previous.gif?1426064151') !important;
	right: unset !important;
	left: 0 !important;
}

.prevNext-block {
    margin-left: 0;
	margin-right: 0;
    border: 3px solid #DEDCDF;
    padding: 1.5%;
}
.prevNext-block .post-thumbnail {
    width: 48%;
    height: 95px;
    overflow: hidden;
    float: left;
    padding-right: 2%;
	padding-top: 3%;
}
.prevNext-block .post-description {
    float: left;
    width: 50%;
	padding-top: 1%;
}
.prevNext-block .post-description {
	font-weight: lighter;
    text-transform: uppercase;
}
.prevNext-block .post-description span {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: 13px;
	margin-bottom: 6%;
}
.prevNext-block .post-description .title a {
    font: 400 13px/13px 'Raleway', sans-serif;    
    color: #444;
    line-height: 1.1em;
	height: 4.3em;
    overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 6%;
	width: 100%;
}
.prevNext-block .post-description .title a:hover {
    text-decoration: none;
}
.prevNext-block a.readpost {
	border: 1px solid #444;
	padding: 4% 11%;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Playfair Display', serif;
	margin: 8% 26% 0;
	transition: all 550ms ease;
	line-height: 1.3em !important;
	font-weight: 500;
}
.prevNext-block a.readpost:hover {
    text-decoration: none;
    background: #444;
    color: #fff !important;
}
.prevNext-block .post-sticker {
	width: 43%;
	position: absolute;
	margin-top: -2.5%;
	text-align: center;
}
.prev-post .post-sticker {
	left: 3%;
}
.next-post .post-sticker {
	right: 3%;
}
.prevNext-block .post-sticker h3 {
	width: 40%;
	background: #F00A71;
	color: #fff;
	text-transform: uppercase;
	display: inline;
	padding: 2% 3%;
	border: 3px solid #fff;
	font: 400 12px/12px 'Oswald', sans-serif;
}
.post-description .title {
	height: 4.3em;
	text-align: center;
}
.related-text a {
	font: 400 13.4px/13px 'Raleway', sans-serif;
	line-height: 1.2em;
	text-transform: uppercase;
	text-align: center;
}
.pager p {
    font: 400 16px/16px 'Oswald', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    padding: 6% 0;
}
ol.commentlist {
	margin-bottom: 3%;
}
img#loading_spinner {
	width: 50px;
	margin: 0 auto 4% auto;
}
#load_comments {
	padding: 3%;
	background: #D42393;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
}
#load_comments:hover {
	background: rgba(212, 35, 147, 0.85);
	transition: background 0.4s ease;
}
.logged-in-as a {
	font: 300 14px/20px 'Raleway', sans-serif;
}
.comment-notes {
    font: 300 14px/20px 'Raleway', sans-serif !important;
}
#commentform label {
    font: 300 14px/20px 'Raleway', sans-serif !important;
}
#respond #submit {
    padding: 2%;
    font: 400 14px/20px 'Oswald', sans-serif;
}
div#respond {
    margin-top: 5%;
}
#content-area ol { 
	color: #444;
	list-style: none;
}
ol {
	counter-reset: list-counter;
}
ol[start="2"] {
    counter-reset: list-counter 1;
}
ol[start="3"] {
    counter-reset: list-counter 2;
}
ol[start="4"] {
    counter-reset: list-counter 3;
}
ol[start="5"] {
    counter-reset: list-counter 4;
}
ol[start="6"] {
    counter-reset: list-counter 5;
}
ol[start="7"] {
    counter-reset: list-counter 6;
}
ol[start="8"] {
    counter-reset: list-counter 7;
}
ol[start="9"] {
    counter-reset: list-counter 8;
}
ol[start="10"] {
    counter-reset: list-counter 9;
}
ol[start="11"] {
    counter-reset: list-counter 10;
}
ol[start="12"] {
    counter-reset: list-counter 11;
}
ol[start="13"] {
    counter-reset: list-counter 12;
}
ol[start="14"] {
    counter-reset: list-counter 13;
}
ol[start="15"] {
    counter-reset: list-counter 14;
}
ol[start="16"] {
    counter-reset: list-counter 15;
}
ol[start="17"] {
    counter-reset: list-counter 16;
}
ol[start="18"] {
    counter-reset: list-counter 17;
}
ol[start="19"] {
    counter-reset: list-counter 18;
}
ol[start="20"] {
    counter-reset: list-counter 19;
}

#content-area ol li::before {
	content: counter(list-counter)".";
	counter-increment: list-counter;
	font: bold 21px/25px 'Oswald', sans-serif;
	margin-left: -4%;
	margin-top: 2.5px;
	float: left;
	padding-right: 1%;
}
#content-area ol li ul li::before {
	content: '';
	counter-increment: unset;
}
#content-area ol li strong {
	/*font: bold 16px/25px 'Oswald', sans-serif;*/
	color: #444;
}
#content-area ol li ul li strong {
	color: #444;
}
#content-area ol li h3 {
	margin: 0;
}
#content-area h1, #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6{
	clear: none;
}
.prevNext-block .wp-post-image {
	width: 125px;
	height: 90px;
}
.related-text, .related-text a, .related-image {
	float: unset !important;
	text-align: center;
}

/** category pages **/
.home-widget-header {
	letter-spacing: 10px !important;
}
.infinite-post a .split-img img.attachment-medium-thumb {
	height: 182px !important;
}

/** instagram footer **/
.ri-grid.apif-ri-grid {
	margin: 0;
	padding-top: 2%;
	background: #fff;
}

/* 404 error */
#post-404 #searchform {
	float: unset;
	margin: 0;
	clear: none;
}
#post-404 #searchform input {
	float: unset;
	font-size: 1.5em;
	height: 1.5em;
	margin-top: .5em;
}
#post-404 h1 {
	color: #8f325c;
}
#post-404 {
	color: #333;
}
#post-404 #searchform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #8f325c;
}
#post-404 #searchform input::-moz-placeholder { /* Firefox 19+ */
	color: #8f325c;
}
#post-404 #searchform input:-ms-input-placeholder { /* IE 10+ */
	color: #8f325c;
}
#post-404 #searchform input:-moz-placeholder { /* Firefox 18- */
	color: #8f325c;
}

/* ######## RESPONSIVE CSS ######## */ 
@media all and (-ms-high-contrast: none) {
	#related-posts ul li{
		margin-left: 5px !important;
	}
	*::-ms-backdrop, #related-posts ul li{
		margin-left: 5px !important;
	}
	#related-posts ul li:first-child {
		margin-left: 0;
	}
	#author-text {
		padding: 0 0 0 2%;
	}
	#author-info img {
		margin-right: 0px;
	}
	
}
@supports (-ms-ime-align: auto) {
	#related-posts ul li{
		margin-left: 5px !important;
	}
	#related-posts ul li:first-child {
		margin-left: 0;
	}
	#author-text {
		padding: 0 0 0 2%;
	}
	#author-info img {
		margin-right: 0px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#related-posts ul li{
		margin-left: 5px !important;
	}
	#related-posts ul li:first-child {
		margin-left: 0;
	}
	#author-text {
		padding: 0 0 0 2%;
	}
	#author-info img {
		margin-right: 0px;
	}
}

@media screen and (max-width:408px){
	.prevNext-block .post-sticker h3 {
		padding: 0% 1% !important;
	}
}

@media screen and (max-width: 479px) {
	#logo-small {
		max-width: 141px !important;
	}
	.home-list-img img.attachment-list-thumb.size-list-thumb {
		width: 100% !important;
	}
	#home-main {
        width: 88% !important;
    }
    #home-main {
        padding: 10px 6% !important;
    }
}

@media screen and (max-width: 535px) {
	.facebook-share, .twitter-share, .pinterest-share, .google-share{
		height: 20px;
	}
	.share-button div span {
		width: 14px;
		height: 18px;
		background-size: cover;
	}
	.fb-but1 {
		background: url(inc/images/social-sharing.png) 0 0;
		margin-left: -3px;
	}
	.twitter-but1 {
		background: url(inc/images/social-sharing.png) -26px 0;
	}
	.pinterest-but1 {
		background: url(inc/images/social-sharing.png) -47px 0;
	}
	.google-but1 {
		background: url(inc/images/social-sharing.png) -68px 0;
	}
	.sticky-social a .social-comments {
		text-align: left !important;
	}
	.paged-post .pager {
		margin-top: 2.5em;
	}
}
@media screen and (max-width: 599px) and (min-width: 480px){
	.feat1-main-text h2 {
		font-size: 30px !important;
	}
	.feat1-main-bottom {
		position: relative;
	}
	.facebook-share, .twitter-share, .pinterest-share, .google-share {
		margin: 0 0px 5px 0 !important;
	}
}

@media screen and (max-width: 600px) {
	.prevNext-block a.readpost {
		margin: 4% 20% 0;
	}
	.prevNext-block .post-thumbnail {
		padding-top: 5%;
	}
	.prev-post a, .next-post a {
		margin-top: 0%;
	}
	.prevNext-block a.readpost {
		margin: 5% 22% 0 !important;
	}
	.top-bar h3.home-widget-header {
		padding: 0px 13%;
	}
	.featured-text h2 {
		font-size: 30px;
	}
	.top-bar h3.home-widget-header {
		padding: 0 !important;
		width: 101.3% !important;
	}
	.fly-but-wrap.left {
		margin-left: 0px !important;
	}
}

@media screen and (min-width: 600px) and (max-width: 623px){
    #home-main {
        padding: 5% !important;
    }
	#nav-inner {
        padding: 0 3% !important;
    }
}
@media screen and (min-width: 600px) and (max-width: 999px){
    .nav-wrap-out {
        right: 2% !important;
    }
}

@media screen and (max-width: 767px){
	.prev-next-wrapper {
		padding: 0 15%;
		width: 70%;
	}
	.prevNext-block {
		height: 122px;
		float: none;
		width: 100%;
		border: none;		
	}
	.prevNext-block:first-child {
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 6%;
	}
	.prevNext-block a.readpost {
		margin: 4% 27% 0;
	}
	.next-post .post-sticker {
		left: 3%;
	}
	.prevNext-block .post-sticker {
		width: 100%;
	}
	.prevNext-block .post-sticker h3 {
		padding: 1% 1%;
	}
	.left-faced-arrow {
		display: none;
	}
	.feat1-main-info {
		position: absolute;
		width: 100%;
		bottom: 0;	
	}
	.feat1-main-text p {
		display: none;
	}
	.feat1-main-text h2 {
		font-family: 'Vidaloka', serif !important;
		font-size: 40px;
		text-shadow: 1px 1px 5px rgba(0,0,0,.4);
		color: #fff !important;
		margin-bottom: 10px;
	}
	.feat1-main-bottom {
		width: 100%;
	}
	.feat1-main-bottom span.author {
		color: #666;
	}
	.feat1-main-info{
		background: transparent;
	}
}

@media screen and (max-width: 999px){
	.nav-wrap-in {
		padding: 0% !important;
	}
	.top-bar h3.home-widget-header {
		padding: 0 !important;
		width: 99%;
	}
	.fly-but-wrap.left {
		margin-left: 2.5%;
	}
}

@media screen and (max-width: 600px) and (min-width: 360px){
	ul.featured-items li img {
		margin-left: -50px !important;
	}
}

@media screen and (max-width: 1002px) and (min-width: 768px) {
	.left-faced-arrow {
		left: 53%;
	}
	#feat1-main-wrapper{
		width: 100% !important;
	}
	.feat1-main-info {
		width: 42.2%;
	}
	.feat1-main-img {
		width: 57.8% !important;
	}
	.feat1-main-bottom {
		bottom: 5px;
		width: 42.2%;
	}
	.feat1-main-text h3 {
		display: none;
	}
}


@media screen and (min-width : 1003px) {
	.fly-but-wrap {
		display: none;
	}
	.feat1-main-text h3 {
		display: none;
	}
}
@media screen and (max-width: 1230px){
	.share-button div p {
		display: none !important;
	}
	.share-button div {
		width: 100%;
	}
	.sticky-social a .social-comments {
		text-align: center;
		height: 1em;
		padding: 30% 0;
	}
	    
}