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

/* VARIABLES*/
body {
    --gp-slideout-width:315px; 		/* mobile menu width*/
}


/* HEADER */
/* Header size and position */

@media (max-width: 1024px) {
	.header-wrap {
		max-width: 768px;
    	margin: 0 auto 0 auto;
	}
	
	#page-header-content,
	#post-header-content,
	#home-hero {
		margin-top:100px;
	}
}

@media (min-width: 1024px)  {
	.header-wrap {
		max-width: 1300px;
    	margin: 24px auto 0 auto;
	}
}

/* Mobile menu */

@media (max-width: 1024px) {
	.menu-toggle {
		padding: 0 12px;
	}
}

/* HEADER - PRIMARY MENU */

/* General */
.main-navigation a {
	font-size: 1.2rem;
}

/* Header in Home page */

/* Submenus */
.main-navigation:not(.toggled) ul li:hover > ul {
	padding-top: 20px;
}

.main-navigation ul li ul.submenu {
	-webkit-transition: top .5s ease-out;
	-moz-transition: top .5s ease-out;
	transition: top .5s ease-out;
}

.main-navigation ul ul,
.main-navigation ul ul:hover {
	background-color: var(--base-2);
}

.main-navigation ul ul li {
	padding: 12px 0;
}


/* FRONT: MAP MARKER */
/* re-positioning markers*/
.leaflet-map .leaflet-marker-pane .leaflet-marker-icon,
.leaflet-map .leaflet-shadow-pane .leaflet-marker-shadow {
	margin-left: -66px;
	margin-top: -75px;
}

/* FRONT: NUMBERED LIST */
#home-calendar {
	ol {
		list-style: none !important;
		counter-reset: item;
		margin-left: 0 !important;
		padding-left: 40px;
	}

	ol li {
		counter-increment: item;
		margin-bottom: 0.5rem;
		position: relative;
	}

	ol li:before {
		--size: 36px;
		position: absolute;
		//display: inline-block;
		margin-right: 10px;
		content: counter(item);
		background: var(--global-color-9);
		color: white;
		left: calc(-1 * var(--size) - 10px);
		line-height: var(--size);
		width: var(--size);
		height: var(--size);
		top: 0;
		border-radius: 50%;
		text-align: center;
		box-shadow: 1px 1px 0 var(--contrast-3);
	}
}