/* 




Hi there! You'll find that I'm probably called STYLE.BACKUP.CSS right now!

That means this CSS code is being run from:

http://moodhoops.com/wp-admin/themes.php?page=optionsframework&tab=of-option-customcss


If you want to update some CSS, please update it in both places!



*/


/*
Theme Name: Moody Child Theme
Description: This is a child theme for flatsome 2.8.2
Template: flatsome
Version: 2.8.2
*/


/*@import url("../flatsome/style.css");*/


/*************** ADD CUSTOM CSS HERE.   ***************/

/* These tables are used for comparing features between different models of futurehoops*/
.moodhoops-comparison-table
{
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.moodhoops-comparison-table .center
{
  text-align: center !important;
}

.moodhoops-weights-table
{
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

/*
.moodhoops-weights-table th, td
{
  text-align: center !important;
}
*/


.paypal-express-checkout-button {
	width: 100%;
	background-color: #df3d82 !important;
	border-color: #df3d82 !important;
}

@font-face {
	font-family: 'texgyreadventorregular';
	/*src: url("/wp-content/themes/moody-child/Tex-Gyre-Adventor/texgyreadventor-regular-webfont.eot");*/
	src: /*url("/wp-content/themes/moody-child/Tex-Gyre-Adventor/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"),*/
	url("/wp-content/themes/moody-child/TeX-Gyre-Adventor/texgyreadventor-regular-webfont.woff") format("woff"), url("/wp-content/themes/moody-child/TeX-Gyre-Adventor/texgyreadventor-regular-webfont.ttf") format("truetype"), url("/wp-content/themes/moody-child/TeX-Gyre-Adventor/texgyreadventor-regular-webfont.svg#texgyreadventorregular") format("svg");
	font-weight: normal;
	font-style: normal;
}






._1drq {
    color: #1d2129;
    font-size: 34px!important;
    line-height: 1.358;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}









/* CHANGE LOG */


/*
Looking for the #masthead fix to make the masthead stick to the top of the screen?
Search asana for "header masthead sticky fix"
*/


/* Hack to stop the awkward line break on checkout page (fixed)
td.product-total {
  width: 100px;
}*/


/* WHAT IS THIS? I can't remember -jason

a.shipping-calculator-button {
	display:none;
}*/


/*this removes the transition for the sticky menu bar*/

#masthead {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}


/*wishlist dark tabs*/

#wl-wrapper .wl-tabs> li> a {
	background: #efefef;
}

.category-filtering {
	display: none!important;
}


/* stuff regarding Mobile Menu */


/* bg color*/

.off-canvas.light .mfp-content {
	background-color: #fff;
}


/*fix the text*/

.mobile-sidebar li a {
	text-transform: capitalize;
	font-weight: 400;
	opacity: .7;
}


/*instant mobile menu transition*/

.mfp-content {
	webkit-transition: none!important;
	transition: none!important;
	/*transition: transform 0s!important;*/
}

.mfp-bg {
	webkit-transition: none!important;
	transition: none!important;
}

.mobile-sidebar li {
	webkit-transition: none;
	transition: none;
}


/*//////////////////MAST HEAD////////////*/

#masthead {
	height: 0px!important;
}

#masthead.stuck {
	opacity: 1;
	-webkit-box-shadow: 0 1px 0px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 0px 0 rgba(0, 0, 0, .1);
}

#masthead.stuck.move_down {
	height: 70px!important;
}


/*//////////HEADER STUFF///////////////////////////////*/


/*Larger text in the Top Nav Menu*/

#top-bar li> a {
	font-size: medium;
}


/* thin Logo #########################*/

#logo a {
	text-transform: none;
	font-weight: lighter;
	/*backwards logo*/
}


/* topNav dropdown noWrap tweak ##########################################################*/

ul.top-bar-nav .nav-dropdown {
	white-space: nowrap;
}


/* remove Nav Shadows ##########################################################*/

.nav-dropdown {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}


/* Change capitalization in menus ##########################################################*/

ul.top-bar-nav .nav-dropdown li a {
	text-transform: capitalize;
}

ul.header-nav a.nav-top-link {
	text-transform: capitalize;
	font-weight: 400;
	opacity: 0.7;
}

ul.header-nav li a {
	text-transform: capitalize;
}


/* Tighten up the header. #########################*/

.page-wrapper {
	margin: 0;
	padding: 0px 0 30px;
}


/* Adds shadows to banner text ##########################################################*/

.ux_banner h1,
.ux_banner h2,
.ux_banner h3,
.ux_banner h4,
.ux_banner h5,
.ux_banner h6 {
	/*text-shadow: 2px 2px 0px rgba(100, 100, 100, 1);*/
	-webkit-text-shadow: 1px 1px 1px #000, 0px 1px 1px #646464;
	text-shadow: 1px 1px 1px #000, 0px 1px 1px #646464;
}

.ux_banner .button.alt-button {
	-webkit-box-shadow: 0px 1px 0px #646464, 1px 1px 0px #646464;
	text-shadow: 0px 1px 0px #646464, 1px 1px 0px #646464;
}

.drop-shadow {
	text-shadow: 1px 1px 0.5px #000, 0px 1px 0.5px #646464;
}


/* brighter p fonts*/

.dark p {
	color: #ffffff;
}


/*//////////SHOP PAGE///////////////////////////////*/


/* camel caps on the UX shop categories*/

h3.section-title span {
	text-transform: capitalize;
}


/* Eliminate the SHOP header. #########################*/

.type-page h1.entry-title {
	display: none;
}


/* Thinner price font on catalog page ##########################################################*/

.price {
	font-weight: normal;
	font-size: 100%;
}


/* Larger product name on catalog page ##########################################################*/

.style-grid3 .name {
	font-size: 130%;
}

.product-small .name {
	font-size: 130%;
	font-weight: 400;
}


/* Tighten up name and price ##########################################################*/

.product-small p {
	margin-bottom: 0px;
}


/* Hide category on catalog page ##########################################################*/

.style-grid3 .category {
	opacity: 0;
}

.product-small h5 {
	display: none;
}

.product-small .tx-div {
	display: none;
}


/*//////////PRODUCT PAGES///////////////////////////////*/


/* Hide the Description Tab Title (in product pages) since we don't use it. Also hides the Discussion Tab (reviews) #########################*/

.tabbed-content ul.tabs li {
	display: none;
}


/* hide the flasome 'next item' thingy on product pages ##########################################################*/

.next-prev-nav {
	display: none;
}


/* white next arrows on product images ##########################################################*/

.flickity-prev-next-button .arrow {
	fill: #FFFFFF;
}


/*  Removes title and counter from MP Lightbox##########################################################*/

.mfp-title {
	display: none;
}


/*
.mfp-counter {
	display:none;
}*/


/* Flatten DropDowns ##########################################################*/

select {
	box-shadow: inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.0);
}


/* Hides product meta info (SKU & Catergories) ##########################################################*/

.woocommerce .product_meta {
	display: none;
}

.product_meta> span {
	display: none;
}


/* font fix -jason ###################################################################################*/

body {
	font-family: mo2od, 'texgyreadventorregular', 'Open Sans', Arial, sans-serif;
	/*font-size: 14px;*/
	color: #666;
	background-color: #fff;
	line-height: 1.7em;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: m2ood, 'texgyreadventorregular', 'Open Sans', Arial, sans-serif;
	/*font-size: 14px;
	color: #666;
	background-color: #fff;
	line-height: 1.7em;
	font-weight: 400;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.et-newsletter-form p input {
	padding: 10px 18px;
	font-family: m2ood, 'texgyreadventorregular', 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	font-weight: 400;
	width: 86%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.orderby {
	background-color: #ececec;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #666!important;
	font-size: 12px;
	padding: 4px 8px;
	font-weight: 500;
	font-family: m2ood, 'texgyreadventorregular', 'Open Sans', Arial, sans-serif;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	font-size: 64px;
	font-family: m2ood, 'texgyreadventorregular', 'Open Sans', Arial, sans-serif;
	font-weight: 200;
	top: -10px;
	opacity: 0.2;
}

#logo {
	font-family: mood, 'texgyreadventorregular', 'Open Sans', Arial, sans-serif;
}


/* Makes the tagline use ICOMOON font (heart) ##########################################################*/

#top-bar .left-text {
	font-family: icomoon;
	font-size: 150%;
}

.absolute-footer .right {
	font-size: 100%;
	text-align: center;
	opacity: 0.6;
}

.copyright-footer {
	font-family: icomoon;
	font-size: 150%;
	text-align: center;
	padding-top: 25px;
	display: none;
}

.absolute-footer ul li a {
	padding-left: 7px;
	padding-right: 7px;
	font-size: 100%;
	text-align: center;
}

.absolute-footer ul li {
	padding-right: 0px;
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	/*hide top header nav row for smoothness
	#top-bar .row {
	display:none;
}*/
	.copyright-footer {
		display: block!important;
	}
	/* Category Product Spacing #########################*/
	.small-block-grid-2> li {
		width: 50%;
		padding: 0 0.125em 1.25em;
	}
	.product-gallery {
		padding-right: 0.5em!important;
		padding-left: 0.5em!important;
	}
	#masthead.stuck.move_down {
		height: 50px!important;
	}
	/* touch confirmation on mobile tap #########################*/
	.quick-view,
	.back-image {
		display: block!important;
	}
	.quick-view {
		display: none!important;
	}
}


/* fixes awkward spacing when making shop page section headers into clickable links, jsa 4/1/2016*/

a h3 {
	margin-bottom: -20px;
	border-bottom: 3px solid #f1f1f1;
	padding-bottom: 10px;
}


/* condenses product add ons ~jsa 4/6/2016 */

div.product-addon p.form-row {
	margin-bottom: -0.5em;
}


/* Fixes search bar being too close to header on shop page, jsa 4/14/2016 */

.page #secondary {
	padding-top: 30px;
}


/* Fixes shop tagline ("help you find your flow") being too close to header */

h3.section-title.title_center {
	margin-top: 1em;
}


/********************************** smaller font sizes on small columns, should fix the weird inconsistent sizes in Flatsome banner text when the banners are different widths. *************************************  jtw 4/25/2016 */

@media only screen and (max-width: 500px) {
	.consistent-banner-text {
		font-size: 9px;
	}
	.consistent-banner-text p {
		font-size: 20px;
	}
	.consistent-banner-text h1 {
		font-size: 38px;
	}
}

@media only screen and (min-width: 500px) {
	.consisten-banner-text {
		font-size: 10px;
	}
	.consistent-banner-text p {
		font-size: 20px;
	}
	.consistent-banner-text h1 {
		font-size: 48px;
	}
}

@media only screen and (min-width: 600px) {
	.consistent-banner-text {
		font-size: 12px;
	}
	.consistent-banner-text p {
		font-size: 20px;
	}
	.consistent-banner-text h1 {
		font-size: 48px;
	}
}

@media only screen and (min-width: 48em) {
	.consistent-banner-text {
		font-size: 16px;
	}
	.consistent-banner-text p {
		font-size: 20px;
	}
	.consistent-banner-text h1 {
		font-size: 48px;
	}
}


/**** shrinking effect in mobile to help confirm taps on the category banners **** jtw 4-20-2016 */

@media only screen and (max-width: 767px) {
	/* Shrink */
	.m-shrink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	.m-shrink:hover,
	.m-shrink:focus,
	.m-shrink:active {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}


/*remove category link from underneath products in product grid - jsa 6/13/2016*/

.product-small p.category {
	display: none!important;
}