/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
.p-header {
  /* font-weight: bold; */
  font-size: 22px;
  margin-bottom:10px;
}

.warr-text {
  display:none;
  margin-top:50px;
  /* position: fixed; */
  /* height: 100%; */
  width: 60%;
  /* background-color: #ffffff47;
  top: 50%;
  left: 50%;
  z-index: 9999;
  backdrop-filter: blur(10px);
  transform: translate(-50%, -50%); */
}
/* Style for the header and navigation menu */
#header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  text-align: center;
}

/* Basic styling for the navbar */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 42px;
  background-color: #fff; /* Change the background color as needed */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.navbar-left{
  min-width: 325px;
}
.navbar-left .icon{
  margin-right: -5px;
  z-index: 1;
  position: relative;
  transform: scale(1.1);
}

.navbar-logo img {
  max-height: 50px; /* Adjust the max height of the logo as needed */
  float: left;
}

.navbar-right {
  display: flex;
  align-items: center;
}

.navbar-item {
  margin-right: 20px;
  /* position: relative; */
  cursor: pointer;
}


.fish-wrapper {
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: 100%;
  cursor:pointer;
  width: 100%;
}

.fish-wrapper img {
  width: 75px!important;
  max-width: unset!important;
  max-height: 27px;
}

.fish-wrapper .fish-name {
  margin-top: 3px;
}

.box, .sub-box {
  background-color: white;
  border: 1px solid #cccccc29;
  width: 160px;
  height: 147px;
}

.sub-box {
  background-color:black!important;
  position:relative;
  outline:1px solid white!important;
  cursor:pointer;
  background-size: cover;
}
.hover-text {
  position: absolute;
  top: 152px;
  display: flex;
  right: 50%;
  cursor: default;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
}


.text {
  color: white;
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  display: flex;
  background-color: #0000009e;
  width: 100%;
  font-weight: bold;
  padding: 9px;
  line-height: 19px;
  height: 54px;
  align-items: center;
  justify-content: center;
}

.split img {
  width:100%;
}

.product-content p:not([class]) {
  display: none;
}

/* .xoo-wsc-icon-basket2 {
  display:none;
} */

/* .wrapper .xoo-wsc-markup {
  display:block!important;
}

.xoo-wsc-markup {
  display:none;
} */

h1.entry-title {
  display:none;
}

.sub-boxes {
  position: absolute;
  top: 220px;
  display: flex;
  right: 50%;
  cursor: default;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
}
.box.clicked {
  background-color: #d9d9d9; /* Change this to the desired gray color */
}




.navbar-item img {
  max-width: 30px; /* Adjust the max width of the Instagram icon as needed */
}



.contact {
  margin-right:55px;
}


@font-face {
	font-family: Tocco-bold;
	src: url(fonts/Tocco-Bold.woff);
}

@font-face {
	font-family: Tocco-semibold;
	src: url(fonts/Tocco-SemiBold.woff);
}

@font-face {
	font-family: Tocco-regular;
	src: url(fonts/Roboto-Regular.woff);
}

@font-face {
	font-family: Tocco-thin;
	src: url(fonts/Tocco-Thin.woff);
}


div#copyright {
  display: flex;
  justify-content: space-around;
}



* {
  font-family: Tocco-regular
}

body {
  cursor: url('http://goodfish.local/wp-content/themes/blankslate/images/cursor2.png');
  margin:0;
  padding:0;
  color:black!important;
  font-family: Tocco-regular
}


.main-button {
  margin-top: 49px;
  background-color: black;
  color: white;
  padding: 0.5rem;
  width: 329px;
  cursor:pointer;
}


.sub-logo {
  position:absolute;
  left:59px;
  top:40px;
  z-index:99;
  width:176px;
}


.xoo-wsc-ft-btn-cart {
  display:none!important;
}

.xoo-wsc-basket {
  margin: 10px;
  z-index: 9999997;
  cursor: pointer;
  position: fixed;
  transition: 0.5s ease-out;
  align-items: center;
  justify-content: center;
  width: 45px!important;
  height: 39px!important;
}

.xoo-wsc-bki.xoo-wsc-icon-basket1 {
  display:none;
}

.xoo-wsc-sc-bki {
  font-size: 33px!important;
}

.xoo-wsc-sc-subt, .wp-block-woocommerce-checkout-express-payment-block, .ppc-button-wrapper {
  display:none;
}

.woocommerce-checkout #content {
  padding: 20px 50px 50px 50px;
}

.woocommerce-checkout .entry-title {
  display:none;
}

.xoo-wsc-basket {
  top: 7px!important;
  right: 2240px!important;
  background-color: #ffffff;
  color: #000000;
  box-shadow: none!important;
  border-radius: 50%;
  display: flex;
  width: 60px;
  height: 60px;
}




.left {
  text-align:left!important;
  margin-bottom:100px;
}

.left .card-title {
  margin-top:20px;
}
















.single-product main.site-main#main {
  padding: 50px;
}


.single-product .product_title.entry-title {
    font-size: 51px;
    line-height: .8;
}

.single-product .summary.entry-summary .woocommerce-Price-amount {
  font-size: 26px;
  color: black;
  margin-bottom: 29px;
  height: 30px;
  display: block;
}


.single-product button {
  background-color: black!important;
  color: white!important;
  padding: 0.5rem!important;
  width: 152px!important;
  height: 45px;
  display: block!important;
  cursor: pointer!important;
  margin-top: 12px!important;
}

.input-text.qty.text {
  position:relative!important;
  background-color:transparent!important;
  height:45px!important;
  border: 2px solid black;
  width:45px!important;
  color:black!important;
  padding:unset!important;

}

form.cart {
  display: flex;
  align-items: flex-end;
}

.woocommerce-breadcrumb {
  display:none;
}

.posted_in {
  display:none;
}

.woocommerce-tabs.wc-tabs-wrapper, .related.products {
  display:none;

}





.page-id-10 #content {
  padding:30px;
}

  article#post-10 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.wpcf7 form p {
  width: 100%;
}

.wpcf7 form input, .wpcf7 form textarea {
  width: 100%;
  border-bottom:1px solid black;
}


.wpcf7 form input:focus, .wpcf7 form input:active,
.wpcf7 form textarea:focus, .wpcf7 form textarea:active {
  border-bottom:1px solid black!important;
  outline:unset!important;
}

div#wpcf7-f142-o1 {
  width: 50%;
  margin-top:60px;
}

.abs {
  position: absolute;
  top: 40%;
  scale:.8;
  left: 41px;
}


.wpcf7 form .wpcf7-submit {
  background-color: black;
  color: white;
  padding: 0.5rem;
  width: 152px;
  display: block;
  cursor: pointer;
  margin-top: 28px;
  float: right;
}




.grid {
  display: flex!important;
  flex-wrap: wrap;
  padding: 4rem 63px;
  gap:30px;
  /* justify-content: space-between; */
}

.card {
  width: 23%;
  box-sizing: border-box;
  /* border: 1px solid #ddd; */
  text-align: center;
}

.card img {
  max-width: 100%; /* Make sure images don't exceed the container width */
  height: auto;
}

.card-title {
  font-size: 24px;
    font-weight: 200;
    margin-bottom: 15px;
}





.product-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  font-weight: 100;
  margin-top: 14px;
}


a.button {
  background-color: black;
  color: white;
  padding: 0.5rem;
  width: 152px;
  display: block;
  cursor: pointer;
  margin-top: 28px;
}



p.price {
  font-weight: bold;
  font-size: 23px;
  margin-top: 17px;
  margin-bottom: -9px;
}













.watermark {
    position: absolute;
    left: 59px;
    top: 143px;
    opacity: .3;
    z-index: 99;
    filter: grayscale(1) invert(1);
    width: 151px;
}

.slideshow {
  position:relative;
}

.title {
  font-weight:100;
  font-size:40px;
}

.section {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding: 7rem;
  text-align: center;
}


.section-body {
  width:48%;
  margin-top:30px;
}






.warranty-wrapper {
  width: 50%;
  margin-left: 65px;
  max-width: 800px;
  margin-right:100px;
}









.end-section {
  display: flex;
  flex-direction: row;
  padding: 7rem;
  /* text-align: center; */
}





.page-container {
  width: 100%;
  height: auto;
}


#footer {
  background-color: black; /* Set your desired background color */
  color: white; /* Set your desired text color */
  padding: 20px 0;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 55px 0 100px 0;
}

.footer-content img {
  border: 2px solid white;
  border-radius:50%;
  width:50%;
  margin-left:20px;
}

.footer-content span {
  padding: 6px; /* Adjust the padding as needed to control spacing between items and separators */
}

.footer-content .link {
  cursor:pointer;
}

#container {
  /* padding-top: 20px!important; */
  /* padding: 40px;  */
  min-height: 100vh;
  /* background-image: url('https://cdn.discordapp.com/attachments/729615524128096258/1168701795762188348/image.png?ex=6552b95d&is=6540445d&hm=f7b59f614381767b4ea5284e63760a5841e9c14884dcec255ab1eccb3ac6b61c&') */
}

.mob-nav {
  display:none;
}



@media (max-width: 768px) {
  .section-body {
    width: 100%!important;
    margin-top: 30px;
  }

.section {
  padding: 1rem!important;
  padding-top:2rem!important;
}

.title {
  font-size:26px;
}

.end-section {
  padding:0;
  flex-direction: column;
}

.watermark {
  display:none;
}

.warranty-wrapper {
  margin-bottom: 100px;
  width: 69%;
}

.sectionimg {
  width:100%!important;
  margin-top:100px;
  height: 310px!important;
}



/* .hover-text {
  flex-direction: column;
  align-items: center;
} */

.mob-nav {
  display:block
}



.card {
  width: 100%;
  margin-bottom: 50px;
}



.gird {
  flex-direction: column;
}



.shop, .social, .contact {
  display:none;
}

/* .mob-nav div * {
  display:none;
} */



.mob-nav .wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 0;
  top: 75px;
  width: 100%;
}



.parent-text {
  padding: 11px;
  display:none;
  text-align: left;
  padding-left: 29px;
  height: 46px;
  background-color: #e7e7e7;
  border-bottom: 1px solid white;
}

.mob-wrapper {
  display:none;
}


.m-cat {
  padding: 11px;
  display: none;
  font-size: 15px;
  text-align: left;
  height: 46px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e1e1e1;
  padding-left: 53px;
}

.nav-text {
  text-align: left;
  padding-left: 77px;
}



.navbar {
  padding: 14px 11px;
}

.general-content {
  display: flex;
  flex-direction: column;
  padding: 11px;
  font-size: 15px;
  height: 46px;
  background-color: white;
  border-bottom: 1px solid #ededed;
}

.navbar-left .icon {
  display:none;
}

.navbar-left {
  min-width: 254px;
}





.socials-cat {
  padding: 11px;
  display: none;
  font-size: 15px;
  text-align: left;
  height: 46px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e1e1e1;
  padding-left: 53px;
}

.abs {
  position:relative;
  top: 40%;
  padding: 1rem!important;
  left:-10px;
}

div#wpcf7-f142-o1 {
  width:100%;
}
}