/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       James Fletcher
 Author URI:   https://www.james@jamesfletcher.co.uk
 Template:     generatepress
 Version:      0.1
*/
.secondary-navigation .text {
    order: -1;
    margin-right: auto;
}

/*Secondary nav - no collapse css used along with function*/
.secondary-navigation .menu-toggle {
      display: none;
}
@media(max-width: 768px) {
	.secondary-navigation {
		text-align: center !important;
	}
	.secondary-navigation ul {
		display: block;
	}
	.secondary-navigation .sf-menu > li {
		float: none;
		display: inline-block !important;
	}
	.secondary-navigation .text {
		display: none;
	}
	.secondary-nav-aligned-right #secondary-navigation .inside-navigation {
		justify-content: center;
	}
}
/**/

.site-header {
	border-bottom: solid 4px var(--secondary-blue);
}

/*Sticky footer*/
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container.grid-container {
    width: 100%;
}
.site-footer {
    margin-top: auto;
}
/**/

/*overide max mega menu to show GP mobile toggle */
/*@media (max-width: 768px) {
    body .inside-header .main-navigation button.menu-toggle {
        display: block;
    }
}*/

/*Remove background colour on hamburger*/
.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;
}
/**/
/*Adjustments for menu item height on mobile - matched to 1110px in Layout > Primary Navigation > Mobile Menu Breakpoint*/
@media(max-width: 1110px) {
	.main-navigation .main-nav ul li a {
		line-height: 60px;
	}
}
/**/

/*Mega Menu*/
@media (min-width: 1200px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
		padding-bottom: 60px;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: 700;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    /*nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        color: inherit;
    }*/

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
	}
	
	/*Added to make mega-menu full width*/
	/*.inside-header {
        position: relative;
    }
    .inside-navigation.grid-container {
        position: static;
    }*/
	/**/
}

/**/

/*WP Swiper*/
:root {
--swiper-theme-color: var(--primary-blue);
}
.swiper-pagination{
	bottom: var(--swiper-pagination-bottom,-45px);
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -40px;
}
/**/

/*Search*/
.gp-icon.icon-search {
	font-size: 24px;
}
.search-modal-form {
	border-radius: 50px;
}
.search-modal-form .search-field, .search-modal-form .search-field:focus {
	padding-left: 25px;
}
.main-navigation .gp-icon.icon-search svg, .search-modal-form .gp-icon.icon-search svg {
    fill: var(--primary-blue);
}
/**/

/*Blockquote*/
blockquote {
	position: relative;
	border: 0;
	margin-top: 2rem;
	padding-top: 2rem;
	padding-inline: 0;
	margin-bottom: 40px;
	font-size: 1.1em;
}
blockquote::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background-color: var(--base);
    top: 0;
}
blockquote::after {
	--_quote-size: 34px;
	position: absolute;
	content: '';
	width: var(--_quote-size);
	aspect-ratio: 1/1; 
	background-image: url('/wp-content/themes/generatepress_child/images/blockquote.svg');
	background-size: cover;
	top: 1.7rem;
	transform: translatex(-50%);
}
blockquote p {
	color: var(--primary-blue);
	font-style: normal;
	line-height: 1.2;
	font-weight: 700;
    padding-left: 40px;
}
blockquote cite {
	font-style: normal;
	text-transform: uppercase; 
	letter-spacing: .1em;
	font-size: 1rem;
	color: hsla(226, 7%, 51%, 1);
}
/*@media (max-width: 1515px) { 
	blockquote {
		margin-left: 2rem;
	}
}
@media (max-width: 768px) { 
	blockquote::after{
		--_quote-size: 24px;
		left: -2rem;
	}
	blockquote::before{
		left: -2rem;
	}
}*/
/**/