/*
Theme Name: IVF Network 2024
Theme URI: https://www.wilsondesign.uk.com/
Author: Wilson Design Associates
Author URI: ttps://www.wilsondesign.uk.com/
Description: Custom theme developed for the IVF Network
Version: 0.2
Text Domain: ivfnetwork2024
*/

body {font-family: Nunito Sans, sans-serif; font-weight: 300; color: #2B2B2B; font-size: 18px;}

.h3, h3 { font-size: 1.65rem;}

.hero-menu a {font-size: 24px;font-family: var(--wp--preset--font-family--dm-serif-display);}
.dm-serif {font-family: var(--wp--preset--font-family--dm-serif-display);}
.category-name {font-size: 11px;}

.strapline {font-size: 22px;}

body .container {max-width: 1320px}

.carousel-wrap {width: 100%;}

.footer-logo-wrap img {width: 146px; height: auto;}

hr.has-white-color {border-top: 1px solid #fff;}
hr.has-blue-color {border-top: 1px solid #4e9aaa}
hr.has-dark-blue-color {border-top: 1px solid #003947}

/*is-style-push-panels*/
.wp-block-columns.multiply { gap: max(1.3em, 15px); }
.wp-block-columns.no-gap { gap: 0!important;}
.wp-block-columns.multiply .wp-block-cover__background { mix-blend-mode: multiply;}

a.wp-block-button__link:hover {text-decoration: none;}
a.wp-block-button__link:hover span.txt {color: #003947; text-decoration: none;}
a.wp-block-button__link.has-dark-blue-1-background-color:hover span.txt {color: #fff; text-decoration: none;}
a.wp-block-button__link:hover span.icon svg {fill:#003947;}
a.wp-block-button__link.has-dark-blue-1-background-color:hover span.icon svg {fill: #ffffff;}

.articles-main article figure {width: 100%;}
.articles-main article .desc {width: 100%;}
.articles-main article .desc {background-color: #fdf6ea;}
.articles-main article:first-child .desc h3 {font-size: 30px;}
.articles-main article .desc h3 {font-size: 24px;}
.articles-main article:nth-child(even) .desc {background-color: #fcdecf;}
.articles-aside ul.wpp-list {padding-left: 0;}
.articles-aside ul.wpp-list li { display:flex; justify-content: start; border-bottom: solid 1px rgba(0, 0, 0, 0.85); padding: 10px 0; margin-bottom: 10px;}
.articles-aside ul.wpp-list li a {font-size: 18px;font-family: var(--wp--preset--font-family--dm-serif-display); color: #2b2b2b;}
.articles-aside ul.wpp-list li a:first-child img {margin-right: 10px; min-width: 88px; max-width: 88px;}
.articles-aside ul.wpp-list li span > span {display: block; line-height: 12px;}
.articles-aside ul.wpp-list li span > span a.category {font-size: 11px; font-family: Nunito Sans, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; pointer-events: none;}


.single article p a {font-weight: 600; color: inherit;}
.single article p a:hover {color: #4E9AAA; text-decoration: none;}


.single article .wp-block-quote {background-color: #fcdecf; padding: 40px 60px; font-size: 24px;}
.single article .wp-block-quote::before { color: var(--wp--preset--color--dark-blue-1) display: block; font-size: 70px; position: absolute; left: 20px; top: 20px; text-align: left; width: auto;line-height: 70px; }
.single article .wp-block-quote::after { color: var(--wp--preset--color--dark-blue-1) display: block; font-size: 70px; position: absolute; right: 20px; bottom: 20px; left: auto; top: auto; width: auto; opacity:1;display: block; font-family: var(--wp--preset--font-family--dm-serif-display); line-height: 0;}
.single article figure.image-cover {height: 100%;}
.single article figure.image-cover img {object-fit: cover; height: 100%; width: auto;}

.single .related-content ul.wpp-list {display: grid; grid-template-columns: auto auto auto auto; padding-left: 0;}
.single .related-content ul.wpp-list li {padding: 20px; display: flex; flex-direction: column;}
.single .related-content ul.wpp-list li span > span a.category { font-size: 11px; font-family: Nunito Sans, sans-serif; font-weight: 600; text-transform: uppercase;color: #2b2b2b;letter-spacing: 0.1em; pointer-events: none;}
.single .related-content ul.wpp-list li a.wpp-post-title, .single .related-content ul.wpp-list li a.post-title { font-size: 18px; font-family: var(--wp--preset--font-family--dm-serif-display); color: #2b2b2b; display: block;}


.single .sidebar-cta figure {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;}
.single .sidebar-cta figure img {object-fit: cover; height: 100%; width: 100%;}

#footer .award-logos img {max-height: 63px; width: auto;}

/*FacetWP*/
body .facetwp-facet { margin-bottom: 1.5rem;}
.facetwp-facet input[type="date"], .facetwp-facet input[type="email"], .facetwp-facet input[type="number"], .facetwp-facet input[type="password"], .facetwp-facet input[type="search"], .facetwp-facet input[type="text"], .facetwp-facet input[type="tel"], .facetwp-facet input[type="url"], .facetwp-facet textarea, .facetwp-facet select { border-color: #013a47; background-color: #fff;}
.facetwp-type-search .facetwp-input-wrap {display: block;}

.facetwp-pager .facetwp-page.next, .facetwp-pager .facetwp-page.prev { width:70px; border-radius: 999px;}
.facetwp-pager .facetwp-page {width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 100%; background-color: #fff; color: #003947;border: 1px solid #ec7a75;}
.facetwp-pager .facetwp-page.active {background-color: #ec7a75; color: #fff;}

@media screen and (min-width: 1200px) {

    .articles-main article {display:flex; justify-content: start;}
	.articles-main article:nth-child(odd) {flex-direction: row-reverse;}
	.articles-main article:first-child {display: block;}
	.articles-main article:first-child figure {width: 100%;}
	.articles-main article:first-child .desc {width: 100%;}
    .articles-main article figure {width: 52%;}
	.articles-main article .desc {width: 48%; background-color: #fdf6ea;}

}

@media screen and (min-width: 991px) {
	.site-nav-menu .primary-menus ul li:nth-child(1), .site-nav-menu .primary-menus ul li:nth-child(2), .site-nav-menu .primary-menus ul li:nth-child(3), .site-nav-menu .primary-menus ul li:nth-child(4) {display: none;}
}

@media screen and (max-width: 1439px) {
.strapline {font-size: 16px;}
}

@media screen and (max-width: 1100px) {
.strapline {font-size: 11px;}
}