/*
Theme Name: CN Medical
Theme URI:  https://cybernetikx.com
Author: cybernetikx
Author URI: https://cybernetikx.com
Description: Ecommerce Website
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: cybernetikz
*/
img.custom-logo {
    width: 140px;
    height: auto;
}
@media (max-width: 768px) {
    .header-top {
        justify-content: center;
    }
    ul.cnss-social-icon li{
        width: 20px !important;
    }
}
.cnss-social-icon li a {
	line-height:14px !important;
}
.page-content {
    padding-top: 20px;
}
.nav-menu li.current_page_item a {
    color: #24AEB1;
}
.nav-menu li.menu-item {
    position: relative;
}
.nav-menu li.menu-item a{
    color: white;
    text-decoration: none;
    padding: 18px 0;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px; 
    font-weight: 500;
    transition: opacity 0.3s;
}
@media (max-width: 768px) {
    .nav-menu li.menu-item a{    
        padding: 12px 20px;
    }
}
.nav-menu li.menu-item a:hover {
    opacity: 0.8;
    color: #24AEB1;
}
.nav-menu li.current_page_item a {
    color: #24AEB1;
}
.nav-menu li.menu-item a:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-menu li.current_page_item .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-menu li a:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-menu li.current_page_item .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-menu li.menu-item ul.dropdown-menu li a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    transition: background 0.3s;
}
.nav-menu li.menu-item ul.dropdown-menu li a:hover {
    background: #f5f5f5;
    color: #1db89e;
}
@media (max-width: 768px) {
.nav-menu li.menu-item > .nav-link {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
}
.footer-brand img{
    max-width: 164px;
}
footer .footer-brand p {
    color: #7D879C;
}
@media (max-width: 768px) {
  .cards-container .product-placeholder {
    display: block;
    opacity: 1;
    height: auto;
    }
    
}
.about-content {
    width: 100%;
    padding: 40px 0px;
}
.footer-nav ul li {
    display: inline-block;
    padding: 0px 10px;
}
.product-placeholder img {
    border-radius: 10px;
}
.products-section .product-title a{
    color: #1D2A38;
}
.add-to-cart-btn a {
    color: #fff;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 0;
    padding: 0;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    padding-right: 12px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    background-color: #FFF;
    color: #1D2A38;
    border-color: #000;
    min-width: 40px;
    height: 40px;
    border: 1px solid #e6e6e6;   
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    font-weight: 500;
    font-size: 14px;
    padding: 0 12px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { 
    background-color: #1D2A38;
    color:#fff;
    border: 1px solid #1D2A38;   
}

.shop-block .shop-header {
    display: block;
}
.shop-block .product-image-wrapper {
    padding-top: 0px;
}
.shop-block .product-grid {
    width: 100%;
}
/* 
#price-slider {
    margin: 20px 0;
}

.ui-slider-range {
    background: #2bb3a3;
}

.ui-slider-handle {
    background: #2bb3a3;
    border-radius: 50%;
    border: none;
    width: 16px;
    height: 16px;
    top: -6px;
}
 */

 .color-grid {
    display: grid;
    grid-template-columns: repeat(4, 30px);
    gap: 10px;
}

.color-box {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: block;
    border: 2px solid transparent;
}

.color-box.active-color {
    border: 2px solid #000;
}
.shop-block .category-item.current-active::before {
    width: 15px;
    margin-right: 10px;
}
.shop-block .category-item a {
    color:#1d2a38;
}
.shop-block .category-item.current-active a {
    color:#1c8687;
}
.shop-block .size-box a {
    color: #1D2A38;
}

.color-grid a.active-color:after {    
    content: '';
    position: relative;
    top: 44%;
    left: 15px;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 10px;
    height: 5px;
    border-style: solid;
    border-color: #000;
    border-width: 0 0 1px 1px;
    display: block;
    box-shadow: -1px 1px #fff;
} 
.shop-block a.size-box
{
    color: #000;
}
.shop-block a.size-box:hover,
.shop-block a.size-box.active-size,
.tag-row a.active-tag
{
    border-color: #000;
}
@media (max-width: 576px) {
.from-our-blog .carousel-header {
    flex-direction: row;
}
}

.customNextBtn.disabled,
.customPreviousBtn.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #f0f0f0;
}
/* .products-section .product-card {
	min-width: 235px;
} */
.populated-products {
    padding: 0px;
}
@media (max-width: 991px) {
    .icon-body {
        margin: 0;
    }
    .populated-products {
        padding: 40px 0px;
    }
}

.stars-filled {
    font-size: 16px;
    font-weight: 400;
    color: #ffc107;
    line-height: 25px;
}
.stars-empty {
    color: #ddd; 
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
} 
.breadcrumb {
    color: #000;
}
.breadcrumb a {
    color: #7d879c;
}
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
@media (max-width: 968px) {
    .single-product .container {
        width: 100%;
    }
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: 0;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #17a2b8 !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 14px 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    border: none; 
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    text-transform: uppercase;
}
/* Remove browser arrows */
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity input[type="number"] {
    -moz-appearance: textfield;
}

.quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd !important;
    border-radius: 50px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.qty-btn {
    width: 40px;
    height: 40px;
    background: #f5f5f5 !important;
    border: none;
    font-size: 20px;
    cursor: pointer;
}
.quantity .qty {
    width: 60px;
    height: 40px;
    border: none;
    text-align: center;
    font-size: 16px;
}
.product-details .qty-btn {
    width: 40px;
    height: 40px;
    color:#000;
}
.flex-control-nav.flex-control-thumbs
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 5px;
}
.flex-control-nav.flex-control-thumbs li {    
    list-style: none;
}
.woocommerce .flex-control-thumbs img {
    width: 152px;
    height: auto;
}
ul.tab-navigation {
    margin-bottom: 0px !important;
}
.tab-link {
    display: inline-block !important;
}
.tab-link {
    padding: 15px 20px;
    cursor: pointer;
    background: transparent;
    border: none;
    color: #444;
    font-weight: 400;
    font-size: 1rem;
    transition: all 0.3s;
    position: relative;
}
.tab-link a {
    color: #444 !important;    
    font-weight: 600 !important;
    font-size: 1rem !important;
}
.tab-link.active {
    font-weight: 400;
    font-size: 19px;
    color: #24aeb1;
    border-bottom: 3px solid #24aeb1;
}
.tab-navigation .tab-link.active a {
    color: #24aeb1 !important;    
}
.product-details-tab .tab-content h2 {
    margin: 0px 0 20px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	border-radius: 50%;
}
.comment-respond .comment-reply-title {
    display: block;
    margin-top: 0;
    margin-bottom: .8em;
    font-size: 20px;
}
#reviews .comment-form-comment label {
    display: block;
    margin-bottom: .25em;
}
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"] 
{
    border: 1px solid #eaf0f8 !important;
    border-radius: 6px !important;
    width: 100% !important;
    height: 50px !important;
    background-color: #fff;
    font-size: 16px !important;
    color: #747474 !important;
    padding: 12px 15px !important;
} 
.woocommerce #review_form #respond textarea {
    border: 1px solid #eaf0f8 !important;
    border-radius: 6px !important;
    width: 100%;
    height: 150px !important;
    background-color: #fff;
    font-size: 16px !important;
    color: #747474 !important;
    padding: 12px 15px !important;
}
.woocommerce #review_form #respond input:focus, .woocommerce #review_form #respond textarea:focus{
    border-color: #14c145 !important;
}
.woocommerce #review_form #respond .form-submit input[type="submit"] {
    border: 1px solid #eaf0f8 !important;
    border-radius: 6px !important;
    max-width: 313px !important;
    width: 100% !important;
    height: 50px !important;
    background-color: #14c145 !important;
    font-size: 16px !important;
    color: #fff !important;
    padding: 12px 15px !important;
}
.woocommerce #review_form #respond p {
	margin: 0 0 20px !important;
}
.comment-form .comment-form-cookies-consent {
    margin-top: 20px;
}
.woocommerce .star-rating span::before {
	color:#ffc107 !important;
}
/* Position text in the middle of the page/image */
.blog-details-banner .wp-block-image {
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
}
.products-list li .title .current-price, .current-price {
    font-weight:400; text-decoration:line-through; font-size:14px; color:#dbdbdb; 
}
span.posted_in, span.tagged_as {
    font-weight: bold;
}
span.posted_in a, span.tagged_as a {
    font-weight: normal;
}
.products-section #cn_related_products .product-card {
    min-width: 290px;
}
ins {
    text-decoration: none !important;
    color:#eb3a7b!important;
}
.wc-block-cart .wc-block-cart__submit-container {
    width: 100%;
    background-color: #24aeb1;
    border-color: #24aeb1;
    color: #fff;
}
.wc-block-components-button:not(.is-link) {
    color: #fff;
}
.wc-block-components-button:not(.is-link) {
    background-color: #24aeb1;
    color: #fff;
    border:none;
}
.product-title a {
    color: #1D2A38;
}
.add-to-cart-btn {
    background-color: #17a2b8 !important;
    color:#fff !important;
    font-size: 12px !important;
    text-align: center !important;
    padding: 12px !important;
    border-radius: 8px !important;
    text-transform: uppercase;
}
.deals-section .add-to-cart-btn svg {
    vertical-align: sub;
}
.wc-block-grid__product-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #1D2A38;
    min-height: 44px;
}
.wp-block-button__link {
    color: #fff;
    background-color: #17a2b8 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-size: 12px !important;
}
.woocommerce table.shop_table th {
    color: #000;
}
form.wpcf7-form {
    margin-top: 20px;
}
.wpcf7-form input, .wpcf7-form textarea{
    width: 100%;
    padding: 10px 0px;
    border: 1px solid #999;
    margin-bottom: 20px;
    text-indent: 20px;
    border-color: #24aeb1;
    color: #000;
    border-radius: 30px;
    background: transparent;
}
.wpcf7-form input[type="submit"]{
    background-color: #24aeb1;
    border-color: #24aeb1;
    color: #fff;
    border-radius: 30px;
}
.shop-block .sort-select {
    padding: 8px 30px 8px 15px;
}
.products-section .product-title,
.shop-block .product-title
{
    min-height: 51px;
}
.products-section .product-categories,
.shop-block .product-category
{
    min-height: 48px;
}
.products-section .product-rating,
.shop-block .product-rating
{
    min-height: 25px;
}
.products-section .product-image img {
    margin: auto;
}
.product-layout {
    display: flex;
    flex-wrap: wrap;
}
.product-image-wrap,
.product-details-info
{
  flex: 0 0 50%;
  max-width: 50%;
}
.product-details .product-title,
.product-details .price,
.product-details .rating,
.product-details .description,
form .cart
{
    margin-bottom: 20px;
}
.yith-add-to-wishlist-button-block{
     margin-top: 20px;
}
@media (max-width: 768px) {
    .product-image-wrap,
    .product-details-info
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .product-details-info
    {
        margin-top: 50px;
    }
}
.popular-categories .category-name {
    min-height: 48px;
}
a.add-to-cart-btn {
    padding: 9px !important;
}
.add-to-cart-btn .fa-shopping-cart {
    font-size: 15px;
}
@media (max-width: 600px) {
    .products-section .product-categories{
        margin-top: 20px;
    }
    .products-section .product-title {
        margin-top: 20px;
    }
    .products-section .product-price {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .products-section .product-image {
        height: 300px;
    }
    .deals-section .deal-image {
        height: auto;
    }
    .deals-section .products-slider {
        height: auto;
    }
    .wp-block-media-text {
        display: block;
        grid-template-columns: 100% 1fr;
    }
}
@media (max-width: 480px) {
    .deals-section .products-slider {
        height: auto;
    }
    .deals-section .deal-image {
        height: auto;
    }
    .quantity {
        margin-bottom: 20px;
    }
    .product-details-tab .tab-nav {
        display: block;
    }
    .tab-link {
        padding: 15px 5px;
        width: 100%;
    }
    footer .footer-column ul {
        width: 100px;
        margin: auto;
        text-align: left;
    }
    footer .social-link {
        justify-content: left;
    }
}
@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}