@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* CSS Document - Ringle Medical Supply
VERSION: 1.2 */
.home.page:not(.page-template-template-homepage) .site-header {
  margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .widget-title, .entry-content p, .primary-navigation a {
  font-family: 'PT Sans', sans-serif;
}
#slider {
  background: url(../img/home-banner.jpg) center;
  background-position: 17% -48%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
a:focus, button:focus, input:focus, textarea:focus {
  outline: 2px solid #6da5bf;
}
body:not(.home) .header-widget-region {
  background: url(../img/home-banner.jpg) center;
  background-position: 15% 80%;
}
.home h1.entry-title {
  display: none;
}
#slider .wrapper {
  max-width: 76%;
  margin: 0 auto;
}
/* TRANSITIONS*/
#home-cta:hover, #home-cta, .header-widget-region .widget, .header-widget-region .widget:hover {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.wc-block-components-button:not(.is-link) {
    background-color: #8cb0d1;
    color: #ffffff;
}
.wc-block-components-button:not(.is-link):hover, .wc-block-components-button:not(.is-link):focus, .wc-block-components-button:not(.is-link):active {
    background-color: #718395;
    color: #ffffff;
}
.wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step {
    margin-bottom: 48px;
    padding-left: 0;
    padding-top: 3em;
}
/*HEADER*/
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
  color: #3e6f98;
}
#page {
  background-color: #fffff;
  background: url(../img/bg-white-texture.jpg);
}
.site-header, .site-footer {
  background-color: #b9d9e8;
  background: url(../img/bg-lightblue.jpg);
}
#home-cta {
  text-align: center;
  padding: 62px 62px 47px 62px;
  background: rgb(111 127 128 / 59%);
  background-size: 100px;
  width: 92%;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1em;
  margin: 0 auto;
}
#home-cta:hover {
  background: rgb(111 127 128 / 40%);
}
#home-cta h1 {
  font-size: 3em;
  line-height: 1em;
  letter-spacing: 0px;
  color: white;
  margin: 0 0 9px 0;
}
#home-cta h2 {
  font-size: 1.6em;
  line-height: .90em;
  padding: 14px 10px;
  color: #d4e6f7;
  color: #e6e3e3;
  font-weight: 500;
  font-style: italic;
}
#home-cta h2 span {
  display: block;
  color: #e6e3e3;
  color: #d4e6f7;
  font-style: normal;
  line-height: 1.2em;
  font-weight: 500;
  letter-spacing: 0;
}
#home-cta h2 span:last-child {
  font-style: normal;
  letter-spacing: 0;
  line-height: .70em;
}
#home-cta a.button {}
.home .entry-content p strong {
  font-style: italic;
}
/* header widget area*/
.header-widget-region .widget .widget-title {
  text-align: center;
  font-size: 1.9em;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
.header-widget-region #woocommerce_product_categories-7 {
  margin-bottom: 23px;
  background: #e6e6e6;
  background: hsl(0deg 0% 75% / 75%);
  padding-top: 1.5px;
  max-height: 300px;
  overflow: auto;
}
#woocommerce_product_categories-3 ul.product-categories {
  max-height: 700px;
  overflow: auto;
  padding-right: 14px;
}
.home .wp-block-columns img {
  max-width: 50px;
}
.home-footer-cta-wrapper .wp-block-cover__inner-container {
  padding-top: 1.853526em;
  padding-bottom: 1.853526em;
}
.home-footer-cta-wrapper {
  /*  background-image: url(http://rms.nwd.host/wp-content/uploads/sites/47/2021/01/sub-banner.jpg);*/
  min-height: 300px;
  max-height: 300px;
}
/*----------------scrollbar--------------*/
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #6da5bf #c7c6c2;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 15px;
}
*::-webkit-scrollbar-track {
  background: #c7c6c2;
  border-radius: 20px;
}
*::-webkit-scrollbar-thumb {
  background-color: #6da5bf;
  border-radius: 20px;
  /* border: 4px solid #cc1818; */
}
.hentry .entry-content .wp-block-button, .editor-styles-wrapper .wp-block-button {
  margin-bottom: 0em !important;
}
.home .wp-container-6 {
  display: block !important;
}
.home .wp-container-6 .wp-block-button:last-child {
  margin-left: 10px;
}
/*NOT HOME*/
body:not(.home) .header-widget-region .widget {
  background: hsl(180deg 2% 88% / 88%);
}
.header-widget-region .widget {
  background: #dfe0e0;
  margin: 15px;
  min-height: 170px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.header-widget-region .widget:hover {
  background: #d4d6d6;
}
.widget_product_categories ul li {
  line-height: 1em;
}
/*footer*/
footer .product-categories {
  margin-bottom: 23px;
  padding-top: 1.5px;
  max-height: 300px;
  overflow: auto;
}
footer .product-categories .count {
  margin-right: 10px;
}
.site-info {
  padding: 1.5em 0;
}
.site-footer a {
  color: #2c2d33;
  text-decoration: none;
  font-weight: 600;
}
/*===========================================MEDIA QUEIRES=========================*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {
  /* Styles */
  #home-cta {
    padding: 62px 5px 47px 6px;
  }
  #home-cta h2 span {
    font-style: normal;
    line-height: 1.3em;
    font-weight: bold;
    font-size: .80em;
  }
  #home-cta h2 {
    font-size: .90em;
  }
  #home-cta h2 span:last-child {
    line-height: 1em;
  }
}
@media only screen and (max-width : 768px) {
  /* Styles */
  #slider {
    background-attachment: scroll;
    background-position: 35% 96%;
  }
  .main-navigation ul {
    display: none;
  }
  .main-navigation.toggled .menu > ul:not(.nav-menu) {
    display: block !Important;
  }
  .main-navigation .toggle ul {
    padding: 5px 11px;
    background: hsl(209deg 35% 66% / 12%);
  }
  .main-navigation ul li a {
    padding: .6em 0;
    display: block;
    border-bottom: 1px solid #6193bf;
  }
  #home-cta h1 {
    font-size: 1.5em;
  }
  #home-cta {
    padding: 62px 10px 47px 10px;
    width: auto;
  }
  #home-cta h2 {
    font-size: 1em;
    line-height: 1.1em;
    padding: 14px 0px;
  }
  .header-widget-region ul {
    width: 85%;
    margin: 0 auto;
  }
}
/* tablets (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px) {
  /* Styles */
}
/* laptops & desktops (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) {
  /* Styles */
  button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
    background-color: #b8d8e7;
    border-color: #6da5bf;
    color: #333333;
  }
  .woocommerce-active .site-header .site-search {
    margin-top: .50em;
  }
  /* WOO Search results pages*/
  .search-results article {
    margin-bottom: 10px;
  }
  .search-results article header {
    font-size: .6em;
    width: 75%;
    float: left;
    padding-top: 5%;
  }
  .search-results article p {
    display: inline-block;
    width: 50%;
  }
  .search-results .entry-content img {
    width: 25%;
    float: right;
  }
  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: 47.826087%;
    float: left;
    margin: 0% 1% 0 3%;
  }
  .storefront-primary-navigation {
    clear: both;
    /* background: rgb(206 232 245); */
    border-top: 3px solid #6da5bf;
    /* padding-top: 2px; */
    width: 79%;
    margin-top: 5px;
    margin: 10px auto 0;
  }
  .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: .80em 1em;
    font-size: 1.1em;
  }
  .secondary-navigation ul.menu a {
    color: #474747;
    font-weight: bold;
    font-size: 1.2em;
    padding: 14% 9px;
  }
  .secondary-navigation ul.menu a:hover {
    color: #9a8308; /*gold*/
    color: black;
  }
  .site-header {
    padding-top: 1em;
  }
  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 22%;
    float: left;
    margin-right: 1%;
    margin-bottom: 0;
  }
  .header-widget-region .col-full {
    max-width: 73.498938em;
    padding: 1% 2.617924em;
  }
  .header-widget-region .widget {
    width: 35%;
    float: left;
    /* margin: 0 2%;*/
  }
  .header-widget-region .widget:last-child {
    width: 56%;
    float: right;
    /* margin: 0 auto;*/
  }
  .header-widget-region #woocommerce_product_categories-7 li {
    width: 40%;
    float: left;
    /* margin-right: 36px; */
    margin: 0 0 0 7%;
    display: inline-block;
    font-size: 1.2em;
    vertical-align: middle;
    height: auto;
  }
  .header-widget-region .product_list_widget li img {
    margin-left: 9px;
  }
  .header-widget-region .product_list_widget li span.woocommerce-Price-amount {
    font-weight: bold;
  }
  .header-widget-region #woocommerce_products-5 ul li {
    width: 25%;
    /*padding: 0 3px 0 0;*/
    float: left;
    /* margin-right: 36px; */
    margin: 0 0 0 7%;
    display: inline-block;
  }
  .header-widget-region .widget_product_categories ul li .count {
    float: none;
  }
  /* TESTIMONIALS*/
  /*STORE*/
  .storefront-breadcrumb {
    padding: 1% 0;
    margin: 1%;
    border-bottom: 1px solid #e4dcdc;
  }
  .site-header-cart .cart-contents {
    padding: .80em;
  }
  a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a {
    color: #53718a;
  }
  .site-header-cart .widget_shopping_cart, .site-header .product_list_widget li .quantity {
    color: #636769;
  }
  .site-header-cart .cart-contents .count {
    font-weight: 600;
    opacity: 1;
    font-size: .875em;
    color: #6da5bf;
  }
  /*FOOTER*/
  .site-footer {
    background-color: #f3f3f3;
    color: #404142;
    padding: 1em 1em;
  }
  .site-footer .footer-widgets .widget-title {
    font-weight: 600;
    color: #474747;
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 3px solid rgb(109 165 191);
    padding: 0 0 1em;
    margin-bottom: 1em;
  }
  .footer-widgets img {
    margin-bottom: 14px;
  }
  .footer-widgets {
    padding-top: 1em;
    border-bottom: 4px solid rgb(109 165 191);
  }
  .footer-widgets .widgets {
    margin: 0 0 9% 0;
  }
} /* --------------------------- END 768px */
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  /* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  /* Styles */
}