/*
Theme Name: GBS Child
Theme URI: https://www.gbs-group.it/
Author: Global Business Solution S.r.l.
Author URI: https://www.gbs-group.it/
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */


/*variabili es var(--nome)*/
:root {
	--white: #FFFFFF;
    --black: #090909;

    --transparent-white: #FFFFFF10;
    --light-grey: #EFEFEF;
    --light-grey-alt: #F8F8F8;
    --grey: #B3B3B3;
    --dark-grey: #A1A1A1;

    --radius: 15px;
    --radius-small: 10px;
    --radius-smaller: 0px;
    --shadow: 0px 4px 8px #00000005;
    --shadow-dark: 0px 4px 8px #00000025;

	/* Font family */
    --font-principale: 'Butler', serif;
    --font-secondario: 'Manrope', sans-serif;

    --size-h1: 60px;
    --lineH-h1: 70px;
    --weight-h1: 500;

    --size-h2: 38px;
    --lineH-h2: 42px;
    --weight-h2: 400;

    --size-h3: 32px;
    --lineH-h3: 38px;
    --weight-h3: 400;

    --size-p-big: 18px;
    --lineH-p-big: 28px;
    
    --size-p: 16px;
    --lineH-p: 24px;

    --size-p-small: 14px;
    --lineH-p-small: 22px;

    --size-p-smaller: 12px;
    --lineH-p-smaller: 20px;

    /* Elementi */
    --w-container: 1100px;
    --w-container-stretto: 800px;
    --width-btn: auto;

    --padding-container: 0 00px;
    --padding-singolo: 30px;

    --padding-colonne: 30px;
    --padding-box: 50px;
    --space-margin: 70px;
}

/* Classi per correggere impostazioni tema */
::-moz-selection {
    /* Code for Firefox */
    color: var(--black);
    background: var(--white);
}
::selection {
    color: var(--black);
    background: var(--white);
}
::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb {
    background: #ffffff50;
}
::-webkit-scrollbar-track {background:transparent;}

a, a:hover {
    transition: none;
    color: var(--white)!important;
}
a:hover {text-decoration: underline;}
a:visited {color: var(--white)!important;}

/* Clear */
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/*Righe e colonne */
section {margin: 0 auto;}
section.margin {
    margin-top: var(--space-margin);
    margin-bottom: var(--space-margin);
}

.margin-top {margin-top: var(--space-margin);}
.margin-bottom {margin-bottom: var(--space-margin);}
.contenuto {padding: var(--padding-container);}
.w-container-small.contenuto {padding: 0px;}
.full-height {height: 100vh;}
.full-width {max-width: none !important;}
.height-100 {height: 100%;}
.height-fit-content {height: fit-content;}

section,
.w-container,
.w-container-small,
.col-100,
.col-85,
.col-80,
.col-75,
.col-70,
.col-60,
.col-50,
.col-40,
.col-33,
.col-30,
.col-25,
.col-15 {
    box-sizing: border-box;
}

/* Container */
.w-container {width: var(--w-container);}
.w-container-small {width: var(--w-container-stretto);}
.col-100,
.full-width {width: 100%;}

/* Colonne */
.col-85 {width: 85%;}
.col-80 {width: 80%;}
.col-75 {width: 75%;}
.col-70 {width: 70%;}
.col-66 {width: 66%;}
.col-60 {width: 60%;}
.col-50 {width: 50%;}
.col-45 {width: 45%;}
.col-40 {width: 40%;}
.col-35 {width: 35%;}
.col-33 {width: 33%;}
.col-30 {width: 30%;}
.col-25 {width: 25%;}
.col-20 {width: 20%;}
.col-15 {width: 15%;}
.col-12 {width: 12.5%;}

/* Colonne flex */
.col-15-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 9%;
  }
.col-20-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 14%;
  }
.col-30-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 24%;
  }
.col-40-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 34%;
  }
.col-50-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 44%;
  }
.col-60-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 54%;
  }
.col-70-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 64%;
  }
.col-80-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis:74%;
  }

/* Gap */
.gap-5px {gap: 5px;}
.gap-10px {gap: 10px;}
.gap-15px {gap: 15px;}
.gap-20px {gap: 20px;}
.gap-30px {gap: 30px;}
.gap-40px {gap: 40px;}
.gap-60px {gap: 60px;}
.gap-70px {gap: 70px;}

.column-gap-5px {column-gap: 5px;}
.column-gap-15px {column-gap: 15px;}
.column-gap-50px {column-gap: 50px;}

.column-gap-1 {column-gap: 3%;}
.column-gap-3 {column-gap: 6%;}
.column-gap-6 {column-gap: 12%;}

.row-gap-20px {row-gap: 20px;}

/*----------------flex----------------*/
.flex {display: flex;}

.flex-row {flex-direction: row;}
.flex-column {flex-direction: column;}

.flex-row-rev {flex-direction: row-reverse;}
.flex-column-rev {flex-direction: column-reverse;}

.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}

.align-items-center {align-items: center;}
.align-items-end {align-items: flex-end;}
.align-items-start {align-items: flex-start;}
.align-items-stretch {align-items: stretch;}
.align-items-baseline {align-items: baseline;}

.align-content-center {align-content: center;}
.align-content-end {align-content: flex-end;}
.align-content-start {align-content: flex-start;}
.align-content-stretch {align-content: stretch;}

.justify-content-center {justify-content: center;}
.justify-content-end {justify-content: flex-end;}
.justify-content-start {justify-content: flex-start;}
.justify-content-space-around {justify-content: space-around;}
.justify-content-space-between {justify-content: space-between;}
.justify-content-space-evenly {justify-content: space-evenly;}


/* Padding */
.padding {padding: var(--padding-box);}

.padding5 {padding: 5px;}
.padding5sx {padding-left: 5px;}
.padding5dx {padding-right: 5px;}
.padding5top {padding-top: 5px;}
.padding5bottom {padding-bottom: 5px;}

.padding10 {padding: 10px;}
.padding10sx {padding-left: 10px;}
.padding10dx {padding-right: 10px;}
.padding10top {padding-top: 10px;}
.padding10bottom {padding-bottom: 10px;}

.padding15 {padding: 15px;}
.padding15sx {padding-left: 15px;}
.padding15dx {padding-right: 15px;}
.padding15top {padding-top: 15px;}
.padding15bottom {padding-bottom: 15px;}

.padding20 {padding: 20px;}
.padding20sx {padding-left: 20px;}
.padding20dx {padding-right: 20px;}
.padding20top {padding-top: 20px;}
.padding20bottom {padding-bottom: 20px;}

.padding30 {padding: 30px;}
.padding30sx {padding-left: 30px;}
.padding30dx {padding-right: 30px;}
.padding30top {padding-top: 30px;}
.padding30bottom {padding-bottom: 30px;}

.padding40 {padding: 40px;}
.padding40sx {padding-left: 40px;}
.padding40dx {padding-right: 40px;}
.padding40top {padding-top: 40px;}
.padding40bottom {padding-bottom: 40px;}

.padding50 {padding: 50px;}
.padding50sx {padding-left: 50px;}
.padding50dx {padding-right: 50px;}
.padding50top {padding-top: 50px;}
.padding50bottom {padding-bottom: 50px;}

.padding60 {padding: 60px;}
.padding60sx {padding-left: 60px;}
.padding60dx {padding-right: 60px;}
.padding60top {padding-top: 60px;}
.padding60bottom {padding-bottom: 60px;}

.padding70 {padding: 70px;}
.padding70sx {padding-left: 70px;}
.padding70dx {padding-right: 70px;}
.padding70top {padding-top: 70px;}
.padding70bottom {padding-bottom: 70px;}

.padding80 {padding: 80px;}
.padding80sx {padding-left: 80px;}
.padding80dx {padding-right: 80px;}
.padding80top {padding-top: 80px;}
.padding80bottom {padding-bottom: 80px;}

.padding90 {padding: 90px;}
.padding90sx {padding-left: 90px;}
.padding90dx {padding-right: 90px;}
.padding90top {padding-top: 90px;}
.padding90bottom {padding-bottom: 90px;}

.padding100 {padding: 100px;}
.padding100sx {padding-left: 100px;}
.padding100dx {padding-right: 100px;}
.padding100top {padding-top: 100px;}
.padding100bottom {padding-bottom: 100px;}

/* Margin */
.margin0 {margin: 0px;}
.margin0sx {margin-left: 0px;}
.margin0dx {margin-right: 0px;}
.margin0top {margin-top: 0px;}
.margin0bottom {margin-bottom: 0px;}

.margin5 {margin: 5px;}
.margin5sx {margin-left: 5px;}
.margin5dx {margin-right: 5px;}
.margin5top {margin-top: 5px;}
.margin5bottom {margin-bottom: 5px;}

.margin10 {margin: 10px;}
.margin10sx {margin-left: 10px;}
.margin10dx {margin-right: 10px;}
.margin10top {margin-top: 10px;}
.margin10bottom {margin-bottom: 10px;}

.margin20 {margin: 20px;}
.margin20sx {margin-left: 20px;}
.margin20dx {margin-right: 20px;}
.margin20top {margin-top: 20px;}
.margin20bottom {margin-bottom: 20px;}

.margin30 {margin: 30px;}
.margin30sx {margin-left: 30px;}
.margin30dx {margin-right: 30px;}
.margin30top {margin-top: 30px;}
.margin30bottom {margin-bottom: 30px;}

.margin40 {margin: 40px;}
.margin40sx {margin-left: 40px;}
.margin40dx {margin-right: 40px;}
.margin40top {margin-top: 40px;}
.margin40bottom {margin-bottom: 40px;}

.margin60 {margin: 60px;}
.margin60sx {margin-left: 60px;}
.margin60dx {margin-right: 60px;}
.margin60top {margin-top: 60px;}
.margin60bottom {margin-bottom: 60px;}

.margin70 {margin: 70px;}
.margin70sx {margin-left: 70px;}
.margin70dx {margin-right: 70px;}
.margin70top {margin-top: 70px;}
.margin70bottom {margin-bottom: 70px;}

.margin80 {margin: 80px;}
.margin80sx {margin-left: 80px;}
.margin80dx {margin-right: 80px;}
.margin80top {margin-top: 80px;}
.margin80bottom {margin-bottom: 80px;}

.margin90 {margin: 90px;}
.margin90sx {margin-left: 90px;}
.margin90dx {margin-right: 90px;}
.margin90top {margin-top: 90px;}
.margin90bottom {margin-bottom: 90px;}

.margin100bottom {margin-bottom: 100px;}
.margin100top {margin-top: 100px;}

.margin-auto {margin: 0 auto;}
.no-margin {margin: 0px !important;}
.no-padding {padding: 0px !important;}

/* Classi generiche*/
.display-block {display: block !important;}
.display-inline-block {display: inline-block;}
.clear-both {clear: both;}
.hidden {display: none;}
.super-hidden {display: none!important;}
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}
.align-center {text-align: center!important;}
.align-right {text-align: right!important;}
.align-left {text-align: left!important;}
.align-justify {text-align: justify;}
.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.overflow {overflow: visible !important;}
.no-overflow {overflow: hidden !important;}
.bordo-top {border-top: 1px solid var(--transparent-white);}
.bordo-bottom {border-bottom: 1px solid var(--transparent-white);}
.bordo-destra {border-right: 1px solid var(--transparent-white);}
.bordo-sinistra {border-left: 1px solid var(--transparent-white);}
.bordo {border: 1px solid var(--light-grey);}
.tondo {border-radius: 100% !important;}

/* Stili generici */
.box-shadow {box-shadow: var(--shadow);}
.border-radius {border-radius: var(--radius);}
.border-radius-small {border-radius: var(--radius-small);}
.circle {border-radius: 100%;}
.figure-radius {
    overflow: hidden;
    display: flex;
    border-radius: var(--radius-small);
}
.figure-no-radius {
    overflow: hidden;
    display: flex;
}
.figure-radius img,
.figure-no-radius img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    align-self: center;
}
figure {margin: 0px}
.quadrato, .square {aspect-ratio: 1 / 1}

/* Colori fissi */
.negativo,.bianco,.bianco p,.white ,.white p {color: var(--white) !important;}
.nero, .nero p,.black ,.black p {color: var(--black) !important;}
.grigio, .grigio p,.grey ,.grey p {color: var(--grey) !important;}

/* Colori background */
.bg-black {background: var(--black) !important;}
.bg-white {background: var(--white) !important;}
.bg-light-grey {background: var(--light-grey) !important;}
.bg-light-grey-alt {background: var(--light-grey-alt) !important;}
.bg-grey {background: var(--grey) !important;}
.bg-darkgrey {background: var(--darkgrey) !important;}
.bg-black-gradient {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

section.bg {
    width: calc(100% - (var(--padding-box))*2);
    min-width: var(--w-container);
    border-radius: var(--radius);
}

/* Position */
.absolute {position: absolute;}
.fixed {position: fixed;}
.overlay,
.relative {position: relative;}

.top0 {top: 0;}
.bottom0 {bottom: 0;}
.left0 {left: 0;}
.right0 {right: 0;}

.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}
.z-index-3 {z-index: 3;}
.z-index-4 {z-index: 4;}
.z-index-5 {z-index: 5;}

/* Font */
.italic {font-style: italic !important;}
.maiuscolo,.uppercase {text-transform: uppercase !important;}
.minuscolo,.lowercase {text-transform: lowercase !important;}
.iniziali-maiuscole,.capitalize {text-transform: capitalize !important;}
.no-decoration {text-decoration: none!important}

.thin {font-weight: 100 !important;}
.light {font-weight: 300 !important;}
.regular {font-weight: 400 !important;}
.medium {font-weight: 500 !important;}
.semibold {font-weight: 600 !important;}
b,strong,.bold,.grassetto {font-weight: 700 !important;}

/*h1,*/.title-h1,/*h2,*/.title-h2,/*h3,*/.title-h3 {letter-spacing: 0; text-align: left}
/*h1,*/
.title-h1 {
    font-family: var(--font-principale);
    font-size: var(--size-h1);
    line-height: var(--lineH-h1) !important;
    font-weight: var(--weight-h1);
    font-style: italic;
}
/*h2,*/
.single h2,
.title-h2 {
    font-family: var(--font-principale);
    font-size: var(--size-h2);
    line-height: var(--lineH-h2) !important;
    font-weight: var(--weight-h2);
    letter-spacing: 0;
}
.single h2 strong,
.single h2 b {
    font-weight: var(--weight-h2)!important;
}

/*h3,*/
.single h3,
.single h4,
.title-h3 {
    font-family: var(--font-principale);
    font-size: var(--size-h3);
    line-height: var(--lineH-h3) !important;
    font-weight: var(--weight-h3);
    letter-spacing: 3px;
}

html, body {
    max-width: 100%!important;
    overflow-x: hidden!important;
}


body {background-color: var(--black); overflow: hidden}
body,
p,
#content-wrapper .single li,
.p-small,
.p-big,
.p-smaller {
    font-family: var(--font-secondario) !important;
    font-weight: 400;
    color: var(--white);
    /*text-align: justify;*/
}

p,
#content-wrapper .single li {
    font-size: var(--size-p);
    line-height: var(--lineH-p);
}
p.has-small-font-size {
    font-size: var(--size-p-small)!important;
    line-height: var(--lineH-p-small)!important;
}
p {margin: 0 0 15px 0;}
.p-small {
    font-size: var(--size-p-small);
    line-height: var(--lineH-p-small);
}
.p-smaller {
    font-size: var(--size-p-smaller);
    line-height: var(--lineH-p-smaller);
}
.p-big {
    font-size: var(--size-p-big) !important;
    line-height: var(--lineH-p-big);
}
.line-height-1 {line-height: 1;}
.breadcrumb {
	font-size:var(--size-p-small);
    line-height: var(--lineH-p-smaller);
	color: var(--grey);
    font-family: var(--font-secondario);
    text-align: left;
}
.breadcrumb a {
    text-decoration: underline;
    color: var(--grey);
    font-family: var(--font-secondario);
}
.breadcrumb a:hover {
    text-decoration: none;
    color: var(--grey);
}
.font-principale {font-family: var(--font-principale) !important;}
.font-secondario {font-family: var(--font-secondario) !important;}
.font-terziario, .title-highlight {font-family: var(--font-terziario) !important;}

/* Bottoni */
.btn:disabled,
button:disabled,
.wpcf7 input[type="submit"]:disabled {
    filter: grayscale(100%);
    opacity: 0.4;
    background:var(--gray)!important;
}

.pointer {cursor: pointer;}
.btn i.fas.fa-arrow-right {display: none;}

.btn,
button.btn {
    border-radius:var(--radius-smaller);
    text-transform: initial;
    font-size: var(--size-p-big);
    font-family: var(--font-principale);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    text-decoration: none;
    min-width: var(--width-btn);
    display: inline-block;
    padding: 15px 20px;
    text-align: center;
    overflow: hidden;
    text-decoration: none!important;
    border:0px;
    font-style: italic;
}

.btn.btn-outline,
button.btn.btn-outline {
    color: var(--white);
    background-color: transparent;
    border: 1px solid var(--white);
}

/* Bottoni HOVER */
.btn {position: relative;}
.btn span {
    position: relative;
    z-index: 1;
    text-align: center;
    height: 100%;
    display: block;
    transition: all 0.3s ease;
}
.btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    transition: all 0.35s;
    border-radius: 0px;
    z-index: 1;
}
.btn:hover:before {height: 100%;}
.btn:hover span {color: var(--black)}

.btn.btn-outline:hover,
button.btn.btn-outline:hover {
    color: var(--black);
}
.btn.btn-outline:before,
button.btn.btn-outline:before {
    background-color: var(--white);
    border-radius: 0;
}
.wpcf7 input[type="submit"]:disable {opacity: 0.5}
.wpcf7 input[type="submit"]:hover {
    background-color: var(--white);
    color: var(--black);
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:focus {
    cursor: pointer;
    border-radius:var(--radius-smaller);
    text-transform: initial;
    font-size: var(--size-p-big);
    font-family: var(--font-principale);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    text-decoration: none;
    min-width: var(--width-btn);
    display: inline-block;
    padding: 15px 20px;
    text-align: center;
    overflow: hidden;
    text-decoration: none!important;
    border:0px;
    font-style: italic;
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--white);
}

/*form*/
.wpcf7 {
    width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
    width:100%;
    background:transparent;
}

.wpcf7 input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0px;
    width:auto;
}

.wpcf7 span.wpcf7-list-item-label {
    font-weight: 700;
}


.wpcf7 textarea {
    height: 150px;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    border-radius: 0px;
    font-size: var(--size-p-small);
    font-family: var(--font-secondario);
    color:var(--white);
    font-weight: 400;
    line-height: 1.6;
    transition: .3s;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1.5px solid var(--white);
    padding: 10px 0px;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    border-bottom: 1.5px solid var(--white);
    color: var(--white);
}

.wpcf7 input::placeholder,
.wpcf7 select::placeholder,
.wpcf7 textarea::placeholder {
    color:var(--white);
    opacity:0.4;
}

.wpcf7 .negativo select {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E);
}
/*Change text in autofill textbox*/
.wpcf7 input:-webkit-autofill {
    -webkit-text-fill-color: var(--black);
    padding: 10px 0px;
}


.wpcf7 .ajax-loader {
    filter: brightness(500%) contrast(80%);
    width: 15px;
    height: 15px;
    background-size: cover;
}

/* FORM SPUNTE */
.wpcf7 .info-privacy {
    margin-top: 20px
}

.wpcf7 .info-privacy,
.info-privacy * {
    font-size:var(--size-p-smaller);
    line-height:var(--lineH-p-smaller);
    color: var(--white) !important;
}


.wpcf7 .info-privacy span.wpcf7-list-item {
    margin: 0;
}

.wpcf7 .wpcf7-list-item:first-child{
    margin: 0 0 0 0em;
}

.wpcf7 .info-privacy span.wpcf7-form-control-wrap.accettazione {
    width: 20px;
}

.wpcf7 .info-privacy p a {
    text-decoration: underline;
}

.wpcf7 small {
    display: inline;
}

.wpcf7 .wpcf7-form-control-wrap.marketing {
    display: inline;
}

.wpcf7 span.wpcf7-form-control-wrap.radio {
    width: auto;
}

option {
    color: #000 !important;
}

input::-webkit-calendar-picker-indicator {
    color: transparent !important;
    background: transparent url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55% !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450 !important;
    font-weight: bold;
    border-width: 0px !important;
    border-style: solid;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.wpcf7 form.sent .wpcf7-response-output:before {
    font-size: 2em;
    margin: 0px 10px 0px 0px;
    position: relative;
    bottom: -5px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #eaad2f !important;
    font-weight: bold;
    border-width: 0px !important;
    border-style: solid;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.wpcf7 form.invalid .wpcf7-response-output:before {
    font-size: 2em;
    margin: 0px 10px 0px 0px;
    position: relative;
    bottom: -5px;
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    color: #dc3232 !important;
    font-weight: bold;
    border-width: 0px !important;
    border-style: solid;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.wpcf7 form.aborted .wpcf7-response-output:before,
.wpcf7 form.failed .wpcf7-response-output:before {
    font-size: 2em;
    margin: 0px 10px 0px 0px;
    position: relative;
    bottom: -5px;
}


.wpcf7 input.wpcf7-file {
    width: 100%;
}
.wpcf7 input[type="radio"] {
    margin: 5px !important;
}

.wpcf7 input:disabled {
    background: var(--gray)!important;
    cursor: not-allowed;
     padding: 10px 20px;
}
/* FINE FORM SPUNTE */

/*----------------fine form----------------*/









/* Sara Arru Portfolio */
.tg-filter {
    margin: 0px!important;
}

.tg-filter span {
    font-size: var(--size-p)!important;
    font-weight: 500!important;
}

.tg-filters-holder {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 25px!important;
    width: 100%;
    justify-content: center;
}

.tg-filter-name {
    padding: 0px!important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

figcaption,
i.tg-icon-add {
    display: none!important;
}




html {
    overflow-x: hidden;
}




/* ELEMENTI GRAFICI */
.sparkle:before {
    content: url(/wp-content/uploads/2024/06/sparkle.svg);
    position: absolute;
    top: 10px;
    right: 10px;
}
figure.avatar.figure-radius {
    border-radius: 500px 500px 0 0;
}


body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    aspect-ratio: 1 / 1;
    border-radius: 1000px;
    z-index: -1;
    background-color: #CB96E3;
    transform: translate(-50%, -50%);
    filter: blur(400px);
}
/*body:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    aspect-ratio: 1 / 1;
    border-radius: 1000px;
    z-index: -1;
    background-color: #B24D77;
    transform: translate(50%, -50%);
    filter: blur(400px);
}*/


body {
    background-image: url(https://saraarrumua.it/wp-content/uploads/2024/12/bg.jpg);
    background-repeat: repeat;
}




/* MENU NAVIGATION */
nav#site-navigation ul li.menu-item a {
    font-family: var(--font-secondario);
    font-size: var(--size-p-small);
    text-transform: uppercase;
}
figure.logo a,
figure.logo {
    max-width: 250px;
    width: 100%;
    z-index: 999;
}
figure.logo a {
    display: flex;
}

button#burger-btn {
    padding: 0px;
    background: transparent;
    border: none;
    z-index: 999;
    position: relative;
}
svg.menu-icon rect {
    fill: white;
}
.main-navigation.toggled #primary-menu-mobile {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: var(--black);
    z-index: 99;
    padding: 150px 30px 30px 30px;
}
ul#primary-menu {
    gap: 20px;
}
#primary-menu-mobile li {
    font-size: 24px;
    font-family: var(--font-principale);
    font-style: italic;
}
.mobile nav#site-navigation ul li.menu-item a {
    font-size: 24px;
}





/* FOOTER */
footer#colophon a {
    text-decoration: none;
    font-style: italic;
}
footer#colophon a:hover {
    text-decoration: underline;
}




/* BIO */
/*.page-template-bio #about .contenuto:before {
    content: '';
    height: 250px;
    aspect-ratio: 1 / 1;
    background-color: #b24d77;
    transform: translate(50%, 0%);
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    filter: blur(150px);
    z-index: 1;
}
.page-template-bio #about .contenuto:after {
    content: '';
    height: 250px;
    aspect-ratio: 1 / 1;
    background-color: #cb96e3;
    transform: translate(-30%, 80%);
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    filter: blur(150px);
    z-index: 1;
}*/




/* PORTFOLIO */
.tg-filter {
    display: block!important;
    padding: 0px 15px;
}
.tg-filters-holder {
    gap: 0px;
}
.tg-filter.tg-filter-active,
.tg-filter:hover {
    background-color: var(--white);
}
.tg-filter.tg-filter-active span.tg-filter-name,
.tg-filter:hover span.tg-filter-name{
    color: var(--black)!important;
}




/* SERVIZI */
section#servizi .contenuto .col-100:last-child {border: none;}