/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
	--global-padding-left: 2%;
	--global-padding-right: 2%;
}

/*
img{
    aspect-ratio: 768 / 438;
    object-fit: cover;
}
*/

.page-header-image {
      display: none;
}


.test {
    color: white !important;
}

.accordion-header {
	text-decoration: none;
}

.accordion-header.active,
.accordion-header:hover {
  background-color: var(--accent-4);
	text-decoration: none;
}


.accordion-header.active .gb-shape {
  transform: scaleY(-1);
}

.accordion-body.active {
  grid-template-rows: 1fr;
}

.post .wp-post-image {
		object-fit:cover;
		width: 100%;
		height: 300px;
}

.size-full {
	max-height:auto;
	width:100%;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.inner-container {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--gb-container-width);
	padding-left: var(--global-padding-left);
	padding-right: var(--global-padding-right);
}

.header-widget li {
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
}

@media (min-width: 769px) {
	.mobileMenuItem {
		display:none;	
	}
	
	.inside-navigation {
		padding-left: var(--global-padding-left);
		padding-right: var(--global-padding-right); 
	}
	
	/*
	 * Mega Menu
	 */
	nav .main-nav .mega-menu {
		position: static;
	}

	nav .main-nav .mega-menu > ul {
		display: grid;
		position: absolute;
		width: auto;
		max-width: 900px;
	}

	nav .main-nav .mega-menu.mega-menu-col-2 > ul {
		grid-template-columns: repeat(2, 1fr);
	}

	nav .main-nav .mega-menu.mega-menu-col-3 > ul {
		grid-template-columns: repeat(3, 1fr);
	}
	
	nav .main-nav .mega-menu.mega-menu-col-4 > ul {
		grid-template-columns: repeat(4, 1fr);
	}

	nav .main-nav .mega-menu.mega-menu-col-5 > ul {
		grid-template-columns: repeat(5, 1fr);
	}

	nav .main-nav .mega-menu > ul > li > a {
		display: flex;
  		//align-items: center;
		height: 100%;
	}

	nav .main-nav .mega-menu > ul > li {
		height: 100%;
		display: block;
	}

	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;
	}
}

@media (max-width: 768px) {
    .main-navigation .menu-toggle {
        display: inline-block;
		max-width: 64px;
        margin-left: auto;
        margin-right: 0;
    }

    .menu-toggle .mobile-menu {
        display: none;
    }
	
	.inside-navigation .menu-bar-items ul {
		display: flex !important;
        align-items: center;
        justify-content: flex-end;
	}
	
	.menu-bar-items {
    	order: -1;
	}
	
	.header-widget .widget_nav_menu {
		//display:none;
	}
	
	.site-header .header-widget {
		margin-top:0px;
		margin-right:0px;
	}
	
	.inside-navigation .menu-toggle {
		margin-right: var(--global-padding-right);
	}
	
	.inside-navigation .menu-bar-items {
		margin-left: var(--global-padding-left);
	}
}

.inside-header {
	flex-direction: row;
	padding-left: var(--global-padding-left);
	padding-right: var(--global-padding-right); 
	padding-top: 5px; 
	padding-bottom: 5px; 
}

.inside-header.grid-container {
	max-width: var(--gb-container-width);
}

/*
.main-navigation .main-nav ul.sub-menu {
    //display: grid;
   // grid-template-columns: repeat(3, auto);
	display: flex;
    flex-wrap: wrap;
	
    //gap: 10px;
	width: auto;
	padding:1px;
	
}

.main-navigation .main-nav ul.sub-menu li {
    //width: auto;
    white-space: nowrap;
	
	//max-width: 700px;
 	//white-space: nowrap;
	//overflow: hidden;
	//text-overflow: ellipsis;
	
}

.main-navigation .main-nav ul.sub-menu li a {
    display: block;
    padding: 10px;
}
*/

.menu-bar-items svg {
    min-width: 24px;
    min-height: 24px;
}

.header-widget a:hover,
.header-widget a:focus,
.header-widget a:active {
		//color: var(--accent);
    text-decoration: none;
}

.header-widget .current_page_item > a, 
.header-widget .current-menu-item > a {
		//color: var(--accent);
}