/*
Theme Name: Hybridmag Child
Description: Child theme of Hybridmag
Author: Your Name
Template: hybridmag
Version: 1.0.0
Text Domain: hybridmag-child
*/

/* Import parent theme styles */
@import url("../hybridmag/style.css");

/* 
====================
Custom Styles
====================
Add your custom CSS below this line
*/

button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus, .hm-readmore-btn:active, .hm-readmore-btn:focus {
    background: #8243e0 !important;
}

.post-categories li a {
    line-height: 1.5 !important;
}

.site-content {
    padding: 15px;
}

/* Custom Social Sharing Text Styling */
.hybridmag-child-sharing-text,
.hybridmag-child-sharing-text-before {
    margin: 20px 0;
    padding: 15px;
    background-color: #f8f9fa;
    border-left: 4px solid #007cba;
    border-radius: 4px;
}

.hybridmag-child-sharing-text p,
.hybridmag-child-sharing-text-before p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.hybridmag-child-sharing-text strong,
.hybridmag-child-sharing-text-before strong {
    color: #007cba;
}

.post-categories li a:hover {
    background: #9c66ed !important;
   color: var(--sb-category-text-hover-color, #FFFFFF) !important;
}

.sb-thumb-container {
    border-radius: 20px !important;
}

/* Responsive styling */
@media (max-width: 768px) {
    .hybridmag-child-sharing-text,
    .hybridmag-child-sharing-text-before {
        margin: 15px 0;
        padding: 12px;
    }
    
    .hybridmag-child-sharing-text p,
    .hybridmag-child-sharing-text-before p {
        font-size: 14px;
    }
}

/* Supplier Details Styling */
.supplier-details {
    margin: 30px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
}

.supplier-details > div {
    margin-bottom: 15px;
}

.supplier-details > div:last-child {
    margin-bottom: 0;
}

.supplier-details strong {
    color: #333;
    margin-right: 10px;
}

.supplier-details a {
    color: #007cba;
    text-decoration: none;
}

.supplier-details a:hover {
    text-decoration: underline;
}

/* Responsive styling for supplier details */
@media (max-width: 768px) {

    .site-content {
        padding: 5px 0px !important;
    }

    .supplier-details {
        margin: 20px 0;
        padding: 15px;
    }
    
    .supplier-details > div {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 480px) {
     .site-content {
        padding: 5px 0px !important;
    }
}