/* ********** styles only for foamsell site ********** */
.bg-fff {background-color: #fff !important;}
.bg-999 {background-color: #999 !important;}
.bg-666 {background-color: #666 !important;}
.bg-808080 {background-color: #808080 !important;}
.bg-007AC2 { background-color: #007AC2 !important; }
.bg-1dafed {background-color: #1dafed !important;}
.bg-00c395  {background-color:#00c395 !important}
.bg-ffcc99 {background-color: #ffcc99 !important;}
.bg-ffcccc {background-color: #ffcccc !important;}

.c-fff {color:#fff !important}
.c-00c395  {color:#00c395 !important}
.c-292D32 {color: #292D32 !important;} /* geofoam page custom form */
.c-007AC2 {color: #007AC2 !important;}

/* parallax3 bkg */
.bg-EDEDED {background-color: #EDEDED;}
.bg-ec406a {background-color: #ec406a !important;}
.bg-ff6633 {background-color: #ff6633 !important;}

/* footer background color */
.c-191919 { color: #191919 !important; }
.bg-191919 { background-color: #191919 !important; }

/* to vertically center the left arrow in my custom widhet (text with arrow) in elementor */
.top-2px { top:2px !important; }
.top-3px { top:3px !important; }

.text-stroke-1 {-webkit-text-stroke: 1px !important; /* Adjust thickness */}

/* increase size of red circle containing total number of cart items */
#elementor-menu-cart__toggle_button .elementor-button-icon-qty {
  font-size: 12px !important;
}

/* increase width of side cart so that
button containing this text be in one line inside button: مشاهده سبد خرید
*/
.elementor-menu-cart__main {
  width: 380px !important;
}

/* change buttons colors from default bad gray to site blue */
.elementor-menu-cart__main .elementor-button--view-cart,
.elementor-menu-cart__main .elementor-button--checkout {
  background-color: #007AC2 !important;
}

/* in the side cart box, for each products, add some space between price and ریال */
.elementor-menu-cart__product .woocommerce-Price-currencySymbol { margin-left: 7px; }

/* in the side cart box, add some space between total price and ریال */
.elementor-menu-cart__subtotal .woocommerce-Price-currencySymbol { margin-left: 7px; }

/* inside each product page, change color of "add to cart" buton from default violet to site blue */
.product .summary .single_add_to_cart_button {
  background-color: #007AC2 !important;
}

/* in cart own page, change color of go to pay page button from default gray */
.wc-block-cart__submit-container .wc-block-cart__submit-button {
  background-color: #007AC2 !important;
  text-decoration: none !important;
}

.wc-block-cart__submit-container .wc-block-cart__submit-button:hover,
.wc-block-cart__submit-container .wc-block-cart__submit-button:focus
 {
  color:#fff !important;
  box-shadow:none !important;
  text-decoration: none !important;
}

/* hide تازه در فروشگاه و لیست محصولات  when cart is empty*/
.wp-block-woocommerce-empty-cart-block h2:nth-of-type(2),
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new {
  display: none !important;
}

.wc-block-cart-item__remove-link {
  color:#ec406a !important;
  font-size: 16px !important;
}

/* in checkout page, remove undesirable page title
 این هم کار میکنه .page-id-32 .page-header h1.entry-title { *
.post-32 .page-header h1.entry-title {
  display: none !important;
}
*/

  /* add some padding at the top of cart page (.post-31 & checkout page (.post-32) */
.post-31, .post-32 {padding-top:32px !important;}

/* move the the header main menu toggle button to the right edge of the page */
#header-main-menu  .elementor-menu-toggle {
  margin-left: auto !important;
  margin-right: 0 !important;
}

@keyframes white-radiation-animation {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  80% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
}
.white-radiation-animation-once {
  animation-name: white-radiation-animation;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
}

 /*
 these codes were required for default cart page created with wocommerce
 kamrang bud. cross circle only exists in mini cart
 */
 .elementor-menu-cart__product-remove::before,
 .elementor-menu-cart__product-remove::after {
  background-color: #007AC2 !important;
  /* increase thickness of cross icon */
  height: 2px !important;
  }

.elementor-menu-cart__product-remove {
  border-width: 2px !important;
  border-color: #007AC2 !important;
}

  /* in cart page, the width of "process to checkout" button
  was full width the page */
.wc-block-cart__submit-container {
  width: 40% !important;;
  margin:0 auto;
}

/* by default vazir font was not applied on new cart page i created via elementor */
.post-367 th, span, button, h2, td, bdi, a, div { font-family: vazir-regular, Tahoma, sans-serif !important;}

.post-367 #coupon_code {direction:ltr !important; text-align: left !important;}

/* in cart page, the check mark before added to cart */
.post-367 .woocommerce-message::before {
  color: #007AC2 !important;
}

/* change from bad green */
.post-367 .woocommerce-message {
  border-top-color: #007AC2 !important;
}

/* in checkout page, change the color of button from violet to blue */
.post-32 button#place_order {
  background-color: #007AC2 !important;
}

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

/* add some space at the top of comments section at the bottom of each page */
.comments-area {
  padding:32px 64px 0;
  margin-bottom: 64px;
}

/* decrease entire comment form width from full width */
@media (min-width: 768px) {
  #commentform { width: 50% !important; }
}


/* decrease font size of دیدگاه خود را بنویسید */
.comment-reply-title {
  padding-top: 32px;
  font-size: 22px !important;
  margin-bottom: 22px;
}

/* کاهش سایز عنوان دو دیدگاه در بالای فرم دیدگاهها */
h2.title-comments {
  border-top: 1px solid #ccc;
  padding-top:32px;
  font-size: 20px !important;
}
/* مخفی کردن جمله لینک دار نمایه خود را ویرایش کنید
در بالای سکشن درج کامنت در پایین برگه ها
*/
#commentform .logged-in-as a:first-of-type {
  display: none !important;
}

#commentform .comment-form-url { display: none !important; }

/* in search page https://www.foamsell.com/search/
add margin under field & above btn
*/
.post-35 form.woocommerce-product-search input#woocommerce-product-search-field-0 {
  margin-bottom: 20px;
  direction: ltr;
}

/* move search btn to the center of its input field */
.post-35 form.woocommerce-product-search button {
display: block;
margin: 0 auto;
background-color: #007AC2 !important;
color:#fff !important;
border-color:  #007AC2 !important;
}

/* ****************** homepage styles ********************************* */

/* .post-16 is automatic default class for 'homepage' */

.transition-all-1s-ease-out { transition: all 1s ease-out; }
.transition-margin-1s-ease-out { transition: margin 1s ease-out; }

.transition-all-2s-ease-out { transition: all 2s ease-out; }

.transition-move-to-right { transition: all 2s cubic-bezier(.5, .5, .5, 1); }

/* .post-16 #moves-to-right-opacity-paragraph { transition: opacity 2s ease; } */

/*

transition:
from left:
first digit: bigger = more start delay

second digit: bigger = transition start is faster and smooter

3rd digit:
bigger (tend to 0.9) --> transition stops smooter and slower
smaller (tend to 0.1) --> transition stops faster and suddenly

4th digit: always be 1
*/

.post-16 #prlx-sec1-middle-img {
  transition: right 1s ease-out, bottom 1s ease-out;
}

.post-16 #prlx-sec1-right-img, .post-16 #prlx-sec1-left-img {
  transition: top 1s ease-out, bottom 1s ease-out;
}

.post-16 #prlx-sec2 {
  /* create custom easing curve */
  /* transition: top 1.5s cubic-bezier(.9, .9, .5, 1), opacity .7s cubic-bezier(.1, .9, .1, 1); */
  transition: all 1.5s cubic-bezier(.9, .9, .5, 1), opacity .7s cubic-bezier(.1, .9, .1, 1);
}

.post-16 #prlx-sec3 {
  /* create custom easing curve */
  /* dont set transition to all because margin removing will be slow and bad */
  transition: margin 1.5s cubic-bezier(.5, .5, .5, 1);
}

/* applyes to prlx sec3 img1 & img3 */
.post-16-prlx-sec3-img-transition { transition: all 1.3s cubic-bezier(.6, .9, .3, 1); }

.post-16 #prlx-sec3-bottom-div { transition: all 1s cubic-bezier(.9, .1, .9, 1);  }

.post-16 #prlx-sec4 img { transition: opacity 1s cubic-bezier(.1, .1, .9, 1);  }

/* ultimate member plugin for fields */
.um-field-area input[data-key="my_simple_captcha"] {direction: ltr !important;}

/* simply on the basis of id */
#user_login-348, #user_email-348, #confirm_user_password-348, #user_password-348, #username-349, #user_password-349 {direction: ltr !important;}

/*
the woocommerce my account page content doesnt have a specific css class
so we are forced to style the two exixting columns separatly
*/
nav.woocommerce-MyAccount-navigation, div.woocommerce-MyAccount-content  {
  margin-top: 3rem;
}

nav.woocommerce-MyAccount-navigation {
  margin-bottom: 2rem;
  background-color: #f6f5f8;
  border-radius: 3px;
  padding: 10px 0;
  border-top: 3px solid #1e85be;
}

nav.woocommerce-MyAccount-navigation ul:first-of-type {
  line-height: 2.5;
}

/* to remove underline under links */
nav.woocommerce-MyAccount-navigation ul:first-of-type a {
  text-decoration: none !important;
}


/* in both /products and /shop page, the add to cart btns are gray and text is black */
.product a.product_type_simple {
background-color: #007AC2 !important;
color: #fff !important;
}

/* in shop page, decrease h1 size and add margin-bottom */

h1.woocommerce-products-header__title {
  font-size: 2rem !important;
  margin-bottom: 2rem !important;
}

/* in each signle product page, change default bad yellow color */
.summary .woocommerce-Price-amount { color: #007AC2 !important}

/* in shop page & product page, change the default ugly font-weight:700 to 500
on the add_to_cart btn text */
.add_to_cart_button { font-weight: 500 !important; }

/* in shop page, at the top of the page, to look breadcrumb better */
nav.woocommerce-breadcrumb {margin-top:32px; margin-bottom: 32px;}

/* in shop page & product page, add margin-bottom under pagination links to look better */
nav.woocommerce-pagination {
    margin-bottom: 50px;
}