/*
 Theme Name:   Fabius WP Child
 Theme URI:    https://demo.cocobasic.com/fabius-wp
 Description:  Fabius WP Child Theme
 Author:       CocoBasic
 Author URI:   https://cocobasic.com/
 Tags: grid-layout, four-columns, custom-colors, featured-images, threaded-comments, translation-ready, theme-options
 Template:     fabius-wp
 Text Domain:  fabius-wp-child
*/
@import url('https://fonts.cdnfonts.com/css/amalfi-coast');

html body .elementor-section .elementor-container .header-subtitle p {
	font-family: 'Amalfi Coast', sans-serif !important;
	width: 120%;
}

html body .toggle-holder, html body.mobile-menu .header-holder {
    background-color: #53B2E6;
}
html body .toggle-holder {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

html body .sm-clean .menu-item a,
html body .wpcf7-form .wpcf7-submit {
	text-transform: uppercase;
	color: #e9ff5d !important;
	line-height: 18px;
}
html body .wpcf7-form .contact-submit-holder:before {
	background-color: #e9ff5d !important;
}

:root {
  --btn-bg: #53B2E6; /* colore in linea con il sito in HEX */
  --btn-pad: 15px 30px; /* modificare i valori in linea con i valori di padding dei bottoni di tutto il sito */
  --btn-bor-rad: 25px; /* rimuovere se i bottoni (in linea con lo stile dei bottoni di tutto il sito) sono senza bordi arrotondati */
  --font-title: 16px;
  --font-p: 12px;
}

#CybotCookiebotDialogHeader,
#CybotCookiebotDialogPoweredByText,
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyButtonDecline {
	border: none !important;
	background: transparent !important;
	color: #000 !important;
}
.CybotCookiebotDialog button {
  padding: var(--btn-pad) !important;
  background: var(--btn-bg) !important;
  border: none !important;
  border-radius: var(--btn-bor-rad) !important;
}
.CybotCookiebotDialogBodyButton {
  border-radius: var(--btn-bor-rad) !important;
  padding: var(--btn-pad) !important;
}
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: var(--btn-bg) !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--btn-bg) !important;
  border-color: var(--btn-bg) !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #000 !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid #000 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #000 !important;
  color: #000 !important;
}
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #999 !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--btn-bg) !important;
}
#CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--btn-bg) !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: var(--btn-bg) !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--btn-bg) !important;
}
#CookiebotWidget #CookiebotWidget-buttons button {
  border-radius: var(--btn-bor-rad) !important;
  border-color: var(--btn-bor-rad) !important;
}

@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog {
    left: 15% !important;
    top: 97% !important;
  }
  #CybotCookiebotDialog[data-template=overlay],
  #CybotCookiebotDialog[data-template=popup] {
	  left: 34% !important;
	  top: 76%!important;
    max-height: 60vh !important;
  }
  #CybotCookiebotDialog.CybotEdge {
    max-width: 25vw !important;
    min-width: 25vw !important;
    max-height: 50vh !important;
    padding: 16px !important;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
    flex-direction: column !important;
  }
  #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
    font-size: var(--font-p) !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
    margin-left: 0 !important;
  }
  #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: column !important;
  }
  #CybotCookiebotDialog[data-template=overlay] #CybotCookiebotDialogBodyButtonsWrapper,
  #CybotCookiebotDialog[data-template=popup] #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: row !important;
  }
  .CybotCookiebotDialogBodyButton {
    height: 100% !important;
  }
  .CybotCookiebotDialogBodyButton:focus {
    outline: none !important;
  }
  #CybotCookiebotDialogBodyContent {
    overflow: auto !important;
    padding: 0 !important;
  }
  .CybotCookiebotScrollContainer {
    overflow: auto !important;
  }
  .CybotCookiebotDialogBodyBottomWrapper {
    margin-top: 0 !important;
  }
  #CybotCookiebotDialogFooter {
    align-self: center !important;
    margin-top: 25px !important;
  }
  #CybotCookiebotDialog[data-template=overlay] #CybotCookiebotDialogFooter,
  #CybotCookiebotDialog[data-template=popup] #CybotCookiebotDialogFooter {
    margin-top: 15px !important;
  }
  .CybotCookiebotFader.active {
    opacity: 0 !important;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
    margin-top: 0 !important;
  }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept {
    margin-top: 0.25rem !important;
  }
  #CybotCookiebotDialog[data-template=overlay] #CybotCookiebotDialogBodyButtonAccept,
  #CybotCookiebotDialog[data-template=popup] #CybotCookiebotDialogBodyButtonAccept {
    margin-top: 0 !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a::after {
    width: .463em !important;
    height: .463em !important;
    color: var(--btn-bg) !important;
    margin-left: 0.5em !important;
  }
  #CybotCookiebotDialog h2 {
    font-size: var(--font-title) !important;
    text-align: left !important;
  }
}