/* ! Base Style */
/* ----------------------------------------------------------------------------------- */
body{ background:#f2f6f2; color:#004d99; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;}
a{text-decoration: none!important; color: #004d99}
.sottolineiamo a {text-decoration: underline!important;}
p{line-height: 1.3;}
.testo-uguale{font-size: 1rem!important;}

/* ! Template Corso */
/* ----------------------------------------------------------------------------------- */
.page-template-corso-template  .header{ display: none!important;}
.page-template-corso-template  .footer .grid{ display: none!important;}
.page-template-corso-template .footer{
  background: #004d99 url(https://courseonultrasound.org/wp-content/themes/tropical-medicine/custom/img/logo_footer.png) no-repeat bottom right!important;
  min-height: 300px; color:#fff; margin-top: 100px;padding-bottom: 50px;}
  .header__logo-cover img{height: 185px!important;margin: 2px!important;}


/* ! Title System */
/* ----------------------------------------------------------------------------------- */
.text-0{font-size: 5rem;}
h1, .text-1{font-size: 3.4rem;line-height: 1}
h2, .text-2{font-size: 2.2rem;}
h2, .text-22{font-size: 2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1.3rem;}
h4, p, .text-5{font-size: 1rem;}


h1, h2, h3, h4, h5, h6{font-family: Manrope; font-weight: 800;}
h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
   h1, .text-1{font-size: 2.2rem;line-height: 1}
   .spacer{height: 10px!important;}
}

.max-600{
  width:700px;
  align-items: center;
  margin: 0 auto;
}


/* ! Button system */
/* ----------------------------------------------------------------------------------- */
.button,
.wp-block-button__link{font-size: 1.2rem;background: #004d99; color:#fff; padding: 14px 25px;border-radius: 4px}
.button:hover,
.wp-block-button__link:hover{background: #007de8;}



/* ! Blocks */
/* ----------------------------------------------------------------------------------- */

.box-corsi img{
    box-shadow: 0 5px 20px rgba(0,0,0,.55)!important;
    border-radius: 20px!important;
    border: 12px solid #004d99!important;
}

.cover{
  background: #000;padding: 20px;min-height: 100vh;
  display: flex; flex-flow: column;
  justify-content: flex-end;
  position:relative;
}
.cover__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(bridge.jpg) center center;background-size:cover;z-index:0;border: 1px solid #000}
.cover__element{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(img/statua-parallax.png) no-repeat center bottom;background-size:cover;}
.cover__content{max-width: 1200px; margin: 0 auto; position:relative; z-index: 1;width: 100%; text-align: center; padding-bottom: 3%;}

.cover--hero {font-size: 2.5rem; max-width: 830px; margin: 20px auto; text-shadow: 4px 3px 12px #000;}

.cover--excerpt {max-width: 750px; margin: 20px auto; font-size: 1.25rem; font-weight: bold; text-shadow: 4px 3px 12px #000;}

.loghi-sponsor{position: absolute;bottom: 0;left: 2%;width: 152px;height: 90px;background: url(img/loghi-sponsor_1.png) no-repeat center top;background-size:100%;}

/* ! Box Media e Text */
.wp-block-media-text__media img{ box-shadow: 0 5px 20px rgba(0,0,0,.55); border-radius: 20px;}

/* ! Panel background */
.panel-background{padding: 25% 0;}

/* ! Accordion */
.title-accordion{cursor: pointer;margin-bottom: 0;padding: 20px 0;position:relative}
.title-accordion:after{content: " "; width: 30px;height: 30px;position:absolute;top:30px; right:10px;background: url(../icons/chevron-down-outline.svg) no-repeat center top;filter: invert(1)}
.content-accordion{max-height: 0;overflow:hidden; transition: all 0.8s cubic-bezier(.215, .61, .355, 1);}
.content-accordion p{}
.content-accordion--show{max-height:2800px;}

/* ! Panel Columns */
.panel-column{
  background: rgb(201,228,255);
  background: linear-gradient(180deg, rgba(201,228,255,1) 0%, rgba(0,212,255,1) 79%);
  padding: 30px;border-radius: 30px;
  border: 3px solid white;
}
.panel-column--evi{transform: scale(1.2);}
.panel-column--evi-2{transform: scale(1.2);}

@media (max-width: 768px) {
  .panel-column--evi{transform: scale(1.05);}
  .panel-column--evi-2{transform: scale(1.05);}
  .cover--hero {font-size: 1.688rem;}
  .cover--excerpt {font-size: 1rem;}
}

/* ! Colums */
.wp-block-columns{max-width:1250px; margin: 0 auto; padding: 0 15px;}
.container-items{display: flex;flex-wrap:wrap;}
.item-colums{width: 50%;margin-bottom: 20px;}
.item-colums h2{margin-bottom: 0px;}

/* ! testimoninza */
.testimonianza{position:relative;padding-left: 100px;margin-bottom: 60px;}
.testimonianza img{width: 80px;height: 80px;position: absolute;top:20px; left:0;}


/*  media text */

@media (max-width: 768px) {
  .wp-block-media-text__media{padding-bottom: 30px;}
}


/* ! Slider */
.splide{margin-top: 50px;}
.splide__slide{padding: 30px;}
.splide__arrow {background: #004D99!important;}
.splide__arrow svg {fill: #fff!important;}

/* ! Tiles */

.tiles{min-height: 500px; border-radius: 30px; color:#fff; position: relative;overflow: hidden; display:block}
.tiles__label{position: absolute; bottom: 30px; left:30px}
.tiles__content{
  padding: 30px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(0,77,153,1) 0%, rgba(255,255,255,0) 100%);
  margin-top: 400px;
}
.tiles__content p{text-transform: uppercase;}





/* ! Animation */
/* --------------------------------------------------------- */

.fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.fade-up{opacity: 0; transform: translateY(5rem);}

.rotate{ animation: rotation 20s linear infinite}

@keyframes rotation {
  0% {  transform: rotate(0deg);}
  100% {  transform: rotate(360deg);}
}

.slide-right{position:relative; right: -200px}
.slide-left{position:relative; left: -200px}