/*
 Theme Name:   Graffette
 Theme URI:    https://www.graffette.net
 Description:  Il tema child Graffette
 Author:       Michele | Graffette
 Author URI:   https://www.graffette.net
 Template:     generatepress
 Version:      0.1
*/

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
#main {
	min-height: 65vh;
}

@media (max-width: 768px){
}

/* Forms and buttons */
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-radius:6px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
	border-radius: 50px;
}

/* Containers */
.sticky-enabled .main-navigation.is_stuck, .site-header {
	box-shadow: none;
	border-bottom: 1px solid #dbdad2;
}
.separate-containers .page-header, .separate-containers .paging-navigation {
	background:none;
}
.generate-columns .inside-article, .inside-page-header, .sidebar .widget {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  border-radius: 16px;
}
.separate-containers .inside-article, .featured-image.page-header-image-single img, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	border-radius: 16px;
}

.generate-columns .inside-article:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.post-image-above-header .no-featured-image-padding .inside-article .post-image img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
@media (max-width: 768px) {
	.featured-image.page-header-image-single img {
		border-radius:0px;
	}
}
/* Primary menu */
.main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: #2b381f;
	border-radius: 24px;
    background-color: white;
}
#site-navigation ul ul {
	transform: translatey(6px); 
	transition: 0.15s ease-in;
}

#site-navigation ul li:hover ul {
	transform: translateY(0px); 
	transition: 0.15s ease-in;
}

#site-navigation:not(.toggled) ul ul {
	transition: opacity 0.35s linear;
}

/* Secondary menu */
.secondary-nav-aligned-center .secondary-navigation .main-nav>ul {
	gap:10px;
}
.secondary-navigation .main-nav ul li > a {
	border-radius:50px;
}
button.secondary-menu-toggle, button.menu-toggle:active, button.menu-toggle:focus, button.menu-toggle:hover {
    background-color: #efefec;
}
button.secondary-menu-toggle, button.secondary-menu-toggle:hover, button.secondary-menu-toggle:focus {
    color: #2b381f !important;
}
@media (max-width: 768px) {
	.secondary-navigation .menu-toggle {
		display: inline-flex;
		justify-content: center;
		border: none;
		border-radius: 24px;
		width: auto;
	}
	.secondary-navigation.toggled .main-nav>ul {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

/* Itinerario singolo */
#title-section figure.gb-block-image {
	object-fit: cover;
	height: 100%; */
	width: 100%;
	display: block;
}
#title-section #details {
	position: absolute !important;
    margin: 0 20px;
    width: calc(100% - 40px);
	bottom:50px;
}
#title-section #bar {
	position: absolute !important;
	bottom:0px;
}
#title-section #bar #gp-social-share {
    margin-top: -18px;
    z-index: 1;
}
#gp-social-share svg {
    width: 2em;
    height: 2em;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
	#title-section #details {
		margin: 0 10px;
		width: calc(100% - 20px);
	}
	#gp-social-share svg {
		width: 1.5em;
		height: 1.5em;
	}
}
.post-template-default #gp-social-share svg {
	fill: var(--accent) !important;
}
/* HELPER CLASSES */

/* Standard Shadow(s) */

.shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
li.cat-item.cat-item-22, li.cat-item.cat-item-3 {
	display: none;
}