/*  Woo Custom Stylesheet
Theme Name:     mona lucero
Description:    Canvas child theme for test.monalucero.com
Author:         Brett Blevins - Claro Systems
Author URI:     https://www.clarosystems.com/
Version:        3.4
Changelog:      2.0 Initial version 2014,0619
		3.0 Home with full-bleed bg image 2014,0903
		3.1 Top menu on all pages except home, which gets primary menu
		3.2 Automatic insertion of current year into Woo shortcode
		    [site_copyright]
		3.3 Change home bg image 2015,1118
		3.4 Change home bg image 2016,0406
*/

/* Show bg image only on home */
body.home {
   background-color: #c9c8c6;
/*	background-image: url('http://test.monalucero.com/wp-content/uploads/2015/03/Home-Page-Mona-Lucero-White-Gown-photo-Ken-Hamblin-1.jpg');
	background-image: url('http://test.monalucero.com/wp-content/uploads/2015/11/mona-lucero-long-edie-gown-photo-david-schults-bg.jpg');
	background-image: url('http://test.monalucero.com/wp-content/uploads/2015/12/mona-lucero-gossamer-gown-outside-bg.jpg');
 */
   background-image: url('https://test.monalucero.com/wp-content/uploads/2016/04/Mona-Lucero-Home-Red-Black-Circle-Skirt-Ensemble-2-1800x1192.jpg');
   background-repeat: no-repeat;
   background-position: center top;
   background-attachment: scroll;
}

/* Top menu on all pages except home */
/* top nav menu (and then Canvas Header Margin Top increase from 10 to 20) */
/* .full-width #top { box-shadow: 0px 1px 1em rgba(0, 0, 0, 0.1); } */
/* #top { box-shadow: 0px 1px 1em rgba(0, 0, 0, 0.1); } */
#top { border-bottom: 1px solid #484848 !important; }

/* except on home */
.home.full-width #top { box-shadow: none; }
.home #top { box-shadow: none; }
.home #header {
	margin-top: 10px;
	height: 88px;
}
.home #top-nav { display: none; }

/* top nav home link */
ul.nav li#menu-item-2003 a { padding-left: 0; }

.nav li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.nav li:hover,
.nav li.hover {
	position: relative;
}

.nav li ul li {
	left: 0;
}

/* Reduce menu padding */
ul.nav li a {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}

#nav-container { margin-bottom: 0; }

/* Layout specific to home */
.home #nav-container { float: right; }

/* Sizes and colors specific to home */
.home #logo .site-title,
.home #logo .site-title a {
	font: 300 70px/1em "Oswald",arial,sans-serif !important;
	line-height: inherit;
	margin-bottom: 5px !important;
}

#logo .site-title,
#logo .site-title a {
	margin-bottom: 2px !important;
}

#logo .site-description {
	letter-spacing: 4.8px;
	padding-left: 2px;
}

.home #logo .site-description {
	font: 300 17px/1em "Oswald",arial,sans-serif !important;
	letter-spacing: 7.3px;
	padding-left: 4px;
	word-spacing: 6px;
}

.home #top ul.nav li a,
.home #logo .site-title a,
.home #logo .site-description { color: #fff; }

/* Match site title to nav */
.home #logo .site-title a:hover {
	color: #ff0057; /* #F31A57 */
	text-decoration: none;
}

/* Logo left-aligned with top menu */
#logo {
	float: left;
	margin: 3px 0 10px 0;
}

/* align cart icon with RSS icon */
#navigation .cart {
	margin-top: -10px;
}

/* hide primary nav bar & icons on home */
/*
.home #navigation .side-nav { display: none; }
*/

#content { padding-bottom: 0; }

/* hide page title on home */
.home header h2.title { display: none; }

/* only post titles get the link color */
.post .title a:link,
.post .title a:visited { color: #B4241A; }

.post .title a:hover { color: #808080; }


/* home page menu and spacer */
#homey {
	padding: 185px 12px 475px 0;  /* 435 when another menu item returns */
	text-align: right;
}
#homey p {
	font: 300 36px/0.3em "Oswald",arial,sans-serif; /* 56 */
	text-shadow: 0.1em 1px 0.1em #000 !important;
}
#homey p a:link,
#homey p a:visited {
	color: #fff;
	text-decoration: none;
}
#homey p a:hover,
#homey p a:active {
	color: #ff0057;
	text-decoration: none;
}

/* Hide "Comments are closed" message */
.nocomments {
	display: none;
}

.post-meta a:link,
.post-meta a:visited,
.post p.tags a:link,
.post p.tags a:visited,
.post-entries a:link,
.post-entries a:visited {
	font-weight: normal;
	color: #b4241a;
}

.post-meta a:hover,
.post p.tags a:hover,
.post-entries a:hover {
	color: #484848;
	text-decoration: underline;
}

/* date in post meta */
abbr { border-bottom: none; }

.post,
.search .page {
	border-bottom: solid 1px #ededec;
	padding-bottom: 30px;
}

/* WooCommerce was setting this to 10 */
#fancybox-outer {
	padding: 0;
}

.entry .wp-caption {
	background: none;
	border: none;
	box-shadow: none;
}

.entry .wp-caption-text {
	padding-top: 4px;
}


/* Sidebar
========================================================================
*/
#wrapper #sidebar { margin-top: 90px; }
/* Except on shop */
.woocommerce-page #wrapper #sidebar { margin-top: 0; }

.widget_recent_comments li { border-bottom: none; }

/* Unbold the "N responses to ..."
   and "Leave a Reply" */
#comments h3,
#respond h3 { font-weight: 200; }

/* Categories widget */
.widget.widget_categories ul {
	list-style-type: none;
/* abandoned with narrower sidebar
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	font-size: 10px !important;
*/
}

/*--------[ Recent Posts Widget Extended ]--------*/
.rpwe-block h3 {
	border-bottom: none !important;
	padding-bottom: 0;
}
.rpwe-block .rpwe-thumb {
	border-color: #484848 !important;
	padding: 0 !important;
}
.rpwe-time { color: #484848 !important; }
/*----[ End of Recent Posts Widget Extended ]------*/

/*--------[ Advanced Random Posts Widget ]--------*/
/* Styles documented at
   http://wordpress.org/plugins/advanced-random-posts-widget/faq/
*/
/* wrapper */
#arpw-random-posts { padding-bottom: 25px; }

.widget ul.arpw-ul { list-style: none outside none; }

.arpw-li {
	clear: both;
	margin-top: 10px;
}

.arpw-title {}

.arpw-thumbnail {}

/* date */
.arpw-time { display: block; }

/* excerpt */
.arpw-summary {}
/*--------[ End of Advanced Random Posts Widget ]--------*/

/*-------------[ WP Instagram Widget ]------------*/
.widget ul.instagram-pics { list-style: none outside none; }

.widget ul.instagram-pics li a img {
	max-width: 40%;
	float: left;
	padding: 0;	/* 0 10px 10px 0 */
	margin: 0 15px 15px 0;
	border: solid 1px #484848;
}

.widget.null-instagram-feed p.clear { clear: left; }
/*--------[ End of WP Instagram Widget ]----------*/

/*--------------[ Pinterest Widgets ]-------------*/
#sidebar .widget_pw_board_widget .pw-wrap.pw-widget.pw-board-widget img {
	border: solid 1px #484848 !important;
}

/*---------[ End of Pinterest Widgets ]-----------*/

/* Black text on red unreadable. Make it white. */
#comments .comment .reply a { color: #fff !important; }

/* Red (required) in comments is same color as a link, but it's not one */
#respond span.required { color: #777; }

/*--------[ Fast Secure Contact Form ]--------*/
/* Alignment DIVs */
.fscf-div-form              { width:99%; max-width:300px; }
.fscf-div-left-box          { float:left; width:55%; max-width:270px; }
.fscf-div-right-box         { float:left; width:235px; }
.fscf-div-clear             { clear:left; }
.fscf-div-field-left        { clear:left; float:left; width:99%; max-width:550px; margin-right:10px; }
.fscf-div-field-prefollow   { clear:left; float:left; width:99%; max-width:250px; margin-right:10px; }
.fscf-div-field-follow      { float:left; padding-left:10px; width:99%; max-width:250px; }
.fscf-div-label             { text-align:left; padding-top:5px; }
.fscf-div-field             { text-align:left; padding-bottom: 10px; }
.fscf-div-captcha-sm        { width:175px; height:50px; padding-top:2px; }
.fscf-div-captcha-m         { width:250px; height:65px; padding-top:2px; }
.fscf-image-captcha         { border-style:none; margin:0; padding:0; padding-right:5px; float:left; }
.fscf-image-captcha-refresh { border-style:none; margin:0; padding:0; vertical-align:bottom; }
.fscf-div-submit            { text-align:left; clear:both; padding-top:15px; }
.fscf-fieldset              { border:1px solid black; width:99%; max-width:550px; padding:10px; }

img.fscf-image-captcha { border: 1px solid #ddd !important; padding:0; }
.entry img.fscf-image-captcha-refresh {
	border: none !important;
	padding-left: 10px !important;
}

/* Labels, fields, and text */
.fscf-required-indicator { text-align:left; }
.fscf-required-text      { text-align:left; }
.fscf-hint-text          { font-size:x-small; font-weight:normal; }
.fscf-div-error          { text-align:left; color:red; }
.fscf-div-redirecting    { text-align:left; }
.fscf-fieldset-field     { border:1px solid black; width:97%; max-width:550px; padding:10px; }
.fscf-label              { display:inline; }
.fscf-option-label       { display:inline; padding-right: 15px; }
.fscf-input-text         { text-align:left; margin:0; width:99%; max-width:250px; background-color: #e3e3e3; /* #ececec */ }
.fscf-input-captcha      { text-align:left; margin:0; width:90px; /* 50px */ background-color: #e3e3e3; /* #ececec */  }
.fscf-input-textarea     { text-align:left; margin:0; width:99%; max-width:250px; height:120px; background-color: #e3e3e3; /* #ececec */  }
.fscf-input-select       { text-align:left; }
.fscf-input-checkbox     { width:13px; }
.fscf-input-radio        { width:13px; }
.fscf-button-submit      { cursor:pointer; margin:0; }
.fscf-button-reset       { cursor:pointer; margin:0; }
.fscf-button-vcita       { text-decoration:none; display:block; text-align:center; background:linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); color:#fff !important; padding:10px; }
.fscf-button-div-vcita   { border-left:1px dashed #ccc; margin-top:25px; height:50px; padding:8px 20px; }

/* Placeholder Style - WebKit browsers - Safari, Chrome */
::-webkit-input-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Mozilla Firefox 4 - 18 */
:-moz-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Mozilla Firefox 19+ */
::-moz-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Internet Explorer 10+ */
:-ms-input-placeholder { opacity:0.6; color:#333333; }

/* Fancy WebKit focus ring */
:focus {
	outline: -webkit-focus-ring-color auto 5px;
}
/*--------[ End of Fast Secure Contact Form ]--------*/

/* Subscribe & Connect at the end of posts */
#connect { border-top: 1px solid #ededec !important; }


/*-------------------[ Lookbook ]--------------------*/
#lookbook-index div.wp-caption {
	border: none;
	background: none;
}

/* #lookbook-index a img:hover { opacity: 0.7; }
All image links */
a img:hover { opacity: 0.7 !important; }

.entry #lookbook-index .wp-caption-text {
	font: 300 15px/1em "Oswald",arial,sans-serif;
	padding-top: 6px;
}
.cycloneslider-template-thumbnails .cycloneslider-caption-title {
	font: 300 17px/1em "Oswald",arial,sans-serif;
}
.cycloneslider-template-thumbnails .cycloneslider-caption-description {
	font: 300 14px/1em "Oswald",arial,sans-serif;
}


.cycloneslider-template-thumbnails .cycloneslider-slide,
.cycloneslider-template-thumbnails.cycloneslider-thumbnails li { background-color: #000 !important; }

.cycloneslider-template-thumbnails.cycloneslider-thumbnails li {
	height: 100%;
	border: 1px solid #555;
}

.cycloneslider-template-thumbnails.cycloneslider-thumbnails li:hover,
.cycloneslider-template-thumbnails.cycloneslider-thumbnails li.current {
	border-color: #ff0808;
}

.entry img,
img.thumbnail,
#portfolio .group.portfolio-img img,
.woocommerce .images img,
ul.products li.product a img,
.widget ul.product_list_widget li img,
table.cart img {
	padding: 0 !important;
	border: 1px solid #555 !important;
}

/* logo image */
img[alt="Mona Lucero logo"] {
	margin-left: 0;
	padding: 1px;
	background: none;
	border: none !important;
}

.cycloneslider-template-thumbnails.cycloneslider-thumbnails img { border: none; }

/*---------------------[ Shop ]----------------------*/
.entry table thead th,
.entry table tbody th {
	font-family: "Oswald",arial,sans-serif;
	font-weight: 300;
	text-transform: initial;
}

.woocommerce .images .thumbnails {
	padding-top: 5px;
}

/*------------------[ Size Charts ]------------------*/
.entry table.size-chart {
	border-radius: 0;
	border: 1px solid #bcbcbc;
	box-shadow: none;
}

.entry table.size-chart caption {
	font: 300 16px/1em "Oswald",arial,sans-serif;
	padding-bottom: 5px;
}

.woocommerce-tabs #tab-description h3 {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Buttons all over */
body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .reply a,
body #wrapper #content #respond .form-submit input#submit,
input[type="submit"],
#navigation ul.cart .button {
	font-family: "Oswald",arial,sans-serif;
}

/*--------------------[ Footer ]---------------------*/

/* Hide empty footer widget container on home */
.home #footer-widgets-container { display: none; }

#footer-widgets-container {
	margin-top: 20px;
	background-color: #f0f0f0;
}
/* While only 1 footer widget, no bg
#footer-widgets-container { background: none; }
*/

/* MailChimp signup form */
#mc_embed_signup {
	background: none !important;
	font: 12px/1.5em Trebuchet MS,Tahoma,sans-serif !important;
}
#mc_embed_signup form {
	padding: 0 0 10px 0 !important;
}
#mc_embed_signup label {
	font-size: 12px !important;
	font-weight: normal !important;
}
#mc_embed_signup input.email {
	width: 90% !important;
}
#mc_embed_signup input.button {
	background-color: #B4241A;
	font-family: "Oswald",arial,sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.618em;
}

/* Subscribe / Connect / Follow Widget 0.5.7 (colored social icons) */
.widget.scfw {
	width: auto;
	padding-top: 0;
	padding-left: 19px;
}

.widget.scfw h3 {
	margin-bottom: 0.2em;
	padding-bottom: 0.4em;
}

.widget.scfw ul.scfw_24px li {
	margin-left: 10px !important;
}

/* 0.85 transparency to footer */
/* #footer-container { background-color: rgba(0, 0, 0, 0.85) !important; }*/

/* footer link colors */
/*
#footer-container a:link,
#footer-container a:visited { color: #ccc; }
*/

#footer-container a:hover,
#footer-container a:active { color: #333; }

#footer-widgets .block .scfw { float: right; }


/* Desktop Styles: only applied to desktop layout >=768
========================================================================
*/
@media only screen and (min-width: 768px) {

	#top-nav { left: 250px;	} /* 285 with shop */

	.nav li { right: 50%; }

	/* top nav home link */
	ul.nav li#menu-item-2003 a { padding-left: 25px; }

	/* header text widget containing logo (on all pages except Home) */
	.header-widget #text-2 {
		text-align: center;
		width: 150px;
		margin-top: -59px;
		background-color: #fff;
		float: right;
	}
	/* header text widget containing logo (only on Home) */
	.home .header-widget #text-9 {
		text-align: center;
		width: 150px;
		margin-top: 0;
		background-color: transparent;
		float: right;
	}

	/* 4-col Lookbook */
	#lookbook-index-4 div.wp-caption {
		width: 22% !important;
	}

	/* 3-col Lookbook */
	#lookbook-index div.wp-caption {
		width: 30% !important;
	}

	/* shop */
	ul.products li.product { min-height: 330px; }

	/* Lightweight Social Icons (while 1 footer) */
	.widget .lsi-social-icons { margin: 0 -13px 0 0 !important; }

} /* End of Desktop Styles >=768px */


/* Desktop Styles: only applied to desktop layout >=980
========================================================================
*/
@media only screen and (min-width: 980px) {

	#top-nav { left: 275px;	}	/* 231 without shop	*/

	/* top nav home link */
	ul.nav li#menu-item-2003 a { padding-left: 3px; }

} /* End of Desktop Styles >=980px */



/* Desktop Styles: only applied to desktop layout >925 & <=1003
========================================================================
*/
@media only screen and (min-width: 926px) and (max-width: 1003px) {

/*
	#lookbook-index div.wp-caption {
		padding: 0px 4% 10px 0;
	}
*/
/* except last ones on right */
/*	#lookbook-index div#attachment_2244.wp-caption,
	#lookbook-index div#attachment_2302.wp-caption {
		padding-right: 0;
	}
*/
} /* End of Desktop Styles >925 & <=1003 */


/* Desktop Styles: only applied to desktop layout >1003px
========================================================================
*/
@media only screen and (min-width: 1004px) {

/*	#header {
		background: url('http://test.monalucero.com/wp-content/uploads/2014/10/MonaLucero_LogoButterflyHeartBWinv.png') no-repeat 343px center !important;
		height: 129px;
	}
*/
	/* Except on home */
	.home #header { background: none !important; }

/*	#lookbook-index div.wp-caption {
		padding: 0px 40px 10px 0;
	}
*/
/* except last ones on right */
/*	#lookbook-index div#attachment_2244.wp-caption,
	#lookbook-index div#attachment_2302.wp-caption {
		padding-right: 0;
	}
*/
} /* End of Desktop Styles >1003px */






/* Desktop Styles: only applied to desktop layout >=768 & <=1003
========================================================================
*/
@media only screen and (min-width: 768px) and (max-width: 1003px) {

/*
	#header {
		background: url('http://test.monalucero.com/wp-content/uploads/2014/10/MonaLucero_LogoButterflyHeartBWinv.png') no-repeat 343px center !important;
		height: 129px;
	}
*/
	/* Except on home */
	.home #header { background: none !important; }

	/* Hide until fill out
	On second thought, just turn them off
	#footer-widgets .block.footer-widget-1,
	#footer-widgets .block.footer-widget-2 { display: none; }
	*/

	.col-left {
	    float: left;
	}

	.col-right {
	    float: right;
	}

} /* End of Desktop Styles >=768 & <=1003 */



/* Mobile Styles: mobile widths <768px
========================================================================
*/
@media only screen and (max-width: 767px) {

	body.home { background-position: -384px 36px; }

	.home #header {
		/* transparent banner on home */
		/* background-color: rgba(0, 0, 0, 0.67) !important;	not needed with white bg image */
		margin-top: 0;
		height: 185px;
	}

	/* Hide the mobile menu label after it opens */
	#navigation section.menus h3 { display: none; }

	#nav-container { margin-bottom: 1em; }

	/* Vertical mobile nav menu */
	.nav li { float: none; }

	#navigation ul#top-nav {
		font: 300 20px/1.8 "Oswald",arial,sans-serif;
	}

	/* home on mobile nav menu */
	ul.nav li#menu-item-2003 a { padding-left: 18px; }

	ul.nav li.current_page_item a,
	ul.nav li.current_page_parent a,
	ul.nav li.current-menu-ancestor a,
	ul.nav li.current-cat a,
	ul.nav li.current-menu-item a,
	ul.nav li a:hover	{ color: #B4241A;	} /* dark red */

	/* Hide until fill out
	On second thought, just turn them off
	#footer-widgets .block.footer-widget-1,
	#footer-widgets .block.footer-widget-2,
	#footer-widgets .block.footer-widget-3 { display: none; }
	*/

	#footer-widgets .block .scfw { float: left; }

	.widget.scfw {
		padding-top: 0;
		padding-left: 0;
	}

	.widget.scfw ul.scfw_24px {
		text-align: left !important;
	}

	.widget.scfw ul.scfw_24px li {
		margin-left: 0 !important;
		margin-right: 10px !important;
	}

	/* Lightweight Social Icons Widget 0.2  */
	.header-widget .widget_lsi_widget {
		padding-top: 0;
		text-align: left !important;
	}
	.widget_lsi_widget .lsi-social-icons {
		text-align: left !important;
	}

	/* padding at bottom of transparent banner on home */
	.home .widget.scfw ul.scfw_24px {
		padding-bottom: 10px !important;
	}

	/* logo image */
	img[alt="Mona Lucero logo"] { margin-top: 30px; }

	/* home page menu and spacer */
	#homey {
		padding: 90px 12px 445px 0;
		text-align: left;
	}

	#content { padding-top: 0; }

	lookbook-index div.wp-caption {
		width: 100% !important;
	}

	.cycloneslider-template-thumbnails .cycloneslider-caption-title {
		font: 300 15px/1em "Oswald",arial,sans-serif;
	}
	.cycloneslider-template-thumbnails .cycloneslider-caption-description {
		font: 300 12px/1em "Oswald",arial,sans-serif;
	}

	/* shop */
	ul.products li.product { min-height: 310px; }

	#footer .col-left {
		width: 99%;
		float: none;
	}

	#footer .col-right {
		width: 99%;
		float: none;
		text-align: left;
	}

	/* Lightweight Social Icons (while 1 footer) */
	.widget .lsi-social-icons { margin: 0 0 0 -6px !important; }

} /* End of Mobile Styles <768px */


/* Mobile Styles: mobile widths <=650px
========================================================================
*/
@media only screen and (max-width: 650px) {

	body.home { background-position: -420px 15px; }

} /* End of Mobile Styles <=650px */


/* Mobile Styles: mobile widths <=550px
========================================================================
*/
@media only screen and (max-width: 550px) {

	body.home { background-position: -645px 15px; }

} /* End of Mobile Styles <=550px */


/* Mobile Styles: mobile widths <=400px
========================================================================
*/
@media only screen and (max-width: 400px) {

	/* home page menu and spacer */
	#homey {
		padding: 90px 12px 445px 0;
		text-align: left;
	}

	ul.products li.product { width: 100%; }

} /* End of Mobile Styles <=400px */


/* Mobile Styles: mobile widths <=320px
========================================================================
*/
@media only screen and (max-width: 320px) {

	.home #logo .site-title,
	.home #logo .site-title a { font-size: 64px !important; }

	.home #logo .site-description {
		font-size: 15px !important;
		letter-spacing: 7px;
	}

} /* End of Mobile Styles <=320px */


/* EOF */