/*
Theme Name: Thomas Online
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD GENERAL - FONT IMPORT CSS HERE.   ***************/

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveat/v9/WnznHAc5bAfYB2QRah7pcpNvOx-pjRV6eIWpYQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*************** ADD GENERAL - TOP HEADER BAR CUSTOM CSS HERE.   ***************/

.drop-shadow-dark {
box-shadow: 0px 7px 6px 1px rgba(0,0,0,.2);
}

.drop-shadow-light {
box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);
}

/*************** ADD SITE TEXT/LINK/HEADINGS - CUSTOM CSS HERE.   ***************/

.h1, h1 {

}

.h2, h2 {

}

.h3, h3 {
    font-size: 1.5em;
}

.h4, h4 {
    font-size: 1.25em;
}

.section-title.section-title-normal {
    border-bottom: 2px solid #eb326f;
	margin-bottom: 0;
}

.section-title-normal span {
    color:#084aa2;
    padding-bottom: 0;
    border-bottom: none
    margin-bottom: 0;
}

.fancy-pink {
	font-family: 'Caveat', cursive;
	font-weight:700;
	color:#eb326f !important;
	font-size:250%;
	}

.fancy-pink-small {
	font-family: 'Caveat', cursive;
	font-weight:700;
	color:#eb326f !important;
	font-size:190%;
	line-height:80%;
	}

.text-small {font-size:85%;}

a:hover {	
	color:#eb326f !important;
}

a.email-link-dark,
a.email-link-dark:hover {	
	text-decoration:underline;
	color:#fff !important;
}

/*************** ADD AC FORMS CSS - Active Campaign CUSTOM CSS HERE.   ***************/

._form_1 {
    margin: -10px 0 -20px 0 !important;
   padding: 0 !important;
    width: 100% !important;
}

._form_element._x13755439 label,
._form_element._x77844792 label {
	float:left !important;
}

._form_1 ._submit,
#_form_1_submit,
._form_3 ._submit,
#_form_3_submit  {
    font-family: montserrat;
    border: 0 !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 0 1.2em !important;
	line-height: 2.4em;
}

._form_1 ._submit,
#_form_1_submit {
    background-color: #f5951e !important;
background: #f5951e !important;
}

._form_3 ._submit,
#_form_3_submit {
    background-color: #084aa2 !important;
   float:left !important;
}

._form_1 input::placeholder,
._form_3 input::placeholder {
  color: #777 !important;
  opacity:1 !important;
}


/*************** ADD SHIPPING TABLE - CUSTOM CSS HERE.   ***************/

.shipping.pricing-table {
    border:1px solid #f5951e;
}

.shipping.pricing-table .title {
    padding: 0.75em 10%;
    border-bottom: 1px solid #f5951e;
    background-color: #f5951e;
    color: #fff;
}

.shipping.pricing-table .items>div {
    border-bottom: 1px solid #f5951e;
    display:block !important;
}

.pricing-table .items {
    padding: 10px 9%;
}

.pricing-table .price {
    color: #084aa2;
    padding: 0.6em 15% 0;
    font-weight: 300;
}

/*************** ADD FAQS page - CUSTOM CSS HERE.   ***************/
.accordion a:hover {
	color: #084aa2 !important;
}




/*************** ADD BLOG - CUSTOM CSS HERE.   ***************/

#post-list h6.entry-category,
#post-list footer.entry-meta .cat-links,
#post-list footer.entry-meta .sep,
#post-list footer.entry-meta .tags-links,
.post-sidebar .recent-blog-posts-li .post_comments {
	display:none;
}

#post-list footer.entry-meta {
    border-top: none;
    border-bottom: 1px solid #ececec;
}

#post-list .button.is-outline {
	border: 2px #084aa2 solid;
    padding:5px 28px;	
	color:#084aa2;
}

#post-list .button.is-outline:hover {
    border: 2px #eb326f solid;
    background-color: transparent; 
	color:#eb326f;
}

/*************** ADD SLIDER - SLIDER CUSTOM CSS HERE.   ***************/

.flickity-prev-next-button {
    color:#084aa2;
}

.flickity-page-dots .dot {
    border: 3px solid #084aa2;
}

.flickity-page-dots .dot.is-selected {
    background-color: #084aa2;
}

/*************** ADD WISHLIST PLUGIN - CUSTOM CSS HERE.   ***************/

.wl-frame__header {
    position: relative;
    padding: .4em 1.4em .2em 1.4em;
	margin-bottom: 3em;
    margin-top: -1em;
    background: rgba(8, 74, 162, .05);
	border-bottom:0px #f5951e solid;
}

.wl-frame__header-nav:before {
    content: '|';
}

.wl-frame__header-link {
    margin-bottom:0;
	color: #eb326f;
}

/*************** ADD MAIN SHOP PAGE - SHOP BANNER CUSTOM CSS HERE.   ***************/	

.main-shop-banner,
.main-shop-banner1  {
	z-index:9 !important;
	}

.main-shop-banner h1 {
letter-spacing: -.5px; 
font-size: 2.7em; 
color: #eb326f;
text-shadow: 2px 2px 3px rgba(150, 150, 150, .5);
}

.main-shop-banner p {
font-weight: 500; 
color: #084aa2;
}

.main-shop-banner .divider {
	display:none;
	}

/*************** ADD WOOCOMMERCE - QUICK VIEW CUSTOM CSS HERE.   ***************/

.grid-tools a {
    background-color: #f5951e;
}

/**** ADD WOOCOMMERCE - BREADCRUMBS / SHOP HEADER CUSTOM CSS HERE.   ****/
.custom-page-title + .shop-page-title {
		display:none;
}

.woocommerce-breadcrumb,
.checkout-breadcrumbs a.current {
	color:#084aa2;	
}

.woocommerce-result-count,
.woocommerce-ordering .orderby {
	font-size:90%;
}

.shop-page-content h3,
.shop-container .term-description h1 {
	position:relative;
	margin-bottom:30px;
}

.shop-page-content h3:after,
.shop-container .term-description h1:after {
	content:' ';
	width:31px;
	height:3px;
	background-color: #eb326f;
	position:absolute;
	top:45px;
	left:0px;	
}

/**** ADD WOOCOMMERCE - PRICE FILTER CUSTOM CSS HERE.   ****/

.widget_products .widget-title.shop-sidebar,
#shop-sidebar .widget_price_filter .widget-title.shop-sidebar {
	color: #084aa2;
}

#shop-sidebar .widget_price_filter .is-divider {
	height:3px;
}

#shop-sidebar .widget_price_filter .price_slider_amount .button {
	background-color: #777;
}

/**** ADD WOOCOMMERCE - PRODUCT SUB CATEGORIES CUSTOM CSS HERE.   ****/

#shop-sidebar .widget_product_categories .widget-title {
	color: #084aa2;
	font-size:100%;
	line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase;
}

#shop-sidebar .widget_product_categories .product-categories .cat-item a {
	font-size:90%;
}


/**** ADD WOOCOMMERCE - PRODUCT FILTER CUSTOM CSS HERE.   ****/
.bapf_head h3,
.berocket_single_filter_widget h3.bapf_hascolarr {
	position:relative;
	font-size:100%;
	line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.berocket_single_filter_widget .bapf_head h3:after, 
.berocket_single_filter_widget h3.bapf_hascolarr:after {
	content:' ';
	width:31px;
	height:3px;
	background-color: #eb326f;
	position:absolute;
	top:30px;
	left:0px;	
}

.berocket_single_filter_widget .bapf_sfa_taxonomy {	
	margin-top:30px !important;
}

.berocket_single_filter_widget .bapf_sfa_taxonomy {
	font-weight:normal;
	font-size:90%;
	letter-spacing: -.05px;
	color: #555;
	line-height:24px;
	text-transform:uppercase;
}

.berocket_single_filter_widget .bapf_sfa_taxonomy ul {
	font-size:90%;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

.braapf_unselect_all {
	font-weight:normal;
	font-size:85%;
	letter-spacing: -.05px;
	color: #555;
	line-height:24px;
	text-transform:uppercase;
}

.bapf_body ul:first-child {	
	margin-top:40px !important;
}

.bapf_body ul>li {	
	position:relative;
	margin-bottom:2px !important;
}

.bapf_body ul>li>label {
	font-weight:normal;
	font-size:85%;
	letter-spacing: -.05px;
	color: #555;
	display:inline !important;
	line-height:18px;
	position:absolute;
	top:2px;
}

.bapf_body ul ul {
	margin-top:0 !important;
	margin-bottom:0;
}

.bapf_body ul ul>li>label {
	font-weight:normal;
	font-size:85%;
	letter-spacing: -.05px;
	color: #999;
	display:inline !important;
	line-height:18px;
	position:absolute;
	top:2px;
}

.bapf_body .bapf_show_hide {
	font-weight:700;
	font-size:90%;
	letter-spacing: -.05px;
	color: #555;
	text-transform:uppercase;
}

/**** ADD WOOCOMMERCE - PRODUCT GRID CUSTOM CSS HERE.   ****/
.product-small .box-text-products .price-wrapper .woocommerce-Price-amount {
	font-size:98%;
}

.wishlist-btn-wrap {
    margin-top: 0px;
}

.product-main .woocommerce-product-rating .woocommerce-review-link,
.wishlist-btn-wrap .wishlist-btn {
	font-size:75%;
}

/**** ADD WOOCOMMERCE - PAGINATION CUSTOM CSS HERE.   ****/
.woocommerce-pagination ul.page-numbers li a.page-number {
	border-color:#084aa2;
	color: #084aa2;
}

.woocommerce-pagination ul.page-numbers li a.page-number:hover,
.woocommerce-pagination ul.page-numbers li span.page-number.current {
	color: #fff !important;
	background-color:#084aa2;	
	border-color:#084aa2;
}

/**** ADD WOOCOMMERCE - BUTTONS CUSTOM CSS HERE.   ****/
.box-text-products .add-to-cart-button a:hover,
.shop-page-content a.button:hover,
.next-prev-thumbs .prod-dropdown a.button:hover,
.woocommerce-mini-cart__buttons a:hover,
.continue-shopping a.button-continue-shopping:hover, 
.wc-proceed-to-checkout a:hover {
	color:#fff !important;		
}

.coupon input[type='submit'].is-form {
    background-color: #084aa2;
    color: #fff;
    border: 1px solid #084aa2;
	text-shadow:none;
}

.shop-container .view-more-button {
	background-color: #f5951e !important;	
}

/**** ADD WOOCOMMERCE - GIFT WRAP LINK CUSTOM CSS HERE.   ****/
.giftwrap_header a[data-target='.giftwrapper_products_modal_before_cart'],
.giftwrap_header a[data-target='.giftwrapper_products_modal_checkout'] {
	color: #eb326f !important;
	font-weight:700;
	text-transform:uppercase;
}

.giftwrap_header a[data-target='.giftwrapper_products_modal_checkout'] {
	margin-top:10px;
	display:block;
}

.giftwrap_header a[data-target='.giftwrapper_products_modal_before_cart']:hover,
.giftwrap_header a[data-target='.giftwrapper_products_modal_checkout']:hover{
	color: #084aa2 !important;
}

/*************** ADD NAVIGATION - MEGA MENU CUSTOM CSS HERE.   ***************/

#wide-nav ul.nav-dropdown>li.menu-item-has-children>a {
		color:#084aa2;
		font-size: 13px;
}


#wide-nav .mega-menu-header>a {
		margin-top:10px;
		color:#084aa2;
		font-size: 13px;
		font-weight:700;
}

#wide-nav .mega-menu-header-pink>a {
		margin-top:10px;
		color:#eb326f;
		font-size: 13px;
		font-weight:700;
}

#wide-nav ul.nav-column>li>a {
		font-size: 13px;
}

.label-popular.menu-item>a:after {
    background-color: #eb326f;
}

.label-new.menu-item>a:after {
    background-color: #f5951e;
}

.label-new.menu-item>a:after, .label-hot.menu-item>a:after, .label-sale.menu-item>a:after, .label-popular.menu-item>a:after {
    line-height: 11px;
}


/*************** ADD ACCOUNT AREA - CUSTOM CSS HERE.   ***************/
ul.dashboard-links .woocommerce-MyAccount-navigation-link a:hover {
	color: #fff !important;
	background-color: #f5951e;
}

/*************** ADD HEADER - TOP HEADER BAR CUSTOM CSS HERE.   ***************/

#top-bar a {
	color:#fff !important;
}

#top-bar a:hover {
	color:#fede17 !important;
}

#top-bar .nav-divided>li+li>a:after {
	border-left: 1px #ffffff solid; 
	opacity:.5;
}

/*************** ADD HEADER - HEADER - SEARCH BAR CUSTOM CSS HERE.   ***************/
#masthead .header-search-form {
	margin-left:auto !important;
	margin-right:auto !important;
}

#masthead .header-search-form .search-field {
border-radius: 0;
}
/*************** ADD HEADER - MAIN NAV MENU CUSTOM CSS HERE.   ***************/
.header-bottom .nav-line-grow>li>a:before{
}


/*************** ADD HOMEPAGE - TWO ICONS CUSTOM CSS HERE.   ***************/
.homepage-icons p {
	font-size:120%;
}

/*************** ADD HOMEPAGE - BANNER CUSTOM CSS HERE.   ***************/

.homepage-banner h1 {
	font-size:550%;
	font-weight:700;
	color:#eb326f;
	text-shadow: 3px 3px 3px rgba(150, 150, 150, 1);
	line-height:50%;
}

.homepage-banner h2 {
	font-size:300%;
	color:#22bbfd;
}

.homepage-banner h3 {
	font-size:170%;
	color:#22bbfd;
}

.homepage-banner h4 {
	font-size:290%;
	color:#084aa2;
}

.homepage-banner .divider {
	margin-top:40px !important;
	margin-bottom:0 !important;
}

.homepage-banner a:hover {
	color:#fff !important;
}
	

/*************** ADD HOMEPAGE - MAIN SECTION HEADINGS CSS HERE.   ***************/
.home-section h3 {
	color:#084aa2;
	font-size:190%;
	font-weight:700;
	letter-spacing:.05em;
	line-height:1.1em !important;
}

.home-section .section-title-normal {
	border-bottom: 2px #eb326f solid;
}

.home-section .section-title-normal span {
	border-bottom: none;
}

.home-section .section-title-normal a {
	font-family: 'Caveat', cursive;
	color: #eb326f;
	font-size:100%;
	font-weight:700;
	letter-spacing:0em;
}

.home-section .section-title-normal a:hover {
	color: #c30040;
	}

.home-section .section-title-normal .icon-angle-right {
	opacity:1 !important;	
	}

.home-section .section-title-normal .icon-angle-right::before {	
	content: '>';
	font-family: 'Caveat', cursive;
	font-weight:700;
	}

/*************** ADD HOMEPAGE - FLATSOME PRODUCT SLIDERS CSS HERE.   ***************/

.home-product-slider .box-text-products {
	text-align:center;
}
.home-product-slider .box-text-products .product-title a {
	font-size:110%;
}

.home-product-slider .box-text-products .woocommerce-Price-amount {
	font-size:100%;
}

.home-product-slider .wishlist-btn {
	font-size:80%;
}

/************** ADD HOMEPAGE - SALE BANNER CUSTOM CSS HERE. ****************/
.sale-banner a:hover {
		color:#fff !important;
	}

/************** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE. ****************/
.dept-grid h4 {
		color:#fff; 
		font-weight: 500 !important;
	}

/*************** ADD HOMEPAGE - RACER BANNER CUSTOM CSS HERE.   ***************/
.racer-banner {
	height:400px;
	background-color:rgb(255,255,255);
	position:relative;
}

.racer-banner h4 {
	color:#fede17;
	font-size:300%;
	line-height:50%;
}

.racer-banner p {
	font-size:120%;
}

.racer-banner .img {
	position:absolute;
	top:120px;
}	

.racer-banner a.button:hover {
       color:#fff !important; 
}


/*************** ADD HOMEPAGE - MICKEY BANNER CUSTOM CSS HERE.   ***************/
.mickey-banner {
	height:400px;
	background-color:rgb(255,255,255);
}

.mickey-banner p {
	font-size:120%;
}


/*************** ADD HOMEPAGE - CUSTOMER REVIEWS CUSTOM CSS HERE.   ***************/

.home-reviews-slider .cr-reviews-slider {
	margin-top:-40px;
}

.cr-reviews-slider .ivole-review-card .cr-review-card-inner {
    padding-top: 30px !important;
	padding-bottom: 40px !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px #eee solid !important;
	border-bottom:0px #eb326f solid !important;
}

.home-reviews-slider .cr-reviews-slider .slick-dots li button:before {
	padding-top: 20px;
	font-size: 15px;
	opacity: .25;
    color: #084aa2;
}

.home-reviews-slider .cr-reviews-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #084aa2;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .rating {
	flex:none;	
	clear:both;
	text-align:center;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .rating .crstar-rating {
	text-align:center;
	float:none;
	font-size:30px;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .reviewer .reviewer-name {
    font-size:18px;
	font-weight:700;
	padding-top:5px;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .reviewer .reviewer-verified {
	font-size:14px;
    padding-top:2px;
	display:none;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .rating .datetime {
	padding-top:5px;
	font-size:14px;
	text-align:center;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .middle-row .review-content {
	font-size:18px;
    font-style:italic;
	line-height:24px;
}

.home-reviews-slider .cr-reviews-slider .slick-prev:before,
.home-reviews-slider .cr-reviews-slider .slick-next:before {
	display:none;
}

.home-reviews-slider .verified-review-row {
	display:none;
}

/*************** ADD HOMEPAGE - SUBSCRIPTION FORM CUSTOM CSS HERE.   ***************/

.subscription-form {
	z-index:20;
	background-color:rgb(255,255,255);
}

.subscription-form .section-title-container {
	margin-bottom:1em;
}

.subscription-form h3 {
	color:#084aa2;
	font-size:160%;
	font-weight:700;
	letter-spacing:.05em;
}

.subscription-form .section-title-normal {
	border-bottom: 2px #eb326f solid;
}

.subscription-form .section-title-normal span {
	border-bottom: none;
}

.subscription-form p {
	color:#fff;
}

#mailerlite-form_1 .mailerlite-form .mailerlite-form-field {
    margin-bottom: 0px;
}
	
#mailerlite-form_1 .mailerlite-form label {
    margin-bottom: 0px;	
}

/*************** ADD FOOTER 2 - NAV MENU CSS HERE.   ***************/

#footer {z-index:0 !important;}


#menu-footer-main-new {
	text-align: center;
	margin-top:-30px;
}

#menu-footer-main-new li {  
	display: inline-block; 
	float: none;
  	position: relative;  
	text-transform:uppercase;
	border:0px;
	font-size:.9em;
	margin-left:-10px !important;
}

#menu-footer-main-new li:not(:first-child):before {
    content: "|";
	position:absolute;
	top:14px;
	left:2px;
	color:#fff;
	opacity:.75;
}

#menu-footer-main-new li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

#menu-footer-main-new li a:hover {
  color: #fede17 !important;
}

/*************** ADD FOOTER 2 - SOCIAL AND PAYMENT ICONS CSS HERE.   ***************/
.footer-2 .section-content {
	margin-top:-20px;
}

.footer-2 .social-icons .button.is-outline {
	border:0 !important;
}

.footer-2 .social-icons .button.is-outline:not(:first-child) {
	margin-left:-10px;
}

.footer-2 .social-icons .button.is-outline {
	background:none !important;
}

.footer-2 .social-icons .button.is-outline i {
	color:#fff;	
}

.footer-2 .social-icons .button.is-outline:hover i {
	color:#fede17 !important;	
}

.footer-2 p {
	font-size:.9em;
	line-height:1.2em;
	margin-top:-15px;
}

.footer-2 .tooltipster-base {
    display:none !important;
}

/*************** ADD ABSOLUTE FOOTER CSS HERE.   ***************/

.footer-secondary.pull-right { 
	 float:left;
     padding-top:0;
}

.footer-primary.pull-left { 
	 float:right;	 
}

.footer-secondary.pull-right .footer-text {
	font-size:.8em;
	color:#f8f8f8 !important;
	opacity:.7;
}

.footer-primary #menu-footer1 { 
	border:0px;
}

.footer-primary #menu-footer1 li {
	position:relative;
	padding-left:10px;
}

.footer-primary #menu-footer1 li:not(:first-child):before {
    content: "|";
	position:absolute;
	top:-1px;
	left:-2px;
	font-weight:700;
	opacity:1 !important;
}

.footer-primary #menu-footer1 li a {
	font-size:.8em;
	color:#fff !important;
}

.footer-primary #menu-footer1 li a:hover {
	color:#fede17 !important;
}

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

/*************** ADD SMALL DESKTOP ONLY CSS HERE  ***************/

/**** ADD HOMEPAGE - BANNER CUSTOM CSS HERE.   ****/
	
.homepage-banner .text-box {
	transform: scale(0.8) !important;
	position:relative;
	top:12%;
}
	
.homepage-banner .text-box.lg-x50 {
    left: 2.5% !important;
}	
	
}	
	
@media only screen and (max-width: 1365px) {

/*************** ADD LAPTOP ONLY CSS HERE  ***************/
	
/**** ADD HOMEPAGE - TWO ICONS CUSTOM CSS HERE.   ****/
.homepage-icons {
	padding-left:15px;
}	
	
/**** ADD HOMEPAGE - BANNER CUSTOM CSS HERE.   ****/
		
.homepage-banner .text-box {
	transform: scale(0.7) !important;
	position:relative;
	top:8%;
}
	

/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.95) !important;
	position:relative;
	top:0;
	left:0 !important;
	}	


	
}	
	
@media only screen and (max-width: 1279px) { 
/*************** ADD SMALL LAPTOP ONLY CSS HERE  ***************/
	
.fancy-pink {
	font-size:220%;
	line-height:150%;
	}
	
/**** ADD HOMEPAGE - BANNER CUSTOM CSS HERE.   ****/
	
.homepage-banner .text-box {
	transform: scale(0.7) !important;
	position:relative;
	 top:8%;
}

/*************** ADD HOMEPAGE - MAIN SECTION HEADINGS CSS HERE.   ***************/
.home-section h3 {
	font-size:190%;
}
	
/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.95) !important;
	top:-3px;
	}		
	
/**** ADD HOMEPAGE - RACING BANNER CUSTOM CSS HERE.   ****/
.racer-banner .img {
	top:110px;
}	
	
/**** ADD HOMEPAGE - SUBSCRIPTION CUSTOM CSS HERE.   ****/
.subscription-form {
	height:500px;
	}	
	
.subscription-form p {
	line-height:1.3em;
}
	
}	
		
		
@media only screen and (max-width: 1199px) { 
	/* min-width: 1024px and  */
/*************** ADD IPAD PRO ONLY CSS HERE  ***************/

/**** ADD HOMEPAGE - TWO ICONS CUSTOM CSS HERE.   ****/
.homepage-icons {
	padding-left:15px;
}	
	
.homepage-icons p {
	font-size:100%;
}
		

/**** ADD HOMEPAGE - BANNER CUSTOM CSS HERE.   ****/	
	
.homepage-banner .text-box {
	transform: scale(0.6) !important;	
	position:relative;
	top:3%;
}
	
/**** ADD HOMEPAGE - MAIN SECTION HEADINGS CSS HERE.   *****/
.home-section h3 {
	font-size:180%;
}
	
/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.8) !important;
	top:-4px;
	}		
		
	
/**** ADD HOMEPAGE - RACER BANNER CUSTOM CSS HERE.   ****/

.racer-banner {
	height:380px;
}	
	
.racer-banner .text-box {
	margin-top:-20px;
}	
	
.racer-banner h4 {
	font-size:280%;
	}

/**** ADD HOMEPAGE - MICKEY BANNER CUSTOM CSS HERE.   ****/	
.mickey-banner .text-box {
	width:60% !important;
	position:relative;
	bottom:40px;
}
	
}

@media only screen and (max-width: 1023px) { 
/* @media only screen and (min-width: 850px) and (max-width: 1023px) { */
	/* min-width: 768px and  */
/*************** ADD IPAD PRO ONLY CSS HERE  ***************/	

/**** ADD MAIN SHOP PAGE - SHOP BANNER CUSTOM CSS HERE.   ****/
.main-shop-banner .divider {
	display:none;
	}	
		
	
/**** ADD NAVIGATION - MEGA MENU MOBILE CUSTOM CSS HERE.   ****/

.sub-menu.nav-sidebar-ul>li.menu-item-has-children>a {
		color:#084aa2;
		font-size: 13px;
}

.sub-menu.nav-sidebar-ul>li.mega-menu-header>a {
		margin-top:15px;
		margin-left:-8px;
		color:#084aa2;
		font-size: 13px;
		font-weight:700;
}
	
.sub-menu.nav-sidebar-ul>li.mega-menu-header-pink>a {
		margin-top:15px;
		margin-left:-8px;
		color:#eb326f;
		font-size: 13px;
		font-weight:700;
}

.sub-menu.nav-sidebar-ul>li>a {
		font-size: 13px;
}		
	
	
	
/**** ADD HOMEPAGE - TWO ICONS CUSTOM CSS HERE.   ****/
.homepage-icons p {
	font-size:90%;
}
	
/**** ADD HEADER - BANNER CUSTOM CSS HERE.   ****/
	
.homepage-banner .text-box {
	transform: scale(0.5) !important;
	position:relative;
	top:-40px;
}
	
.homepage-banner a {
		font-size:200%;
}

/**** ADD HOMEPAGE - MAIN SECTION HEADINGS CSS HERE.  *****/
.home-section h3 {
	font-size:170%;
}


/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.7) !important;
	top:-8px;
	}	

	
/**** ADD HOMEPAGE - RACER BANNER CUSTOM CSS HERE.   ****/

.racer-banner {
	height:280px;
	background-color:#178bf0 !important;
}
	
.racer-banner .text-box {
	position:relative;
	width:50% !important;
	margin-top:0px;
	top:20px;
	left:70px;
}

.racer-banner h4 {
	font-size:250%;
	}
	
.racer-banner p {
	font-size:100%;
	}
	

.racer-banner .bg.bg-loaded {
	display:none;
	}	
	
.racer-banner .img {
	top:50px;
}
	
/**** ADD HOMEPAGE - MICKEY BANNER CUSTOM CSS HERE.   ****/
.mickey-banner {
	height:220px;
}
	
.mickey-banner .text-box {
	width:90% !important;
}
	
.mickey-banner p {
	font-size:100%;
	}
	
.mickey-banner .bg.bg-loaded {
	display:none;
	}	
	
.mickey-banner {
	background-color:#eb326f !important;
	}	
	
/**** ADD HOMEPAGE - SUBSCRIPTION FORM CUSTOM CSS HERE.   ****/
	
.subscription-form {
	height:450px;
	background-color:#fca848;
	}	
	
.subscription-form .section-content .col-inner {
	padding-top:50px !important;
	}

.subscription-form .section-content .col {
	padding-left:0 !important;
	padding-right:0 !important;
	}
	
.subscription-form .section-content .col:first-child {
	margin-right:30px;
	}
	
.subscription-form .section-content .col:last-child {
	margin-left:30px;
	}
		
.subscription-form .bg.bg-loaded {
	display:none;
	}	

	
/**** ADD MAIN SHOP PAGE - SHOP BANNER CUSTOM CSS HERE.   ****/	
.main-shop-banner .text-box {
	transform: scale(0.8) !important;
	position:relative;
	top:6%;
	left:27%;
}
}

@media only screen and (max-width: 849px) {
/*************** ADD FLATSOME TABLET CSS HERE  ***************/

.header-top {
    display:none !important;
}

.fancy-pink {
	font-size:200%;
	line-height:150%;
	}	

h1.section-title-normal {
	margin-top:20px;
}	

/**** ADD MOBILE - FORM CUSTOM CSS HERE.   ****/
.form-flat input {
    border-radius: 2px !important;
}			
	
/**** ADD HOMEPAGE - TWO ICONS CUSTOM CSS HERE.   ****/
.homepage-icons {
	display:none;
}	
	
	
/**** ADD HEADER - BANNER CUSTOM CSS HERE.   ****/
	
.homepage-banner .text-box {
	transform: scale(0.45) !important;
	position:relative;
	top:-8%;
}
	
/**** ADD HOMEPAGE - MAIN SECTION HEADINGS CSS HERE.   *****/
.home-section h3 {
	font-size:150%;
	letter-spacing:0em !important;	
}

/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.7) !important;
	top:-5px;
	}	
	
	
/**** ADD HOMEPAGE - RACER BANNER CUSTOM CSS HERE.   ****/

.racer-banner {
	height:280px;
}	
	
.racer-banner .text-box {
	position:relative;
	top:30px;
}
	
.racer-banner .img {
	position:relative;
	top:40px;
}
	
.racer-banner p {
	font-size:14px !important;
}

/**** ADD HOMEPAGE - MICKEY BANNER CUSTOM CSS HERE.   ****/
.mickey-banner {
	height:200px;
}
	
.mickey-banner p {
	font-size:14px !important;
}
	
	
/*************** ADD HOMEPAGE - CUSTOMER REVIEWS CUSTOM CSS HERE.   ***************/


.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .rating .crstar-rating {
	font-size:22px;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .reviewer .reviewer-name {
    font-size:14px;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .reviewer .reviewer-verified {
	font-size:12px;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .top-row .rating .datetime {
	font-size:12px;
}

.home-reviews-slider .cr-reviews-slider .ivole-review-card .middle-row .review-content {
	font-size:14px;
	line-height:18px;
}	
	
	
	
	
/**** ADD HOMEPAGE - SUBSCRIPTION FORM CUSTOM CSS HERE.   ****/

.subscription-form h3 {
	font-size:140%;
	letter-spacing:0;
	}		
	
.subscription-form p {
	font-size:14px !important;
	}	
	
/**** ADD MAIN SHOP PAGE - SHOP BANNER CUSTOM CSS HERE.   ****/
.main-shop-banner1  {
	height:200px;
}

.main-shop-banner {
	height:180px;
}
	
.main-shop-banner .text-box {
	top:0%;
	left:20%;
	font-size:100%;
}

/**** ADD WOOCOMMERCE - PRODUCT PAGE CUSTOM CSS HERE.   ****/
.product-main .product-info h1.product-title {
	margin-top:20px;
}
	
}

@media only screen and (max-width: 768px) {
/*************** ADD IPAD ONLY CSS HERE  ***************/
/**** ADD MAIN SHOP PAGE - SHOP BANNER CUSTOM CSS HERE.   ****/
.main-shop-banner1 {	
	height:180px;
}	

/**** ADD HOMEPAGE - REBRANDING BANNER CUSTOM CSS HERE.   ****/
	
.rebranding-banner {
	height:70px;
}	
	
/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.7) !important;
	top:-5px;
	}	
		
/**** ADD HOMEPAGE - RACER BANNER CUSTOM CSS HERE.   ****/
.racer-banner .text-box {
	position:relative;
	left:50px;
}	
	
.racer-banner .img {
	right:40px !important;
}
		
/**** ADD HOMEPAGE - MICKEY BANNER CUSTOM CSS HERE.   ****/
.mickey-banner {
	height:210px;
}
	
/****ADD FOOTER 2 - SOCIAL AND PAYMENT ICONS CSS HERE.   ****/
.footer-2 .section-content {
	margin-top:-35px;
}
	
/****ADD ABSOLUTE FOOTER CSS HERE.   ****/	

.absolute-footer .container {
	display:flex; 
	flex-direction: column;
}	
	
.footer-secondary.pull-right { 
	order: 2 !important;
}
	
.footer-primary.pull-left { 
	order: 1 !important;
}
	
.footer-secondary.pull-right,
.footer-primary.pull-left{ 
	 float:none;
	text-align:center;
}

}


@media only screen and (max-width: 549px) {
/*************** ADD FLATSOME MOBILE BREAKPOINT CSS HERE  ***************/
	

/**** ADD HEADER - LOGO CUSTOM CSS HERE.   ****/
	
#logo img {
		height:60px !important;
	}		
	
/**** ADD HEADER - BANNER CUSTOM CSS HERE.   ****/
	
.homepage-banner {
	height:300px;
}
	
.homepage-banner .text-box {
	transform: scale(1) !important;
	position:relative;
	top:19%;
}
	
.homepage-banner h1 {
	    text-shadow: 1px 1px 1px rgba(150, 150, 150, .8);
}
	
.homepage-banner h4 {
	font-size:320% !important;
}
	
.homepage-banner .divider {
	margin-top:10px !important;
	width:50px !important;
}
	
.homepage-banner .button {
		margin-top:-10px;
	}
	
/**** ADD MAIN SHOP PAGE - SHOP BANNER CUSTOM CSS HERE.   ****/
.main-shop-banner1 {	
	height:140px;
}		
	
.main-shop-banner {
	height:150px;
}
	
.main-shop-banner .text-box {
	left:10%;
}		
	
.main-shop-banner h1 {
font-size: 2.5em !important; 
}
	
/**** ADD WOOCOMMERCE - PRODUCT FILTER CSS HERE.   ****/
	
#shop-sidebar .widget_price_filter .is-divider {
	height:3px;
}
	
.bapf_body .bapf_show_hide {
	display:block;
	margin-top:25px;
}	
	
/**** ADD HOMEPAGE - MAIN SECTION HEADINGS CSS HERE.   ****/
.home-section h3 {
	font-size:140%;
}

.home-section .section-title-normal a {
	font-size:100% !important;	
}
	
.home-section .section-title-normal .icon-angle-right::before {	
	position:relative;
	top:-1px !important;
	}

/**** ADD HOMEPAGE - REBRANDING BANNER CUSTOM CSS HERE.   ****/
	
.rebranding-banner {
	height:60px;
}	

/**** ADD HOMEPAGE - SALE BANNER CUSTOM CSS HERE.   ****/

.sale-banner a {
		margin-bottom:10px !important;
	}	
	
/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.5) !important;
	top:-12px;
	left:-2% !important;
	}
	
	
/**** ADD HOMEPAGE - RACER BANNER CUSTOM CSS HERE.   ****/

.racer-banner {
	height:330px;
}	
	
.racer-banner h4 {
	line-height:110%;
}	
	
.racer-banner .text-box {
	position:relative;
	left:30px;
}	
	
.racer-banner .img {
	top:60px;
	right:20px !important;
}	
	
/**** ADD HOMEPAGE - MICKEY BANNER CUSTOM CSS HERE.   ****/
.mickey-banner {
	height:250px;
}
	
.mickey-banner .text-box {
	position:relative;
	top:10%;
}	
	
/**** ADD HOMEPAGE - SUBSCRIPTION FORM CUSTOM CSS HERE.   ****/

.subscription-form  {
	height:800px;
	}		
		
.subscription-form .section-content {
	position:relative;
	top:30px;
	}
	
.subscription-form .section-content .col-inner:last-child  {
	padding-top:0px !important;
	margin-top:-20px;
	}

.subscription-form .section-content .col {
	padding-left:30px !important;
	padding-right:30px !important;
	}
	
.subscription-form .section-content .col:first-child {
	margin-right:0px;
	}
	
.subscription-form .section-content .col:last-child {
	margin-left:0px;
	}
	
.subscription-form h3 {
	letter-spacing:0;
	}		
	
.subscription-form p {
	line-height:1.6em;
	}	
	
/****ADD FOOTER 2 - NAV MENU CSS HERE.   ****/
#menu-footer-main {
	/* display:none; */
	margin-top:-15px;
	margin-bottom:30px;
}
	
#menu-footer-main li {  
	display: block; 
	margin-left:0px !important;
	font-size:1em;
}

#menu-footer-main li a {
    padding: 10px;
}
	
#menu-footer-main li:not(:first-child):before {
    content: " ";
	opacity:0;
}

/****ADD ABOUT US PAGE - COLUMN SWAP CSS HERE.   ****/
.about-us {
	display:flex; 
	flex-direction: column;
}	
	
.about-us .about-us-col1 { 
	order: 2 !important;
}
	
.about-us .about-us-col2 { 
	order: 1 !important;
	margin-top:-20px;
	margin-bottom:15px;
}
		
}




@media only screen and (max-width: 420px) {
/*************** ADD FLATSOME SMALL MOBILE BREAKPOINT CSS HERE  ***************/
	
/*************** ADD HOMEPAGE - MAIN SECTION HEADINGS CSS HERE.   ***************/
.home-section h3 {
	font-size:120%;
	letter-spacing:.1em;
}

/**** ADD HOMEPAGE - REBRANDING BANNER CUSTOM CSS HERE.   ****/
	
.rebranding-banner {
	height:50px;
}	

/**** ADD HOMEPAGE - SALE BANNER CUSTOM CSS HERE.   ****/

.sale-banner .text-box {
	transform: scale(0.8) !important;

}		
	
.sale-banner a {
		margin-bottom:0px !important;
	}	
	
/**** ADD HOMEPAGE - DEPT GRID CUSTOM CSS HERE.   ****/
.dept-grid .text-box {
	transform: scale(0.40) !important;
	top:-16px;
	left:-5% !important;
	}
	
/**** ADD HOMEPAGE - RACER BANNER CUSTOM CSS HERE.   ****/
	
.racer-banner {
	height:250px;
}	
	
.racer-banner .text-box {
	width:90% !important;
	position:relative;
	top:20px;
	left:2.5%;
}
	
.racer-banner h4 {
	font-size:240%;
}	
	
.racer-banner .text-left {
    text-align:center !important;
}
	
.racer-banner img {	
	display:none;
}	
	
/**** ADD HOMEPAGE - MICKEY BANNER CUSTOM CSS HERE.   ****/

.mickey-banner {
	height:300px;
}	
	
.mickey-banner .text-box {
	position:relative;
	top:25px;
}	
	
/**** ADD HOMEPAGE - SUBSCRIPTION FORM CUSTOM CSS HERE.   ****/

.subscription-form  {
	height:820px;
	}	

.subscription-form .section-content {
	position:relative;
	top:40px;
	}
	
	
/**** ADD MAIN SHOP PAGE - SHOP BANNER CUSTOM CSS HERE.   ****/
.main-shop-banner1 {	
	height:120px;
	margin-bottom:0;
}	

.main-shop-banner {	
	height:220px;
	margin-bottom:0;
}	
	
.main-shop-banner img {	
	display:none;
}	
	
.main-shop-banner .text-box {
	width:100% !important;
	position:relative;
	top:0;
	left:0;
}	
	
.main-shop-banner .text-box h1 {
	font-size:120%;
	line-height:140%;	
}	
		
.main-shop-banner .text-box p {
	font-size:110%;
}	
	
	
.shop-page-content h3 {
		letter-spacing: -0.2px !important;
	}


/****ADD FOOTER 2 - NAV MENU CSS HERE.   ****/
#menu-footer-main-new {
	/* display:none; */
	margin-top:-15px;
	margin-bottom:30px;
}
	
#menu-footer-main-new li {  
	display: block; 
	margin-left:0px !important;
	font-size:1em;
}

#menu-footer-main-new li a {
    padding: 10px;
}
	
#menu-footer-main-new li:not(:first-child):before {
    content: " ";
	opacity:0;
}
		
	
}