/*
 Theme Name:   My Heart Care
 Theme URI:    https://myheartcare.co.uk/
 Description:  My Heart Care child theme
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/



/* nav */
.main-navigation.sticky-navigation-transition .navigation-branding img {
	padding: 19px 0;
}
.main-navigation .menu-toggle {
	font-size: 18px;
	padding-right: 10px;
}
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
	background-color: transparent;
}
@media (max-width: 979px) {
	.main-navigation.sticky-navigation-transition .main-nav > ul > li > a {
		line-height: 60px;
	}
}
@media (max-width: 379px) {
	.site-header .header-image {
		width: 220px;
	}
}


/* swipers */
@media (min-width: 769px) {
	.home-swiper .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}
	.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: var(--global-color-10);
	}
}
.home-swiper .swiper-pagination {
	z-index: 5;
}
.home-swiper .wp-swiper__wrapper {
	margin-bottom: 0;
}
.home-swiper .swiper-pagination {
	bottom: 46px;
}
.service-swiper .swiper-slide {
	height: auto; 
	background-color: var(--base-2);
}
.service-swiper .swiper-button-next, .service-swiper .swiper-button-prev {
	top: auto; 
	bottom: -60px;
	display: block !important;
	z-index: 5;
}

/* page sections */
.clinical-solutions ul li::marker {
	color: #46AAFF;
}
@media (max-width: 768px) {
    .columns-tablet-2 {
        grid-template-columns: auto;
    }
}

.benefits-accordion ul li::marker {
	color: var(--contrast-3);
}

/* cta banner */
.page-id-3 .cta-banner .pg-hide,
.page-id-28 .cta-banner .pg-hide {
	display: none;
}
.page-id-3 .cta-banner, 
.page-id-28 .cta-banner {
	background: none;
	padding-top: 32px;
	padding-bottom: 0;
}

/* footer */
.footer-block h4:after {
    border-top: 1px solid;
    border-color: #fff;
    content: "";
    display: flex;
    position: relative;
    width: 100%;
    left: 1.5%;
}

@media (max-width: 479px) {
	.footer-block .mob-100 {
		grid-column: span 2;
	}
	.services-grid.mob-100 {
		grid-template-columns: 2fr;
	}
}

.page-id-23 .site-footer .gb-shape-b1634b8d svg,
.page-id-482 .site-footer .gb-shape-b1634b8d svg{
	fill: #fff;
	color: #fff;
}
.page-id-28 .site-footer .gb-shape-78680e90 {
	background-color: var(--base-2);
}