@import url(https://fonts.googleapis.com/css?family=Rokkitt:200,300,400,700);
@font-face {font-family: Rockwell; src: url('rockwell.ttf'); }

/* colori CNDL */
:root {
  --cndl-v: #993399;
  --cndl-vl: #6c136c;
  --cndl-vd: #956a95;
  --cndl-o: #ff9900;
  --cndl-dg: #333333;
}

/* MEDIA BREAK POINTS */

    /* DEFAULT */ 
/*           .media{
             border: 1px solid red;          } */

    /* xl = max-width 1199px */
/*         @media (max-width: 1199px) {
          .media {
            border: 2px solid #00c3ff;         }
        } */

    /* lg = max-width 991px */
/*         @media (max-width: 991px){
          .media {
            border: solid 1px green;         }
        } */

    /* MD = max-width 767px */
/*         @media (max-width: 767px) {
          .media {
            border: 2px solid #ffff00 ;        }
        } */

    /* SM = max-width 576px */
/*         @media (max-width: 575px) {
Fcover          .media {
            border: 2px solid #ff00ff ;        }
        } */

/* ////////////////// */

html {
  /*font-size: 1rem; */
  font-size: 16px;
  }

body {
  /* background:url("../img/intersection2.png"); */
  background-color: #ffffff;
  box-sizing: border-box;
}

.wrap {
  max-width: 1199px;
  margin: auto;
  padding: 3rem;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom:.5rem;
  font-family:Rokkitt;
  font-weight:500;
  line-height:1.2;
}

h1 {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 3rem;
}

p {
  font-family:Rokkitt;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.2;
  /* text-align: justify; */
}

.container {
  max-width: 100% !important;
  display: flex;
  padding: 2em;
  justify-content: space-between;
} 

.main {
  flex-basis: calc(100% * .60);
  margin-right: 1em;
}

.aside {
  flex-basis: calc(100% * .40);
  margin-left: 1em;
  align-items: stretch;
}

.stripe {
  padding: 2rem;
  height: auto;
  background-color: #eee;
}

.accordion-button {
  background-color: #eee;
  color: var(--cndl-v);
  font-weight: bold;
  font-size: 0.8em;
  text-decoration: none;
}

.accordion-button:not(.collapsed) {
  background-color: #eee;
  color: var(--cndl-v);
  text-decoration: none;
}

.accordion-button:focus {
  border: 1px solid var(--cndl-v);
  outline:none;
  box-shadow: none;
  color: var(--cndl-v);
}

.accordion-header-cndl {
  margin-bottom: .5rem;
}

.accordion-body {
  padding: 1.5rem;
  /* margin-bottom: 3rem; */
}

.lead {
  font-size:22px; 
  line-height: 1.6rem;
}

.text-primary {
  color: var(--cndl-v) !important;
  }

.text-secondary {
  color: var(--cndl-o) !important;
}

.bg-primary {
  background-color:var(--cndl-v) !important;
  color: #fff;
}

.bg-secondary {
  background-color:#ff9900 !important;
  color: #ad63ad;
}

.border-primary {
  border-color: var(--cndl-v) !important;
}

.border-secondary {
  color: var(--cndl-o) !important;
}

/* /////// PREHEADER ///////// */

.preheader {
  height: 36px;
  background-color: var(--cndl-v);
  color: #eee;
  display: flex;
  align-items: center;
  justify-content:space-between;
  padding-left:1rem;
}

.preheader img {
  max-height: 36px;
  margin-right: .5rem;
} 

.preheader__text {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  padding-right:1rem;
}

.uniurb {
  margin: 0 0 0 1rem;
/*   margin-bottom: 0px; */
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900 !important;
  font-size: 14px !important;
}

/* ////////////// NAVBAR MENU + NAVBAR TOGGLER /////////////////////// */

.navbar-brand>img {
  height: 95px;
  margin-right: -10px !important;
}

.navbar-nav{
  align-items: center;
}

.nav-link {
  color: var(--cndl-dg);
  /* border: 1px solid red; */
  font-size: 1em;
  /* padding-right: 10px !important; */
  padding-left: 10px !important;
}

.nav-link.active {
  background-color: #ffffff!important;
  color: var(--cndl-v) !important;
}

.nav-item {
  margin-right: .5em;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {
  border-radius: 0px;
}

.dropdown-item:hover {
  color: var(--cndl-v);
}

.dropdown-item:active {
  color: #fff;
  background-color: var(--cndl-v);
} 

.accesso-md {
  display: none;
}

.accesso {
  padding: .5em 1em !important;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot_active, .dot:hover {
  background-color: #717171;
}

/* ///////// COVER IMAGE (SLIDER) /////////// */
.cover, .cover2, .cover3 {
  /* background-image: linear-gradient(20deg, rgba(153,51,153,1) 10%, rgba(153,51,153,0) 85%), url('../img/CNDL13_gruppo.jpg'); */
  overflow: hidden;
  position: relative;
  height: 40vh;
  min-height: 440px;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}

.cover {
  background-image: linear-gradient(20deg, rgba(153,51,153,1) 10%, rgba(153,51,153,0) 85%), url('../img/CNDL13_gruppo.jpg');
}

.cover2 {
  background-image: linear-gradient(20deg, rgba(153,51,153,1) 10%, rgba(153,51,153,0) 85%), url('../img/foto_cina2.jpg');
}
 
.cover3 {
  /* background-image: linear-gradient(20deg, rgba(153,51,153,1) 10%, rgba(153,51,153,0) 85%), url('../img/foto_per_seminari_CNDL15.jpg'); */
  background-image: linear-gradient(20deg, rgba(153,51,153,1) 10%, rgba(153,51,153,0) 85%), url('../img/informazioni sui corsi di Uniurb.jpg');
}
 

.cover__caption {
  width: 100%;
  max-width: 1199px;
  margin: 0;
  padding: 30px;
  text-align: left;
  line-height: 0rem;
}

.cover__caption h1 {
  color: #fff;
  background-color: var(--cndl-v); 
  width: fit-content;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1em;
  padding: .1em .2em;
  margin-bottom: 1rem;
} 

.cover__caption h3 {
  color: #fff;
  background-color: var(--cndl-v); 
  width: fit-content;
  padding: .1em .4em;
  margin-bottom: 1rem;
} 

.cover__caption p {
  background-color: #fff;
  color: var(--cndl-v); 
  width: fit-content;
  line-height: 1.1em;
  padding: .4em .6em;
  font-size: 20px;
  font-weight: 500;
} 

/* ///////// COVER PAGES /////////// */

.cover-page {
  background-image: linear-gradient(20deg, rgba(153,51,153,1) 10%, rgba(153,51,153,.3) 100%), url('../img/funky-lines.png');
  overflow: hidden;
  position: relative;
  height: 10vh;
  min-height: 100px;
  background-size:auto;
  display: flex;
  align-items: flex-end;
}

.cover-page-sem {
  background-image: linear-gradient(20deg, rgb(255, 153, 0) 10%, rgba(153,51,153,.3) 100%), url('../img/funky-lines.png');
  overflow: hidden;
  position: relative;
  height: 10vh;
  min-height: 100px;
  background-size:auto;
  display: flex;
  align-items: flex-end;
}

/* TIMER WIDGET HOMEPAGE */
.accordion-item p {
  font-size: 1.2rem;
}

/* ///////// BREADCRUMBS /////////// */
.breadcrumb-item {
  padding: 0 .2rem !important;
  font-size: .8rem;
  color: var(--cndl-dg);
  text-transform: uppercase;
}

.breadcrumb-item.active {
  color: var(--cndl-v);
  font-weight: 700;
}

/* ///////// FOOTER //////////// */
.footer__content {
  background-color: var(--cndl-v);
  display: flex;
  justify-content: space-between;
  align-items:center;
  align-self: stretch;
  padding: 1em;
  height: auto;
  border-bottom: 4px solid #ff9900;
}

.footer-img {
  height: 4em;
  margin-right: 1em;
}

.footer-img-mobile {
  display: none;
  height: 3em;
}

.footer__credits {
  padding: .2em;
  text-align: center;
}

.footer__credits a {
  color: var(--cndl-dg);
  font-size: .8em;
}

.footer-col {
  border: 1px solid red;
}

/* ///////// BUTTON AREA ACCESSO /////////// */
/* .accesso {
  background-color: var(--cndl-o);
  padding: 1em 1.2em;
  color: #fff;
  border: 0;
} */

/* BUTTONS ////////////////////////////////// */
.btn {
  border-radius: 40px !important;
  padding: .6em 1.2em;
  font-weight: 700;
  margin: .5em 0em;
  font-size: .9em;
}

.btn.active {
  border-color: var(--cndl-v);
}

.btn-primary {
  background-color: var(--cndl-v);
  color:#fff;
  border: 2px solid var(--cndl-v) ;
}

.btn-primary:hover {
  background-color: #fff;
  border: 2px solid var(--cndl-v);
  color: var(--cndl-v);
}

.btn-primary:active {
  background-color: var(--cndl-vl);
  color:  #ffffff !important;
  /*border: 1px solid #ad63ad !important;*/
  border-color: var(--cndl-v) !important;
}

.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--cndl-vd);
  color:#eee !important;
  /*border: 1px solid var(--cndl-v);*/
  border-color:var(--cndl-vl);
  opacity: 1;
}

.btn-primary:focus{
  box-shadow: none !important;
}

.btn-secondary {
  background-color:#ff9900 !important;
  color: #fff;
  border: 2px solid var(--cndl-o);
}

.btn-secondary:hover {
  background-color: #fff !important;
  border: 2px solid var(--cndl-o);
  color: var(--cndl-v) !important;
}

.btn-outline-primary {
  border: 2px solid var(--cndl-v);
  color:var(--cndl-v);
  border-color: var(--cndl-v);
}

.btn-outline-primary:hover {
  color:#fff !important;
  background-color:var(--cndl-v);
  border-color: var(--cndl-v);
}

.btn-outline-secondary {
  color:var(--cndl-v);
  border-color: var(--cndl-o);
}

/* ELEMENTI STYLE////////////////////////////////// */
.badge-primary {
  color: #fff !important;
  background-color: var(--cndl-v);
}

.breadcrumb {
  padding: .75rem 0rem;
}

.border-primary {
  border-color: var(--cndl-v);
}

.card-group {
  margin-bottom: 1rem;
}

.breadcrumb a:hover {
  color:var(--cndl-v);
  opacity: 0.5;
}

.breadcrumb a {
  color:inherit;
}

/* .cndlModal{
    width:704px;
} */

/* .blocchi {
  margin: 0.0rem;
  text-align: center; 
  padding-left:0px !important;
  padding-right:0px !important;
} */

.link-interno {
  color:var(--cndl-v);
  font-weight: bold;
  text-decoration: none;
}

.link-interno:hover {
  color: var(--cndl-vl) !important;
}

.link-warning {
  color:#856404;
  font-weight: bold;
}

.link-warning:hover {
  color: #856404 !important;
}

.sponsor {
  text-align: center;
  margin:auto;
  margin-bottom: 1em;
  /* border: 1px solid #ddd !important;
  border-radius: 0px !important; */
}

.card-deck {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: .5rem;
}

.non-attivo {
  opacity: 50% !important;
}

.quote {
  margin: 2rem 0 2rem 4rem;
  /* margin-left: 4rem; */
  border-left: 4px solid #993399;
  padding-left: 1rem;
}

.quote p {
  font-size: 22px;
  font-style: italic;
} 

.gold {
  background-color: gold !important;
}

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

@keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.3;}
}

.blink {
	text-decoration: blink;
	animation-name: blinker;
	animation-duration: 0.6s;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-direction: alternate;
}

.ministero {
  width: 200px;
  filter: brightness(66%);
  padding: 1rem;
  float: left;
  zoom: 1;
}

/* XL SCREEN */
@media (max-width: 1199px) {

  .navbar-brand img {
    height: 80px;
  }
  
  .nav-item{
    margin-right: 0em;
  }
}

/* LG */
@media (max-width: 991px) {

  .accesso {
    display: none;
  }

  .accesso-md {
    display: block;
  }

  .container {
    max-width: 100% !important;
    display: block;
    padding: 1em;
    /* margin: 5em 1em; */
    justify-content: space-between;
  }
  
  .main {
    flex-basis: 100%;
    margin-right: 0em;
  }
  
  .aside {
    flex-basis: 100%;
    margin-left: 0em;
  }

  /* .navbar-brand img {
    height: 70px;
  } */

  .navbar-toggler, .navbar-toggler:focus {
    font-size: 1.2rem;
    padding: 1rem 2rem;
    border: 0px;
    box-shadow: none;
    outline: 0;
  }

  .navbar-nav {
    align-items: end;
  }

  .nav-item {
    align-items: end;
  }

  .navbar a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cndl-dg);
    text-align: end;
  }

  .dropdown-menu {
    margin-top: 0 !important;
    text-align: end;
    border: 0px;
  }

  .dropdown-item:hover, .dropdown-item:active {
    background-color: #ddd;
    color: var(--cndl-v);
  }

  .cover__caption {
    padding: 1rem;
  }

  .cover__caption h1 {
    font-size: 2.5rem;
  }

  .cover__caption p {
    font-size: 14px;
  } 

  .box {
    margin: 1.2rem;
    display: flex;
  }

  h1 {
    margin-bottom: 1.5em;
    line-height: 1em;
  }

  .fa-square-full {
    font-size: .75em;
  }

  .lead{
    font-size: 24px;
    line-height: 1.2em;
  }

  .quote {
    margin: 2rem 0;
  }

  .footer__content {
    background-color: var(--cndl-v);
    display: flex;
    justify-content: space-between;
    align-items:center;
    align-content: center;
    border-bottom: 4px solid var(--cndl-o); 
    padding: 1rem;
  }

  .footer-img {
    height: 4em;
    display: none;
  }

  .footer-img-mobile {
    display: block;

  }

  .footer__credits {
    line-height: 1em;
  }
  
  .footer__credits a {
    font-size: .7em;
  } 
}

/* MD SCREEN */
@media (max-width: 767px) {

  .navbar-brand img {
    height: 65px;
  } 

  .preheader {
    padding: 1em;
  }

  .preheader__text p {
    font-size: 1em;
  }
  
  .sponsor img{
    width: 50%; 
  }
}

/* SM SCREEN */
@media (max-width: 575px) {
  .container {
    max-width: 100% !important;
    display: block;
    padding: 3em;
    /* margin: 5em 1em; */
    justify-content: space-between;
  }
}

/* utilities */

.f-1 {
  font-size: .7rem !important;
  line-height: .5rem !important;
}

.f-2 {
  font-size: .9rem !important;
  line-height: .7rem !important;
}

.f-3 {
  font-size: 1rem !important;
  line-height: 1rem !important;
}

.f-4 {
  font-size: 1.2rem !important;
  line-height: 1.1rem !important;
}

.f-5 {
  font-size: 2rem !important;
  line-height: 1.8rem !important;
}

.w-fit {
  display: flex;
  width: fit-content;
}