/* 

--------------------------------------------------------------

Theme Name: Cloud 9 Theme

Author: Aeolidia

Author URI: http://aeolidia.com

Description: A custom theme for Cloud9 Fabrics.

Version: 1.1-wpcom

License: GNU General Public License

License URI: license.txt



This custom theme is based on Underscores by Automattic.

--------------------------------------------------------------

*/



/* =General

-------------------------------------------------------------- */



html { font-size: 62.5%; /* Sets base font size to 1rem/10px for simpler rem values: adjust to 100% and recalculate if desired */ }



body, button, input, select, textarea {

	font-family: 'Libre Baskerville';

	font-size: 13px;

	font-size: 1.3rem;

	font-weight: 400;

	line-height: 1.9;

	color: #000;

}



body  {

	background: #fff url(../images/body_bg.png) bottom repeat-x;	

	padding-bottom: 80px;

}



strong, b { font-weight: 700; }



em, body.contact .caption {

  font-family: 'Libre Baskerville';

  font-style: italic;

  font-weight: 400;

  letter-spacing: .08em; 

}



.blue { color: #7dd1e1; }



.hide { display: none; }



/* Heading and font styles */



.grid.wholesale-login article {

	font-size: 11px;

	font-size: 1.1rem;

}



input, #secondary input[type=email], #secondary input[type=text], .social-navigation h1, .grid article.cloudnine_fabrics p, .grid article.cloudnine_projects p, .archive-fabrics .infinite-wrapper article p, p.certification, p.comments-link, .post-info p.taxonomies, .moreinfo, .site-info, .designer-listing, .edit-link, .comment-meta {

 	font-family: 'novecento_sans_widedemibold';

 	letter-spacing: .1em;

	font-size: 10px;

	font-size: 1.0rem;

	text-transform: uppercase;

}



h1, h2, h3, .grid.contact article .email, .widget_search h1.widget-title, .read_more, .full-post.entry-meta .tags-links, .comment-author cite, .comment-reply-link  {

 	font-family: 'novecento_sans_widedemibold';

 	letter-spacing: .1em;

 	font-size: 12px;

	font-size: 1.2rem;

	font-style: normal;

	text-transform: uppercase;		

}



.site-header, .widget_nav_menu, .taxonomies-filter-widget-form label.taxlabel, article.press-section h1, body.collective strong, body.contact strong, .full-post.entry-meta .post-categories {

 	font-family: 'novecento_sans_widedemibold';

 	letter-spacing: .1em;

	font-size: 13px !important;

	font-size: 1.3rem !important;

	text-transform: lowercase;

	font-weight: 400;

}



.post-info, .post-date, .grid article .entry-title, .archive-fabrics .infinite-wrapper article .entry-title, article.cloudnine_fabrics, article.cloudnine_projects, #wholesale-terms ul, .blog .entry-content a, .category .entry-content a, .entry-summary a, .single .entry-content a, .grid.locations ul a, .locations .blue {

 	font-family: 'novecento_sans_widedemibold';

 	letter-spacing: .1em;

	font-size: 13px;

	font-size: 1.3rem;

	text-transform: uppercase;	

}



.page-title, .entry-title {

	font-family: 'Oswald', sans-serif;

	font-weight: 400;

	font-size: 18px;

	font-size: 1.8rem;

	letter-spacing: .1em;

 	line-height: 1;

 	text-transform: uppercase; 	

 }



.homesections h1 {

	font-family: 'Oswald', sans-serif;

	font-weight: 400;

	font-size: 14px;

	font-size: 1.4rem;

	letter-spacing: .1em;

 	line-height: 1;

 	text-transform: uppercase; 	

}



.widget_nav_menu h1.widget-title, .locations-sidebar .taxonomies-filter-widget h1.widget-title {

	font-family: 'Libre Baskerville';

	font-style: italic;

	font-weight: 400;

	letter-spacing: .1em;

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: lowercase;		

}



h1.widget-title, .grid.wholesale-login article h1, .says  {

	font-family: 'Libre Baskerville';

	font-style: italic;

	font-weight: 400;

	letter-spacing: .15em;

	font-size: 14px;

	font-size: 1.4rem;

	text-transform: lowercase;	

}



.mc_embed_signup h1 {

	font-family: 'Libre Baskerville';

	font-style: italic;

	font-weight: 400;

	letter-spacing: .15em;

	font-size: 12px;

	font-size: 1.2rem;

	text-transform: lowercase;

}



/* Font Awesome icons */



.icon-fallback-text,

#content div.sharedaddy a.sd-button > span {

  clip: rect(0 0 0 0);

  overflow: hidden;

  position: absolute;

  height: 1px;

  width: 1px;

}



.social-navigation li a:before,

#content a.sd-button:before,

p.pinterest a:before,

p.enlarge a:before {

	display: inline-block;

	height: 17px;

	width: 17px;

	font-family: FontAwesome;

	font-size: 17px;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	display: inline;

	text-decoration: none;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



p.pinterest a:before,

p.enlarge a:before {

	font-size: 14px;

	padding-right: 5px;

}



.social-navigation .facebook a:before,

#content li.share-facebook a.sd-button:before { 

	content: "\f09a"; 

}



.social-navigation .twitter a:before,

#content li.share-twitter a.sd-button:before { 

	content: "\f099"; 

}



p.enlarge a:before {

	content: "\F00E";

}



.social-navigation .instagram a:before { content: "\f16d"; }



.social-navigation .pinterest a:before,

#content li.share-pinterest a.sd-button:before,

p.pinterest a:before { 

	content: "\f231"; 

}



.social-navigation .rss a:before { content: "\f143"; }



#content li.share-email a.sd-button:before { content: "\f0e0"; }



#content li.share-google-plus-1 a.sd-button:before { content: "\f0d5"; }



#content div.sharedaddy a.sd-button {

	background-color: transparent !important;

	margin: 0 !important;

}



p.pinterest a:before,

p.enlarge a:before {

	color: #7dd1e1;

}



#content a.sd-button:before {

	color: #d1d1d1;

}



.single #content a.sd-button:before {

	color: #000;

}



/* Form elements */



button,	input,	select,	textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

	*vertical-align: middle; /* Improves appearance and consistency in all browsers */

}



input,

textarea,

select,

fieldset {

  border-radius: 0;

}



button, input {

	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */

}



button, .button, html input[type="button"], input[type="reset"], input[type="submit"], input[type=text], input[type=email], textarea {

	border: 1px solid #7dd1e1;

	background: #fff;

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	line-height: 1;

	padding: .4em;

}



button, html input[type="button"], input[type="reset"], input[type="submit"], input[type=text], input[type=email], textarea {

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

}



input[type=submit], .button {

	padding: 0 15px 0 10px;

	background: #7dd1e1 url(../images/triangle.png) right 0 no-repeat;

	border: none;

	height: 20px;

	line-height: 20px;

	display: inline-block;

	color: #000;

 	font-family: 'novecento_sans_widedemibold';

 	letter-spacing: .1em; 		

 	font-size: 12px;

	font-size: 1.2rem;

	text-transform: uppercase;		

}



input[type=submit]:hover, .button:hover {

	background: #d1d3d4 url(../images/triangle.png) right -20px no-repeat;	

}

	

button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {

	border-color: #aaa #bbb #bbb #bbb;

}

	

input[type="checkbox"], input[type="radio"] {

	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

	padding: 0; /* Addresses excess padding in IE8/9 */

	margin-right: .3em !important;

}

	

input[type="search"] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	box-sizing: content-box;

}

	

input[type="search"]::-webkit-search-decoration { 

	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}

	

button::-moz-focus-inner, input::-moz-focus-inner { 

	/* Corrects inner padding and border displayed oddly in FF3/4 */

	border: 0;

	padding: 0;

}



input[type=text]:focus, input[type=email]:focus, textarea:focus { background: #fff; }



textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 98%;

}



/* Style for dropdowns that the plugin doesn't apply to */

select, option {

    border: none;

    background: #dcf1f6;

    font-family: 'Lato', sans-serif;

    outline: none;

    box-shadow:none;

}



/* Remove Chrome outlines */



textarea:focus,

input:focus,

button:focus {

    outline:0;

}



/* Links */



a, a:visited {

	color: #7dd1e1; /* Blue */

	text-decoration: none;

}



a:hover, a:focus, a:active, .full-post.entry-meta .tags-links a:link, .full-post.entry-meta .tags-links a:visited, .full-post.entry-meta .post-categories a:link, .full-post.entry-meta .post-categories a:visited  { color: #939598; /* Grey */ }



.site-header a, .site-header a:link, .site-header a:visited, #secondary a, #secondary a:link, #secondary a:visited, .button, .button:link, .button:active, .button:visited, .button:hover, .read-more-toggle a, .full-post.entry-meta .tags-links a:active, .full-post.entry-meta .tags-links a:hover, .full-post.entry-meta .post-categories a:active, .full-post.entry-meta .post-categories a:hover, .comment-meta a:link, .comment-meta a:visited { color: #000; }



.site-header a:active, .site-header a:hover, #secondary a:active, #secondary a:hover, .faq.page #content .read-more-toggle a:hover { color: #7dd1e1; /* Blue */ }



article.cloudnine_fabrics a, article.cloudnine_projects a, .home .moreinfo a, .grid#wholesale-distributors h1, #wholesale-terms ul a { color: #939598; /* Grey */ }



article.cloudnine_fabrics a:hover, article.cloudnine_projects a:hover, .home .moreinfo a:hover, #wholesale-terms ul a:hover, .page #content .email a:hover { color: #7dd1e1; /* Blue */ }



.page #content .email a { color: #000; }



/* Titles */



.site-title, .entry-title, .page-title, .widget-title, .comments-title, #reply-title { margin-top: 0; }



.category .page-title { margin-top: 1em; }



.entry-title, .page-title {

	text-transform: uppercase;

	text-align: center;

	color: #7dd1e1;

	margin-bottom: 1.5em;

}



/* =Structure

=Layout is in layout.css

-------------------------------------------------------------- */



.site { 

	max-width: 950px;

	margin: 0 auto;

}

	

.site-header { 

	height: 165px;

	padding-top: 25px;

}



#main { /* The container for #primary, #secondary, and #tertiary */	

	margin-bottom: 1em;

}

	

#content {

	border: 1px solid #83d1e5;

	padding: 1.9em;

}

	

#secondary { /* Container for your first widget area */

	padding-right: 3em;

}

	

.site-footer { 

	padding: 2em 0 0 0;

	border-top: 1px solid #83d1e5;

}



#main:after, .site-header:after, #content:after, .social-navigation:after, .entry-header:after, .designer-listing:after, .site-footer:after, .grid:after, .article.press-section:after, .archive-fabrics .infinite-wrapper:after, .full-post.entry-meta:after, .excerpt.cols-wrapper:after { 

	/* Clears floats after containers */

	clear: both;

	content: "";

	display: block;

	height: 0;

}



/* =Header

-------------------------------------------------------------- */



.social-navigation, .site-title, .main-navigation ul { float: left; }



.site-title {

	clear: none;

	margin: 0 180px 0 250px;

}



.site-title a {

	/*width: 126px;

	height: 112px;

	background: url(../images/logo.png) 0 0 no-repeat;	

	display: block;*/

	/* Replace text with image */

	/*text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;*/		

}



.site-title img {

	width: 126px;	

}





.header-alert  { /* Javascript off/old browser message */

	margin: 15px auto 0 auto;

	text-align: center;

	background: #ffece0;

	padding: 5px;

	border: 1px solid #f15b00;

}	



.header-alert a { color: #f15b00; }	



.site-header ul { 

	list-style: none;

	margin: 0;

	padding-left: 0;

}



#sticky-back-link-wrapper {

	float: right; 	

	margin-right: -15px;

}



#sticky-back-link {

	visibility: hidden;

	position: fixed;

	width: 50px;

	height: 17px;

	background: url(../images/back-top.png) 0 0 no-repeat;

	display: block;

	/* Replace text with image */

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

}



/* = Social menu

-------------------------------------------------------------- */



.social-navigation { 

	text-align: center;

	width: 160px;

	margin-top: 25px;

	border: 1px solid #83d1e5;

}



.social-navigation h1 { margin-top: -11px; }



.social-navigation h1 span { 

	display: inline-block;

	background: #fff;

	padding: 0 .5em 0 .5em;

}



.social-navigation ul { 

	text-align: center; /* Center the floated li elements */

	padding-bottom: 5px;

}

	

.social-navigation li {  /* Makes the menu "list" items horizontal */

	display: inline-block;

	margin: 0 .35em;

}

	

/* = Navigation Menus

-------------------------------------------------------------- */



.main-navigation { line-height: 1.8; }



.main-navigation ul {

	padding-top: 15px;

	width: 110px;

}	



.main-navigation div:last-child ul { margin-left: 13px; }	



.main-navigation li { border-bottom: 1px solid #83d1e5; }	



.main-navigation ul li:last-child { border-bottom: 0; }



.sub-menu-toggle,

.menu-toggle {

	display: none;

	visibility: hidden;

}



.mobile-header-menu {

	display: none;

}



/* =Content Sections

For posts and pages.

-------------------------------------------------------------- */



.hentry { /* The wrapper for individual posts */

	margin: 0 0 1.5em 0;

	padding-bottom: 1.5em;

}



.entry-meta { /* Container for the entry metadata */

	text-align: center;

	clear: both;

}

	

.byline { /* By default, bylines are hidden */

	display: none;

}

	

.single .byline, .group-blog .byline { /* Bylines are displayed on single posts and/or when there are multiple authors */

	display: inline;

}



.post-info .taxonomies {

	line-height: 1.1;

	clear: left;

}



.edit-link {  /* Link to Edit the post (only shows up for admins) */

	clear: both;

	float: right;

	padding-top: .5em;

}



.entry-content, .entry-summary { /* Container for the post body/excerpt text */

	margin: 1.5em 0 0;

}



.entry-content:first-child { margin-top: 0; }



/* Aside Post Format */



.format-aside .entry-content {

	border-left: 4px solid rgba( 0, 0, 0, 0.1 );

	padding-left: 1em;

}



/* Blog-specific styles */



.blog #content, .category #content, .single-post #content {

	border: 0;

	padding: 0;

}



.blog #content .hentry, .category .hentry, .single-post .hentry { 

	border: 1px solid #83d1e5;

	padding: 1.9em;

}



/* Excerpts on blog pages */



.excerpt.col:first-child {

	width: 25%;

	float: left;

	display: inline-block;

}



.excerpt.col:last-child { 

	float: left; 

	width: 72%;

	margin-left: 3%;

}



.excerpt.entry-summary br {

	display: none;

}



footer.excerpt.entry-meta .read_more {

	display: inline-block;

	float: left;

	width: 50%;

	margin: .15em 0;

}



footer.excerpt.entry-meta .sharedaddy { margin-left: 50%; }



footer.excerpt.entry-meta .sharedaddy h3 { 

	margin-top: 0 !important;

	line-height: 26px;

}



footer.excerpt.entry-meta {

	text-align: left;

	clear: none;

}



footer.excerpt.entry-meta h3 { 

	clear: none;

	color: #d1d1d1; 

}



/* Full posts on blog pages */



.full-post.col:first-child {

	width: 70%;

	float: left;

}



.full-post.col:last-child {

	margin-left: 73%;

	background: #f1f2f2;

	text-align: left;

	padding: 1em;

}



.full-post h1.entry-title {

	text-align: left;

	margin-bottom: 0;

}



.full-post.entry-meta p { 

	margin: 0;

	color: #939598;

}



.full-post .entry-content table img { /* Fix image sizing problem with imported Blogger tables */

	max-width: 500px;

}



.full-post.entry-meta, .full-post.entry-meta h2, .full-post.entry-meta h3, .full-post.entry-meta ul.post-categories { clear: none; }



.full-post.entry-meta h2 { margin-top: 3em; }



.full-post.entry-meta ul.post-categories {

	margin: 0;

	padding: 0;

	list-style: none;

}



.full-post.entry-meta .tags-links a { display: block; }



/* Jetpack sharing buttons */



#content div.sharedaddy { 

	padding-top: 7px;

	clear: none !important;

}



#content div.sharedaddy h3 {

	font-weight: normal !important;

	width: auto !important;

 	font-family: 'novecento_sans_widedemibold' !important;

 	letter-spacing: .1em !important;

	font-size: 10px !important;

	font-size: 1.0rem !important;

	text-transform: uppercase !important;

	font-style: normal !important;

	margin-bottom: 0;

	vertical-align: top;

	padding-right: 1em;

}



div.sharedaddy h3.sd-title:before {

	border-top: none !important;

	display: inline-block !important;

	width: 0 !important;

}



.full-post.entry-meta div.sharedaddy h3.sd-title:before {

	display: block !important;

}



.single-format-quote #content div.sharedaddy div.sd-block { display: none; }



#content div.sharedaddy .sd-content { 

	display: inline-block !important;

}



#content .full-post div.sharedaddy .sd-content { width: 100% !important; }



.full-post.entry-meta div.sharedaddy:after,

.full-post.entry-meta div.sharedaddy .sd-block:after,

.full-post.entry-meta div.sharedaddy ul:after {

	clear: none !important;

}



#content div.sharedaddy a.sd-button {

	border: none !important;

	box-shadow: none;

	height: 17px !important;

	margin: 0 .35em;

}



#content div.sharedaddy a.sd-button > span {

	/*display: block;*/

	/* Replace text with image */

	/*text-indent: 100% !important;	

	white-space: nowrap !important;	

	overflow: hidden !important;	*/

}



/*

#content li.share-facebook a.sd-button {

	width: 7px !important;

}



#content li.share-facebook a.sd-button {

	background: #fff url(../images/facebook-icon.png) 0 0 no-repeat !important;	

}



#content li.share-facebook a.sd-button:hover {

	background: #fff url(../images/facebook-icon.png) 0 -17px no-repeat !important;	

}



#content li.share-pinterest a.sd-button {

	width: 16px !important;

}



#content li.share-pinterest a.sd-button {

	background: #fff url(../images/pinterest-icon.png) 0 0 no-repeat !important;	

}



#content li.share-pinterest a.sd-button:hover {

	background: #fff url(../images/pinterest-icon.png) 0 -17px no-repeat !important;	

}



#content li.share-email a.sd-button {

	width: 14px !important;

}



#content li.share-email a.sd-button {

	background: #fff url(../images/email-icon.png) 0 0 no-repeat !important;	

}



#content li.share-email a.sd-button:hover {

	background: #fff url(../images/email-icon.png) 0 -17px no-repeat !important;	

}



#content li.share-twitter a.sd-button {

	width: 19px !important;

}



#content li.share-twitter a.sd-button {

	background: #fff url(../images/twitter-icon.png) 0 0 no-repeat !important;	

}



#content li.share-twitter a.sd-button:hover {

	background: #fff url(../images/twitter-icon.png) 0 -17px no-repeat !important;	

}



#content li.share-google-plus-1 a.sd-button {

	width: 22px !important;

}



#content li.share-google-plus-1 a.sd-button {

	background: #fff url(../images/gplus-icon.png) 0 0 no-repeat !important;	

}



#content li.share-google-plus-1 a.sd-button:hover {

	background: #fff url(../images/gplus-icon.png) 0 -17px no-repeat !important;	

}



#content .full-post li.share-facebook a.sd-button {

	background: #f1f2f2 url(../images/facebook-icon2.png) 0 0 no-repeat !important;	

}



#content .full-post li.share-facebook a.sd-button:hover {

	background: #f1f2f2 url(../images/facebook-icon2.png) 0 -17px no-repeat !important;	

}



#content .full-post li.share-pinterest a.sd-button {

	background: #f1f2f2 url(../images/pinterest-icon2.png) 0 0 no-repeat !important;	

}



#content .full-post li.share-pinterest a.sd-button:hover {

	background: #f1f2f2 url(../images/pinterest-icon2.png) 0 -17px no-repeat !important;	

}



#content .full-post li.share-email a.sd-button {

	background: #f1f2f2 url(../images/email-icon2.png) 0 0 no-repeat !important;	

}



#content .full-post li.share-email a.sd-button:hover {

	background: #f1f2f2 url(../images/email-icon2.png) 0 -17px no-repeat !important;	

}



#content .full-post li.share-twitter a.sd-button {

	background: #f1f2f2 url(../images/twitter-icon2.png) 0 0 no-repeat !important;	

}



#content .full-post li.share-twitter a.sd-button:hover {

	background: #f1f2f2 url(../images/twitter-icon2.png) 0 -17px no-repeat !important;	

}



#content .full-post li.share-google-plus-1 a.sd-button {

	background: #f1f2f2 url(../images/gplus-icon2.png) 0 0 no-repeat !important;	

}



#content .full-post li.share-google-plus-1 a.sd-button:hover {

	background: #f1f2f2 url(../images/gplus-icon2.png) 0 -17px no-repeat !important;	

}

*/



.sd-content .share-count {

	display: none !important;

}



.full-post.entry-meta div.sharedaddy h3 { 

	float: none !important; 

	margin-top: 2em !important;

	margin-bottom: 1em !important;

}



/* =Fabrics custom post type archives and taxonomies

----------------------------------------------- */



.page-title-fabrics { /* Hide "All Collections" title */

	display: none;

}



.post-type-archive-cloudnine_fabrics .page-title-fabrics { /* Show "All Collections" title on main Fabrics page */

	display: block;

}



.post-type-archive-cloudnine_fabrics .page-title-filtered {  /* Hide "Filtered Results" title from main Fabrics page*/

	display: none;

}



.page-title-filtered {  /* Display "Filtered Results" title on results pages */

	display: block;

	text-align: center;

	margin-bottom: 2em;

}



.page-title-filtered h1 { margin-bottom: .25em; }



.grid article, .archive-fabrics .infinite-wrapper article {

	width: 32%;

  	float: left;

  	margin: 0 2% 2% 0;

}



.grid article:nth-child(3n+3), .archive-fabrics .infinite-wrapper article:nth-child(3n+3) { margin-right: 0; }



.grid article:nth-child(3n+4), .archive-fabrics .infinite-wrapper article:nth-child(3n+4) { clear: both; }



.grid article h1.entry-title, .archive-fabrics .infinite-wrapper article h1.entry-title {

	width: 78%;

	display: inline-block;

	font-size: 12px;

	font-size: 1.2rem;

	text-align: left;

	line-height: 1.3;

	margin: 0;

}



.grid article h1.entry-title .subtitle, .archive-fabrics .infinite-wrapper article h1.entry-title .subtitle {

	color: #ccc;

	font-size: 9px;

	font-size: .9rem;

}



.grid article h1.entry-title .subtitle:hover, .archive-fabrics .infinite-wrapper article h1.entry-title .subtitle:hover {

	color: #7dd1e1;

}



.grid article h1.entry-title .title-number, .archive-fabrics .infinite-wrapper article h1.entry-title .title-number { /* Enlarge numbers in title */

	/*font-size: 15px;

	font-size: 1.5rem;*/

}



.grid .division, .archive-fabrics .infinite-wrapper article .division { float: right; }



.c9collective a, .c9fabrics a {

	display: block;

	/* Replace text with image */

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

}



.c9collective a {

	width: 21px;

	height: 24px;

	background: url(../images/c9collective_icon.png) right 0 no-repeat;

}



.c9fabrics a {

	width: 28px;

	height: 18px;

	background: url(../images/c9fabrics_icon.png) right 0 no-repeat;

}



.basecloth { clear: both; }



.thumbnail { position: relative; }



.thumbnail .label {

	position: absolute;

	display: block;

	width: 100px;

	height: 100px;
	
	pointer-events: none;

}



.coming-soon { background: url(../images/coming-soon.png) 0 0 no-repeat; }



.now-shipping { background: url(../images/now-shipping.png) 0 0 no-repeat; }



.make-it-sew { background: url(../images/make-it-sew.png) 0 0 no-repeat; }



.in-stores { background: url(../images/in-stores.png) 0 0 no-repeat; }

.new-release { background: url(../images/new-release.png) 0 0 no-repeat; }

.ltd-availability { background: url(../images/ltd-availability.png) 0 0 no-repeat; }

.out-of-print { background: url(../images/out-of-print.png) 0 0 no-repeat; }

.be-inspired { background: url(../images/be-inspired.png) 0 0 no-repeat; }





.barkcloth { background: url(../images/barkcloth.png) 0 0 no-repeat; }

.broadcloth { background: url(../images/broadcloth.png) 0 0 no-repeat; }

.canvas { background: url(../images/canvas.png) 0 0 no-repeat; }

.corduroy { background: url(../images/corduroy.png) 0 0 no-repeat; }

.doublegauze { background: url(../images/doublegauze.png) 0 0 no-repeat; }

.flannel { background: url(../images/flannel.png) 0 0 no-repeat; }

.knit { background: url(../images/knit.png) 0 0 no-repeat; }

.voile { background: url(../images/voile.png) 0 0 no-repeat; }

.yarndye { background: url(../images/yarndye.png) 0 0 no-repeat; }


/* additions made 2016/09/11 by Allan Hendriks */
.batiste {background: url(../images/batiste.png) 0 0 no-repeat;}

.laminated {background: url(../images/laminated.png) 0 0 no-repeat;}

.cottonlinen {background: url(../images/cotton_linen.png) 0 0 no-repeat;}

.denim {background: url(../images/denim.png) 0 0 no-repeat;}

.sheeting {background: url(../images/sheeting.png) 0 0 no-repeat;}

.swaddle {background: url(../images/swaddle_gauze.png) 0 0 no-repeat;}

/* additions made 2018/09/21 by MEB */
.rayon {background: url(../images/rayon.png) 0 0 no-repeat;}

.cottonsateen {background: url(../images/cottonsateen.png) 0 0 no-repeat;}

.cottonduck {background: url(../images/cottonduck.png) 0 0 no-repeat;}


/* =Store Locations custom post type archives and taxonomies

----------------------------------------------- */



.page-title-locations { /* Hide "All Locations" title */

	display: none;

}



.post-type-archive-cloudnine_locations .page-title-locations { /* Show "All Locations" title on main STores page */

	display: block;

}



.post-type-archive-cloudnine_locations .page-title-filtered {  /* Hide "Filtered Results" title from main Fabrics page*/

	display: none;

}



.grid.locations h1.entry-title { color: #000; }



.grid.locations ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



span.internationalship {

	width: 10px;

	height: 10px;

	background: url(../images/airplane_icon.png) 0 0 no-repeat;

	margin: 0 .25em;

	display: inline-block;

	/* Replace text with image */

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

}



article.locations {

	border-bottom: 1px solid #7dd1e1;

	padding-bottom: 0;

}



.locations h1 { color: #7dd1e1; }



.locations-sidebar li.search_box  { display: none; }



/* =Post styles for blog and custom post types

----------------------------------------------- */



.single article.cloudnine_fabrics .entry-header, .single article.cloudnine_projects .entry-header, .blog .entry-header, .category .entry-header, .single .entry-header {

	padding-bottom: 1em;

	border-bottom: 1px solid #83d1e5;

	color: #939598;

}



.post-info:first-child {

	width: 70%;

	float: left;

	padding-right: 1em;

}



.post-info:last-child {	

	margin-left: 70%;

	padding: 0 0 0 1em;

	border-left: 1px solid #83d1e5;

}



.post-info h1.entry-title {

	text-align: left;

	padding-right: .5em;

	margin: 0 0 .25em 0;

	color: #939598;

}



.post-info h1.entry-title, .entry-header h1.entry-title {

	line-height: 24px;

}



.post-info h1.entry-title, .single article.cloudnine_projects .entry-header h1.entry-title, .post-info p.division  { float: left; }



.post-info p.designer { clear: left; }



.post-info:last-child p { padding-top: .5em; }



article.cloudnine_fabrics p, .post-info p {

	margin: 0;

	line-height: 1.1;

}



.single article.cloudnine_fabrics .grid article h1, .single article.cloudnine_projects .grid article h1, .archive-fabrics .infinite-wrapper article h1 {

	width: 100%;

	margin-bottom: 0;

	line-height: 1;

}



.single article.cloudnine_fabrics .grid article p, .single article.cloudnine_projects .grid article p, .archive-fabrics .infinite-wrapper article p  { display: inline-block; }



.single article.cloudnine_fabrics .grid article p a, .single article.cloudnine_projects .grid article p a, .archive-fabrics .infinite-wrapper article p a {

	display: inline-block;

	line-height: 15px;

	margin-right: 5px;

	font-size: 9px;

	font-size: .9rem;

}



p.enlarge a {

	/*background: url(../images/enlarge.png) left center no-repeat;

	padding-left: 20px;	*/

}



p.pinterest a {

	/*background: url(../images/pinterest.png) left center no-repeat;

	padding-left: 15px;	*/

}



/* =Navigation

Older/Newer Post Navigation

-------------------------------------------------------------- */

	

.site-content .nav-previous {

	float: left;

	width: 50%;

}

	

.site-content .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



#content .site-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}

	

#content .nav-previous {

	float: left;

	width: 50%;

}

	

#content .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

	

/* =Comments

-------------------------------------------------------------- */

	

#comments { /* Container for the comments section */

	clear: both;

}

	

.comments-title, #reply-title {

	text-transform: uppercase;

	margin-bottom: 1em;

}



.commentlist { padding: 0; }



.commentlist li {

	list-style: none;

	border-top: 1px solid #7dd1e1;

	padding-top: .75em;

}



.commentlist li:first-child { border-top: none; }



.commentlist li:last-child { border-bottom: 1px solid #7dd1e1; }



.commentlist, .children {

	list-style: none;

	margin: 0;

}



.children { /* Nested comments */

	margin: 0 0 0 6%;

}



.commentlist .children li:first-child { border-top: 1px solid #7dd1e1; }



.commentlist .children li:last-child { border-bottom: none; }



.comment-author { /* Comment author's name */

	text-transform: uppercase;

}



.comment-author img { 

	vertical-align: middle;

	margin-right: .5em;

}



.comment-meta, .comment-content { margin-left: 60px; }



.comment .reply { text-align: right; }



.comment-author cite { font-style: normal; }



/* Comment Form */



#respond { margin-top: 2em; }



.required { /* The little asterisk next to a required comment field */

	color: #880000;

}



#commentform label { /* The text next to each comment form field */

	padding: 1em 0;

}



/* =Widgets

-------------------------------------------------------------- */



.widget { margin: 0 0 1.5em; }



.widget ul { 

	list-style: none;

	margin: 0;

	padding: 0;

	line-height: 2;

}



.widget_nav_menu ul li, .widget-title { border-bottom: 1px solid #83d1e5; }



.widget ul li:last-child { border-bottom: none; }



.widget-title {

	padding-bottom: .25em;

	margin-bottom: 0;

}



.widget input, .widget select { max-width: 100%; }



#secondary .mc_embed_signup input[type=email] { width: 60%; }



.widget_search h1.widget-title, .mc_embed_signup h1.widget-title { border-bottom: 0; }



#secondary .widget_text:first-child { /* Replacing first widget titles with text widget */ margin-bottom: 0; }



.locations-sidebar .taxonomies-filter-widget h1.widget-title { /* Replacing some widget titles with text widget */ display: none; }



.taxonomies-filter-widget { font-family: 'Lato', sans-serif; }



/* Filtering widget */



.taxonomies-filter-widget-form li span{

    filter: alpha(opacity=100)1 !important; /* Override plugin's menu opacity */

    opacity: 1 !important;

    font-size: inherit !important; /* Override plugin's font sizing */

}



.taxonomies-filter-widget-form ul ul{

    margin-left: 0 !important;

    font-size: 12px;

	font-size: 1.2rem;

}



.taxonomies-filter-widget-form, .taxonomies-filter-widget-form label.taxlabel { padding: 0 !important; }



.taxonomies-filter-widget-form label.taxlabel {

	margin-top: .5em;

	display: block;

	font-weight: normal !important;

}



.taxonomies-filter-widget-form input[type="submit"] { margin-top: .75em !important; }



.taxonomies-filter-widget-form input[type=submit]  {

	font-size: 12px;

	font-size: 1.2rem;

}



/* Search widget */



#searchsubmit {	display: none; }



.widget-area .sub-menu, .widget-area .children { margin-left:  1.5em; }



/* Cloud Widgets */



.wp_widget_tag_cloud div, .widget_tag_cloud div {

	line-height: 1.5;

	padding: 0.231em 0;

}



/* RSS Widget */



.rsswidget img { /* This is the orange RSS icon to the left of the RSS widget title */

	margin: 0;

	vertical-align: text-top;

}



/* Calendar Widget */



#wp-calendar { width: 100%; }



#wp-calendar caption { font-style: italic; }



#wp-calendar thead th { text-align: center; }



#wp-calendar tbody, #wp-calendar tbody td { border: 1px solid #000; }



#wp-calendar tbody { border-left-width: 0; }



#wp-calendar tbody td { border-width: 1px 0 0 0; }



#wp-calendar tbody td a { font-weight: bold; }



#wp-calendar tfoot #next { text-align: right; }



#wp-calendar #today { font-weight: bold; }



/* =Site Footer

-------------------------------------------------------------- */



.site-footer .widget {

	float: left;

	margin-left: 1.5em;

}



.site-footer .widget:last-child { float: right; }



span.credit { background: url(../images/stars.png) 0 0 no-repeat; }



.site-footer .mc_embed_signup h1, .site-footer .mc_embed_signup label,  .mc_embed_signup input { float: left; }



.site-footer .mc_embed_signup h1 { margin: 0; }



.mc_embed_signup input {

	float: left;

	line-height: 20px;

	height: 20px;

}



.site-footer .mc_embed_signup input[type=email] {

	margin-left: 1em;

	width: 150px;

}



.site-info span.aeolidia {

	padding: 0 25px 0 20px;

	background: url(../images/stars.png) 0 0 no-repeat;

	display: block;

}



/* =Bxslider Customizations

-------------------------------------------------------------- */



ul.bxslider, .bxslider li {

	margin: 0;

	padding: 0;

}



.bx-wrapper .bx-viewport {

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	border: none;

	left: 0;

	background: none;

}



.bxslider { display:none; /* Prevents flash of unstyled content */ }



.bx-wrapper .bx-prev, .bx-wrapper .bx-next {

	background: url(../images/slider/bg_direction_nav.png) no-repeat 0 0;

	opacity: 0.5; 

}



.bx-wrapper .bx-controls-direction a {

	width: 25px;

	height: 40px;

}



.bx-wrapper .bx-prev { left: 0; }



.bx-wrapper .bx-next {

	right: 0;

	background: url(../images/slider/bg_direction_nav.png) 100% 0;

}



.bx-wrapper .bx-prev:hover { background-position: 0 -40px; }



.bx-wrapper .bx-next:hover { background-position: 100% -40px; }



/* =Home page

----------------------------------------------- */



body.home {
	background-image: url(../images/body_bg3.png);
	background-position: center 165px, bottom;
	background-repeat: repeat-x;
}



.home #secondary { padding-top: 27px; }



.home #content {

	border: none;

	padding: 0;

}



.slider-home {

	float: right;

	width: 750px;

	height: 500px;

}



.homesections { clear: both; }



.homesections .image {

	float: left;

	width: 125px;

	text-align: right;

}



.homesections .image img { max-width: 125px; }



.homesections .content {

	padding-left: 1.5em;

	margin-left: 125px;	

	line-height: 1.5;

}



.homesections h1 {

	clear: none;

	padding: .75em 0 .35em 0;

	margin-bottom: .45em;

	border-bottom: 1px solid #83d1e5;

}



.homesections h1 a { color: #000; }



.homesections .moreinfo { margin-top: .25em; }



/* =Designers page

----------------------------------------------- */



.designers .entry-content article {

	padding: .75em 0;

	border-bottom: 1px solid #83d1e5;

	color: #83d1e5;

}



.designers .designer-info {

	float: left;	

	width: 45%;

}



.designers .designer-info img {

	float: left;

	width: 120px;

}



.designers .designer-info ul {

	display: inline-block;

	margin: 0 0 0 1.5em;

	padding: 0;

	list-style: none;

	max-width: 175px;

}



.designers .designer-info ul li:last-child { margin-top: .75em; }



.designers .designer-info h1 {

	color: #939598;

	line-height: 1;

}



.bxslider-carousel-wrapper {

	width: 55%;

	margin-left: 45%;

	background: #f1f2f2;

	padding: 1em 3.5em 1em 3.5em;

}



.bxslider-carousel-wrapper .bx-prev { left: -3.5em; }



.bxslider-carousel-wrapper .bx-next { right: -3.5em; }



.bxslider-carousel-wrapper .bx-wrapper { margin: 0 !important; }



/* =Cloud9 Collective page

----------------------------------------------- */



body.collective .c9collective a {

	display: inline-block;

	margin: 0 .5em 0 .5em;

	vertical-align: bottom;

}



/* =Press page

----------------------------------------------- */



article.press-section {

	margin-top: .5em;

	padding-bottom: .5em;

	border-bottom: 1px solid #7dd1e1;

}



article.press-section h1 {

	width: 10%;

	float: left;

	margin-top: 3em;

	color: #939598;

}



.bxslider-carousel-wrapper.carousel-press {

	margin-left: 10%;

	background: #f1f2f2;

	padding: 1em 3.5em 1em 3.5em;

	width: 90%;

}



/* =Wholesale page

----------------------------------------------- */



.wholesale-content, .grid.contact {

	width: 90%;

	margin: 0 auto;

}



.grid.wholesale-login {

	border-bottom: 1px solid #83d1e5;;

	margin-bottom: 1em;

	padding-bottom: .5em;

}



.grid.wholesale-login article, .grid.contact article { width: 49%; }



.grid.wholesale-login article:first-child { padding-right: 2em; }



.grid.wholesale-login article:nth-child(2n+2), .grid.contact article:nth-child(2n+2) { margin-right: 0; 

}



.grid.wholesale-login article:nth-child(2n+2) {

	padding-left: 2em;

	border-left: 1px solid #83d1e5;

}



.grid.wholesale-login article:nth-child(3n+3), .grid.contact article:nth-child(3n+3) {

	clear: left;

	margin: 0 2% 2% 0;

}



.grid.wholesale-login article:nth-child(4n+4), .grid.contact article:nth-child(4n+4) { clear: none; }



.grid.wholesale-login article p { min-height: 75px; }



.grid.wholesale-login article .button { float: right; }



.grid#wholesale-distributors p { margin: 0; }



.grid#wholesale-distributors .contact a { color: #83d1e5; }



.grid#wholesale-distributors .contact a:last-child {

	padding-left: .5em;

	margin-left: .25em;

	border-left: 1px solid #83d1e5;

}



#wholesale-terms ul {

	margin: 0 0 2em 0;

	padding: 0;

	list-style: none;

	line-height: 1.3;

}



/* =Contact page

----------------------------------------------- */



.grid.contact article {

	text-align: center;

	padding: .9em 1.9em 1.9em 1.9em;

	background: url(../images/envelope.png) top center no-repeat;

	min-height: 175px;

	margin: 0 2% 3% 0;

}



.grid.contact h1 { color: #939598; }



.grid.contact article p { margin: 0 0 .75em 0; }



.grid.contact article .read-more-content {

	text-align: left;

	margin-top: 3em;

}



/* =FAQ page

----------------------------------------------- */



.faq .read-more-toggle { line-height: 2.5; }



/* =Jetpack infinite scroll

----------------------------------------------- */



.infinite-loader .spinner { margin: 0 auto; }



/* =IE Styling

----------------------------------------------- */



/* If you have any IE-specific adjustments to make, add them here. 



For example: 



#ie8 body {

	color #333;

}



Will make the sbody text #333 on IE8 only. In order for this to work, you need to set up conditionals to add an ID-selector to the HTML element when IE is detected. For instructions on how to set up the conditionals, see: http://themeshaper.com/2012/10/31/the-wordpress-theme-header-template/

*/



#ie8 .site-header img, #ie8 .entry-content img, #ie8 img.size-full, #ie8 .entry-thumbnail img, #ie8 .widget img, #ie8 .wp-caption img {

	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */

}