/*
 Theme Name:   Storefront Child
 Theme URI:    http://www.woothemes.com/storefront
 Description:  Storefront Child Theme
 Author:       WooThemes
 Author URI:   http://www.woothemes.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  storefront-child
*/

/**********************************************************************************************/
/*IMPORT Fonts for site here*/
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Gochi+Hand');
/*End Section*/

/**********************************************************************************************/
/*SITE WIDE modifications*/

/*NO LONGER Necessary with new function.php code that removes sidebar and replace with Full Width template*/

/*
Set Product Page to full-width after removing sidebar in function.php file
The following removes all sidebar in woocommerce pages

body.woocommerce #primary { width: 100%; }
*/

/*
Set Product Page to full-width after removing sidebar in function.php file
The following removes sidebar in woocommerce single product pages ONLY
Change to left-sidebar or right-sidebar if necessary

.single-product.left-sidebar .content-area {
  float: none;
  margin-right: 0;
  width: 100%;
}
*/

/*
TEMP - Remove Storefront primary navigation
.main-navigation ul.nav-menu{
display: none;
}
*/

/*General Page Styling*/
.entry-title, .archive-title {
    font-family: 'Courgette', cursive;
    color: #B7008E;
}

/*Center Align*/
.ctrAlign {
text-align: center;
}

.center-text {
    text-align: center;
}

/*Sliding Nav Menu*/
#popout {
position: fixed;
height: 100%;
width: 250px;
background: rgb(255, 255, 255);
color: #383838;
top: 0px;
left: -260px;
z-index: 5000001;
overflow:auto;
box-shadow: 3px 0px 10px #ffe1e7;
}

.slide-menu {
    list-style: none;
    margin: 0 0 0 25px;
}

.slide-menu li { 
border-bottom:1px solid #eee; 
padding: 10px 20px;
width:100%;
}
 
.slide-menu li:hover { 
background: none;
}
 
.slide-menu li a { 
color:#555;
text-decoration:none;
width:100%;
}

.page-overlay{
    background-color: #000;
    background-color: rgba(0,0,0,0.88);
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 5000;
}

/*remove site wide breadcrumbs*/
.storefront-breadcrumb, .woocommerce-breadcrumb {
    display: none;
}

/*SITE WIDE COLORS and STYLE*/
.site-header {
padding: 0.3em 1em 0;
width: 100%;
left: 0;
top: 0;
box-shadow: 0 3px 10px #ffe1e7;
}

/* Removed - Web and Mobile to be the same
@media (min-width: 767px){
.site-header {
padding: 1em;
box-shadow: none;
}
}
*/

.smi-head {
  margin: 0 auto;
  text-align: center;  
}

/* My-Account Icon Link Remove for now */
.smi-head-left {
    float: left;
    padding-top: 43px;
}

/*
.smi-head-icon {
    display: none;
}
*/

.brand-logo-link{
    display: inline-block;
}


.brand-logo {
    height: 108px;
}

.smi-head-right {
    float: right;
    padding-top: 43px;
}

@media (max-width: 767px){
.brand-logo {
    height: 58px;
}
.smi-head-right, .smi-head-left {
    padding-top: 18px;
}
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.brand-logo {
    height: 78px;
}  
.smi-head-right, .smi-head-left {
    padding-top: 28px;
}
}

/*Hide Header Menu and Cart icon when user is not logged in => commented out - public site*/
/*logged out*/
/*
.smi-head-right, .smi-head-left {
    display: none;
}
*/
/*logged in*/
/*
.logged-in .smi-head-left, .logged-in .smi-head-right  {
  display: block;     
}
*/

@media (max-width: 767px){
.storefront-hamburger-menu-active .shm-close {
background-color: transparent;
float: right;
padding-right: 1rem;
}
}

a:active {
background-color: rgba(126, 0, 123, 0.5);
}

.button:focus, .button.alt:focus, a:focus, a:active, a:hover {
outline-style: none;
}

.separator {
border-top: 1.8px solid #cccccc;
margin: 2rem 1.8rem 0;
}

/*Test for full width youtube video*/
.video-full {
width: 560px;
height: 315px;
/*
width: 100%;
height: calc(100vw/1.7778);
*/
}


li.product {
background-color: #ffffff;
/*padding-top: 1em;*/
}

.woocommerce-info, .woocommerce-noreviews, .woocommerce-message, p.no-comments {
background-color: rgba(110, 37, 148, 0.7);
border-left: .6180469716em solid rgba(0,0,0,.15);
border-right: .6180469716em solid rgba(0,0,0,.15);
}

/*
.site-main .page-title, #post-313 > header > h1 {
font-family: 'Covered By Your Grace', cursive, sans-serif;
font-weight: 400;
font-size: 2em;
text-align: center;
margin: 0.540791em 0 1em;
color: #7e007b;
}
*/

.site-branding .site-title a {
font-family: Pacifico, cursive, sans-serif;
font-weight: 400;
font-size: 1.1em;
}

@media (max-width: 767px){
.site-header .custom-logo-link img {
    max-width: 150px;
}
}

button.menu-toggle {
    border: none;
    margin-top: 15px;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .site-header{
margin-bottom: 1em;
}


/*Testing*/
@media (max-width: 767px){
.page-id-6 .site-content .col-full, .page-id-7 .site-content .col-full, .page-id-8 .site-content .col-full {
    margin-left: 1.3em;
    margin-right: 1.3em;
}

.col-full {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.single-product div.product .woocommerce-product-gallery img {
    width: 100%;
}
}

@media (min-width: 767px){
/*Sets overall site width to 100% for larger screens*/
.col-full {
max-width: 100%;
}

/*Main Menu*/
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
padding: 0.809em 1em;
}

/*Set Secondary Menu*/
.woocommerce-active .site-header .secondary-navigation {
float: right;
margin: 0;
/*margin: 30px 0 0 0;*/
}

/*Set margin below Logo and Tag line*/
.site-header .site-branding {
margin-bottom: 1em;
width: 25%;
}
.secondary-navigation .menu a {
font-weight: 400;
}
.secondary-navigation ul.menu a:hover {
color: #b032ad;
}

/*Position Cart*/
.site-header-cart .cart-contents:after {
float: none;
content: "\f290";
}
.site-header-cart .cart-contents {
float: right;
padding: 0.809em 1em;
}

.site-header-cart .cart-contents .count {
font-weight: inherit;
opacity: .6;
font-size: .875em;
margin-right: 5px;
}
/*Removes Subtotal Price in menu bar*/
.site-header-cart .cart-contents .amount {
display: none;
}

/*Secondary Menu and User Account Icon*/
#menu-item-279.fa::before {
float: right;
width: 30px;
}
#menu-item-279.fa-user {
color: #7e007b;
}
#menu-item-279.fa-user:hover {
color: #b032ad;
}

.secondary-navigation ul.menu li#menu-item-279 a {
padding: 0 30px 0 0;
opacity: 0;
}
}


/*Removes Search Bar*/
div.site-search {
display: none;
}


/***Styling for buttons***/

.start-sel {
    max-width: 49%;
    display: inline-block;
    padding: 0.5em;
}

.start-sel > a:active {
    background-color: transparent;
}

.start-sel-btn {
    border-radius: 1.5em;
    height: 3em;
    max-width: 130px;
    font-family: 'Courgette';
    font-size: 1.3em;
    line-height: 1;
    padding: 0 0.3em;
    color: #ffffff;
    text-shadow: 0 0 2px #7e007b;
    background-color: #b7018e;
    background-image: linear-gradient(to right, #b7018e, #f7ade6);
}

.start-sel-btn:active {
    background-color: #670287;
    background-image: linear-gradient(to right, #f7ade6, #670287);
}

.start-sel-btn:focus {
    background-color: #670287;
    background-image: linear-gradient(to right, #f7ade6, #670287);
}

/***Styling for intext-block text over images***/

/* Container holding the image and the text */
.header-img-container {
  position: relative;
  width: 100%;
}

/*General class style*/
.header-intext-block {
    position: absolute;
    padding: 10px;
    max-width: fit-content;
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    text-align: center;
    font-family: 'Courgette';
    
}
.header-intext-block > p {
    margin: 0;
}

/*Header intext for Home Page Header*/
#header-home-intext {
    top: 96%;
    right: 0%;
    left: 0%;
    margin-left: 0;
    transform: translate(3%, -96%);
    background-color: #ffe8c8e8;
    box-shadow: -3px 3px 8px 0px black;
    font-size: 2.5vw;
}

@media screen and (max-width: 640px) {
#header-home-intext {
    font-size: 4vw;
    padding: 0.28em;
}
}

/*Header intext for Product Category Header*/
#header-category-placemat {
    top: 5%;
    right: 0%;
    left: 5%;
    transform: translate(-5%, -5%);
    font-size: 3vw;
    background-color: #ffc8dce8;
    box-shadow: -3px -3px 8px 0px black;
}

@media screen and (max-width: 640px) {
    #header-category-placemat {
    font-size: 4.5vw;
    }
}


/*Site Footer*/
.site-footer {
background-color: #fff2fb;
/*background: rgba(0,0,0,.06);*/
padding: 0;
}

.footer-widget-1 {
padding: 0.617924em 1em;
}

.site-info, .terms-privacy-links {
display: inline-block;
background-color: #fff2fb;
padding: 0.617924em 1em;
}

.terms-privacy-links {
    float: right;
}


#feedback-container {
    background-color: #eb4a6a;
    color: #fff;
    border-radius: 10em;
}

/*Removes Customize / Buy button for all items*/
ul.products li.product .button {
display: none;
}

/*Change Margin-bottom spacing between products thumbnails*/
ul.products li.product {
margin-bottom: 1em;
}

/*Change Margin for product image thumbnails*/
ul.products li.product img {
margin: auto;
}

/*Change Margin for product Title under thumbnails*/
ul.products li.product .woocommerce-LoopProduct-link h3 {
margin: 0;
}

/*Change Sale Badge - Position, look and feel previous colors - blue #20b1e2 or #25c8ff or Red Orange #e42e2e */
.woocommerce-LoopProduct-link .onsale {

   font-size:1em;
   background: #ff2571;
   color:white;
   text-align:center;
   border: none;
   border-radius:50%;
   display: inline-block;
    /*
    position:absolute;
    top:0px;
    right:-10px;
    width:auto;
    height:auto;
   
    line-height:18px;
    border-color: white;
    box-shadow:0 0 1px #333;
    */
}

#main > ul > li > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span.price {
    display: inline-block;
}

/*Quantity field Styling*/
div.quantity .input-text.qty.text {
/*display: none;*/
margin-right: 8px;
border-radius: 80px;
}

/*Delete item from cart X - Styling*/
a.remove:before {
color: #cccccc;
}

/*Removes Bottom Menu Bar on Handheld mobile devices */
.storefront-handheld-footer-bar {
display: none;
}

/*Style for Single Blog Page*/
.post-meta-section {
    text-align: center;
}

body.single-post .post {
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5em;
}

@media (max-width: 568px) {
body.single-post .post {
    margin-left: 1.41575em;
    margin-right: 1.41575em;
    padding: 0;
}}

.hentry.type-post .entry-content {
    width: 100%;
    float: none;
    margin-right: 0;
}


/*** Drawing Template Guide - temp remove from blog post to stand alone page ***/

.post-1425 .entry-title {
text-align:center;
font-size: 2rem;
}

.blog-container {
padding: 1.415em;
}

.blog-container .section-title {
font-size: 1.45rem;
text-align:center; 
}

.blog-container .docu-contents {
padding: 0;
}


/*** Info type pages - Terms 1007, Privacy 1010, About 985, Placemats 2054 ***/

/*Remove pages*/
.post-1007 .entry-title, .post-1010 .entry-title, .post-985 .entry-title, .post-2054 .entry-title {
display: none;
text-align: center;
}


/*
.page-id-1007 .col-full, .page-id-1010 .col-full, .page-id-985 .col-full {
margin-left: auto;
margin-right: auto;
padding: 0;
}
*/

.page-id-985 .content-area, .page-id-985 .site-main, .page-id-985 .hentry {
margin-bottom: 0;
}

.page-id-1007 .content-area, .page-id-1007 .site-main, .page-id-1007 .hentry {
margin-bottom: 0;
}

.page-id-1010 .content-area, .page-id-1010 .site-main, .page-id-1010 .hentry {
margin-bottom: 0;
}

.docu-container {
background-image: url('/images/bg/LandingEA-Cover-BGOnly-V3.jpg');
min-height: calc(100vh - 13em);
}

.docu-contents {
max-width: 39rem;
margin-left: auto;
margin-right: auto;
padding: 1.5rem;
}

.docu-contents h2 {
text-align: center;
font-family: 'Courgette', cursive;
color: #B7008E;
font-size: 2.617924em;
line-height: 1.214;
letter-spacing: -1px;
}

.docu-contents h3 {
text-align: center;
font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;
font-size: 1.28em;
font-weight: 500;
text-transform: uppercase;
color: #b7008e;
}

.docu-contents h4 {
font-size: 1.28em;
font-weight: 500;
color: #4b2142;
}

@media screen and (max-width: 425px) {
.docu-contents h3, .docu-contents h4 {
font-size: 1em;
}
}


/*** END - Info type pages - Terms and Privacy ***/


/*Blog Category*/
.archive-title {
    text-align: center;
}

.post-card-container {
  font-size: 0;
}

.post-content-loop {
    background-color: #fff;
    position: relative;
    text-align: center;
    background: transparent no-repeat top left;
    padding-bottom: 2em;
}

.post-text-loop { 
    width: 93%;
    margin: auto;
    text-align: center;
    position: relative;
    padding: 25px;
    box-shadow: 0px 8px 13px 5px rgba(198, 198, 198, .3);
    background: transparent no-repeat top left;
}

.post-content-category {
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
}

.post-content-category > a {
    vertical-align: middle;
    color: #fff;
    background-color: rgba(255, 149, 217, .88);
    padding: 0.5em 1em;
}

.post-content-title {
    margin: 0;
}

.post-card {
  font-size: 16px; 
  display: block;
  margin-bottom: 8px;
  width: 100%;
}

.post-card:nth-of-type(2n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
body.category #primary.site-content, .blog-page-content {
    margin-left: 1em;
    margin-right: 1em;
    padding: 0;
}
}

@media screen and (max-width: 425px) {
body.category #primary.site-content, .blog-page-content {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
}

@media screen and (min-width: 426px) {
.post-card {
  font-size: 16px; 
  display: inline-block;
  vertical-align: top;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  margin-right: 8px;
}

.post-card:nth-of-type(2n) {
  margin-right: 0;
} 
/* NOT USED - margin handled by col-full
body.category #primary.site-content {
    margin-left: 1.41575em;
    margin-right: 1.41575em;
    padding: 0;
  }
*/
}

@media screen and (min-width: 1024px) {
  .post-card {
    width: calc(33% - 5px);
  }

  .post-card:nth-of-type(2n) {
    margin-right: 8px;
  }

  .post-card:nth-of-type(3n) {
    margin-right: 0;
  }
/* NOT USED - margin handled by col-full
body.category #primary.site-content {
    margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;
}*/
}

/* FAQs .page-id-962 */
.page-id-962 #post-962 {
    max-width: 66.4989378333em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 0;
}

@media screen and (min-width: 426px) {
.page-id-962 #post-962 {
    margin-left: 1.41575em;
    margin-right: 1.41575em;
    padding: 0;
}
}

@media screen and (min-width: 1024px) {
.page-id-962 #post-962 {
    margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;
}
}

@media screen and (min-width: 66.4989378333em) {
.page-id-962 #post-962 {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
}

/* About Us .page-id-985 */
/*
.page-id-985 .site-main {
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1024px) {
.page-id-985 .site-main {
    max-width: 68%;
}
}
*/
/**********************************************************************************************/
/*WooCommerce Store Notice*/
.demo_store {
bottom: unset;
top: 0;
background-color: #6b2352;
}

/**********************************************************************************************/
/*HOME PAGE modifications*/

/*Remove 'Home' title on Home page*/
.post-95 .entry-title, .post-2048 .entry-title {
display: none;
}

/*No Longer in use => note padding-top calculation (img-height / img-width * container-width) */ /* (853 / 1280 * 100) */
/*
.main-image{
    background-image: url('https://stylizemi.com/wp-content/uploads/2016/12/LandingPageMain.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 30.375%;
    margin-bottom: 1em;
    position: relative;
}
*/

#main-txt-overlay{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #4b2142; /*#ff00f3*/
font-family: 'Gochi Hand';
padding: 2em;
background-color: rgba(222, 222, 222, 0.38);
}

#feature-container {
width:100%;
background-color: transparent;
background-image: url(/images/landing/LandingSAH-HeaderBG.jpg);
text-align:center;
padding: 1.3em 0;
}

.section-title {
font-family: 'Courgette', cursive;
font-size: 2rem;
color: #B7008E;
margin: 2rem 0 0.5rem 0;
}

.section-secTitle {
    line-height: 1.25;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.main-uvp-image .section-secTitle {
    text-align: center;
    color: #B7008E;
    font-family: 'Gochi Hand';
    font-size: 2.3em;
    padding: 8px;   
}

@media screen and (max-width: 426px) {
.main-uvp-image .section-secTitle {
    font-size: 1.5em;
}
}


#feature-container .section-secTitle, #coming-soon .section-secTitle {
    font-family: 'Gochi Hand';
    font-size: 1.68em;
    padding: 8px;
}

@media screen and (max-width: 426px) {
#feature-container .section-secTitle, #coming-soon .section-secTitle {
    font-size: 1.33em;
}
}

#feature-left .img-ltcol {
border-radius: 1.5em;
border: #9C27B0 0.3em solid;
}

#feature-right .img-ltcol {
border-radius: 1.5em;
border: #00b9ff 0.3em solid;
}

#feature-left, #feature-right {
width:46%;
/*float: left;*/
background-color: transparent;
padding: 0;
margin: 5px;
vertical-align: top;
display: inline-block;
text-align: center;
/*cursor: pointer;*/
position: relative;
text-align: center;
}

.feature-text {
    position: absolute;
    top: 18%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 2.6vw;
    line-height: 1.33;
    color: #4b2142;
    /*font-family: 'Courgette', cursive;*/
}

@media screen and (max-width: 767px) {
#feature-left, #feature-right {
width: 100%;
margin: 10px 0px;
padding: 0 1.15em;
}
.feature-text {
font-size: 5.3vw;
}
}

/* */

#feature-left .img-ltcol:hover, #feature-right .img-ltcol:hover {
/*outline: 2px solid;*/
opacity: 0.75;
}

#feature-left .img-ltcol:active , #feature-left .img-ltcol:focus {
   border: #f4b4ff 0.4em solid;
   opacity: 0.75;
}

#feature-right .img-ltcol:active, #feature-right .img-ltcol:focus {
    border: #aee9ff 0.4em solid;
    opacity: 0.75; 
}

/*For Test Using background attribute
#feature-right {
    background-image: url('https://stylizemi.com/wp-content/uploads/2017/03/AlineTankTemp5aCrop.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 0;
    padding-top: 49.7%;
    position: relative;
}
*/

/*
@media screen and (max-width: 767px) {
#feature-left, #feature-right {
width: 100%;
margin: 10px 0px;
}
}
*/

/*For Test Using background attribute
#feature-right {
    padding-top: 100%;
}
*/


.feature-body{
font-weight: bold;
font-size: 1.5em;
line-height: 1;
color: #4b2142;
margin: 0.68em 0;
}

.feature-imgTitle{
font-weight: bold;
font-size: 1.15em;
line-height: 1;
color: #4b2142;
margin: 0.68em 0;
}

.lilcol-header {
color: #ffffff;
font-family: 'Covered By Your Grace', cursive, sans-serif;
font-weight: 500;
padding-top: 10px;
font-size: 2.5em;
}
.lilcol-body {
font-weight: 400;
font-size: 1.18em;
line-height: 1.25;
color: #ffffff;
margin-top: 1em;
min-height: 75px;
}

.img-ltcol, .img-ctrcol, .img-rtcol {
margin-left: auto;
margin-right: auto;
}

#ltcol {
background: linear-gradient(to top left, #319cf9 0%, #cac71e 50%, #f372b2 100%);
/*background-color: #efad7f;*/
}
#ctrcol {
background-color: #7FD1B9;
}
#rtcol {
background-color: #C25C6F;
}

#ltcol, #ctrcol, #rtcol {
width:33%;
/*float: left;
background-color: #ffffff;*/
padding: 5px 15px;
vertical-align: top;
display: inline-block;
text-align: center;
min-height: 430px;
/*cursor: pointer;*/
}

@media screen and (max-width: 767px) {
#ltcol, #ctrcol, #rtcol {
width: 100%;
margin: 10px 0px;
}
}

/******************************************************************************/
/***New Home for Xmas20***/
#product-sel-div {
    text-align: center;
    margin-top:2em;
}

.product-sel {
    display: inline-block;
    padding: 0.5em;
    position:relative;
    height:300px;
    width:300px;
    max-width: 24%;
    margin:0 auto;
}

/*
.product-sel-img:active {
    border: 5px solid blueviolet;
}
*/

@media screen and (max-width: 768px) {
.product-sel {
    max-width: 45%;
    height:260px;
    width:260px;
}
}

@media screen and (max-width: 568px) {
.product-sel {
    max-width: 45%;
    height:190px;
    width:190px;
}
}

@media screen and (max-width: 425px) {
.product-sel {
    max-width: 45%;
    height:150px;
    width:150px;
}
}

#cf1 img, #cf2 img, #cf3 img, #cf4 img  {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


@keyframes cf1FadeInOut {
0% {
opacity:1;
}
10%{
opacity:0;
}
50% {
opacity:0;
}
60% {
opacity:1;
}
100% {
opacity:1;
}
}

#cf1 img.top {
animation-name: cf1FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: normal;
}

@keyframes cf2FadeInOut {
0% {
opacity:1;
}
40%{
opacity:1;
}
50% {
opacity:0;
}
90% {
opacity:0;
}
100% {
opacity:1;
}
}

#cf2 img.top {
animation-name: cf2FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: normal;
}


@keyframes cf3FadeInOut {
0% {
opacity:0;
}
30%{
opacity:0;
}
40% {
opacity:1;
}
80% {
opacity:1;
}
90% {
opacity:0;
}
100% {
opacity:0;
}
}

#cf3 img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: normal;
}


@keyframes cf4FadeInOut {
0% {
opacity:1;
}
20%{
opacity:1;
}
30% {
opacity:0;
}
70% {
opacity:0;
}
80% {
opacity:1;
}
100% {
opacity:1;
}
}

#cf4 img.top {
animation-name: cf4FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: normal;
}
/*** End New Home for Xmas20***/


/**********************************************************************************************/
/*CREATE YOUR OWN PAGE modifications*/
.post-313 .entry-title {
    text-align: center;
}


/**********************************************************************************************/
/*CATEGORY PAGE modifications*/
.category-dress, .category-tee {
    display: none;
}




/**********************************************************************************************/
/*CONTACT PAGE modifications*/
.page-id-1024 #post-1024 {
    max-width: 66.4989378333em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 0;
}

.page-id-1024 .entry-header {
    text-align: center;
}

.form-container-padding {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    max-width: 38em;
}

#wpcf7-f1021-p1024-o1 .your-name>input , #wpcf7-f1021-p1024-o1 .your-email>input, #wpcf7-f1021-p1024-o1 .your-subject>select {
    width: 100%;
}

@media screen and (min-width: 426px) {
.page-id-1024 #post-1024 {
    margin-left: 1.41575em;
    margin-right: 1.41575em;
    padding: 0;
}
#wpcf7-f1021-p1024-o1 .your-name>input, #wpcf7-f1021-p1024-o1 .your-email>input, #wpcf7-f1021-p1024-o1 .your-subject>select {
    width: 308px;
}
}

@media screen and (min-width: 1024px) {
.page-id-1024 #post-1024 {
    margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;
}
}

@media screen and (min-width: 66.4989378333em) {
.page-id-1024 #post-1024 {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
}

/* NO LONGER USED in Contact Form 7 ver 5.1 and later uses this reCAPTCHA v3 API
#contactus-recaptcha div:first-child {
    margin-left: auto;
    margin-right: auto;
}
*/

/*remove google reCAPTCHA v3 badge - included info on Contact Form*/
.grecaptcha-badge { visibility: hidden; }





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

/*Removes sorting selection*/
.storefront-sorting {
display: none;
}

/*
Change Price to align beside the SALE button if item is on sale

ul.products li.product .price {
display: inline-block;
}
*/

/*
Two Coloumn Store on mobile devices

@media screen and (max-width: 767px) {
ul.products li.product {
width: 48%;
float: left;
clear: both;
}

ul.products li.product:nth-child(2n) {
float: right;
clear: none;
}
}
*/

/*
Change Handheld product display - number of columns 
by default 2 column -> width 48%, float left
for single column-> width 100%, float none
*/
@media screen and (max-width: 767px) {
ul.products li.product {
width: 100%;
float: none;
}
}


/**********************************************************************************************/
/*SINGLE PRODUCT PAGE modifications*/

/*Padding for Product Page Sections*/
.woocommerce-product-details__short-description, .smi-after-designer, .smi-product-details, .up-sells.upsells.products, .related.products {
    padding: 1em;
}



/*Image Thumbnail*/
/*
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{
margin: 0 0 1.41575em 3em;
}
*/

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 15%;
    margin-right: 5%;
}

.single-product div.product .images, .single-product div.product .summary, .single-product div.product .woocommerce-product-gallery {
    margin-bottom: 0;
}

/*Style for Product Short Description Section*/

.prod-shortdec p {
    line-height: 1.333;
}

.prod-shortdec li {
    padding-bottom: 0.5em;
}

.custom-product-title {
    font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;;
    font-size: 1.45em;
    font-weight: bold;
    letter-spacing: normal;
    /*line-height: 0;*/
}

.shortdec-subheading {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1.41575em 0 0.5407911001em 0;
}

.helper-text {
    font-size: 0.85em;
}

.size-header {
    text-align: center;
}

.prod-step-number {
    font-size: 1.45em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1.41575em 0 0.5407911001em 0;
}

.prod-step-title {
    font-size: 1.68em;
}

/*style for sizing section in short description*/
.loading-spinner-sizes {
    text-align: center;
    padding: 1em;
}

.size-selection {
    text-align: center;
    padding: 1em;
    visibility: hidden; /*initialize*/
}
.size-selection input[type="radio"] {
  display: none;
}

.size-selection label {
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border: 2px solid #ddd;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 16px;
  cursor: pointer;
}

.size-selection input[type="radio"]:checked+label {
  background-color: #7a3e70;
  border: 2px solid #7a3e70;
  color: #fff;
}

/*Style for custom ui-menu for Drawing Template and Info buttons - bg color #650062*/
#ui-menu-title {
    text-align: center;
}

#ui-txt-title {
font-size: 1.68em;;
}


#ui-tour .fpd-action-btn {
margin: 0;
}

.fpd-icon-guided-tour, .fpd-icon-info-outline{
color: #4a2142;
}
.ui-menu-container {
background-color: #7e007b;
padding: 0 0.618047em;
color: #ffffff;
}
/*
.ui-btn-wrapper {
display: inline-block;
padding: 0.618047em;
}
*/
.fpd-icon-design-library:before {
    content: "";
}
.fpd-topbar .fpd-navigation>div>span.smi-icon {
/*vertical-align: 15%;*/
font-size: 22.5px;
}

@media (max-width: 568px){
.fpd-topbar .fpd-navigation>div>span.smi-icon {
    padding-top: 13px;
    padding-bottom: 2px;
}   
}

.ui-menu-icon {
padding-right: 0.4em;
}
.ui-menu-icon:active {
color: #ff1493; /*deeppink*/
}
/*Add styles for button text here
.ui-menu-txt {
font-weight: 800;
}
*/
#ui-btn-info, #ui-btn-tips, #ui-btn-template {
float: right;
}

@media screen and (max-width: 424px) {
#ui-txt-info, #ui-txt-tips, #ui-txt-template {
display: none;
}
.ui-btn-wrapper {
padding: 0.618047em 0;
}
}

/*
i.ui-menu-icon {
padding: 0.618047em;
}
i.ui-menu, i.ui-menu:focus {
outline: none;
border: none;
}
.ui-menu.fa-paint-brush::before, .ui-menu.fa-info-circle::before {
padding-right: .4em;
}
.ui-menu.fa-info-circle {
float: right;
}
*/

/*Removes Original Price from single product page*/
.single-product .price del {
display: none;
}

/*Removes Clear on Variable product*/
a.reset_variations {
display: none !important;
}

/*Remove the quantity field on single product page*/
.single-product div.product form.cart .quantity {
display: none !important;
}

/*Align variable size table and add to cart*/
.single-product div.product table.variations {
/*
    margin-left: auto;
    margin-right: auto;
    width: auto;*/
    text-align: center;
    display: none;
}

div.smi-after-designer > form > table > tbody {
/*display: inline-block;*/
}

.single_variation_wrap {
/*display: inline-block;
display: block;
text-align: center;*/
}
.single-product div.product .variations_button {
padding: 1em;
}

/*Size Chart - text stying via text in table - NOT USED */
/*
label[for=pa_size]:before{
font-family: FontAwesome;
font-size: 1.25em;
content: "\f05a";
padding-right: 0.5em;
}
label[for=pa_size]{
color: #7e007b;
}
label[for=pa_size]:hover {
color: #b032ad;
}
*/

/*Size Guide - styling*/
.single-product div.product table.variations .value {
margin-bottom: 0px;
}
#size_guide {
color: #7e007b;
font-size: 0.85em;
text-decoration: underline;
/*text-align: right;*/
}
#size_guide:hover {
color: #b032ad;
}

/*Single Product Price div[itemprop="offers"] - class selector no longer used in woocommerce update 3.0.3 moved to .single-product div.product .summary .price*/
/*
div.summary.entry-summary>div[itemprop="offers"]{
display: inline-block; 
padding: 0 1em;
}
*/

.smi-custom-price {
display: inline-block;
padding: 0 1em 1em 1em;
text-align: center;
}

.price-text {
text-transform: uppercase;
font-weight: bold;
margin: 0;
}

/*.single-product div.product .summary .price*/
.single-product div.product p.price {
/*display: inline-block;*/ /*Hide Pricing set to none, To show price set to inline-block when needed*/
display: block;
padding: 0 1em;
margin: 5px;
font-size: 2.25em;
text-align: center;
line-height: 1;
/*float: right;*/
/*font-weight: bold;*/
/*visibility: hidden;*/
}

/*Position Short Description - "Download Template" - NOT USED download button moved - old class div.summary.entry-summary>div[itemprop="description"]*/
/*Test to show short description
.woocommerce-product-details__short-description{
display: none;
}
*/
/*
width: 33%;
vertical-align:top;
padding: 1em 0;
}
*/

/*download template button styling*/
.download_template {
text-align: center;
}
.download_template_button {
color:#ffffff;
background-color: #ef9f7f;
border-radius:80px;
width: 200px;
text-align: center;
}
.download_template_button:hover {
background-color: #da9a6e;
}
.download_template_button:active {
background-color: #da9a6e;
opacity: 0.5;
}

form.variations_form.cart {
padding: 0 !important;
}

/*Initialize .smi-designer to hidden, change via SMFPD js to visible after product is created */
.smi-designer {
    visibility: hidden;
}

.loading-spinner {
    padding-top: 50px;
    text-align: center;
}

/*View Instructions*/
.smi-viewInst {
     text-align: center;
}
/*View Outside Selection*/
.fpd-container.fpd-views-outside~.fpd-views-selection, .fpd-container.fpd-device-smartphone~.fpd-views-selection {
    margin: 5px 0 0;
}


/*Initialize .smi-after-designer to hidden, change via SMFPD js to visible after product is created */
.smi-after-designer {
    /*visibility: hidden;*/
    text-align: center;
}

/*Single Product Form - 'Add-to-Cart'*/
.single-product div.product form.cart {
/*float: none;
clear: both;
display: inline-flex;
display: block;
width: 33%;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align:top;
padding: inherit;*/
margin-bottom: 0px;
padding: 1em;
}

.single-product div.product table.variations td {
   /* display: inherit;*/
    text-align: center;
    
}

/* Remove FPD Customize Button - use our own button 20 Oct 2021 - placemats products */
#fpd-start-customizing-button.fpd-block {
    display: none;
}

/*Add to cart Button*/
.single-product div.product form.cart .button {
float: none;
width: 200px;
}

.cart .single_add_to_cart_button.button.alt{
border-radius: 80px;
}

/*FPD Share Button*/
div.fpd-share-design.fpd-clearfix {
display: block;
/*width: 33%;*/
text-align: center;
vertical-align:top;
padding: 1em;
}
.fpd-share-design > * {
float: none;
margin: 0;
}
div.fpd-share-design.fpd-clearfix::before {
/*overflow: inherit;*/
}
a#fpd-share-button.fpd-blue-btn {
background: #C25C6F; /*Was Orange #ffc914*/
border-radius: 80px;
padding: .6180469716em 1.41575em;
display: inline-block;
width: 200px;
margin-bottom: 10px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.3);
}

a#fpd-share-button.fpd-blue-btn:hover {
background: #ad5061;
}
a#fpd-share-button.fpd-blue-btn:active {
background: #ad5061;
opacity: 0.5;
}



@media (min-width: 768px){
.storefront-full-width-content.single-product div.product .summary {
margin-bottom: 0.5em;
}}

/*adjust position of add to cart and quantity for mobile devices*/
/*Single Product Price div[itemprop="offers"] - class selector no longer used in woocommerce update 3.0.3 moved to .single-product div.product .summary .price*/
@media screen and (max-width: 767px) {
.single-product div.product  p.price, .single-product div.product form.cart, div.fpd-share-design.fpd-clearfix, .smi-custom-price, .single_variation_wrap {
/*width: 100%;
padding-bottom: 0;
display: block;*/
}
}

/*Old adjustment - Temp
@media screen and (max-width: 567px) {
.single-product div.product form.cart {
float: none;
}
.single-product div.product .summary .price {
float: none;
}
.single-product div.product form.cart .button {
float: none;
clear: both;
width: 100%;
margin-top: 1em;
}
a#fpd-share-button.fpd-blue-btn {
width: 100%;
text-align: center;
margin: 0px;
}
}
*/


/*Hide Product Meta - i.e. category */
.single-product div.product .product_meta {
display: none;
}

/*
Displays Product Gallery thumbnails inline
Thumbnails positioned in Description section from
woocommerce/single-product/tabs/description.php
*/
#tab-description img.attachment-shop_thumbnail.size-shop_thumbnail {
display: inline;
height: 50px;
width: 50px;
}

/*Style for User Guide Floating Button - NOT USED*/
/*
.user-guide-button {
    transform: rotate(270deg);
    right: 0;
    position: fixed;
    top: 350px;
    z-index: 1000;
    font-size: 0.75em;
}
*/

/*Color Palette Z value*/
body > div.sp-container.sp-light.sp-buttons-disabled.sp-palette-buttons-disabled.sp-palette-disabled
{
    z-index: 2000000;
}

/**********************************************************************************************/
/*Product Page for Send Heart Deco modifications*/

.after-fpd-deisgner {
    margin: 1em;
    text-align: center;
}

.guideline-btn {
    display: inline-flex;
    align-items: center;
}

.guideline-on, .guideline-off {
    margin: 10px;
}

.designHeart, .addMessage {
    display: inline-block;
    margin: 10px;
}

@media screen and (max-width: 680px) {
.designHeart, .addMessage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}

/*center alignment for div section 'Save Design to Cart' button*/
.smi-after-sendheart-designer {
    text-align: center;
}


/**********************************************************************************************/
/*FDP UI modifications*/

/*
.show-designer {
    clear: both;
}

.smi-designer-container.active.showD {
    animation: anim .3s ease-in-out;
}

@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.smi-designer-container.active {
    display: block;
    transform: scale(1);
    opacity: 1;
}

.smi-designer-container {
    display:none;
    transform: scale(0);
    opacity: 0;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

*/


/*Style for Custom Layout - Menu*/
.smi-before-designer {
    padding-top: 1em;
}

.smi-before-designer, .smi-after-designer {
clear: both;
}

/*Custom menubar*/
.smi-menubar {
background-color: #4c2143;
/*text-align: center;*/
}
.smi-actions {
padding-top: 8px;
}
.fpd-sc-action {
background: none;
color: #f0f0f0;
font-size: 26px;
/*border-radius: 20%;*/
padding: 0;
margin: 2px 1em 2px 0;
opacity: 0.8;
}

/*
@media (max-width: 568px){
div.fpd-sc-action {
    margin: 8px 5px 8px 0;
}}
*/

.fpd-sc-action:hover {
opacity: 1;
}

[data-defaulttext="Save"]{
margin-left: 1em;
}

/*End Custom menubar css*/

.fpd-container>.fpd-main-wrapper {
background-color: #ffffff;
min-height: 700px;
}

div.fpd-element-toolbar {
background: rgba(66,66,66,.99);
    padding-left: 1em;
}
.fpd-element-toolbar>.fpd-row>div {
font-size: 18px;
}

@media (max-width: 568px){
/*.fpd-sc-action {
font-size: 14px;
margin: 0 5px 8px 0;
}*/
.fpd-element-toolbar>.fpd-row>div {
font-size: 16px;
}   
}
/*Old Settings
.fpd-element-toolbar {
background: rgba(252,255,247,.3);
background: #ffffff;
border: 2px solid #4b2142;
}

.fpd-element-toolbar>.fpd-row>div {
color: #4b2142;
}
*/

/*Remove Preview on Hover over thumbnail of design*/

.fpd-thumbnail-preview {
display: none !important;
}

/*fpd scrollable module window - Weird Issue ??? - Temp Fix*/ 
.fpd-container .fpd-grid {
    overflow: unset;
}


/*
.mCustomScrollBox {
height: fit-content;
}
*/

/*fpd magnify-glass not showin gon mobile - Temp Fix till dev resolve issue*/
@media (max-width: 767px){
.fpd-actions-container>.fpd-actions-wrapper>.fpd-action-btn[data-action=magnify-glass] {
    display: inline-block!important;
}
}

/*fpd tour pointer - Temp Fix till dev resolve or change - code removed, seems fixed in FPD v4.0.4*/
/*
.fpd-gt-step>.fpd-gt-pointer {
    top: -25px;
}
*/

/*Adjust size of category and item picture*/
/*test*/
.fpd-grid>.fpd-category.fpd-item>picture {
height:86%;
}

.fpd-grid.fpd-padding>.fpd-item>picture {
top: 0px;
left: 0px;
right: 0px;
bottom: 10px;
}

/*Placed border around div container instead - including Text span - mobile formatting issue */
/*
.fpd-grid.fpd-padding>.fpd-category.fpd-item>picture {
border: 3px solid #eab9e1;
border-radius: 1rem;
}
*/

/*Adjust size of sidebar and category container div*/
.fpd-container.fpd-sidebar>.fpd-mainbar {
width: 425px;
}
.fpd-sidebar.fpd-tabs-side .fpd-navigation {
width: 75px;
}
.fpd-sidebar.fpd-tabs-side .fpd-mainbar>.fpd-content {
width: calc(100% - 75px);
}

/* Active color for fpd-mainbar navigation */
div.fpd-navigation>div.fpd-active {
color: #ffffff;
background: #842170;
}

/*Remove Title for Fancy Design Category and Items - TEMP Turned on for Placeholder Text
.fpd-grid>.fpd-category.fpd-item>span {
display: none;
}
*/
.fpd-grid>.fpd-category.fpd-item>span {
    font-size: 14px;
    white-space: normal;
    bottom: 3.5%;
}


/*Category Item Background and Hover Colors*/
.fpd-grid>.fpd-category.fpd-item {
background: none;
}
.fpd-grid>.fpd-category.fpd-item:hover {
background: none;
}

/*Category Display Customization to single column
.fpd-grid>.fpd-category.fpd-item:nth-child(-n+2){
margin: 2px 2px 0 0; 
}
.fpd-grid>.fpd-category.fpd-item {
    height: 150px!important;
    width: calc(100% - 1px)!important;
    background: #ffd6ee;
}
.fpd-grid>.fpd-category.fpd-item:hover {
background: #ffb9de;
}
*/
.fpd-grid>.fpd-category.fpd-item {
    height: 200px!important;
    max-height: 200px;
    border: 3px solid #eab9e1;
    border-radius: 1rem;
}


/*Sidebar Formatting - Display Label and adjust Icon Font Size*/
.fpd-container.fpd-sidebar .fpd-navigation .fpd-label {
    display: inline-block;
    font-size: 0.9em;
    padding-top: 0px;
}
.fpd-sidebar.fpd-tabs-side .fpd-navigation>div>span {
font-size: 2.3em;
padding-bottom: 0px;
}

/*FPD Manage Design Panel*/
/*Adjustment for delete button*/
.fpd-manage-layers-panel .fpd-list-row>div.fpd-cell-2 {
width: 100px;
}
.fpd-manage-layers-panel .fpd-list-row>div.fpd-cell-2>span.fpd-remove-element {
padding-left: 15px;
}

/*FPD Views selection color*/
.fpd-views-selection>.fpd-item {
background: #4b2142;
padding: 5px;
}

.fpd-views-wrapper .fpd-views-selection .fpd-view-active {
    background: #f3c5ea;
}

.fpd-views-selection .fpd-view-active {
box-shadow: inset 0px 0px 10px 0 rgba(0,0,0,.16);
}

.fpd-views-selection {
    text-align: center;
}

/*Remove FPD UI Background Grid*/

.fpd-container .fpd-main-wrapper {
background-image: none;
}

/*Adjustment for fpd search bar, Back arrow and search icon*/
/*
.fpd-icon-back:before {
content: "\e603 Back";
}
.fpd-icon-back {
font-size: 1em;
}
*/

.fpd-input-back-search.fpd-clearfix .fpd-back.fpd-btn .fpd-icon-back:before {
content: "\e603 Back";
} 
.fpd-input-back-search > .fpd-back {
    padding: 8px 8px !important;
    width: fit-content;
}


/*CSS Class Changed*/
/*
.fpd-module[data-module=designs] .fpd-head>.fpd-category-title-search {
width: calc(100% - 73px);
}
*/
.fpd-input-back-search>.fpd-input-search {
width: calc(100% - 73px);
}

/* CSS Class Changed - Remove these adjustment for now .fpd-toggle-search.fpd-icon-magnify */
/*
.fpd-input-search .fpd-icon-magnify {
font-size: 2.5em;
padding: 2px;
}


div.fpd-category-title-search .fpd-category-title {
font-size: 1.25em;
left: 36px;
}

div.fpd-category-title-search.fpd-search-active>.fpd-search {
width: 82%;
left: 36px;
font-size: 1.25em;
}
*/

/*FPD Color Fill Custom Icon*/

.fpd-element-toolbar .fpd-current-fill {
background-image: url('/wp-content/uploads/2017/04/color-icon-12533.png') !important;
background-color: transparent !important;
border: none !important;
width: 25px !important;
height: 25px !important;
}

/*Styling for transform - remove align left, top, right and bottom */
.fpd-sub-panel .fpd-icon-button-group .fpd-align-left, .fpd-sub-panel .fpd-icon-button-group .fpd-align-top, .fpd-sub-panel .fpd-icon-button-group .fpd-align-right, .fpd-sub-panel .fpd-icon-button-group .fpd-align-bottom {
    display: none;
}

/*Styling for pattern tiles for SVG graphics*/

.fpd-patterns>.fpd-grid>.fpd-item {
width: 175px;
height: 175px;
max-height: 175px;
}
.fpd-patterns>.fpd-grid {
max-height: 300px;
}
.fpd-sub-panel .fpd-panel-tabs>span {
font-size: 0.9em;
}


/*FPD Alignment to center - canvas and stage*/
#fancy-product-designer-830, 
#fancy-product-designer-1086, 
#fancy-product-designer-1259, 
#fancy-product-designer-1521, 
#fancy-product-designer-865, 
#fancy-product-designer-1745,
#fancy-product-designer-1794,
#fancy-product-designer-1799,
#fancy-product-designer-1803,
#fancy-product-designer-1805,
#fancy-product-designer-1861
{
    width: 100% !important;
    background-color: #a8a8a8;
}
.fpd-product-stage {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 568px){
.fpd-container .fpd-main-wrapper {
    min-height: calc(100vw + 3.3em);
}
}

.fpd-draggable-dialog {
left: 127px;
}

.smi-menubar {
    min-height: 55px;
    background-color: #444;
    color: #fff;
    display: none;
}

.smi-toolbar {
    display: none;
    text-align: center;
    padding-top: 1em !important;
}

.smi-text-tools{
    display: none;
    text-align: center;
    padding-top: 1em !important;
}


.fpd-device-smartphone .fpd-actions-container {
    text-align: center;
    height: auto;
    background-color: #ffc9ed;
}

.fpd-toolbar-placement-inside-top.fpd-element-toolbar, .fpd-toolbar-placement-inside-bottom.fpd-element-toolbar {
    position: relative;
    /*text-align: center;*/
}

.fpd-container.fpd-gt-step{
    width: auto;
    min-width: 135px;
}

.fpd-sub-panel {
    text-align: left;
}


/*Fix for New Toolbar Responsive Positioning - Multi-path SVG element color picker:
-color picker is partially located off screen on screens width smaller than 568 px*/
@media screen and (max-width: 568px) {
body > .sp-container {
/* or try position: fixed as sticky is not work with Internet Explorer or Edge 15 and earlier versions */
position: fixed !important;
/*position: sticky !important; */
/*position: -webkit-sticky !important;*/ /* Safari */
left: 60px !important;
bottom: 105px !important;
top: unset !important;
}
}

/**********************************************************************************************/
/*CART PAGE modifications*/

.wc-proceed-to-checkout .button.checkout-button {
border-radius: 80px;
}

/*Adjust img size in cart page*/
table.cart .product-thumbnail img {
max-width: 5em;
}

@media screen and (max-width: 768px){
.wc-proceed-to-checkout .button.checkout-button {
font-size: 1.25em;
}
}


/**********************************************************************************************/
/*CHECKOUT PAGE modifications*/

#payment .place-order .button {
border-radius: 80px;
}

.smi-prod-time {
padding: 1em;
background-color: #ffa8f1;
margin-bottom: 2em;
border-radius: 1em;
}


.create-account {
    font-size: 1.25em;
}


/**********************************************************************************************/
/*ACCOUNT PAGE modifications*/
#customer_login.col2-set .col-1, #customer_login.col2-set .col-2 {
padding: 2em;
background-color: rgba(255, 236, 190, 0.5);
margin-top: 1em;
border-radius: 2em;
}

.woocommerce-form-login {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 767px) {
.woocommerce-form-login {
    width: 38%;
    margin-left: auto;
    margin-right: auto;
}
}

/*Center Login Text*/
#post-8 > div > div > h2 {
    text-align: center;
}
/*Center Login Button and Remember Me*/
#post-8 > div > div > form > p:nth-child(3) {
    text-align: center;
}
/*Log In Button*/
#post-8 > div > div > form > p:nth-child(3) > button {
    width: 100%; /*full width*/
}

/*** Account page with user registration ***/
#customer_login.col2-set .col-1, #customer_login.col2-set .col-2 {
    background-color: #F2ACE1;
}

/**********************************************************************************************/
/*404 Page*/

.error404 .content-area, .error404 .content-area .site-main {
    margin-bottom: 0;
}

.error-404 .docu-contents {
    text-align: center;
    font-family: 'Courgette', cursive;
}

.error-404 p {
    font-size: 1.25em;
    margin: 0;
}

.error-404 a {
    font-size: 1.68em;
}

/**********************************************************************************************/
/*TEST Tabs from size guide popup*/

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    box-shadow: none;
    color: #484c51;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/*END TEST Tabs from size guide popup*/

/**********************************************************************************************/
/*Download Drawing Template popup*/
.drawing-template-header {
    font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1.45em;
    font-weight: bold;
}



/**********************************************************************************************/
/*TEST REMOVE function on Toolbar - working with custom script*/
div.my-tool-remove{
display: block !important;
}

.accordionDiv {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

/*TEST Accordion Tabs*/
button.accordion, button.accordion-pop {
    background-color: #fff3fd;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-bottom: 1.5px solid #fff;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover, button.accordion-pop.active, button.accordion-pop:hover {
    background-color: #f3c5ea; 
}

div.panel, div.panel-c {
    padding: 0 18px;
    /*display: none;*/
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*FIXED NOT WORKING - add display inline-block fix ISSUE :after - probably a wordpress block issue */
button.accordion:after, button.accordion-pop:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) previous */
    font-size: 1em;
    color: #777;
    float: right;
    margin-left: 5px;
    display: inline-block;
}

button.accordion.active:after, button.accordion-pop.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/*End TEST Accordion Tabs*/

/**********************************************************************************************/
/*Send Heart Message - Product Page*/
#SendHeartMsg {
background-color: transparent;
background-image: url(/images/landing/LandingSAH-HeaderBG.jpg);
height: 100vh;
}

#SendHeartMsg .msg-container {
    background-color: #f392d038;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding: 2em;
    border-radius: 2em;
}

/*End Send Heart Message - Product Page*/

/**********************************************************************************************/
/*PayNow Instructions*/
#paynow-inst {
    max-width: 26em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#paynow-header {
    font-size: 1.68em;
}

.img-align-center {
    margin-left: auto;
    margin-right: auto;
}

#paynow-steps {
    max-width: 26em;
    margin-left: auto;
    margin-right: auto;
}

/**********************************************************************************************/
/*Early Access Page*/

.page-id-1493 .col-full {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/*adjust padding for footer to match site*/
@media (min-width: 768px) {
.page-id-1493 .site-footer {
    padding: 0 2.617924em;
}
}

/*Removes Menu and header section*/
.page-id-1493 header {
display: none;
}

.page-id-1493 .content-area, .page-id-1493 .site-main, .page-id-1493 .hentry {
margin-bottom: 0;
}

/*Customization for Signup-page*/
.head-container {
background-image: url('/images/bg/LandingEA-Cover-BGOnly-V3.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: block;
padding: 2rem 1rem;
text-align: center;
}


#logo-full {
width: 33rem;
margin-left: auto;
margin-right: auto;
}

.head-content h1{
font-size: 2rem;
}

.head-content p {
margin: 1.41575em 0 1em;
}

.offer-tag {
font-weight: 600;
font-size: 1.3em;
}

.page-id-1493 .fas {
color: #4b2142;   
}

.page-id-1493 .btn {
background-color: #EA0F6B;
color: #FFF;
font-size: 1.41575rem;
font-weight: 700;
padding: 0rem 0.8rem;
margin: 0 0 2rem 0;
border-radius: 2.5rem;
border: 3px solid #EA0F6B;
}
.page-id-1493 .btn:hover {
background-color: #FEF8F8;
color: #EA0F6B;
border: 3px solid #EA0F6B;
/* for fade ease effect on hover - removed
-webkit-transition: background-color 0.5s ease 0s;
transition: background-color 0.5s ease 0s;
*/
}

#learn-more {
display: block;
margin: 0;
}

/*Page Content Padding on Left and Right*/
.page-id-1493 .contentPadding {
padding: 6em 2.617924em;
}

/*Section Styles & Formatting*/
.sectionOdd {
background-color: #fff2fb; /*#fff8fd #FFF6FF*/
overflow: hidden;
}
.sectionEven {
background-color: #fde8fa; /*#ffe8f7 #fff3f3 #FFF6FC*/
overflow: hidden;
}
.page-id-1493 section {
outline: none;
}


.page-id-1493 .section-title {
text-transform: uppercase;
}

.top-pad-2em {
padding-top: 2em;
}

.small-font {
font-size: 0.88em;
}

#how-HL, #custom-HL {
font-size: 1.68rem;
font-style: italic;
line-height: 1.214;
letter-spacing: -1px;
max-width: 20em;
margin-left: auto;
margin-right: auto;
}

.page-id-1493 #howto p {
font-size: 1.138em;
}

#EA-ltcol, #EA-ctrcol, #EA-rtcol {
width:33.333333%;
float: left;
padding: 2rem;
vertical-align: top;
text-align: center;
/*cursor: pointer;
display: inline-block;
background-color: #ffffff;*/
}


@media screen and (max-width: 768px) {
#EA-ltcol, #EA-ctrcol, #EA-rtcol {
width: 100%;
margin: 10px 0px;
padding: 0 2rem;
}
}

@media screen and (max-width: 320px) {
#EA-ltcol, #EA-ctrcol, #EA-rtcol {
padding: 0;
}
}

.page-id-1493 .entry-content {
color: #4b2142;
}

.page-id-1493 h1, .page-id-1493 h2 {
    font-family: 'Courgette', cursive;
    color: #B7008E;
}

.page-id-1493 h4 {
    color: #B7008E;
}

#homeS2 h2 {
margin: 0;
}

#homeS2 p {
font-size: 1.375em;
max-width: 28rem;
margin-left: auto;
margin-right: auto;
}

.S2-secHL {
font-family: 'Courgette', cursive;
font-size: 1.68rem;
}

@media screen and (max-width: 425px) {
#logo-full {
width: 28rem;
}
.head-content h1{
font-size: 1.68rem;
}

.head-content h4 {
font-size: 1.22rem;
}

.head-content p {
font-size: 0.88em;
}

.page-id-1493 .contentPadding {
padding: 3em 1em;
}

#homeS1 h2, #homeS2 h2 {
font-size: 1.68rem;
}

.S2-secHL {
font-size: 1.5rem;
}

#homeS2 p {
font-size: 1.1em;
}

}/*End media query max-width 425px*/

@media screen and (max-width: 375px) {
.head-content h4 {
font-size: 1.1rem;
}
}/*End media query max-width 320px*/

/* Contact7 Sign Up Form Popup */
#popmake-1505 {
background-image: url('/images/bg/LandingEA-Cover-BGOnly-V3.jpg');
background-position: center;
background-size: auto;
background-repeat: no-repeat;
}

@media screen and (max-width: 425px) {
#popmake-1505 {
top: 1em !important;
}
}

#popmake-1505 .pum-content {
text-align: center;
}

#popmake-1505 h2 {
font-size: 1.6em;
}

.signup-form {
text-align: center;
}

.input-field {
max-width: 16rem;
border-radius: 2.5em;
text-align: center;
background-color: #FEF8F8;
}

.input-field:focus{
background-color: #fdf8fe;
}

#signup-btn, #verify-btn {
background-color: #EA0F6B;
color: #FFF;
font-size: 1.41575rem;
font-weight: 700;
padding: 0rem 0.8rem;
margin: 1rem;
border-radius: 2.5rem;
border: 3px solid #EA0F6B;
}
#signup-btn:hover, #verify-btn:hover {
background-color: #FEF8F8;
color: #EA0F6B;
border: 3px solid #EA0F6B;
/* for fade ease effect on hover - removed
-webkit-transition: background-color 0.5s ease 0s;
transition: background-color 0.5s ease 0s;
*/
}

.wpcf7-recaptcha div:first-child {
margin-left: auto;
margin-right: auto;
}

@media (max-width: 375px){
.wpcf7-recaptcha div:first-child {
transform: scale(0.88);
transform-origin: 16% 0%;
}
}

.accept-content {
font-size: 0.88em;
margin-top: 1em;
margin-bottom: 0;
}

.wpcf7-response-output {
text-align: center;
}

/**********************************************************************************************/
/*Landing Pages Layout*/
/*used in: Page - Placemats*/

/*Header intext for Placemats Page Header*/
#header-placemats-intext {
    top: 50%;
    right: 40%;
    transform: translate(58%, -50%);
    color: #4b2142;
    font-size: 3.8vw;
}

@media screen and (max-width: 640px) {
    #header-placemats-intext {
    top: 10%;
    right: 30%;
    transform: translate(22%, 10%);
    font-size: 6.08vw;
    } 
}


hr {
    clear: both;
}

.hr-img {
    margin: 8%;
    display: none; 
}

@media screen and (max-width: 768px) {
.hr-img {
    display: block;
}
}


.sectionFormat {
    clear: both;
    padding: 1em 2.617924em;
    overflow: hidden;
}

@media screen and (max-width: 568px) {
.sectionFormat {
    padding: 1em 5%;
} 
}

#sectionOne {
    background-color: #fde8fa;
}

#sectionTwo {
    background-color: #fff2fb;
}

.section-title {
    font-family: 'Courgette', cursive;
    font-size: 2rem;
    color: #B7008E;
    margin: 2rem 0 0.5rem 0;
}

.section-HL {
    clear: both;
    font-family: serif;
    font-size: 1.68rem;
    font-style: italic;
    line-height: 1.214;
    letter-spacing: -1px;
    max-width: 20em;
    margin-left: auto;
    margin-right: auto;
}

.col-container {
    width: 100%;
}

.col-container img {
    height: auto;
    max-width: 100%;
    display: block;
    border: 0;
    margin-left: auto;
    margin-right: auto;
}

.col-all {
    float: left;
    padding: 1rem;
    vertical-align: top;
    text-align: center;
}

.col3 {
    width:33.333333%;
}

.col2 {
    width: 50%;
}

@media screen and (max-width: 768px) { /*previous 568px*/
.col-all {
    width: 100%;
    margin: 10px 0px;
    padding: 0;
} 
}

.hl-img {
    font-size: 1.5em;
    font-family: 'Courgette';
    color: #4b2142;
    font-weight: bold;
}

.des-img {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    font-size: 1.18em;
}

#sectionCTA .section-HL {
    margin-top: 0;
}

#sectionCTA {
    background-color: transparent;
    background-image: url("/images/landing/LandingSAH-HeaderBG.jpg");
    /*background-size: cover;*/
}

.cta-content {
    max-width: 25em;
    margin-left: auto;
    margin-right: auto;
}

.hl-CTA {
    font-family: 'Courgette', cursive;
    margin-bottom: 5px;
}

.CTA-bullets {
    max-width: fit-content;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-left: 2em;
    font-size: 1.3em;
}

.fine-print {
    /*display: block;*/
    font-size: 0.8em;
    font-weight: 600;
}

/**********************************************************************************************/