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






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

