/*
 Theme Name:     ISGRE (wp-bootstrap-4 Child)
 Theme URI:      http://www.btcongress.com
 Description:    wp-bootstrap-4 Child Theme for ISGRE
 Author:         Stefano
 Author URI:     
 Template:       wp-bootstrap-4
 Version:        1.2
*/

@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;400;500;700;900&display=swap');


@font-face {src:url('assets/Lato/Lato-Light.ttf'); font-family: Lato; font-weight:400}
@font-face {src:url('assets/Lato/Lato-Regular.ttf'); font-family: Lato; font-weight:500;}
@font-face {src:url('assets/Lato/Lato-Bold.ttf'); font-family: Lato; font-weight:600;}
@font-face {src:url('assets/Lato/Lato-Black.ttf'); font-family: Lato; font-weight:700;}
@font-face {src:url('assets/Lato/Lato-Italic.ttf'); font-family: Lato; font-weight:500; font-style:italic;}
@font-face {src:url('assets/Lato/Lato-BlackItalic.ttf'); font-family: Lato; font-weight:600; font-style:italic; }







.main-course-logo{ background-size: 1920px!important; background-position-x:center; background-position-y:0;  background-color: #fff!important; min-height: 300px;padding: 1px;transition: opacity 1s ease-in-out; border-radius: 0;}
.inner-page .main-course-logo{background-position: center 109px!important; min-height: 88px; border-radius: 0;    padding: 1px; }
.site-branding-text{display:none;}
.inner-page .wp-bs-4-jumbotron{}
.jumbotron-heading{display:none;}


label {cursor:pointer;}


/*MENU*/
#site-navigation{    box-shadow: 0px 6px 5px -6px #444;}
.container .lead {display:none;}

.custom-logo {display:none;} /*settare l'immagine come logo insite-identity->logo, qui la nascondo e la mostro a width<480*/ 
.bg-isgre{background: #e6e5e5}
.nav-link{text-transform: uppercase; font-family: Yantramanav;font-size: 1.05rem;    font-weight: 400;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:#000}
.navbar-light .navbar-nav .nav-link{color:#8f8f8f;     transition-duration: 0s;}


/*FONTING */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,body{font-family:Yantramanav;}
body{font-size:18px;}
h6, .h6{font-family:Yantramanav;font-weight: 700;}
.entry-title.h2{text-transform: uppercase; font-weight: 700; color:#E1001A; text-align:center; }
p.serif{font-family: Times!important;    font-size: 1.2rem;    line-height: 1.4;}
.sanserif .elementor-widget-container *,  .sanserif{font-family: Yantramanav!important; line-height: 1.4!important}
p.sanserif, .sanserif p {font-size: 1rem!important; font-weight: 400!important;}


/*FIX*/
.entry-title{    margin-top: 2rem;    margin-left: 1.1rem;}

/*ICONS*/
.icon-not-logged{background:url(assets/not-logged.svg) no-repeat center; width:30px; height:30px; display: inline-block; vertical-align: sub;}
.icon-logged{background:url(assets/logged.svg) no-repeat center; width:30px; height:30px; display: inline-block; vertical-align: sub;}
.icon-dowload-white {
    background: url(assets/download.svg) no-repeat center;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: sub;
}


/*dispense*/
.action {    flex: 1 0 0;	align-self: center;    text-align: center;}




/*STILE ELEMENTI*/
.elementor-btn-white .elementor-button {background-color:#fff!important;text-transform: uppercase;font-family: Lato;font-weight: 500; border-radius:10px!important; color:#202020!important; padding: 12px 48px!important}
.elementor-btn-white .elementor-button:hover{background-color:#c6c6c6!important;}
.elementor-btn-outline .elementor-button {background-color:#fff!important;text-transform: uppercase;font-family: Lato; border-radius:10px!important; color:#202020!important; padding: 12px 48px!important; border:solid 1px #202020!important;}
.elementor-btn-outline .elementor-button:hover{background-color:#e6e5e5!important;}
.elementor-btn-outline .elementor-button:hover:active, .elementor-btn-white .elementor-button:hover:active{position:relative; top:1px; left:1px;}
.btn{font-weight:500; font-family: Lato; }
.btn-red{background:#e1001a!important; border-color:#e1001a!important; color:#fff;;}
.btn-red:hover{background:#be000d!important;border-color:#e1001a!important;}
.elementor-button-text{font-weight:500}

.entry-title a.btn:hover,a.btn:hover,
 a.btn:active, a.btn:not(.btn-outline-dark):focus{color: #fff!important;}
a.btn-outline:focus{color: #fff!important;}

.highlight-blue, .highlight-blue .elementor-widget-container *{color:#0077b3!important;}
.highlight-red, .highlight-red .elementor-widget-container *{color:#dd0b1e!important;}
.bg-red {background:#dd0b1e!important;}


/*PROFILE*/
#profile .entry-title{     padding-left: 50px;    background: url(assets/logged.svg) no-repeat left  5px ; background-size: 40px;   }
#profile .entry-title small{    font-size: 1.4rem;}
.username{margin-top:40px;}


/*PROGRAMMA*/
.day_1,.day_2{background:#f5f5f5; border-radius:0px;padding: 2.5rem 2rem;}
.day {color:#db0015; text-align: center;}
.session {padding-bottom: 1rem}
.session.single .stitle, .session.clinicalcases .stitle, .session.lunch .stitle{color:#333; border-color:transparent;}

.speech_time p{line-height:1.4;}

.session .stime {display: inline-block; padding-right:5px;     font-weight: 500; font-size: 1rem}
.session .stitle {color:#db0015; font-size: 1.1rem;    border-bottom: solid 1px;     font-weight: bold;margin-bottom: 1rem;}
.foto{       background: #eaeaea;    width: 60px;    height: 60px;    float: left;    margin-right: 10px;    border-radius: 30px;}
.foto img {    width: 100%;}
.speaker{font-weight:bold; display:block;}
.flag{    vertical-align: initial;    margin-left: 6px;}


.speech{font-weight:normal;     flex: 10 0 0;}
.speech_li{    margin-bottom: 2.5rem; 
    display: flex;flex-wrap: wrap;
    flex-direction: row;
	align-items: center;
    justify-content: space-between;
	
}
.online_course .speech_li{
    background: whitesmoke;
    margin-bottom: 1rem;
    border-radius: 6px;
	padding:1rem 0.8rem;
   
}

.online_course .speech_time{
    border-left: solid 3px #fff;
   padding: 1rem 1rem 0;
    margin: -1rem -0.8rem -1rem 0;
    width: 40%;
	max-width: 300px;
    text-align: center;
    min-height: 100px;
    border-radius: 0 4px 4px 0;
	background: #c9e7f5;
	
}

.online_course .speech_time p{}

.online_course .foto{width:20%; max-width: 60px;}

.speeches_ul.online_course.v2{}
.online_course.v2 .speech_li{ background: transparent;padding: 0; align-items: stretch;}
.online_course.v2 .speech_info{ background: #ebebeb;    flex: 1 0; padding: 1rem 0.8rem;    min-height: 100px;  border-radius:  4px 0 0 4px ;}
.online_course.v2 .speech_time{padding:0;margin: 0;min-height: 0; 	    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
	    flex-direction: column;
}



.session.clinicalcases .stitle{cursor:pointer;}
.session.clinicalcases .stitle.open{color:#0077b3}
.session.clinicalcases .stitle:hover{color:#dd0000;}
.session.clinicalcases .speeches_ul{    display: block;    border-left: 1px solid #ced4da;    padding-left: 15px;} 

.plus{       width: 15px;
    height: 15px;
    /* background: #dd0000; */
    display: inline-block;
    border-radius: 10px;
    vertical-align: -2px;
    background: url(assets/open-close.svg) no-repeat;
    background-size: 67px;
    margin-right: 2px; cursor:pointer;}
.stitle:hover .plus{background-position: -17.5px 0;}
.open .plus{background-position: -53px 0px;}
.stitle.open:hover .plus{background-position: -35px 0px;}

@media only screen and (max-width: 425px) {
.online_course .speech_time{width: 100%;
    height: 50px;
    border-left: none;
    border-top: solid 1px #343b3f;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
	background:none;}

.online_course.v2 .speech_time{border-radius:   0 0 4px 4px ; border:none; margin:0; padding:0; height: auto;background:#c9e7f5; max-width:100%}
	.online_course.v2 .speech_info{border-radius:   4px 4px 0 0  ;}	
	
}

/*FINE PROGRAMMA*/


/*popup errori login/abs/form*/
.popup-alert {
    position: fixed;
    top: 50%;    left: 50%;    width: clamp(100px, 50vw, 500px);    transform: translate(-50%, -50%);    background: rgb(255 255 255 / 95%);     backdrop-filter: blur(5px);    padding: 20px;    border-radius: 10px;    display: flex;    align-items: center;
    justify-content: space-between;    opacity: 0;    transition: opacity 0.3s ease;    border: solid 1px #ddd;box-shadow: 1px 3px 9px #9999995e;
}
.popup-alert.show { opacity: 1; }
/*fine popup errori*/

/* Il pulsante di chiusura viene posizionato in modo assoluto */
.btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem; /* Spaziatura interna per renderlo cliccabile */
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.15s ease-in-out;
}

/* Effetto hover per il pulsante */
.btn-close:hover {
  opacity: 0.75;
}



/*FOOTER*/
#colophon{margin-top:80px;}
#isgrelogo{    background: #fff;    border-top: solid 1px #1d1d1b;    padding: 1rem 0 0;    margin: 0 3rem 0;;}
#isgrelogo a {width:200px; height:70px; background: url("assets/logo-isgre.svg") no-repeat;     display: block; margin: auto; }


/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

@media (max-width: 767.98px) {
	/*.wp-bp-content-width{padding:  0;}	*/
	article > .card-body {padding:0}
.custom-logo {display:block;} 	
.main-course-logo{display:none;}
 .site-title a{display:block;    width: 170px;    height: 80px;}
.bg-isgre{background: #ca0d13}
.navbar-light .navbar-toggler-icon{  background-image:  url(assets/menu.svg);}
.navbar-light .navbar-toggler, .navbar-toggler {    border:none;}	
.navbar-light .navbar-nav .nav-link{color:#f7b7b7;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color:#fff;}	
}


@media (max-width: 991.98px) { 
	.dropdown-menu li {margin:0 1rem 1rem; border:none;}
	.dropdown-menu{background: #be000d; border: none; width:100%; }
	.dropdown-menu .nav-link{padding:0}
}



/*correzioni a bootstrap-4*/
.form-select {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control{color:#333!important;}
    .form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}


.fas {
  display: inline-block;
  width: 1em;   /* Si adatta alla dimensione del font corrente */
  height: 1em;  /* Si adatta alla dimensione del font corrente */
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.fa-copy {
  /* SVG inline codificato in URL (due fogli sovrapposti, tipici del "copia") */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E");
}