/*
Theme Name: InStock Supplies 2025
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: Iktan Studio
Author URI: https://iktanstudio.com/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Resolve Main Menu Display When Using Boostrap */
#site-navigation-wrap .dropdown-menu {
    display: block;
    float: none;
    position: relative;
    top: auto;
    left: auto;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

html, body {
    overflow-x: hidden!important;
}

/* MOBILE */

@media only screen and (max-width: 767px) {
    .hidephone {
      display:none!important;} }

@media only screen and (min-width: 768px) {
    .hidedesk {
      display:none!important;} }

/* HEADER */

#site-logo #site-logo-inner a img {
    width: 350px!important;
}

.wcmenucart-details.count {
	background: #BD1911!important;
	color: #fff!important;
}

.wcmenucart-details.count:before {
	border-color: #BD1911!important;
}

/* TITLE */

@media only screen and (min-width: 768px) {
    .page-header .page-subheading {
    font-size: 15px;
    line-height: 1.8;
    padding-right: 40%;} }

.site-breadcrumbs.position-under-title {
	margin-top: 3em;
}

/* BACKGROUNDS */

.bluebg {
	background: #002091;
}

.redbg {
	background: #BD1911;
}

.graybg {
	background: #F9F9F9;
}

/* FONTS */

a {
	text-decoration: none!important;
}

body, p {
	font-family: 'Montserrat', sans-serif!important;
	font-size: 16px!important;
	color: #444;
}

#footer-widgets .footer-box a {
    font-size: 14px;
}

.whitefont {
	color: #fff!important;
}

.uppercase {
	text-transform: uppercase;
}

.redfont {
	color: #BD1911!important;
}

.bluefont {
	color: #002091!important;
}

.underlined {
	text-decoration: underline!important;
	text-underline-offset: 5px!important;
	font-weight: 600!important;
}

h1.medium, h2.medium, h3.medium {
	font-size: 2rem!important;
	font-weight: 600!important;
}

h1.large, h2.large, h3.large {
	font-size: 2.5rem!important;
	font-weight: 600!important;
}

h3.light {
	font-weight: 400!important;
}

.check {
    list-style: none;
    padding-left: 0; /* Adjust as needed */
}

.check li {
   position: relative;
   padding-left: 1.5em; /* Space for the icon */
   margin-bottom: 1.5em;
}

.check li::before {
    font-family: 'Font Awesome 5 Free'; /* Or 'Font Awesome 6 Free', etc. */
    content: '\f00c'; /* Unicode for the desired icon (e.g., checkmark) */
    font-weight: 900; /* Important for solid icons */
    position: absolute;
    left: 0;
    top: 0.2em; /* Adjust vertical alignment */
    color: #BD1911; /* Icon color */
    font-size: 0.8em; /* Icon size */
}


/* IMAGE ZOOM */

.categoryimg-wrapper {
    display: inline-block; /* change the default display type to inline-block */
    overflow: hidden;      /* hide the overflow */
}

.categoryimg {
	transition: 0.5s;
}

.categoryimg:hover {
	transform: scale(1.3);
	transition: 0.5s;
    vertical-align: middle;
}

/* BUTTONS */

.amazon-button {margin-bottom: 1.5em; background: #f90; padding: 1em; text-align: center; color: #000; transition: 0.3s; display: block; font-size: 24px; font-weight: bold;}

.amazon-button-pop:hover {background: #000!important; color: #f90!important;}

.red-button-pop {margin-bottom: 1.5em; background: #bd1a10; padding: 1em; text-align: center; color: #fff; transition: 0.3s; display: block; font-size: 24px; font-weight: bold;}

.red-button-pop:hover {background: #000!important; color: #fff!important;}

.red-button {margin-bottom: 1.5em; background: #bd1a10; padding: 1em; text-align: center; color: #fff; transition: 0.3s;}

.red-button:hover {background: #000;}

.red-button2 {margin-bottom: 1.5em; background: #bd1a10; padding: 1em; text-align: center; color: #fff; transition: 0.3s; display: inline-block;}

.red-button2:hover {background: #000;}

.black-button {background: #000; text-align: center; color: #fff; transition: 0.3s; padding: 1em 0;}

.black-button:hover {background: #002092; color: #fff;}

.blue-button {margin-bottom: 1.5em; background: #002091; padding: 1em; text-align: center; color: #fff; transition: 0.3s;}

.blue-button:hover {background: #000;}

.blue-button-sm {margin-bottom: 1.5em; background: #002091; padding: 1.5em 1em 1em 1em; text-align: center; color: #fff!important; transition: 0.3s;}

.blue-button-sm:hover {background: #000;}

a.blue-button-sm {color: #fff!important;}

.blue-button-sm2 {margin-top: 1.5em; background: #002091; padding: 0.5em; text-align: center; color: #fff; transition: 0.3s; display: inline-flex; font-size: 21px; font-weight: 700;}

.blue-button-sm2:hover {background: #000;}

/* REVIEWS */

.cr-reviews-slider .slick-prev:before, .cr-reviews-slider .slick-next:before {
    font-size: 40px;
    opacity: 1;
    color: #002090;
}

.cr-reviews-slider .cr-review-card .middle-row .datetime {
    display: none!important;
}

.cr-reviews-slider .cr-review-card .middle-row {
	background: #fff;
	border: 0!important;
	text-align: left!important;
	padding: 0!important;
	margin: 0 10px 0 10px!important;
}

.cr-reviews-slider .cr-review-card .review-product {
    padding: 0;
    margin-top: 0;
}

.reviewer-name {
	display:none!important;
}

/* CONTACT FORM */

.contact-space {padding-right: 0!important; padding-left: 0!important; margin-bottom: 1em;}

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border: 0px!important;
    background-color: #000!important;
    color: #fff!important;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border: 0px!important;
    background-color: #fff!important;
    color: #002091!important;
}

input[type="email"] {border-radius: 0px!important; background-color: #fff!important; border: 0px!important;}

input[type="text"] {border-radius: 0px!important; background-color: #fff!important; border: 0px!important;}

input[type="tel"] {border-radius: 0px!important; background-color: #fff!important; border: 0px!important;}

textarea {border-radius: 0px!important; background-color: #fff!important; border: 0px!important; min-height: 6em!important; max-height: 6em!important;}

.wpcf7-list-item-label {font-weight: 300!important;}