/*
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 */


@media only screen and (max-width: 767px) {
    #site-logo #site-logo-inner a img {
    width: 250px!important;} }

@media only screen and (min-width: 768px) {
    #site-logo #site-logo-inner a img {
    width: 350px!important;} }

.fa.fa-bars {
  font-size: 3rem!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;
}

.backbg {
  background: #000;
}

/* FONTS */

a {
  text-decoration: none!important;
}

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

strong {
	font-weight: 600!important;
}

.montserrat {
  font-family: 'Montserrat', sans-serif!important;
}

#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;
}

@media only screen and (max-width: 767px) {
    h1.largefont, h2.largefont, h3.largefont {
  font-size: 2.7rem!important;
  font-weight: 600;
} }

@media only screen and (min-width: 768px) {
    h1.largefont, h2.largefont, h3.largefont {
  font-size: 3.5rem!important;
  font-weight: 600;
} }

.heavier {
  font-weight: 800!important;
}

.spacingfont {
  letter-spacing: 2px;
}

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 */
}

/* BUTTONS */

.roundbutton a {
  background: #BD1911!important;
  border-radius: 50px;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block!important;
  padding: 0.5em 1em!important;
  color: #FFF!important;
}

.roundbuttonsm a {
  background: #BD1911!important;
  border-radius: 50px;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block!important;
  padding: 0.5em 1em!important;
  color: #FFF!important;
}

/* LANDING PAGE SERVICES */

.swagbagbg {
  background-image: url("/wp-content/uploads/2026/03/corporate-swag-bag-kitting.webp");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 15em;
}

.corporateresp {
  background-image: url("/wp-content/uploads/2026/03/corporate-social-responsibility-kitting-service.webp");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 15em;
}

.nonprofitbg {
  background-image: url("/wp-content/uploads/2026/03/non-profit-care-package-kit.webp");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 15em;
}

.blueheading {
  background: rgba(0, 32, 145, 0.7);
  color: #fff!important;
}

.fa-solid.fa-check {
  color: #e42234;
  font-size: 2.3em!important;
}

ul.fa-ul {
    margin-left: 0!important;
    padding-left: 0!important;
}

ul.services {
  margin: 0 0 0 50px;
  line-height: 1.5
  list-style: none;   
}

.service1 {
  list-style-image: url('/wp-content/uploads/2025/11/swag-bags-mobile.svg');
  padding: 20px 0 0 0;  
}

.service2 {
  list-style-image: url('/wp-content/uploads/2025/11/boxes-mobile.svg');
  padding: 20px 0 0 0;  
}

.service3 {
  list-style-image: url('/wp-content/uploads/2025/11/non-profit-mobile.svg');
  padding: 10px;  
}

/* Hubspot Popup */

@media (max-width: 768px) {
  .hs-image-widget {
    display: none !important;
  }
}

/* TYPEFORM */
.poweredbywrapper img, .poweredbywrapper span {
  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;}