body{
color: var(--e-global-color-primary);
}
ul:last-child{
margin-bottom: 0;
}
.btnIconOrange .elementor-button-icon svg path{
fill: var(--orange700);
}
.btnIconWhite .elementor-button-icon svg path{
fill: var(--purewhite);
} .customBtn {
font-family: "Figtree", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
letter-spacing: -0.16px;
color: #18181B;
background-color: #FF6637;
border: 1px solid #FF6637;
border-radius: 12px;
padding: 12px 16px 12px 16px;
text-decoration: none;
cursor: pointer;
display: inline-flex;
align-items: center;
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.customBtn:hover {
background-color: #FFFFFF;
border-color: #BFBCBB;
color: #18181B;
}  .sidedSliderBlock .controllers{
position: absolute;
bottom: calc(100% + 48px);
right: 0;
}
#primary-menu-list{
align-items: center;
}
.customBtn.btnSmall{
padding: 0.3rem 0.6rem;
font-size: 0.9rem;
min-height: 0;
}
.elementor-button-content-wrapper{
align-items: center;
}
.customBtn.btnPrimary,
.elementor-widget-button.btnPrimary .elementor-button,
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-text,
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-icon svg,
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-icon svg path{
transition: 0.3s all linear;
}
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-text{
font-weight: 600 !important;
}
.elementor-widget-button.btnPrimary .elementor-button .elementor-button-icon svg{
width: auto;
height: auto;
}
.elementor-widget-button.iconLeft .elementor-button-content-wrapper {
flex-direction: row-reverse;
} .customBtn.btnGreen,
body .elementor-element.elementor-widget-button.btnGreen .elementor-button{
background-color: var(--green400);
border-color: var(--green400);
}
.customBtn.btnGreen:hover,
body .elementor-element.elementor-widget-button.btnGreen .elementor-button:hover{
background-color: #87cb5c;
border-color: #87cb5c;
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnGreen .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnWhite,
body .elementor-element.elementor-widget-button.btnWhite .elementor-button{
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.customBtn.btnWhite:hover,
body .elementor-element.elementor-widget-button.btnWhite .elementor-button:hover{
background-color: #e1f0d8;
border-color: #e1f0d8;
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnWhite .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnLineBlue,
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button{
background-color: transparent;
border-color: var(--blue800);
}
.customBtn.btnLineBlue:hover,
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button:hover{
background-color: var(--green400);
border-color: var(--green400);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineBlue .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnLineWhite,
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button{
background-color: transparent;
border-color: var(--purewhite);
}
.customBtn.btnLineWhite:hover,
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button:hover{
background-color: var(--purewhite);
border-color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button .elementor-button-text{
color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button .elementor-button-icon svg path{
fill: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnLineWhite .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnNoLineBlue,
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button{
background-color: transparent;
border-color: transparent;
}
.customBtn.btnNoLineBlue:hover,
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button:hover{
background-color: #b4c8d3;
border-color: #b4c8d3;
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button .elementor-button-icon svg path{
fill: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button:hover .elementor-button-text{
color: var(--blue800);
}
body .elementor-element.elementor-widget-button.btnNoLineBlue .elementor-button:hover .elementor-button-icon svg path{
fill: var(--blue800);
} .customBtn.btnNoLineWhite,
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button{
background-color: transparent;
border-color: transparent;
}
.customBtn.btnNoLineWhite:hover,
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button:hover{
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button .elementor-button-text{
color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button .elementor-button-icon svg path{
fill: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button:hover .elementor-button-text{
color: var(--purewhite);
}
body .elementor-element.elementor-widget-button.btnNoLineWhite .elementor-button:hover .elementor-button-icon svg path{
fill: var(--purewhite);
} a:hover{ color: inherit; }
.column-space-between{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.categoryLabel{
padding: 12px 16px;
border-radius: 12px;
font-size: 20px;
font-weight: 600;
background-color: #FFFFFF;
color: var(--blue800);
transition: 0.3s all linear;
}
.categoryLabel:hover{
color: #FFFFFF;
background-color: var(--blue600);
}
.postPreview{
background-color: #FFFFFF;
padding: 8px 8px 24px 8px;
border-radius: 16px;
}
.assistenzaMenuAccordion button,
.assistenzaMenuAccordion .accordion-button:focus,
.assistenzaMenuAccordion .accordion-button:hover{
background-color: var(--blue050) !important;
padding: 12px;
border-radius: 12px 12px 0 0 !important;
color: var(--blue800);
line-height: 1;
font-weight: 600;
}
.assistenzaMenuAccordion button.collapsed{
border-radius: 12px !important;
}
.assistenzaMenuAccordion .accordion-item{
border-width: 0;
margin-bottom: 12px;
}
.assistenzaMenuAccordion .accordion-item:last-child{
margin-bottom: 0;
}
.assistenzaMenuAccordion .accordion-item .accordion-body{
background-color: var(--blue050) !important;
border-width: 0;
border-radius: 0 0 12px 12px;
}
.assistenzaMenuAccordion .accordion-body a{
color: var(--blue800);
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-button{
font-weight: 400;
margin-bottom: 0;
box-shadow: none !important;
padding: 24px;
display: flex;
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-button:after{
display: inline-block;
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-button:before{
display: none !important;
}
.posizioniLavorative .assistenzaMenuAccordion .accordion-item .accordion-body {
padding: 0 24px 24px 24px;
color: var(--gray600);
}
.listPosizioniAperte{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.modal .close{
color: var(--blue800);
border-width: 0;
font-size: 50px;
padding: 0;
line-height: 0.5;
background-color: transparent !important;
}
.singlePosizione{
padding: 40px;
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--purewhite);
}
.singlePosizione.blue{
background-color: var(--blue600);
color: var(--purewhite);
}
.singlePosizione.blue .colorGreen800{
color: var(--purewhite);
}
.singlePosizione.blue img{
filter: saturate(0) brightness(0) invert(1);
}
.posizioniLavorative .modal-content{
border-radius: 24px;
}
.posizioniLavorative .modal-content .modal-body{
padding: 72px;
border-width: 0;
}
.qodef-qi-text-marquee .qodef-m-text{
align-items: center !important;
}
.elementor-widget-image.freeSvg a img[src$=".svg"]{
width: auto;
}
.forminator-custom-form{
border-style: none !important;
}
.upperMenu{
background-color: rgba(255, 255, 255, 0.1);  
}
.menu-upper-menu-container{
padding: 0 40px;
}
.menu-item-has-children ul.sub-menu{
position: absolute;
top: 100%;
background: var(--purewhite);
left: 0;
padding: 0 !important;
width: 100%;
border: 1px solid var(--gray200);
justify-content: center;
display: none;
}
.current-menu-ancestor.menu-item-has-children:hover ul.sub-menu{
display: none;
}
.menu-item-has-children ul.sub-menu li,
.menu-item-has-children ul.sub-menu .nav-item{
list-style: none;
}
.menu-item-has-children ul.sub-menu .nav-item .nav-link{
padding: 10px 0;
}
#alwaysOnSubmenu{
display: flex;
justify-content: center;
background: var(--purewhite);
border: 1px solid var(--gray200);
}
.desktopMenuContainer,
#alwaysOnSubmenu .inner{
width: 1440px;
max-width: 100%;
}
#alwaysOnSubmenu .inner .second-level li{
list-style: none;
}
.desktopMenuContainer ul,
#alwaysOnSubmenu .inner  .second-level{  
padding: 0 40px;
display: flex;  
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item,
#alwaysOnSubmenu .inner .second-level li{
margin-left: 16px;
margin-right: 16px;
flex-shrink: 0;
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item:first-child,
#alwaysOnSubmenu .inner .second-level li:first-child{
margin-left: 0;
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item:hover,
#alwaysOnSubmenu .inner .second-level li.active a{
border-bottom: 2px solid var(--blue600);
}
.lowerMenu .navbar-nav .desktopMenuContainer ul li.menu-item a,
#alwaysOnSubmenu .inner .second-level li a{
padding-top: 16px;
padding-bottom: 16px;
display: inline-block;
}
#alwaysOnSubmenu .inner .second-level li a{
text-decoration: none;
color: var(--blue800);
font-weight: 600;
}
#primary-menu-list>li.menu-item>a{
color: var(--gray900);
}
#primary-menu-list{
column-gap: 8px;
}
.lowerMenu .container>.inner{
display: flex;
align-items: center;
width: 100%;
padding: 12px 40px;
}
.lowerMenu .navbar-collapse{
justify-content: flex-end;
}
.lowerMenu .navbar-nav .menu-item,
.lowerMenu .navbar-nav .menu-item>* {
font-weight: 600;
transition: 0.3s all ease-in-out;
}
.lowerMenu .navbar-nav .menu-item.current_page_item,
.lowerMenu .navbar-nav .menu-item:hover{
border-bottom: 3px solid var(--primary500);
}
#primary-menu-list .nav-item .nav-link { border-radius: 12px;
padding: 12px 16px 12px 16px !important;
text-decoration: none;
cursor: pointer;
transition: 0.3s all linear;
}
#primary-menu-list .nav-item .nav-link path{
transition: 0.3s all linear;
}
#primary-menu-list .nav-item.current_page_item:not(.btnOrange) .nav-link,
#primary-menu-list .nav-item:not(.btnOrange) .nav-link:hover{
background-color: #FF633316;
color: var(--orange700);
}
#primary-menu-list .nav-item.current_page_item:not(.btnOrange) .nav-link path,
#primary-menu-list .nav-item:not(.btnOrange) .nav-link:hover path{
stroke: var(--orange700);
}
.upperMenu #upper-menu-list{
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.upperMenu .menu-item{
padding: 0;
}
.upperMenu .menu-item a{
padding: 16px;
color: var(--purewhite);
font-weight: 600;
text-decoration: none;
display: inline-block;
}
.upperMenu .menu-item.btnCerca a:before{
content: "";
display: inline-block;
height: 20px;
width: 20px;
background-image: url(//stage.boostenstudio.it/wp-content/themes/boosten-studio/assets/images/search.svg);
}
.upperMenu .menu-item.btnCerca a{
display: flex;
align-items: center;
column-gap: 8px;
}
.squaredBackground{
background-image: url(//stage.boostenstudio.it/wp-content/themes/boosten-studio/assets/images/squaredBackground.png);
background-size: 100%;
}
.elementor-button-icon path{
fill: var(--gray900);
}
.mainMenu{
background-color: var(--blue600);
}
.accordion-button:focus{
box-shadow: none;
}
.magnifier{
border-radius: 5px;
padding: 8px;
background: #FFF;
cursor: pointer;
}
.magnifier .inner{
position: relative;
}
.magnifier .inner .zoom{
position: absolute;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(98, 178, 47, 0.80);
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s all ease-in-out;
}
.magnifier:hover .inner .zoom{
opacity: 1;
}
.modal.mdlMagnifier .modal-content{
border-radius: 24px;
}
.modal.mdlMagnifier .modal-body{
padding: 56px;
}
.timeline{
position: relative;
}
.timeline:before{
content: ""; --dash-color: #000; --dash-width: 1px; --dash-length: 8px; --dash-gap: 6px;  background-image:
linear-gradient(
to bottom,
var(--dash-color) 0 calc(var(--dash-length)),
transparent calc(var(--dash-length)) calc(var(--dash-length) + var(--dash-gap))
);
background-size: var(--dash-width) calc(var(--dash-length) + var(--dash-gap));
background-repeat: repeat-y;
background-position: center;  position: absolute;
top: 60px;
left: 55px;
bottom: 30px;
width: 1px;
height: auto;
}
.timeline.version2:before{
left: 27px;
top: 0;
bottom: 40px;
}
.smallSuffix .elementor-counter-number-suffix{
font-size: 50%;
padding: 0 0 4px 4px;
}
.smallSuffix .elementor-counter-number-wrapper{
align-items: end;
}
.blogGrid{
display: grid;
grid-template-columns: repeat(1, 1fr); gap: 16px; }
.opacityControllers.onLight .iconLeft,
.opacityControllers.onLight .iconRight{
opacity: 0.4;
transition: 0.3s all linear;
}
.opacityControllers.onLight .iconLeft:hover,
.opacityControllers.onLight .iconRight:hover{
opacity: 1;
}
.transition03linear{
transition: 0.3s all linear;
}
.postPreview:hover .imgContainer img{
transform: scale(1.1);
}
.offerPanel:before {
content: "";
background: linear-gradient(150deg, rgba(0, 104, 153, 0.13) 0%, rgba(98, 178, 47, 0.25) 128.98%), rgba(0, 0, 0, 0.30);
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(10px);
}
table.table-style-1 {
font-size: 14px;
border-radius: 12px;
overflow: hidden;
margin-bottom: 0;
border: 1px solid var(--gray200);
}
table.table-style-1 tr:nth-child(odd){
background-color: var(--blue050);
}
table.table-style-1 tr:nth-child(even){
background-color: var(--purewhite);
}
table.table-style-1 tr td,
table.table-style-1 tr th {
padding: 8px;
background-color: transparent !important;
}
table.table-style-1 tr th {
background-color: var(--blue600) !important;
color: var(--purewhite);
font-weight: 600;
}
table.table-style-2 {
font-size: 16px;
border-radius: 12px;
overflow: hidden;
margin-bottom: 0;
border: 1px solid var(--gray200);
}
table.table-style-2 tr:nth-child(odd){
background-color: var(--blue050);
}
table.table-style-2 tr:nth-child(even){
background-color: var(--purewhite);
}
table.table-style-2 tr td,
table.table-style-2 tr th {
padding: 10px;
background-color: transparent !important;
}
table.table-style-2 tr th {
background-color: var(--blue600) !important;
color: var(--purewhite);
font-weight: 600;
font-size: 14px;
}
table.table-style-2 tbody tr:first-child td {
background-color: var(--blue300) !important;
color: var(--blue800);
font-weight: 600;
border-top: 0px;
}
.pagination{
column-gap: 8px;
}
.pagination .page-numbers{
display: flex;
width: 48px;
height: 48px;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 12px;
font-weight: 600;
color: var(--blue600);
}
.pagination .page-numbers.current{
border: 1px solid var(--orange600);
}
.orangePill{
background-color: #FFE5DD;
color: var(--orange700);
padding: 0px 8px;
border-radius: 12px;
display: inline-block;
}
@media (min-width: 992px){
.handPhone img{
transform: scale(1.05);
transform-origin: bottom center;
}
.overflow-lg-visible{
overflow: visible !important;
}
.blogGrid{
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 16px; }
.menu-item-has-children:hover ul.sub-menu{
display: flex;
}
.mobileContattaci {
display: none;
}
}
@media (min-width: 1200px){
.offcanvas .btn-close{
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px){
body div.elementor-element.sidedTabletSwipe{
overflow: scroll;
width: calc(100% + 40px);
}
}
@media (max-width: 991px){
.noTabletPanel.offerPanel:before{
display: none;
}
.modal-dialog{
max-width: 95%;
}
.listPosizioniAperte{
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 24px;
}
.modal.mdlMagnifier .modal-body,
.posizioniLavorative .modal-content .modal-body{
padding: 32px;
}
.modal.mdlMagnifier .modal-content{
border-radius: 20px;
}
.upperMenu,
#navbarSupportedContent{
display: none;
}
.lowerMenu .container>.inner{
padding-left: 0;
padding-right: 0;
} .mobile-nav ul.sub-menu {
display: none;
position: static;
border-width: 0;
padding-top: 15px !important;
padding-left: 16px !important;
overflow: hidden;
}
.mobile-nav .menu-item-has-children {
position: relative;
}
.offcanvas-body{
padding: 0;
}
.mobile-nav .toggle-submenu {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
font-size: 18px;
padding: 8px;
cursor: pointer;
}
.mobile-nav{
list-style: none;
padding-left: 40px;
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
.mobile-nav li{
padding: 16px 0;
}
.mobile-nav li:last-child{
padding-bottom: 0;
}
.mobile-nav li a,
.mobile-nav li span{
color: var(--primary800);
text-decoration: none;
}
.mobile-nav .menu-item-has-children .toggle-submenu{
background-image: url(//stage.boostenstudio.it/wp-content/uploads/2025/12/chevron-down.svg);
top: 12px;
font-size: 0;
width: 24px;
height: 24px;
}
.mobile-nav .menu-item-has-children.active .toggle-submenu{
background-image: url(//stage.boostenstudio.it/wp-content/uploads/2025/12/chevron-up.svg);
}
.mobile-nav .menu-item-has-children.active .sub-menu{
display: block !important;
}
#alwaysOnSubmenu .inner .second-level{
padding-left: 32px;
padding-right: 32px;
flex-wrap: nowrap;
}
}
@media (max-width: 767px){
.sidedSliderBlock .controllers{
position: static;
}
.opacityControllers.onLight .iconLeft,
.opacityControllers.onLight .iconRight{
opacity: 1;
}
.singlePosizione{
padding: 24px;
}
body div.elementor-element.sidedMobileSwipe{
overflow: scroll; }
.lowerMenu .container>.inner{
padding-top: 0;
padding-bottom: 0;
}
.modal.mdlMagnifier .modal-body,
.posizioniLavorative .modal-content .modal-body{
padding: 24px;
}
.modal.mdlMagnifier .modal-content{
border-radius: 16px;
}
.timeline:before{
left: 40px;
}
.tablepressContainer{
overflow-x: scroll;
} .mobile-nav {
list-style: none;
padding-left: 32px;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
}
.mobileBarContainer{
padding: 12px 20px;
}
.offcanvas .btn-close{
display: block;
position: absolute;
top: 24px;
right: 24px;
}
#alwaysOnSubmenu .inner .second-level {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding-left: 24px;
padding-right: 24px;
}
#alwaysOnSubmenu .inner .second-level .swipe-item {
flex: 0 0 100%;
scroll-snap-align: start;
}
}