/**
 * Theme Name:   Astra Child
 * Theme URI:    https://github.com/vxlrubel/wp-child-theme
 * Author:       Rubel Mahmud (Sujan)
 * Author URI:   https://www.linkedin.com/in/vxlrubel
 * Template:     astra
 * Text Domain:	 astra-child
 * Version:  	 1.0
 * Description:  A child theme in WordPress is a secondary theme that inherits the functionality and styling of a parent theme while allowing you to make customizations and modifications without altering the parent theme directly. It acts as an overlay or extension to the parent theme, allowing you to tailor your WordPress website's appearance and functionality to your specific needs.
 */

/* You code will be here */

.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 56px !important;
}
.ast-site-identity {
    padding: .325rem 0 !important;
}
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
    padding-block: .325rem;
    line-height: 1.3rem;
}
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
    padding-block: .325rem;
}
.site-below-footer-wrap {
    padding-block: 0;
}
.ast-footer-copyright {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* popup content style */

.ps-popup-parent{
    position: fixed;
    display: none;
    padding: 1.225rem;
    inset: 0;
    z-index: 9999;
    background-color: hsla(0, 0%, 0%, 0.3);
}
.ps-popup-parent > div{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.ps-popup-parent  .ps-popup{
    background-color: #fff;
    width: 100%;
    max-width: 540px;
}
@media( width >= 576px ){
    .ps-popup-parent  .ps-popup{
        width: 540px;
    }
}
.ps-popup .ps-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.225rem;
    background: hsl(0deg 0% 95.75%);
    border-bottom:1px solid #dee2e6;
}
.ps-popup .ps-header span{
    font-size: 20px;
    color: #37a466 !important;
}
.ps-popup .prepend-text{
    padding: 1.225rem 1rem;
}
.ps-popup-parent .ps-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    color: black !important;
}
.ps-body{
    display: flex;
}
.ps-body > div{
    width: 50%;
    padding: .5rem 1.225rem 1rem;
}
.ps-body > div .images{
    display: block;
    width: 100%;
    margin-bottom: -0.5rem;
}
.ps-body > div .icon{
    width: 20px;
}
.ps-body > div h3{
    font-size: 18px;
    margin-bottom: 0.5rem;
}
.ps-body .description {
    padding-block: 1rem;
    font-size: .875rem;
    line-height: 1.3rem;
    margin: 0;
}

/* Pharmacy Mentor */
.service-buttons-carousel {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    padding: 15px 0;
    scroll-snap-type: x mandatory;
	justify-content: center;
	flex-wrap: wrap;
}

.service-button {
	background: #37a466;
  	border-color: #37a466;
  	border-radius: 4px;
	color: #fff;
  	padding: 10px 10px;
	text-align: center;
}

@media (max-width: 600px) {
	.service-button {
		flex: 45%;
	}
}
.service-buttons-carousel {
    display: none;
}
a[href*="https://www.s-sols.com/products/"]{
  display: none !important;
}