/*
 Theme Name:   Tecnikabel Theme
 Theme URI:    
 Description:  
 Author:       Lucia Arsena
 Author URI:   
 Template:     generatepress
 Version:      0.1
*/

:root{
    --site-content-padding-unit: 3;
    --site-content-padding: max(1.3rem,calc(var(--site-content-padding-unit) *1% ));
    --content-padding-unit: 2;
    --content-padding: max(1rem,calc(var(--content-padding-unit) *1% ));
    
    /* serve per forzare il padding su elementi che per scelte di design non lo hanno */
    --absolute-container-padding: max(1.3rem,calc(min(var(--gb-container-width),100vw) * var(--site-content-padding-unit) / 100));
    
    --absolute-content-padding: max(1rem,calc((min(var(--gb-container-width),100vw) - var(--absolute-container-padding) * 2) * var(--content-padding-unit) / 100));
}

.one-container .site-content {
    padding: 0 var(--site-content-padding);
}

.full-width-section {
    max-width: calc(var(--maxvw, 1vw) * 100);
    margin-left: calc(var(--maxvw, 1vw) * -100 / 2 + 100% / 2);
    margin-right: calc(var(--maxvw, 1vw) * -100 / 2 + 100% / 2);
    width:auto;
}

.full-width-section-container {
    max-width: calc(var(--maxvw, 1vw) * 100);
    margin-left: calc(var(--maxvw, 1vw) * -100 / 2 + 100% / 2);
    margin-right: calc(var(--maxvw, 1vw) * -100 / 2 + 100% / 2);
    width:auto;
    padding: 5em var(--site-content-padding);
}



.full-width-container {
    max-width: calc(var(--maxvw, 1vw) * 100);
    padding: var(--site-content-padding);
    margin-left: calc(var(--maxvw, 1vw) * -100 / 2 + 100% / 2);
    margin-right: calc(var(--maxvw, 1vw) * -100 / 2 + 100% / 2);
    width:auto;
}

.entry-content > section1 {
    padding: var(--content-padding);
}

/*section+section {*/
section {
    margin-top:6em;
}

@media (min-width:768px) {
    section {
        margin-top:6em;
    }
}

@media (min-width:1024px) {
    section {
        margin-top:6em;
    }
}

@media (min-width:1200px) {
    section {
        margin-top:6em;
    }
}

.full-width-section-container + .full-width-section-container {
    margin-top:0;
}


.rounded {
    border-radius: 0.6em;
}


.tk-mega-menu-overlay {
    backdrop-filter: blur(10px);
}

.tk-mega-menu-overlay .gb-menu-link {
    color: #fff;
    background: transparent !important;
}

.tk-mega-menu-overlay .gb-menu--base.gb-menu--click .menu-item>a+.gb-sub-menu {
    display: block !important;
    opacity:0;
    top:0;
    transition: 0.5s all ease;
    right: calc(calc(100vw - 100%) * 0.03);
}


.tk-mega-menu-overlay .gb-menu--base.gb-menu--click .menu-item>a[aria-expanded=true]+.gb-sub-menu  {
    opacity:1;
    transition: 0.5s all ease;
}



.tk-mega-menu-wrapper>ul {
    display:block;
    column-count:2;
    padding-right:50%;
}

.tk-mega-menu-wrapper>ul>li {
    position:static;
}

.tk-mega-menu-wrapper .gb-menu--base .menu-item>a>.gb-submenu-toggle>.gb-submenu-toggle-icon {
    transition: 0.5s all ease;
}


.tk-mega-menu-wrapper .gb-menu--base .menu-item>a[aria-expanded=true]>.gb-submenu-toggle>.gb-submenu-toggle-icon {
    transform: rotate(180deg);
    transition: 0.5s all ease;
}

.menu-item-has-gb-mega-menu .gb-overlay--anchored {
    transform: unset !important;
    top: 5em !important;
}

.gb-overlay  {
    z-index: 1 !important;
}

.menu-item-has-gb-mega-menu {
    position: static;
}

.gb-menu-link {
    cursor: pointer;
}


.link-chevron {
	text-underline-offset: 0.2em;
}



p:last-child {
    margin-bottom:0;
}

.right-rounded-corner-grey {
   background: radial-gradient(circle at top left, transparent 0.6em, var(--base-2) 0);
   height: 0.6em;
width: 0.6em;
}

.left-rounded-corner-grey {
    background: radial-gradient(circle at bottom right, transparent 0.6em, var(--base) 0);
    height: 0.6em;
    width: 0.6em;
}


.cables-carousel .flickity-button {
    position: relative;
    margin-top:1em;
    top:unset;
    left:100%;
    background: transparent;
    padding: 0;
    width: 2em;
    height: 2em;
    display:none;
}

.cables-carousel .flickity-prev-next-button.previous {
    left:100%;
    transform: translateX(-225%);
}
.cables-carousel .flickity-prev-next-button.next {
    left:100%;
    transform: translateX(-200%);
}

.sigma-line1::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.1 -0.1 24.2 15.2'%3E%3Cpath d='M -2 15 C 4 15 5 15 7 12 C 9 9 9 9 11 6 C 15 0 14 0 22 0' stroke='%231F3343' vector-effect='non-scaling-stroke' stroke-width='1' fill='none'%3E%3C/path%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}


.dotted:after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.9 11.9 8.2 3.2'%3E%3Cpath d='M 3 15 C 3 15 3 15 5 15 C 7 15 7 12 9 12 C 11 12 9 12 11 12' stroke='none' vector-effect='non-scaling-stroke' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}


.sigma-line2::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.9 11.9 8.2 3.2'%3E%3Cpath d='M 3 15 C 3 15 3 15 5 15 C 7 15 7 12 9 12 C 11 12 9 12 11 12' stroke='%231F3343' vector-effect='non-scaling-stroke' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}

.sigma-line1::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 11.96 7 3.1'%3E%3Cpath d='M 3 15 C 3 15 3 15 5 15 C 7 15 7 12 9 12 C 11 12 9 12 11 12' vector-effect='non-scaling-stroke' stroke='%231F3343' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}

.sigma-line::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4.989 -0.185 34.03 13.44'%3E%3Cpath d='M -4.889 13.155 C 6.994 12.97 6.932 13.001 11.561 7.167 C 12.765 5.779 13.629 4.76 15.084 3.047 C 17.796 0.1 17.827 0.038 28.938 -0.085' vector-effect='non-scaling-stroke' stroke='%231F3343' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}


.sigma-line-reverted1::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5.1 -0.1 33.2 14.2'%3E%3Cpath d='M 28 14 C 15 14 15 14 11.561 7.167 C 8 0 8 0 -5 0' vector-effect='non-scaling-stroke' stroke='%231F3343' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}

.sigma-line-reverted2::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 -0.04 13 8.1'%3E%3Cpath d='M 18 8 C 14 8 13 8 11 4 C 9 0 8 0 5 0' stroke='%231F3343' vector-effect='non-scaling-stroke' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}


.sigma-line-reverted3::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 -0.04 11.1 5.08'%3E%3Cpath d='M 16 5 C 14 5 13 5 10 2 C 8 0 7 0 5 0' stroke='%231F3343' vector-effect='non-scaling-stroke' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}


.sigma-line-reverted::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 -0.04 11 5.08'%3E%3Cpath d='M 16 5 C 14 5 13 5 10 2 C 8 0 7 0 5 0' stroke='%231F3343' vector-effect='non-scaling-stroke' stroke-width='1' fill='none'/%3E%3C/svg%3E");
      width: 100%;
      height: auto;
      display:block;
}

.sigma-line-reverted-light::after  {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 11 5'%3E%3Cpath d='M 16 5 C 14 5 13 5 10 2 C 8 0 7 0 5 0 L 5 5 L 16 5' fill='%23f4f5f5'/%3E%3C/svg%3E%0A");
      width: 100%;
      height: auto;
      display:block;
}


.gradient-border {
    border-image-slice: 1;
    position: relative;
}


.from-right-to-left {
    border-image-source: linear-gradient(to left, var(--contrast), rgba(30, 50, 66, 0.1));
    
}

.from-left-to-right {
    border-image-source: linear-gradient(to right,var(--contrast), rgba(30, 50, 66, 0.1));
}

@media (max-width: 767px) {
    .only-from-tablet {
        border-image-source: unset !important;
    }
}

@media (min-width: 768px) {
    .only-for-mobile {
        border-image-source: unset !important;
    }
}

    
.dotted::before  {
    content: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='0.7em' width='0.7em' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D70F24' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'%3E%3C/path%3E%3C/svg%3E");
    display:block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-50%,50%);
    z-index:1;
}

.top-dotted::before {
    content: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='0.7em' width='0.7em' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D70F24' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'%3E%3C/path%3E%3C/svg%3E");
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    z-index:1;
}

.cables-carousel .flickity-prev-next-button.previous::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%231F3343'/%3E%3Cpath d='M13.825 19L20 19L20 21L13.825 21L19.425 26.6L18 28L10 20L18 12L19.425 13.4L13.825 19Z' fill='%231F3343'/%3E%3Cline x1='20' y1='20' x2='30' y2='20' stroke='%231F3343' stroke-width='2'/%3E%3C/svg%3E%0A");
  width: 2em;
  height: 2em;
  display:block;
}

.cables-carousel .flickity-prev-next-button.previous:hover::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='%231F3343' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%23f4f5f5'/%3E%3Cpath d='M13.825 19L20 19L20 21L13.825 21L19.425 26.6L18 28L10 20L18 12L19.425 13.4L13.825 19Z' fill='%23f4f5f5'/%3E%3Cline x1='20' y1='20' x2='30' y2='20' stroke='%23f4f5f5' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.cables-carousel .flickity-prev-next-button.next::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='39.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(180 39.5 39.5)' stroke='currentColor'/%3E%3Cpath d='M26.175 21L20 21L20 19L26.175 19L20.575 13.4L22 12L30 20L22 28L20.575 26.6L26.175 21Z' fill='currentColor'/%3E%3Cline x1='20' y1='20' x2='10' y2='20' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E%0A");
  width: 2em;
  height: 2em;
  display:block;
}

.cables-carousel .flickity-prev-next-button.next:hover::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='%231F3343' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='39.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(180 39.5 39.5)' stroke='%23f4f5f5'/%3E%3Cpath d='M26.175 21L20 21L20 19L26.175 19L20.575 13.4L22 12L30 20L22 28L20.575 26.6L26.175 21Z' fill='%23f4f5f5'/%3E%3Cline x1='20' y1='20' x2='10' y2='20' stroke='%23f4f5f5' stroke-width='2'/%3E%3C/svg%3E%0A");
}




@media (min-width:671px) {
    
    .cables-carousel .flickity-viewport {
        padding: var(--content-padding);
        
        border-radius:0.6em;
    }
    .cables-carousel .flickity-viewport {
        background: rgba(30, 50, 66, 0.08);
    }
    .cables-carousel .flickity-prev-next-button {
        display:inline-block;
    }
    
    .cables-carousel .flickity-slider {
        left: var(--content-padding) !important;
    }
}

@media (min-width:768px) {
    
    .cables-carousel .flickity-viewport {
        padding-right: 0;
        
    }
}

.flickity-viewport {
    width:100%;
}

form-section {
    display: flex;
    flex-direction: column;
    position: relative;
    column-gap: 1em;
    row-gap: 1.5em;
    flex-wrap: nowrap;
}

form-section +  form-section {
    margin-top:2.5em;
}

@media (max-width:1199px) {
    form-section > label {
        font-weight: 700;
        text-decoration:underline;
        margin-bottom:1.5em;
    }
}

@media (min-width:1200px) {
    form-section {
        flex-direction: row;
    }
    form-section > label {
        width:30%;
    }
    
    form-section > div {
        width:70%;
    }
}


@media (min-width:768px) {
    .columns-2 {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 2em;
    }
    
    .columns-2 > label {
        flex-grow: 1;
    }
}

.wpcf7-form-control-wrap {
    margin-bottom: 1.5em;
    display: block;
}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color: var(--contrast);
    background-color: var(--base-2);
    border-color: rgba(30, 50, 66, 0.25) !important;
    border-top: 0;
    border-left: 0;
    border-right:0;
    outline:0 !important;
    padding-right:0;
    padding-left:0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    width: 100%;
}


 label:not(:has(+ label)) >.wpcf7-form-control-wrap {
  margin-bottom: 3.5em;
}

select.wpcf7-not-valid {
    color: var(--accent) !important;
}


label:has(.wpcf7-not-valid)  {
    color: var(--accent) !important;
}

.wpcf7-not-valid-tip {
    display:none!important;
}


.wpcf7-acceptance >.wpcf7-list-item {
    margin-left:0;
    margin-bottom:1em;
}

.wpcf7-acceptance >.wpcf7-list-item .wpcf7-list-item-label {
    margin-left:0.3em;
}


.wpcf7-form-control-wrap select {
    margin-bottom: 3em;
    border: 1px solid var(--contrast) !important;
    padding: 0.5em;
    min-width: 50%;
    border-radius: 0.2em;
}

.contact-us-form .wpcf7-submit {
    text-transform: none;
    color:  var(--contrast);
    background-color: transparent;
    border: 1px solid rgba(30, 50, 66, 0.8);
    border-radius:2em;
}

.contact-us-form .wpcf7-submit:hover {
    background-color:  var(--contrast);
    color: var(--base-2);
}

.attached-cv {
    color: transparent !important;
    margin-top:1em;
}

.attached-cv:before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.125 10.5V3.36875L3.85 5.64375L2.625 4.375L7 0L11.375 4.375L10.15 5.64375L7.875 3.36875V10.5H6.125ZM1.75 14C1.26875 14 0.856771 13.8286 0.514063 13.4859C0.171354 13.1432 0 12.7312 0 12.25V9.625H1.75V12.25H12.25V9.625H14V12.25C14 12.7312 13.8286 13.1432 13.4859 13.4859C13.1432 13.8286 12.7312 14 12.25 14H1.75Z' fill='%231F3343'/%3E%3C/svg%3E%0A")  "  Carica un file .pdf";
    display: inline-block;
    background: var(--base-2) !important;
    color: var(--contrast)  !important;
    border: 1px solid;
    border-radius: 0.4em;
    padding: 0.2em 1em;
    outline: none;
    -webkit-user-select: none;
    cursor: pointer;
    position: absolute;
    z-index: 100;
}


.attached-cv:hover:before {
        content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.125 10.5V3.36875L3.85 5.64375L2.625 4.375L7 0L11.375 4.375L10.15 5.64375L7.875 3.36875V10.5H6.125ZM1.75 14C1.26875 14 0.856771 13.8286 0.514063 13.4859C0.171354 13.1432 0 12.7312 0 12.25V9.625H1.75V12.25H12.25V9.625H14V12.25C14 12.7312 13.8286 13.1432 13.4859 13.4859C13.1432 13.8286 12.7312 14 12.25 14H1.75Z' fill='%23f4f5f5'/%3E%3C/svg%3E%0A")  "  Carica un file .pdf";
    background: var(--contrast)  !important;
    color: var(--base-2)  !important;
}

.wp-block-list {
    margin: 0 0 1.5em 1em;
}

@media (min-width:768px) {

    .tk-site-header.gb-is-sticky {
        left:unset !important;
    }
    
    .tk-site-header.gb-is-sticky .tk-logo-container, .tk-site-header.gb-is-sticky .tk-menu-container {
        display:none !important;
    }
    
    .tk-header-cta {
        white-space: nowrap;
    }
}



.sub-menu > li {
    margin-left:1.5em;
}

.sub-menu > li .gb-menu-link  {
    border-bottom:none;
}

.align-center {
    align-content: space-between;
}

.double-column {
    column-count: 2;
}

.submit-button {
    align-items: center;
    background-color: var(--base-2);
    color: var(--contrast);
    cursor: pointer;
    display: inline-flex;
    text-align: center;
    text-decoration: none;
    border: 0.03em solid var(--contrast);
    border-radius: 2em;
    padding: 0.6em 1.6em;
    margin-top: 2em;
}

.submit-button:is(:hover,:focus) {
    background-color: var(--contrast);
    color: #ffffff;
    border-top-color: var(--contrast);
    border-right-color: var(--contrast);
    border-bottom-color: var(--contrast);
    border-left-color: var(--contrast);
}

.dop-error {
    color: var(--accent); 
    border: 1px solid var(--accent);
    padding: 0.8em; margin-bottom: 1.5em; background: var(--base-2);
    border-radius:0.3em;
}


    #iub-legalDoc {
        border-top: none !important;
        
    }
    
    #iub-legalDoc section {
        margin-top: 0 !important;
    }
    
    #iub-legalDoc .main-header {
    border-bottom: none !important;
    text-align: left !important;
    padding-right: 25% !important;
    padding-left: 0 !important;
}

#iub-legalDoc .main-header p {
    font-size: inherit !important;
}


 #iub-legalDoc  .table-of-content-btn-wrapper,     #iub-legalDoc .aside-main-wrapper {
    padding-right: 25% !important;
    padding-left: 0 !important;
} 

    #iub-legalDoc .container>footer {

        clip-path: unset !important;
    }

 #iub-legalDoc .pre-footer, #iub-legalDoc .footer__first-row, #iub-legalDoc .footer__credits   {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-color: inherit !important;
} 

@media (max-width: 767px) {
     #iub-legalDoc .main-header , #iub-legalDoc  .table-of-content-btn-wrapper,     #iub-legalDoc .aside-main-wrapper {
         padding-right: 7% !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
     #iub-legalDoc .main-header , #iub-legalDoc  .table-of-content-btn-wrapper,     #iub-legalDoc .aside-main-wrapper {
         padding-right: 15% !important;
}
}

    #iub-legalDoc * {
    color: inherit !important;
    font-size: clamp(16px, 1.15vw, 71px) !important;
    line-height: inherit !important;
    margin-bottom: inherit !important;
}
    #iub-legalDoc h1 {
    display:none !important;
}

#iub-legalDoc .container {
    max-width: inherit !important;
}

@media (max-width: 767px) {
    .tk-menu-container.gb-menu-container--mobile {
        background-image: radial-gradient(circle at -10% 66%, #D70F24 0%, #21313e 35%);
    }
}