/*
Theme Name: Pilates Center Child
description: >-
  Pilatescenter Child Theme
Author: Alessio Vietri
Author URI: https://alessiovietri.it
Template: pilatescenter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pilatescenter-child
*/

.text-primary{
	color: #aed3ed !important;
}
.bg-primary{
	background-color: #aed3ed !important;
}

@font-face {
  font-family: AmericanTypewriter;
  src: url('./fonts/American Typewriter Regular.ttf');
}

.american-typewriter, .american-typewriter *{
	font-family: AmericanTypewriter !important;
}
	
.hide-main-category-products .woocommerce-result-count,
.hide-main-category-products .woocommerce-ordering,
.hide-main-category-products .products {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  opacity: 0 !important;
}

.wsct_wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}

.wsct_wrapper .wsct_cat_title a {
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #AED3ED;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  color: white;
  border-color: #AED3ED;
  border-radius: 0px 0px 0px 0px;
  padding: 13px 27px 13px 27px;
  display: inline-block;
}

.wsct_wrapper .wsct_cat_title a:hover {
  background-color: rgba(0,0,0,0)!important;
  color: #aed3ed !important;
}
.wsct_wrapper .wsct_single_cat {
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .wsct_wrapper .wsct_single_cat {
    width: 48%;
  }
}

@media screen and (max-width: 576px) {
  .wsct_wrapper .wsct_single_cat {
    width: 98%;
  }
}

#whatsapp-fab{
  cursor: pointer;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-radius: 50%;
  background-color: #25D366;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  transition: all .2s ease-in-out;
}
#whatsapp-fab a{
  color: white;
}
#whatsapp-fab:hover{
  opacity: .75;
}
#whatsapp-fab:hover a,
#whatsapp-fab a:hover{
  text-decoration: none;
}
#whatsapp-fab span{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% - 2px);
  text-align: right;
  background-color: lightgray;
  font-size: 0.8em;
  padding: 2px 8px 2px 6px;
  border-radius: 6px;
  white-space: nowrap;
  color: black;
}