/*
 Theme Name:   Mulphy
 Theme URI:    https://mulphy.com
 Description:  Mulphy Starter Theme
 Author:       Mauro Bono
 Author URI:   https://maurobono.com
 Template:     generatepress
 Version:      1.0
*/
/* Variabili */
:root {
  --ff-body:var(--gp-font--inter);
  --ff-heading:var(--gp-font--inter);
}

/* Modifiche agli stili di base di GeneratePress */
/* -- Header -- */
.site-header {
  padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

/* -- Text -- */
:is(h1,h2,h3,h4,h5,h6),
:is(.fs-h1,.fs-h2,.fs-h3,.fs-h4,.fs-h5,.fs-h6),
.balance {
  text-wrap: balance;
}

p, blockquote, li {
  text-wrap: pretty;
}

p:last-child:last-of-type {
  margin-bottom: 0px;
}

ul,ol {
  padding-left: 2rem;
	margin:0px 0px 0px 0px;
}

/* -- Utilities -- */
/* Line limits */
.line-limit-3,
.line-limit-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-limit-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.line-limit-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

/* Visually hidden */
.visual-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Transition */
.transition {
  transition: all 350ms ease-in-out;
}

/* -- GeneratePress Menu Accessibility Tweak -- */
#site-navigation ul.sub-menu {
  display: block;
}

#site-navigation li:hover .gp-icon svg {
  transform: rotate(180deg);
}

#site-navigation li:hover .sub-menu {
  visibility: visible;
}


/* -- Stretch Accessible Link -- */
.stretch-link {
	position: relative;
}

.stretch-link a::after {
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after {
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus) {
	outline: none;
}

/* -- Forms -- */
.fluentform form {
  accent-color:var(--brand);
  font-family: var(--ff-body);
}

.fluentform form .ff-btn-submit {
  background-color: var(--brand)!important;
  border-radius: 12px!important;
  padding: 12px 36px!important;
}

.fluentform form .ff-btn-submit:hover {
  background-color: var(--brand-lighter)!important;
  opacity:1!important;
}