/*
Theme Name: The twoScript default theme
Theme URI: https://twoscript.nl
Author: twoScript
Author URI: https://twoscript.nl
Description: The default custom theme for twoScript
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ts_theme
*/
.btn-primary {
  background-color: #d92026;
  color: white;
  border: 1px solid transparent;
}

.btn-invert-primary {
  background-color: white;
  color: #d92026;
  border: 1px solid #d92026;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: white;
  color: #d92026;
  border: 1px solid #d92026;
}

.btn-invert-primary:hover,
.btn-invert-primary:active,
.btn-invert-primary:focus {
  background-color: #d92026;
  color: white;
  border: 1px solid transparent;
}

.text-primary {
  color: #d92026 !important;
}

.background-color-primary {
  background-color: #d92026;
}

.btn-secondary {
  background-color: #05090a;
  color: white;
  border: 1px solid transparent;
}

.btn-invert-secondary {
  background-color: white;
  color: #05090a;
  border: 1px solid #05090a;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: white;
  color: #05090a;
  border: 1px solid #05090a;
}

.btn-invert-secondary:hover,
.btn-invert-secondary:active,
.btn-invert-secondary:focus {
  background-color: #05090a;
  color: white;
  border: 1px solid transparent;
}

.text-secondary {
  color: #05090a !important;
}

.background-color-secondary {
  background-color: #05090a;
}

.btn-tertiary {
  background-color: #296db7;
  color: white;
  border: 1px solid transparent;
}

.btn-invert-tertiary {
  background-color: white;
  color: #296db7;
  border: 1px solid #296db7;
}

.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary:focus {
  background-color: white;
  color: #296db7;
  border: 1px solid #296db7;
}

.btn-invert-tertiary:hover,
.btn-invert-tertiary:active,
.btn-invert-tertiary:focus {
  background-color: #296db7;
  color: white;
  border: 1px solid transparent;
}

.text-tertiary {
  color: #296db7 !important;
}

.background-color-tertiary {
  background-color: #296db7;
}

.btn-white {
  background-color: #fff;
  color: white;
  border: 1px solid transparent;
}

.btn-invert-white {
  background-color: white;
  color: #fff;
  border: 1px solid #fff;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
  background-color: white;
  color: #fff;
  border: 1px solid #fff;
}

.btn-invert-white:hover,
.btn-invert-white:active,
.btn-invert-white:focus {
  background-color: #fff;
  color: white;
  border: 1px solid transparent;
}

.text-white {
  color: #fff !important;
}

.background-color-white {
  background-color: #fff;
}

.btn-off-white {
  background-color: #f5f5f5;
  color: white;
  border: 1px solid transparent;
}

.btn-invert-off-white {
  background-color: white;
  color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.btn-off-white:hover,
.btn-off-white:active,
.btn-off-white:focus {
  background-color: white;
  color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.btn-invert-off-white:hover,
.btn-invert-off-white:active,
.btn-invert-off-white:focus {
  background-color: #f5f5f5;
  color: white;
  border: 1px solid transparent;
}

.text-off-white {
  color: #f5f5f5 !important;
}

.background-color-off-white {
  background-color: #f5f5f5;
}

.btn-gold {
  background-color: #B5A84A;
  color: white;
  border: 1px solid transparent;
}

.btn-invert-gold {
  background-color: white;
  color: #B5A84A;
  border: 1px solid #B5A84A;
}

.btn-gold:hover,
.btn-gold:active,
.btn-gold:focus {
  background-color: white;
  color: #B5A84A;
  border: 1px solid #B5A84A;
}

.btn-invert-gold:hover,
.btn-invert-gold:active,
.btn-invert-gold:focus {
  background-color: #B5A84A;
  color: white;
  border: 1px solid transparent;
}

.text-gold {
  color: #B5A84A !important;
}

.background-color-gold {
  background-color: #B5A84A;
}

.btn-green {
  background-color: #53f427;
  color: white;
  border: 1px solid transparent;
}

.btn-invert-green {
  background-color: white;
  color: #53f427;
  border: 1px solid #53f427;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus {
  background-color: white;
  color: #53f427;
  border: 1px solid #53f427;
}

.btn-invert-green:hover,
.btn-invert-green:active,
.btn-invert-green:focus {
  background-color: #53f427;
  color: white;
  border: 1px solid transparent;
}

.text-green {
  color: #53f427 !important;
}

.background-color-green {
  background-color: #53f427;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}

.font-fam-inter {
  font-family: "Inter", sans-serif;
}

a {
  text-decoration: none;
}

.wpcf7-form-control {
  width: 100%;
}

.btn, .button {
  padding: 9px 20px;
  border-radius: 2rem;
  font-weight: 300;
  font-size: 1rem;
  font-family: "Inter", sans-serif;
  width: fit-content;
}

.content-block {
  max-width: 1900px;
  width: 80%;
  margin: 80px auto;
}

.border-radius {
  border-radius: 0.375rem;
}

.icon i {
  border: 1px solid #d92026;
  border-radius: 50%;
  padding: 10px;
  font-size: 21px;
  color: #d92026;
  background-color: white;
}
.icon i:hover {
  color: white;
  border-color: white;
  background-color: #d92026;
}

input:not([type=submit]), textarea {
  padding: 5px 12px;
  border-radius: 0.5rem;
  border: 1px solid;
}

.post-card {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.post-card .post-date {
  position: absolute;
  padding: 15px;
}
.post-card .post-date .badge {
  font-size: 0.9em;
  background-color: #d92026;
}
.post-card .post-thumbnail {
  height: 200px;
  overflow: hidden;
  border-radius: 0.375rem;
}
.post-card .post-thumbnail img {
  border-radius: 8px;
  width: 100%;
  max-width: none;
  height: 100%;
}
.post-card .post-categories .badge {
  margin-right: 5px;
  font-size: 0.8em;
  color: #d92026;
}
.post-card .post-title {
  font-weight: 700;
  color: #d92026;
  font-size: 1.25em;
}
.post-card .btn-link {
  padding: 0 !important;
  color: #d92026;
  text-decoration: underline;
}
.post-card .btn-link:hover {
  text-decoration: none;
}

.ts-image-wrapper,
.ts-image-wrapper-vertical,
.ts-image-wrapper-horizontal {
  border-radius: 15px;
}
.ts-image-wrapper .ts-image,
.ts-image-wrapper-vertical .ts-image,
.ts-image-wrapper-horizontal .ts-image {
  object-fit: cover;
}

.ts-image-wrapper {
  padding-top: 100%;
}
.ts-image-wrapper .attachment-woocommerce_thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ts-image-wrapper-vertical {
  padding-top: 180%;
}

.ts-image-wrapper-horizontal {
  padding-top: 50%;
}

#header {
  position: relative;
  background: #fff;
  z-index: 9999;
  top: 0;
  transition: top 0.3s;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 992px) {
  #header {
    background: #fff;
  }
}
#header .topbar {
  background: #d92026;
  padding: 10px;
}
#header .topbar .row .woof_container {
  margin-bottom: 0;
  padding-bottom: 0;
}
#header .topbar .row .woof_container .woof_container_inner input[type=search] {
  padding: 10px;
  border: 1px solid #c7c7c7;
}
#header .topbar .row .icons a {
  color: white;
  margin-right: 5px;
}
#header .topbar .row .icons a i, #header .topbar .row .icons a span {
  font-size: 20px;
}
#header .lowerbar {
  padding-left: 10px;
  padding-right: 10px;
}
#header.scrolled-header {
  background: #fff;
}
#header .logo img {
  height: auto;
  width: 100%;
  max-width: 275px;
  padding: 10px;
}
#header .desktop-menu {
  display: flex !important;
}
@media (max-width: 992px) {
  #header .desktop-menu {
    display: none !important;
  }
}
#header .menu {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
}
#header .custom-menu-class {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .custom-menu-class li {
  list-style: none;
  position: relative;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px;
}
#header .custom-menu-class li:hover:has(a:not(.custom-logo-link)) {
  background-color: #d92026;
}
#header .custom-menu-class li:hover a {
  color: white;
}
#header .custom-menu-class li:not(:first-child) {
  margin-left: 20px;
}
#header .custom-menu-class li.has-mega-menu a {
  padding-right: 22px;
}
#header .custom-menu-class li.has-mega-menu a:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/themes/theme_braadscardshop/assets/icon/chevron-down-solid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: transform 0.3s;
}
#header .custom-menu-class li.has-mega-menu:hover a:after {
  transform: translateY(-50%) rotate(180deg);
}
#header .custom-menu-class a {
  text-decoration: none;
  color: #000;
  transition: color 0.3s ease-in-out;
}
#header .custom-menu-class a img {
  padding: 10px 0;
  max-height: 80px;
  width: auto;
}
#header .custom-menu-class a:hover {
  color: #05090a;
}
#header .custom-menu-class .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0;
  padding: 0;
  z-index: 1000;
  width: 200px;
}
#header .custom-menu-class li:hover > .sub-menu {
  display: block;
}
#header .custom-menu-class .sub-menu > li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #eee;
}
#header .custom-menu-class .sub-menu > li a {
  display: block;
  padding: 10px 15px;
  color: #d92026;
  transition: background-color 0.3s ease-in-out;
}
#header .custom-menu-class .sub-menu > li a:hover {
  background-color: #f5f5f5;
}
#header .login-register {
  justify-content: center;
  align-items: center;
  display: flex;
  margin-left: auto;
}
#header .login-register a {
  height: fit-content;
}
#header .login-register a:first-child {
  margin-right: 15px;
}
#header #mobile-menu {
  display: none;
  position: absolute;
  background: white;
  left: 0;
  width: 100%;
  max-width: 100vw;
  max-height: calc(100vh - 210px);
  height: calc(100vh - 210px);
  overflow-y: scroll;
  box-shadow: #505050 0px 13px 20px 0px;
}
#header #mobile-menu .menu {
  flex-direction: column;
  align-items: start;
  padding: 0;
}
#header #mobile-menu .menu ul {
  list-style-type: none;
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  max-width: 100vw;
}
#header #mobile-menu .menu ul.sub-menu {
  display: none;
}
#header #mobile-menu .menu ul.sub-menu li {
  margin-left: 10px;
}
#header #mobile-menu .menu ul li {
  padding: 10px 0;
  border-top: 1px solid #d92026;
  width: 100%;
  position: relative;
}
#header #mobile-menu .menu ul li a {
  width: 80%;
  margin: 0 auto;
  display: block;
  color: black;
  font-size: 1.2em;
}
#header #mobile-menu .menu ul li .submenu-toggle {
  position: absolute;
  right: 20px;
  top: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/themes/theme_braadscardshop/assets/icon/chevron-down-solid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: transform 0.3s;
}
#header #mobile-menu .menu ul li.submenu-open > .submenu-toggle {
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 992px) {
  #header .logo img {
    max-width: 200px;
  }
}
#header #mobile-menu-icon {
  display: none;
}
@media (max-width: 992px) {
  #header #mobile-menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}
#header #mobile-menu-icon .bar {
  width: 25px;
  height: 3px;
  background-color: #d92026;
  margin: 2px 0;
}
#header .mega-menu {
  list-style: none;
  position: absolute;
  background: #d92026;
  width: 100%;
  height: 475px;
  left: 0;
  transition: 0.4s ease-in-out;
}
#header .mega-menu.d-none-mega-menu {
  height: 0;
  display: block;
}
#header .mega-menu .mega-menu-wrapper {
  margin-top: 50px;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col {
  border-right: 1px solid #fffdf1;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col:last-child {
  border-right: none;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col a {
  color: #fff;
  text-decoration: none;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col a:hover {
  text-decoration: underline;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col ul {
  padding: 0 !important;
  list-style: none; /* Remove default list styles */
  margin: 0;
  position: relative;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col ul li {
  margin: 15px 0; /* Space between list items */
  padding-left: 35px; /* Space for the icon */
  position: relative;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px; /* Adjust size of the icon */
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col ul li.menu-product {
  padding-left: 55px;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col .price {
  color: #53f427;
  font-size: 1rem !important;
  margin: 0;
  padding: 0 !important;
}
#header .mega-menu .mega-menu-wrapper .mega-menu-sub .mega-menu-sub-col .product_title {
  padding: 0;
  margin: 0;
}

.woocommerce-checkout .logo img,
.woocommerce-cart .logo img {
  max-width: 175px !important;
}

.fixed-header {
  position: fixed !important;
  top: 0 !important;
}

.fixed-header #header {
  top: 32px;
}

.footer {
  color: #ffffff;
  padding: 1rem 0 1rem 0;
}
.footer h5 {
  padding-bottom: 2px;
  border-bottom: 1px solid white;
}
.footer ul {
  list-style-type: none;
  padding: 0;
}
.footer ul li {
  font-weight: 300;
}
.footer ul li a {
  color: white;
}
.footer ul li a:hover {
  text-decoration: underline;
}
.footer p {
  margin-bottom: 0.25rem;
}
.footer .logo {
  padding: 10px;
  background-color: white;
  margin-bottom: 10px;
  border-radius: 20px;
}
.footer .logo a {
  width: 100%;
  display: block;
}
.footer .logo a img {
  width: 100%;
  display: block;
  height: auto;
}
.footer .under_footer a {
  color: white;
  text-decoration: underline;
}
@media (max-width: 992px) {
  .footer .under_footer .justify-content-end {
    justify-content: left !important;
  }
}

.categorie-page-banner {
  height: auto;
}

.homepage-banner {
  padding: 0;
}
.homepage-banner img {
  width: 100%;
  height: auto;
}

.assoritment h5 {
  margin: 5px 0 0 0;
}
.assoritment p {
  font-weight: 500;
}

.reviews-swiper-container .swiper-slide {
  padding: 20px;
}
.reviews-swiper-container .swiper-slide .review {
  background: white;
  padding: 22px;
  border-radius: 15px;
  box-shadow: 3px 3px 10px #acacac;
}
.reviews-swiper-container .swiper-slide .review .rating {
  min-width: 120px;
}
.reviews-swiper-container .swiper-slide .review .rating .star {
  font-size: 1.2em;
  margin-right: 2px;
}
.reviews-swiper-container .swiper-slide .review .swiper-slide {
  height: auto;
}
.reviews-swiper-container .swiper-slide .review .swiper-slide .card-footer {
  background-color: transparent;
  border-top: none;
}

.lego-set-banner a {
  display: block;
  height: fit-content;
  overflow: hidden;
}
.lego-set-banner a img {
  scale: 1;
  transition: scale 0.3s linear;
  height: auto;
}
.lego-set-banner:hover img {
  scale: 1.2;
}

.swiper-button-prev {
  left: -55px;
  width: 55px;
  height: 55px;
}
@media (max-width: 996px) {
  .swiper-button-prev {
    left: 0;
  }
}
.swiper-button-prev:after {
  content: "";
  display: inline-block;
  background-image: url(/wp-content/themes/theme_braadscardshop/assets/icon/next.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  transform: rotate(180deg);
  filter: drop-shadow(-2px -2px 5px rgba(0, 0, 0, 0.5));
}
.swiper-button-next {
  width: 55px;
  height: 55px;
  right: -55px;
}
@media (max-width: 996px) {
  .swiper-button-next {
    right: 0;
  }
}
.swiper-button-next:after {
  content: "";
  display: inline-block;
  background-image: url(/wp-content/themes/theme_braadscardshop/assets/icon/next.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
}

a.button,
button.button,
.add_to_cart_button,
.wp-element-button {
  background-color: #296db7 !important;
  color: white !important;
  border: 1px solid transparent !important;
  border-radius: 2rem;
}
a.button:hover,
button.button:hover,
.add_to_cart_button:hover,
.wp-element-button:hover {
  background-color: white !important;
  color: #296db7 !important;
  border: 1px solid #296db7 !important;
}

.outofstock .btn {
  opacity: 0.5;
}

@media (max-width: 768px) {
  .add_to_cart_button:not(.product_type_variable) .add_to_cart_text,
  .single_add_to_cart_button .add_to_cart_text {
    display: none;
  }
}
.add_to_cart_button:not(.product_type_variable):after,
.single_add_to_cart_button:after {
  font-family: FontAwesome;
  content: "\f217";
  font-weight: 300;
  margin-left: 1em;
}
@media (max-width: 768px) {
  .add_to_cart_button:not(.product_type_variable):after,
  .single_add_to_cart_button:after {
    margin-left: 0;
  }
}

.wc-block-grid__product-title {
  text-align: center;
  color: black !important;
  font-size: 23px !important;
}

.wc-block-grid__product-price {
  text-align: center;
  color: black;
  font-size: 18px;
}

.woocommerce ul.products li.product {
  padding: 20px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  text-align: center;
  color: black;
  font-size: 23px;
}
.woocommerce ul.products li.product .price {
  text-align: center;
  color: black;
  font-size: 18px;
}

@media (min-width: 996px) {
  .woof_autohide_wrapper {
    display: none;
  }
}
.related .custom-related-products-slider {
  padding: 20px;
}
.related .custom-related-products-slider li {
  list-style-type: none;
}
.related .custom-related-products-slider .woocommerce-loop-product__title {
  text-align: center;
  color: black;
  font-size: 23px;
}
.related .custom-related-products-slider .price {
  text-align: center;
  color: black !important;
  font-size: 18px !important;
  display: flex;
  justify-content: center;
}
.related .custom-related-products-slider .swiper-wrapper {
  height: auto !important;
}

.woof_text_search_container .woof_husky_txt-container {
  width: 80vw;
  max-width: 500px;
}

.woocommerce div.product form.cart .button {
  min-width: 174px;
}

@media (max-width: 768px) {
  .woocommerce div.product div.summary {
    min-height: 255px;
    min-width: 100%;
  }
}