/*
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
------------------------------------------------------- */


/* Background */

body {
  background-color: var(--background-color-body);
}

main {overflow:visible;}

.bg-overlay-visore {
  background: #181E31;
  background: linear-gradient(180deg, #181E31 0%, #181E3115 40%, #181E3115 60%, #181E31 90%);
}

.bg-overlay-visore-2 {
  background: #181E31;
  background: linear-gradient(90deg, #181E3122 0%, #181E3122 50%, #181E31 80%);
}

.bg-overlay-80 {
  background: transparent linear-gradient(90deg, #181E31E3 0%, #181E31C4 100%) 0% 0% no-repeat padding-box;
}

.bg-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Width and height */

.height-70vh {height:70vh;}
.height-80vh {height:80vh;}
.height-90vh {height:90vh;}

.h200 {height:200px;}
.h250 {height:250px;}
.h500 {height:500px;}
.h600 {height:600px;}
.h740 {height:740px;}



.mh100vh {max-height:100vh;}

.w40-important {width:40px !important;}
.w70 {width:70px;}
.w100 {width:100px;}
.w100-important {width:100px !important;}
.w260 {width:260px;}
.w330 {width:330px;}


/* Col */
.col-22 {width:22%;}

.col-200 {
  width:200%;
}

.col-70-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 64%;
  }

.w-container-dx {
  width:calc(var(--w-container) + calc(calc(100vw - var(--w-container)) / 2));
}

/* Button */

.btn.btn-style-1:hover, .btn.btn-style-1:hover span {
  background:transparent !important;
  background-color: rgba(255,255,255,0);
}

.btn.btn-style-2 span.material-symbols-outlined {
  /*position:absolute; */
  top:0;
  left:5px;
  padding:8px;
  border:1px solid white;
}

.btn.btn-style-2.btn-small span.material-symbols-outlined {
  padding: 8px;
  padding-top: 0;
  margin-top: 3px;
  left: 0;
}

.btn.btn-style-2.btn-small span.material-symbols-outlined span {
  font-size:15px;
}

.btn.btn-style-4 {
  padding-left:0 !important;
  padding-right:40px !important;
  border:0 !important;
  border-bottom:1px solid white !important;
}

.btn.btn-style-4 span.material-symbols-outlined {
  position:absolute;
  top:0;
  right:0;
  padding:11px 0 11px 0;
}


.btn.btn-style-2 span.material-symbols-outlined .rotate45,
.btn.btn-style-4 span.material-symbols-outlined .rotate45 {
  transform:rotate(45deg);
  transition: all.3s;
}

.btn.btn-style-2:hover span.material-symbols-outlined {
  border-color:var(--accent-color);
  background-color: var(--accent-color);
  color: var(--white) !important;
}

.btn.btn-style-2:hover span.material-symbols-outlined .rotate45 {
  transform: rotate(-45deg);
  transition: all.3s;
}

.btn.btn-style-2 span.material-symbols-outlined .rotate-45 {
  transform:rotate(-45deg);
  transition: all.3s;
}

.btn.btn-style-2:hover span.material-symbols-outlined .rotate-45 {
  transform: rotate(45deg);
  transition: all.3s;
}

/* Position */
.top-50 {top:-50px;}
.top50 {top:50px;}

/* Border */

.border1 {
  border:1px solid rgba(255,255,255,.5);
}

.border1top {
  border-top:1px solid rgba(255,255,255,.5);
}

.border1dx {
  border-right:1px solid rgba(255,255,255,.5);
}

.border1sx {
  border-left:1px solid rgba(255,255,255,.5);
}

.border1bottom {
  border-bottom:1px solid rgba(255,255,255,.5);
}

/* Margin e Padding */
.padding5top {padding-top:5px;}
.padding5sx {padding-left:5px;}
.padding5dx {padding-right:5px;}

.padding50bottom {padding-bottom: 50px};
.padding50 {padding:50px;}

.padding50top {padding-top: 50px};


.padding100top {padding-top: 100px};
.padding100bottom {padding-bottom: 100px};

.padding200top {padding-top: 200px};

.margin-1top {margin-top:-1px;}
.margin-1bottom {margin-bottom:-1px;}



.margin-10bottom {margin-bottom:-10px;}

.marginautosx {margin-left:auto;}
.margin-72dx {margin-right:-72px;}

.margin-140top {margin-top:-140px;}

.margin20top-important {margin-top:20px !important;}

.margin30top-important {margin-top:30px !important;}

.margin50top-important {margin-top:50px;}

.margin50bottom {margin-bottom:50px;}
.margin50top {margin-top:50px;}

/* Flex e gap */
.gap-10px {
  gap:10px;
}

.gap-4p {
  gap:4%;
}

/* Font */
.fontsize50-important {
  font-size:50px !important;
}

.fontsize80-important {
  font-size:80px !important;
}

/* OWL */

.owl-carousel.overflow-visible .owl-stage-outer {
  overflow: visible !important;
}

.carosello-eventi .owl-item .border1:hover {
  background:var(--custom-color-1);
}

.carosello-eventi .owl-item.center .border1 {
  background:var(--custom-color-1);
}

.carosello-eventi .owl-nav {
  display:flex;
  position: absolute;
  top:-100px;
  right:0;
}

.carosello-blog .owl-nav {
  display:flex;
  position: absolute;
  top:50px;
  right:0;
}

.carosello-blog .owl-item.active.center .border1 {
  border-top:0;
}

.owl-carousel.carosello-eventi .owl-nav button.owl-prev,
.owl-carousel.carosello-eventi .owl-nav button.owl-next,
.owl-carousel.carosello-blog .owl-nav button.owl-prev,
.owl-carousel.carosello-blog .owl-nav button.owl-next {
  border:1px solid white;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  margin-left:20px;
  border-radius:0;
  transition:all .3s;
  line-height:48px;
}

.owl-carousel.carosello-eventi .owl-nav button.owl-prev:hover,
.owl-carousel.carosello-eventi .owl-nav button.owl-next:hover,
.owl-carousel.carosello-blog .owl-nav button.owl-prev:hover,
.owl-carousel.carosello-blog .owl-nav button.owl-next:hover {
  color:var(--background-color);
  background: white;
  transition:all .3s;

}

.owl-carousel.carosello-blog .owl-item  {
  margin-top:250px;
}

.owl-carousel.carosello-blog .owl-item.center {
  margin-top:0;
}

.owl-carousel.carosello-blog .owl-item .img-blog {
  display:none !important;
}

.owl-carousel.carosello-blog .owl-item.center .img-blog {
  display:block !important;
}

.owl-carousel.carosello-blog .owl-item .label-blog {
  opacity:0;
}

.owl-carousel.carosello-blog .owl-item a:hover .label-blog {
  opacity:1;
}

.owl-carousel.carosello-blog .owl-item.center .label-blog {
  opacity: 1;
}

.owl-item.center .btn-prenota {
  background-color:var(--background-color-alt) !important;
  background-image:linear-gradient(180deg, var(--background-color-alt) 0%, var(--background-color-alt) 100%);
  color:white !important;
}
.owl-item.center .date {display:flex;}

/* Transformation e Filter */

.rotate45 {
  transform:rotate(45deg);
}

.rotate-45 {
  transform:rotate(-45deg);
}

.greyscale{
  filter: grayscale(1);
  opacity:.5;
  transition:all .3s;
  }

  .greyscale:hover {
    filter: grayscale(0);
    opacity:1;
    transition:all .3s;
    }

/* Accordion */

.question {
  padding-bottom:20px;
  padding-top:20px;
  border-bottom:1px solid rgba(255,255,255,.5);
}

.question .title p, .question .title .freccia {
  opacity:.5;
}


.question .title.active p, .question .title.active .freccia  {
  opacity:1;
}


.question .title:hover {
  cursor:pointer;
}

.answer {
    display: none;
}

.answer.show {
    display: block !important;
}

.freccia-container {
  padding-top:3px;
  padding-bottom:3px;
}

.freccia {
  border: solid var(--text-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  display:block;
  float:right;
}

.title .freccia {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.title.active .freccia {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  border-color: white;
}

/* Contact form */
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
  border:none;
  outline:none;
  border-bottom:1px solid rgba(255,255,255,.5);
  border-radius:0;
}

.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
  outline:none;
  border:1px solid var(--accent-color);
}

.wpcf7-submit {
  background:transparent !important;
  border:1px solid white !important;
}


/* Elementi specifici */

.focus-block {
  padding:50px;
  padding-bottom:0;
  transition: all .5s;
}

.focus-block:hover {
  padding-top:70px;
  padding-bottom:50px;
  transition: all .5s;
  background-color:var(--custom-color-1);
}

.focus-block .btn {
  visibility:hidden;
}

.focus-block:hover .btn {
  visibility: visible;
}
/* Header */

header {
  backdrop-filter: blur(20px);
}

header #action-bar {
  border-bottom:1px solid white;
}

header #navigation-bar .navigation-content.type_menu_custom {
  display: flex;
  justify-content: space-between;
}

.action-bar-content {
  padding-left:0 !important;
  padding-right:0 !important;
}

button.menu-toggle {
  display:none;
}

header #navigation-bar {
  border-bottom:1px solid white;
}

.main-navigation ul {
  display:flex;
  gap:45px;
  text-transform: uppercase;
}

.search-button {
  margin-top:-25px;
}

.search-button a span.material-symbols-outlined {
  font-size:32px;
  font-weight:bold;
  padding:0 !important;
}

.main-navigation ul .menu-item-has-children ul.sub-menu {
  left:0;
  display:none;
}

.main-navigation ul .menu-item-has-children:hover ul.sub-menu {
  display:block;
  padding: 20px;
  background:var(--background-color);

}

.main-navigation ul .menu-item-has-children ul.sub-menu li {
  padding-bottom:20px;
}

.main-navigation ul .menu-item-has-children ul.sub-menu li a {
  color:white;
}

.main-navigation ul .menu-item-has-children ul.sub-menu li:last-child {
  padding-bottom:0;
}


/* Footer */
.widget_nav_menu .widget-title {
  padding-bottom:20px !important;
}

.widget_nav_menu li {
  padding-left:30px;
  position:relative;
  padding-bottom:20px !important;
}

.widget_nav_menu li:before {
  content: '->';
  font-size:12px;
  border:1px solid white;
  width:20px;
  height:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:0;
  left:0;
}

.widget-column .btn.btn-style-2:hover span {
  color:var(--accent-color) !important;
  transition: all .3s;
}

.widget-column .material-symbols-outlined {
  width: 40px;
height: 40px;
left: 0 !important;
padding-top: 8px !important;
padding-left: 10px !important;
}

.widget-column .btn.btn-style-2:hover span span {
  color:white !important;
}


/* Responsive Custom DT */

.visible-xs {
  display:none;
  visibility: hidden;
}



@media screen and (max-width:767px){
  :root {
  /*font size/line height*/
   --size-p:15px;
   --size-p-small:14px;
   --size-p-big:16px;

   --size-h1: 30px;
   --lineH-h1: 1.2;


   --size-h2: 26px;
   --lineH-h2: 1.2;


   --size-h3: 22px;
   --lineH-h3: 1.2;


   --size-h4: 20px;
   --lineH-h4: 1.3;


   --size-h5: 20px;
   --lineH-h5: 1.5;


   --size-h6: 15px;
   --lineH-h6: 1.6;


  /*Elementi*/
   --w-container:100%;
   --w-container-stretto:100%;
   --width-btn:20px;

   --padding-container: 0 35px;
   --padding-singolo:35px;

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

  .w-container {
    padding:0 !important;
  }

  .visible-xs {
    display:block;
    visibility: visible;
  }

  .hidden-xs {
    display:none;
    visibility: hidden;
  }

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

  .h90-xs {
    height:auto;
    min-height:90vh
  }

  .hauto-xs {
    height:auto;
  }

  .gap-10-xs {gap:10px;}

  .padding0-xs {
    padding:0;
  }

  .padding5dx-xs {padding-right:5px;}

  .padding10top-xs {padding-top:10px;}
  .padding10bottom-xs {padding-bottom:10px;}

  .padding25dx-xs {padding-right:25px;}
  .padding25sx-xs {padding-left:25px;}

  .padding50top-xs {padding-top:50px;}

  .margin0dx-xs {margin-right:0;}

  .margin0top-xs {margin-top:0 !important;}
  .margin0top-xs-important {margin-top:0 !important;}

  .margin10top-xs {margin-top:10px;}

  .margin50top-xs-important {margin-top:50px !important;}
  .margin50bottom-xs-important {margin-bottom:50px !important;}

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



  .margin150top-xs {margin-top:150px;}

  .col-100-flex-xs {
    flex-basis: 94%;
  }

  .col-40-flex-xs {
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 34%;
    }

  .col-100-xs {
    width:100%;
  }

  .col-50-xs {
    width:50% !important;
  }

  .top-100-xs {top:-100px;}

  .btn.btn-style-2 span.material-symbols-outlined,
  .btn.btn-style-4 span.material-symbols-outlined {
    padding:6px;
  }

  .btn.btn-style-2.arrow-up {
    padding-left:50px;
  }

  .btn.btn-style-2.btn-small.arrow-up {
    padding-left:40px;
  }

  .btn.btn-style-4.arrow-up {
    padding-right:50px;
  }


  .carosello-eventi .owl-nav {
    top:-80px;
  }

  .owl-carousel.carosello-eventi .owl-nav button.owl-prev,
  .owl-carousel.carosello-eventi .owl-nav button.owl-next,
  .owl-carousel.carosello-blog .owl-nav button.owl-prev,
  .owl-carousel.carosello-blog .owl-nav button.owl-next {
    width:38px;
    height:38px;
    font-size:24px;
  }

  .owl-carousel.overflow-hidden-xs .owl-stage-outer {
    overflow: hidden !important;
  }

  .carosello-blog .owl-nav {
    top:-65px;
  }

  .fontsize24-xs-important {
    font-size:24px !important;
  }

  header #navigation-bar {
    border-bottom:0;
  }

  footer section#widget-area {
    padding:30px;
  }

  section .grid-container {
    grid-gap:10px !important;
  }

  .carosello-blog .owl-item.active.center .border1 {
    border-top:1px solid rgba(255,255,255,.5);
  }

}
.card_carosello_4 {
  max-width: 200px;
}

/*filtri corsi*/


.event-filters label {
  display: block;
  font-size: 12px
}

.event-filters select {
  appearance: none;
  width: 100%;
  border-radius: 7px;
  padding: 10px;
  font-size: 16px;
  position: relative;
  background: transparent;
  z-index: 2;
  color: #A7B2CB;
  border: 0px solid #ccc;
  border-bottom: 1px solid;
  border-radius: 0!important;
}



.event-filters-title {
  display: flex;
  align-items: center;
  line-height: 1
}

.event-filters-title>span {
  font-size: 25px;
  line-height: 1
}

select#local {
  background-color: #00000000;
  color: white;
  border: none;
}

select#local option{
  color: black;

}

select.wpcf7-form-control.wpcf7-select option {
  color: black;
}

/*corso*/


.single-course .descrizione-corso p {
  font-size: 15px;
  font-weight: 200;
}

.cta-corsi {
  height:50%;
}

.rotate-arrow {
  transition: transform 0.3s ease; /* Aggiunge un'animazione di transizione */
}

.rotate-arrow.rotate {
  transform: rotate(180deg); /* Applica la rotazione di 180 gradi */
}

.carosello_3.carosello-eventi p {
  font-size: 16px;
}

/*visore tablet*/
@media screen and (max-width:959px) {
span.testo-cta {
  margin-left: 40px;
 }

}



/* FILTRI DATA */
input#da_data, input#a_data {
  background-color: #00000000;
  border-bottom: 1px solid white!important;
  width: 100%;
  opacity: 0.7;
  border-radius: 0;
  color: white;
  border: 0;
  padding-bottom: 15px;
}

::-webkit-calendar-picker-indicator{
  background-color: #ffffff00;
  z-index:10;
  position:absolute;
  opacity:0;
  padding: 5px;
  cursor: pointer;
  width:100%!important;
  border-radius: 0;
}

.event-filters .select-cont:after {
  content: "\e5cf";
  font-family: 'Material Icons';
  position: absolute;
  color: #fff;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

option {
  color: var(--custom-color-1);
}


/* recensioni corsi*/

@media screen and (max-width:1023px){

  .card_recensioni {
    flex-direction: row!important;
    overflow: scroll;
}

.card_recensioni {
  min-height: 350px;
  max-height: 350px;
}


#news h2 {
  max-width: 200px;
}
}
@media (min-width: 767px) and (max-width:1023px){

  #informazioni .padding100sx {
    padding-left: 70px;
  }
  
  #informazioni .col-30{
    width: 40%;
  }
  
  #informazioni .col-70{
    width: 60%;
  }
  
  }

@media screen and (max-width: 959px){
.amerio img {
    max-height: 350px;
    object-fit: cover;
    object-position: top;
}

span.testo-cta {
  margin-left: 40px;
}

#visore div{
  flex-wrap: nowrap;
}
}

@media screen and (min-width: 767px) {
  #visore .mh100vh {
    max-height: 600px;
}

}

@media screen and (max-width: 767px) {

  #visore div{
  flex-wrap: wrap;
}

#visore .margin-140top {
  margin-top: 0;
  margin:30px 0 ;
}
}

@media screen and (max-width: 767px){
span.testo-cta {
    margin-left: 0!important;
}

.training-template-corso  #visore .w-container-small {
  margin:50px 0;

}



}
.card_recensioni {
    overflow-y: scroll;
}

	.wpcf7 input:-webkit-autofill {
    -webkit-text-fill-color: black!important;
}
	
img.custom-logo.logo-default {
    max-width: 170px;
	width:150px;
}




/* sottomenu */

#navigation-bar .main-navigation ul .menu-item-has-children:hover ul.sub-menu{
  width:800px;
  position: absolute;
  left: -270px;
  top: 113px;
  border-top: 1px solid white;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
}

#navigation-bar .main-navigation ul .menu-item-has-children:hover ul.sub-menu li {
  min-width: 45%;
  border-bottom: 1px solid #ffffff10;
  padding: 10px 0;
}

#navigation-bar .main-navigation ul .menu-item-has-children:hover ul.sub-menu li a {
  width: 100%;
}


@media(min-width:1200px){
  #navigation-bar .main-navigation li {
  padding: 45px 0;
}}




/*mod bottoni*/ 

a.btn.btn-style-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
a.btn.btn-style-2.arrow-up {
    display: flex;
    gap: 30px;
}

span.testo-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

a.btn.btn-style-2 span:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*bandiere*/

.wpml-ls-statics-footer a, .wpml-ls-statics-footer .wpml-ls-sub-menu a, .wpml-ls-statics-footer .wpml-ls-sub-menu a:link, .wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link:link {
    color: white;
    font-size: 14px;
    background-color: #ffffff00;
}

.wpml-ls-statics-footer .wpml-ls-current-language > a {
	 background-color: #ffffff00;
	 color: white;
}
.wpml-ls-statics-footer .wpml-ls-current-language:hover>a, .wpml-ls-statics-footer .wpml-ls-current-language>a:focus {
    color: var(--accent-color);
    background-color: #eeeeee00;
}