/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Child theme for The Running Stitches website.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.2.2.1580670702
Updated: 2020-02-02 19:11:42
*/

/*--------------------------------------------------------------
# Running Stitches Child Theme
--------------------------------------------------------------*/

/*
Feature-specific styling is now split into separate files where possible:

/css/category-grids.css
/css/category-page-tools.css
/css/textile-events.css
/css/ken-burns.css
/css/custom-login.css

This file is kept for older active site-wide rules and reusable helpers.
*/


/*--------------------------------------------------------------
# Brand Variables
--------------------------------------------------------------*/

:root {
	--rs-green: #2f4f4f;
	--rs-coral: #e9967a;
	--rs-white: #ffffff;
	--rs-text: #333333;
	--rs-border: #d8cfc5;
}


/*--------------------------------------------------------------
# Hidden / Reveal Sections
--------------------------------------------------------------*/

/* Hidden by default */
#welcome15-bar {
	display: none;
}


/*--------------------------------------------------------------
# Divi Mobile Menu Helpers
--------------------------------------------------------------*/

/* Show desktop menu layout on mobile when this class is added */
@media (max-width: 980px) {

	.lwp-hide-mobile-menu .et_pb_menu__menu {
		display: flex !important;
	}

	.lwp-hide-mobile-menu .et_mobile_nav_menu {
		display: none !important;
	}

}


/*--------------------------------------------------------------
# PDF.js Fullscreen Button
--------------------------------------------------------------*/

.pdfjs-fullscreen,
.pdfjs-fullscreen a {
	color: #000000;
	margin-top: 3%;
	font-size: 12px;
}


/*--------------------------------------------------------------
# Divi Menu Item Spacing
--------------------------------------------------------------*/

#top-section-menu li a {
	padding: 0 25px !important;
}

#top-section-menu .et_pb_menu__wrap {
	flex-wrap: nowrap !important;
}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
	margin-top: 0 !important;
}


/*--------------------------------------------------------------
# Top Header
--------------------------------------------------------------*/

#top-col-right .et_pb_button {
	width: 200px;
	text-align: center;
}


/*--------------------------------------------------------------
# Header - Menu + Logo Layout On Mobile
--------------------------------------------------------------*/

@media only screen and (max-width: 980px) {

	#row-head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		direction: ltr;
	}

}


/*--------------------------------------------------------------
# WooCommerce Filter Styling
--------------------------------------------------------------*/

.wpfCheckboxHier li > ul {
	margin-left: 0 !important;
	padding-left: 0;
}

.wpfMainWrapper {
	display: flex;
}

.wpfFilterButtons {
	text-align: center !important;
}

.wpfFilterButton.wpfButton,
.wpfClearButton.wpfButton {
	width: 100% !important;
	padding: 2% 0 3%;
	background: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
}


/*--------------------------------------------------------------
# Product Tab
--------------------------------------------------------------*/

#dwn-tab {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 2em;
}

#dwn-tab img {
	margin-right: 2em;
}


/*--------------------------------------------------------------
# Divi Flex Utilities
--------------------------------------------------------------*/

.row-flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

/* Make a column/module a vertical flex container */
.bot-col {
	display: flex;
	flex-flow: column;
}

/* Push a module to the bottom of a flex column */
.bot-mod {
	margin-top: auto;
}

/* Vertically centre and grow a module */
.flex-mod {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
}


/*--------------------------------------------------------------
# Responsive Column Utilities
--------------------------------------------------------------*/

@media only screen and (max-width: 980px) {

	.two-columns .et_pb_column {
		width: 50% !important;
		margin-bottom: 0;
	}

	.three-columns .et_pb_column {
		width: 33.33% !important;
		margin-bottom: 0;
	}

	.four-columns .et_pb_column {
		width: 25% !important;
		margin-bottom: 0;
	}

}


/*--------------------------------------------------------------
# Column Alignment Utilities
--------------------------------------------------------------*/

.center-col {
	margin: auto !important;
}

.cent-col {
	margin: auto 0 !important;
}


/*--------------------------------------------------------------
# Centre Divi Blurb Content + Icon
--------------------------------------------------------------*/

.blurb-cent .et_pb_main_blurb_image,
.blurb-cent .et_pb_blurb_container {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.blurb-cent .et_pb_blurb_content {
	text-align: center;
}


/*--------------------------------------------------------------
# Anchor Scroll Offset
--------------------------------------------------------------*/

.et_pb_section {
	scroll-margin-top: 4rem;
}


/*--------------------------------------------------------------
# Centre Unordered Lists
--------------------------------------------------------------*/

.center-list .et_pb_text_inner ul {
	display: table;
	margin: 0 auto;
}


/*--------------------------------------------------------------
# Remove Divi Sidebar In Results / Archive Layouts
--------------------------------------------------------------*/

#sidebar {
	display: none;
}

/* Remove thin divider line */
#main-content .container::before {
	background: none;
}

/* Make content 100% width */
@media (min-width: 981px) {

	#left-area {
		width: 100%;
		padding-right: 0 !important;
	}

}


/*--------------------------------------------------------------
# Telephone Link Styling
--------------------------------------------------------------*/

a[href^="tel:"] {
	color: inherit;
	text-decoration: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}



/*--------------------------------------------------------------
# WooCommerce - Variation Price Styling
--------------------------------------------------------------*/

.woocommerce-variation-price .woocommerce-Price-amount {
	display: inline-block !important;
	margin-bottom: 26px !important;
	color: var(--rs-coral) !important;
	font-size: 24px !important;
}


/*--------------------------------------------------------------
# WooCommerce - Old Category Layout
--------------------------------------------------------------*/

#cat-layout .woocommerce ul.products li.product a img,
#cat-layout .woocommerce-page ul.products li.product a img {
	margin-bottom: 0 !important;
}

#cat-layout h2.woocommerce-loop-category__title {
	background: var(--rs-coral);
}


/*--------------------------------------------------------------
# Generic Image / Link Helpers
--------------------------------------------------------------*/

/* Prevent accidental image overflow in Divi text/content areas */
.et_pb_text_inner img,
.entry-content img {
	max-width: 100%;
	height: auto;
}

/* Remove unwanted underline from image links */
a img {
	border: 0;
}


/*--------------------------------------------------------------
# Accessibility Helpers
--------------------------------------------------------------*/

/* Useful if a hidden heading/label is needed without removing it from screen readers */
.rs-screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}