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

/* home page stuff */

.home .row.slider-icons-below {
    margin-top: 10px;
}

.home a.button.is-large.expand {
    
    font-weight: normal;
    font-family: "play", sans serif;   

}
/* top bar */

p.woocommerce-store-notice.demo_store {
    font-size: .8em;
}

.html_topbar_left  {
    font-family: "play", sans serif;
    font-size: .8em !important;
    font-weight: normal;
}

span.cart-price {
    margin-right: 0.3em;
}

/* this is necessary because ux builder doesn't offer way to nofollow.  putting regular links inserts p tag for google analytics, which is repeated for the image itself */
.slider-icons-below .col-inner > p {
    display: none;
    visibility: hidden;
}

.product-small .box-image {max-width: 247px;}

.tmxxx-upload-fields h3.tm-epo-field-label {
    background: #efefef;
    padding: 5px;
    margin-bottom: 25px;
}

.tmxxx-upload-fields small {
    display:none;
}

.tmxxx-upload-fields .tm-epo-field-label.tm-left {
    padding-top: 4px;
}

.fancy-product .product-page-title nav {
    display: none;
}

.iconbox .icon-box.featured-box {
    padding: 15px 0;
}


/*************** Navbar Menu   ***************/

.menu-item-colheadblank > a {
    visibility: hidden;
}

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a {
    margin: 0 15px;
}

.menu-item-colheadblank.menu-item.menu-item-type-custom a {
    margin: 0 10px 0 0;
}

.menu-item-colheadblank.menu-item.menu-item-type-custom {
    border-right: 1px solid #eee;
padding-right: 10px;
}

.menu-item-phonecasecol.menu-item.menu-item-type-taxonomy {
    padding-left: 10px;
}

/*************** Navbar Menu with Acme font - delete or comment out for lato bold 700 ***************/

#wide-nav .nav>li>a, #top-bar .nav>li>a {
    font-size: .9em;
}
#wide-nav .nav-uppercase>li>a {
    letter-spacing: .05em;
    text-transform: uppercase;
     font-weight: normal; 
}


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

.bullets {
    margin-bottom: 20px;
    font-size: .95em;
    margin-left: 25px;
}

.product-gallery-slider .slide .easyzoom-flyout img{ 
	max-width: 1000px!important; 
	width: 1000px!important; 
}

.shop-container .product-info li, .woocommerce-tabs .tab-panels li {
/*    list-style-position: inside;
    margin-bottom: 0.25em;
    padding-left: 2em;
    text-indent: -1em;
    font-size: .9em;*/
}

.single-product .product-addon-personalize-the-text .addon-description {
    /*font-size: 0.9em;*/
}

.single-product .cart {
    margin-top: 40px;
}

.single-product .acf_subtitle > h2 {
	font-size: 1.3em;
    margin-bottom: 0.5em;

}

.single-product .acf_subsubtitle > h3 {
	font-size: .8em;

}

.acf_devices h3 {
    font-size: 1em;
    font-weight: 500;
}

.single-product .product-info .price {
    font-size: 1.4em;
    font-weight: bolder;
    margin: .75em 0;
}

p.price.product-page-price {
    background-color: #f8f8f8;
    padding: .4em;
}

.single-product .is-divider {
    margin: 3px 0;
}

.single-product h1.product-title {
    margin-bottom: 5px;
}

.single-product .product-bullets {
    margin-left: 20px;
}

.shop-page-title.product-page-title.dark.featured-title.page-title {
   /*  background-color: #222 !important; */
}

.title-bg {
   /* opacity: 0.85; */
}

.attachment-shop_single.size-shop_single {
    max-width: 510px;
}

.single-product .breadcrumbs a {
    color: #3c3c3c;
}

.single-product .breadcrumbs .divider {
    color: #3c3c3c;
}

.single-product .product-summary .variations_button {
    padding: 2em 0 .5em 0;
}

/* Nav menu messed up on checkout page.  Remove it. */

.woocommerce-checkout #wide-nav .flex-row.container {
    display: none;
}


/* Related product slider - remove gray background */
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    box-shadow: 0 -150px 15px 0 rgba(0, 0, 0, 0);
}

/* Social Login */
.lightbox .text-center.social-login.normal-title.yith-lightbox {
    padding: 10px 0 5px;
}

.lightbox .ywsl-social.ywsl-facebook {
    padding-right: 10px;
}

/* Social Share */

.product-info .social-icons {
  display: inline-block;  /* remove default icons */
}

.woocommerce.ywsfd-wrapper {
    border: 1px solid #ddd;
    padding: 15px;
}

.woocommerce.ywsfd-wrapper h2 {
    font-size: 0.9em;
}

.ywsfd-social {
    border: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    text-align: left;
}

.ywsfd-social > .ywsfd-social-button {
    margin: 0 5px 0 0;
}

.yith-share-extra > p {
    font-size: 0.9em;
}

/* After Share */
.ywsfd-wrapper h2 {
    font-size: 1em;
}

.ywsfd-after-share {
    font-size: 14px !important;
}

.ywsfd-wrapper {
    border: 1px solid #ddd;
    padding: 15px;
}

.single-product .message-wrapper {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #00820a;
    margin-top: 10px;
    padding: 20px;
    text-align: center;
}

/* Shop page product add ons */
.addon-name  {
    display: inline;
    float: left;
    font-size: 0.8em;
    padding-top: 8px;
    width: 20%;
}

.addon.addon-select {
    font-size: 0.9em;
    width: 80%;
}

.product-addon-personalize-the-text .addon-name { float: none; width: 100%; }

.product-addon-personalize-the-text h3.addon-name {
    font-size: 1em;
    margin-top: 0;
}

div.addon-description p {
    font-size: 0.9em;
    font-style: normal;
    margin-bottom: 0.5em;
}

/* Cart Variation Meta */


dt {
    clear: left;
    float: left;
    margin-right: 8px !important;
}

dd {
    clear: right;
    float: left;
    min-width: 50%;
}

/* Product Tabs with YITH tabs plugin - must remove flatsome hover code then add it for yith */


.nav-line-bottom > li > a::before, .nav-line-grow > li > a::before, .nav-line > li > a::before {
    background-color: transparent !important;
}
.nav-vertical a:hover {
    border-right: 3px solid #000;
}

.nav-vertical li.active > a {
    border-right: 3px solid #247ba0;
}



/****   Fix Chrome Thumbnail Issue   *****/

/**** .product-thumbnails img {    *****/
/****     margin-bottom: -10px;   *****/
/****     border: 1px solid transparent;   *****/
/**** }   *****/

/**** .row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {   *****/
/****     padding: 0 7.2625px 19.6px;   *****/
/****     margin-bottom: 0;   *****/
/**** }   *****/


/* Adjustment for main variation label */

.variations td.label {
    width: 115px;
}

.product-thumbnails a:hover img, .product-thumbnails .is-nav-selected a img {
    border-color: rgba(0, 0, 0, 0);
}



div#tm-extra-product-options {
    margin-bottom: 1em;
}



.tm-extra-product-options .tmcp-field-wrap > label {
    font-weight: normal;
}

.tm-epo-required {
    display: none;
}


.tm-epo-element-label.tm-left {
    font-size: 0.8em;
    width: 25% !important;
    padding: 7px 0 0 0 !important;
}

.tm-epo-element-label.tm-left+.tm-extra-product-options-container, .tm-epo-element-label.tm-right+.tm-extra-product-options-container {
    width: 74.4% !important;
    max-width: 74.4%;
    display: inline-block;
}



.tm-extra-product-options .tm-extra-product-options-container, .tm-extra-product-options .tmcp-ul-wrap {
    overflow: visible;
    float: right;
}

.tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap {
    padding: 0 !important;
}


.tc-totals-form.tm-totals-form-main.tc-show {
    border-top: 1px dashed #ccc;
    margin-top: 1em;
}

.single-product .product-info .tm-final-totals .price {
    font-size: 1.5em;
    font-weight: bolder;
    margin: 0 0 1em;
}

.tm-extra-product-options .tm-cell {
    margin: 0;

}

.tm-epo-totals {
    clear: both;
    padding-bottom: 0;
    padding-top: 0;
}

.tm-description {
    font-size: .9em;
    margin-bottom: .5em;
}

.single-product span.from {
    font-size: .5em;
    margin-right: .5em;
}

span.from {
    font-size: .7em;
    margin-right: .2em;
}

.product-page-accordian ul {
    margin-left: 35px;
}


table.variations {
    
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    
}

/*************** Remove Image from Categories in Shop Archives ***************/

.archive .product-category .box-image  {
    height: 75px;
    
}
.archive .product-category .box-image img {
    display:none;
}
.archive .product-category .box-badge .box-text {
    bottom: 20%;
}

/*************** Home page PCT products -- must set max width to use in UX grids  ***************/

.home .columns-3 .wcepe_product.product.product-small.box {
    max-width: 160px;
}

/*************** MYO Product Pages  ***************/

.makeyourown .shop-page-title.product-page-title.dark.featured-title.page-title {
    display: none;
}

/** must add myo-breadcrumbs class to the "section" (use navigator in elem) **/
.single-product.makeyourown .myo-breadcrumbs {
    background-color: #f8f8f8;
    margin-bottom: .25em;
}

.single-product.makeyourown h1.elementor-heading-title {
    font-size: 1.6em;
    background: #f8f8f8;
    padding: .4em 0;   
}
    
.single-product.makeyourown .elementor-image img {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding: 1em;
}

/** myo-related-title class hardcoded related.php **/
.single-product.makeyourown h3.myo-related-title {
    display: block;
    background: rgba(0,0,0,0.03);
    padding: .6em 1em;
    border-top: 1px solid #0b99bc;
    font-size: 110%;
    color: #0b99bc;
    font-weight: bold;
    font-family: "Lato", sans-serif;
}

/** text is blurry in chrome in flipboxes without this. orig 1000px. **/
.single-product.makeyourown .elementor-flip-box--effect-flip .elementor-flip-box {
    -webkit-perspective: none;
    perspective: none;
}

/*************** MYO Category Pages  ***************/


.archive.makeyourown .shop-page-title.category-page-title.page-title {  }

.archive.makeyourown .myo-breadcrumbs {
    background-color: #f8f8f8;
    margin-bottom: .25em;
}

/** Title and class myo-title is hardcoded into template for category pages **/

.archive.makeyourown .myo-title {
    font-size: 1.6em;
    background: #f8f8f8;
    padding: .2em 0;   
}

.archive.makeyourown .elementor-image img {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding: 1em;
}


.archive.makeyourown .box-text.box-text-products {
    text-align: center;
}

.archive.makeyourown .name.product-title {
    font-size: 1.3em;
    margin-bottom: .5em;
}

.archive.makeyourown .price-wrapper {
    font-size: 1.2em;
    margin-bottom: 1.2em;
}

/** .product-cat-meta added in css section of elem. **/
.single.makeyourown .product-cat-meta {
    border-top: 1px dotted #ddd;
    padding: 5px 0;
    font-size: .8em;
}


/** Same as above but for new 2020 MYO Pages **/

.page.make-your-own .myo-title {
    font-size: 1.6em;
    background: #f8f8f8;
    padding: .2em 0;   
    font-family: "Play", sans-serif;
}

.page.make-your-own .elementor-image img {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding: 1em;
}


.page.make-your-own .box-text.box-text-products {
    text-align: center;
}

.page.make-your-own .name.product-title {
    font-size: 1.2em;
    margin: .5em 0;
}

.page.make-your-own .price-wrapper {
    font-size: 1.1em;
    margin-bottom: 1.1em;
}


.page .title-overlay {
    background-color: rgba(0,0,0,0);
}

/** YITH Product Badge **/

.product-small .yith-wcbm-badge {
    display:none;
}

/*************** Style Lumise Buttons  ***************/
body #wrapper #main .products .product .lumise-button {
    position: relative;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    vertical-align: middle;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}

body #wrapper #main .products .product .lumise-button:hover {
    outline: none;
    opacity: 1;
    color: #fff;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

body #wrapper #main .products .product .lumise-list-button, body #wrapper #main .products .product lumise-button.lumise-list-button {
    background-color: #d1495b;
    color: #fff;
    display: inline-block;
    transition: all 0.3s ease 0s;
    line-height: 1;
    width: auto;
    padding: 12px 20px;
    border-radius: 2px;
    margin: 0 2px;

}



/** Toolset Views and Related Pages **/


.page-template-default .page-title.featured-title h1.entry-title.mb-0 {
    padding-right: .5em;
    font-family: "Play", sans-serif;
}

.page-template-default p.lead {
    padding: 10px;
    background: #f8f8f8;
    margin-top: 1em;
    font-family: "Play", sans-serif;
    font-size: 1.1em !important;
}

.page-template-default select.js-wpv-filter-trigger.form-control {
    font-size: 1.2em;
    width: 350px;
    float: left;
    margin-right: 1em;
}

input.wpv-submit-trigger.js-wpv-submit-trigger.btn.btn-secondary {
    padding: .3em 2em;
}


.page-template-default .pagination li.page-item {
    display: inline;
}

.page-template-default .pagination li.page-item a {
    background: #f8f8f8;
    padding: 1em 2em;
}

.page-template-default .pagination li.page-item a:hover {
    background: #e8eef2;
}

.page-template-default .pagination {
    font-size: 1.2em;
    list-style-type: none;
    margin: 0;
    /* overflow: hidden; */
    /* padding: 2px 0; */
    text-align: center;
}

.page-template-default a.wpv-filter-previous-link.js-wpv-pagination-previous-link.page-link::before {
    content: "<<  ";
}

.page-template-default a.wpv-filter-next-link.js-wpv-pagination-next-link.page-link::after {
    content: "  >>";
}

.tax-product-catalog .term-description {
    text-align: center;
    margin-bottom: 2em;
}

.page-template-default .js-wpv-view-layout  .price-wrapper {
    margin-top: .5em;
}

.free-shipping-badge {
    font-size: .9em;
    background: #292f364f;
    padding: .2em .5em;
    color: #f8f8f8;
    font-family: "Play", sans-serif;
}


.free-shipping-loop-badge {
    font-size: .8em;
    background: #292f364f;
    padding: .2em .5em;
    color: #f8f8f8;
    font-family: "Play", sans-serif;
    position: absolute;
    /* top: 62px; */
    z-index: 1;
}




/** CSS Code from Flatsome Custom CSS section, moved here.. **/


.mobile-only {display:none;}
.hide-no-products {display: none;}

/* .mobile-only {display:none;} */
/* .hide-no-products {display: none;} */

/* Shop page header 2018 */

.shop-page-title.featured-title .title-overlay {
    background-color: #cacfd6;
background-image: url("/files/2020/03/13/1/silver-header.png");
}


.shop-page-title.featured-title .title-bg {
    background-image: none !important;
}

.single-product h1.product-title {
    margin-bottom: 5px;
    color: #3c3c3c;
    font-size: 1.8em;
}

/* Shop page header 2018 Continued - Headers by Category */

.single-product.dogs .shop-page-title.featured-title .title-overlay,
.single-product.cats .shop-page-title.featured-title .title-overlay
 {
    background-color: #cacfd6;
    background-image: url("/files/2020/03/13/1/paws-header-lightgrey.png");
    background-repeat: repeat;
}

.single-product.politics .shop-page-title.featured-title .title-overlay
 {
    background-color: #cacfd6;
    background-image: url("/files/2020/03/19/0/stars-header.png");
    background-repeat: repeat;
}

.bullets {
    margin-left: 25px;
}

/* Page Template Center 2018 */

.page-template-page-blank-title-center .entry-header.text-center {
	margin: -30px -60px 0 -60px;
    background: #fcdf15;
	  padding: 0 10px;
}

.page-template-page-blank-title-center .entry-header.text-center h1 {
 padding: 30px 0;
 font-size: 2em;
word-wrap: break-word;

}
.page-template-page-blank-title-center .entry-header.text-center .is-divider.medium {
	display:none;
}

.page-template-page-blank-title-center .section-title.section-title-normal {
    color: #d1495b;
    font-size: 1.6em;
	margin-top: 35px;
}
.page-template-page-blank-title-center .section-title-normal {
    border-bottom: 2px solid #cacfd6;
}

.page-template-page-blank-title-center .page-wrapper, .page-template-page-blank-title-center .entry-content {
    padding-top: 30px;
    padding-bottom: 0;
}

.page-template-page-blank-title-center .share {
    padding-top: 50px;
    padding-bottom: 0;
}

.page-template-page-blank-title-center .share .button.icon {
    min-width: 7em;
}

.page-template-page-blank-title-center .parent-page-link {
    text-align: center;
    margin-top: 1em;
}

.page-template-page-blank-title-center .parent-page-link a {
    color: #bbb;
    font-size: .8em;
}

.page-template-page-blank-title-center .parent-page-link p {
    margin-bottom: 0;
}

/* Page Template Center 2018 Continued -- Headers */

.page-template-page-blank-title-center.dog-lovers .entry-header.text-center {
    background-image: url("/files/2020/03/13/1/paws-header-lightgrey.png");
    background-repeat: repeat;
}

.heart-icon {
    float: left;
	margin-right: 25px;
}

.description {
    overflow: hidden;
}

/* Gifts for Dog Lovers Page */

.page-parent.dog-lovers .box-image img {
    max-width: 114px !important;
}

.page-parent.dog-lovers .box-text p {
    font-family: "Acme", sans-serif;
    font-size: 1.1em;
}

.page-parent.dog-lovers .box-image {
    text-align: center;
}

/* code above changes teh background on product_cat pages also.  */
.tax-product_cat h1.shop-page-title, .post-type-archive-product h1.shop-page-title  {
    color: #292f36;
}

/* this is needed only because MYO product categories were not working with Views.  */
/*In view options, had to change to "use default woo archive".  After doing  */
/*that, the title was being shown twice. this hides it. */

.tax-product_cat h1.woocommerce-products-header__title.page-title, .post-type-archive-product h1.woocommerce-products-header__title.page-title {
    display: none;
}

.tax-product_cat .woocommerce-products-header .term-description {
    background: #f9f9fa;
    margin: 1em 1em 2em;
    padding: 1em 1em 0;
}

.tax-product_cat.make-your-own .woocommerce-products-header .term-description {
  text-align: center;
}

.tax-product_cat .shop-page-title.category-page-title.page-title, .post-type-archive-product .shop-page-title.category-page-title.page-title {
    margin-bottom: 1em;
}

.tax-product_cat .breadcrumbs a, .post-type-archive-product .breadcrumbs a, .tax-product_cat .breadcrumbs, .post-type-archive-product .breadcrumbs {
    color: #292f36;
}

.term-description .description h2 {
    color: #212227 !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.tm-epo-element-label.tm-left+.tm-extra-product-options-container, .tm-epo-element-label.tm-right+.tm-extra-product-options-container {
    /* width: 66% !important; */
    max-width: 60.8%;
}

/** CSS Code from Flatsome Custom CSS section, moved here.. **/
.hide-on-mobile {display:none;}
.mobile-only {display:block;}

.page-template-page-blank-title-center .entry-header.text-center {

 font-size: .8em;
 margin: 0;

}

.page-template-page-blank-title-center .share .button.icon {
    min-width: 2.5em;
	  width: 2.5em;
}

.heart-icon {
		width: 100%;
    text-align: center;
	  margin-right: 0;
}




}