header.masthead {
	  background: rgba(46, 134, 193, 1) url("../img/bg-trentino7.jpg");
    background-position: top;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
}

@media (max-width: 1920px) {
  header.masthead {background: rgba(46, 134, 193, 1) url("../img/bg-trentino8-1920.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
}


@media (max-width: 576px) {
  header.masthead {background: rgba(46, 134, 193, 1) url("../img/bg-trentino8-mobile.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
}

header.masthead h1 {
  text-shadow: 2px 2px 2px #282828;
}

header.masthead p {
  text-shadow: 2px 2px 2px #282828;
  color:#fff !important; margin-bottom:0.2em !important;
}

@media (max-width: 576px) {
header.masthead p {font-size:1.05rem !important;  margin-bottom:1em !important;}
header.masthead h1.header-home { font-size:2rem !important; }

}



dl {max-width: 740px;
	color:rgba(255,255,255,.9) !important
	}

dt {
  font-weight: 900;
  float:left;
  width:180px;
  text-align:right;
  margin-right:20px;
  }

@media (min-width: 576px) {
  dt.narrowerdesktop {
  font-weight: 900;
  float:left;
  width:140px;
  text-align:right;
  margin-right:20px;
  }
}

dd {
  display:table;
}

@media (max-width: 576px) {
    dd {display: block; clear:both; margin:5px 0 0 50px; }
    dt {text-align: left;margin-left:25px;}
}


/* rates */

#rates dl {max-width: 740px;
  color:rgba(255,255,255,.9) !important
  }

#rates dt {
  font-weight: 900;
  float:left;
  width:180px;
  text-align:right;
  margin-right:20px;
  }

@media (max-width: 576px) {
  #rates dt {
  width:100%;
  margin-left:10px !important; }
  #rates dd {
  margin-left:30px !important; }
  #rates .col-lg-6 {padding:0;
  }
}

@media (min-width: 1230px) {
  #rates dt {
  width:300px;
  }
}

#rates dd {
  display:table;
}

@media (max-width: 576px) {
    #rates dd {display: block; clear:both; margin:5px 0 0 50px; }
    #rates dt {text-align: left;margin-left:25px;}
}

@media (min-width: 576px) {
    .mobile-only {display: none}
} 

@media (min-width: 992px) {
    .mobile-and-tablet-only {display: none}
}

@media (max-width: 991px) {
  .desktop-only {display: none}
}

@media (max-width: 575px) {
  .tablet-and-desktop-only {display: none}
}

hr.mini-divider {border-color: #48c9b0 !important; width: 20%; border-width: 2px}


@media (max-width: 1100px) {
    .wide-only {clear:both;}
  }


.page-section {padding:4rem;}

.paragraph-section { margin-top: 4px;padding-top:40px; padding-bottom: 0px; }


  @media (max-width: 575px) {
    .page-section {padding:2rem 1.5rem !important;}
  }  

ul.small-list {margin:15px 0 0 20px;}
ul.small-list li {float:none; text-align: left; display:list-item; font-size:12pt;}
.project-name {width:100%;}


.bg-primary {background-color: #2980b9 !important}

.btn-primary {background-color: #48c9b0 !important}
.btn-primary:hover {background-color: #3498db !important}
.btn-primary:focus {border-color:#48c9b0 !important; box-shadow: 0 0 0 .2rem rgb(72, 201, 176,0.5) !important}
.btn-blue {background-color: #2980b9 !important}
.btn-blue:hover {background-color: #3498db !important}
.btn-blue:focus {border-color:#48c9b0 !important; box-shadow: 0 0 0 .2rem #e1ecf4 !important}
.btn-light:hover {background-color: #eaeaea !important; }
.btn-light:focus {border-color:#48c9b0 !important; box-shadow: 0 0 0 .2rem #e1ecf4 !important}
.btn-top-light {padding: 0.5rem 0.75rem; background-color: #f2f2f2; color:#879098}
.btn-top-light:hover {padding: 0.5rem 0.75rem; background-color: #e3e3e3; color:#6a6e73}
.btn-top-light:focus {padding: 0.5rem 0.75rem; background-color: #f2f2f2; color:#879098}

div .btn-top-right-div {text-align: left; margin-bottom:20px;}

  @media (max-width: 575px) {
div .btn-top-right-div {text-align: left; margin-bottom:10px;}
hr.long-divider {margin-top: 0px !important}
}


hr.divider {border-color:#48c9b0;}
.text-primary {color:#3498db !important;}

hr.long-divider {
  margin-bottom:0 !important; max-width:60%; border-color:#2980b9 !important;
}

hr.paragraph-title {margin-bottom:5px !important;}

a {color:#3498db;}
a:hover {color:#2e86c1;}


  @media (min-width: 992px) {
#mainNav .navbar-nav .nav-item .nav-link { text-shadow: 1px 1px 2px #282828; }
#mainNav .navbar-nav .nav-item .nav-link:hover {color: #fff !important}

#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {text-shadow: none;}
#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {color: #2e86c1 !important}

#mainNav .navbar-brand {color:rgba(255,255,255,.9);   text-shadow: 1px 1px 2px #282828;}
#mainNav.navbar-scrolled .navbar-brand {text-shadow: none;}
#mainNav.navbar-scrolled .navbar-brand:hover {color: #2e86c1 !important}


#mainNav .navbar-scrolled {color:rgba(255,255,255,.9);}
#mainNav .navbar-nav .nav-item .nav-link  {color:rgba(255,255,255,.9)}
} 

/* end desktop. below mobile: */

  @media (max-width: 991px) {

#mainNav .navbar-nav .nav-item .nav-link.active {color: #000 !important;}
#mainNav .navbar-nav .nav-item .nav-link:active {color: #000 !important}
#mainNav .navbar-nav .nav-item .nav-link:hover {color: #2e86c1 !important}

}

.project-box-blue {background:#2e86c1; padding:30px 20px 40px 0; height:100%;}
.project-box-green {background:rgba(72, 201, 176); padding:30px 20px 40px 0;  height:100%}

.project-category {font-family: "Merriweather Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; font-size: .85rem; font-weight: 600; text-transform: uppercase; text-align: center;}

.small-list li {font-size: 11.5pt !important}

.w3-modal {display: none;}

.w3-button {color:rgba(255,255,255,.8);text-decoration:underline;}
.w3-button:hover  {color:rgba(255,255,255,.7);}


.w3-modal-content {background-color: #3498db; padding:10px 20px 20px 10px; max-width: 650px;z-index:3;position:absolute;border: solid 4px #fff;
  animation-name: popup;
  animation-duration: 0.5s;
}
@keyframes popup {
  0%   {opacity:0;}
  100% {opacity:1;}
}


.w3-cross {float:right;cursor:pointer;font-size:30px;color:rgba(255,255,255,.8)}


@media (min-width: 576px) {
.min-width-desktop {
  min-width: 410px
}
.pad-right-desktop {padding-right: 25px}
}

.white-link {color:#e1ecf4 !important;text-decoration:underline;}
.white-link:hover {color:#e1ecf4 !important;text-decoration:none;}





/* language switcher */

.dropdown-link
{font-family: "Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 700;
font-size: .8rem;color: #212529;
}

.dropdown-link:hover {
  text-decoration:none !important;
}

@media (max-width: 991px) {
.desktop-switcher {display:none}
  }


  @media (min-width: 992px) {
.nav-wrapper { padding-top:10px;
    padding-left: 30px;
}

}

.nav-wrapper {
  margin:0;

  text-align: left;
}

  .sl-nav {
  display: inline;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.sl-nav li {
  cursor: pointer;
  padding-bottom:10px;
}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {
  position: absolute;
  top:29px;
  right:-15px;
  display: block;
  background: #f8f9fa;
  width: 140px; /* back to 100 once "Italian" */
  padding-top: 0px;
  z-index: 1;
  border-radius:5px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #f8f9fa;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 10px;
  padding-bottom:0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}

.sl-nav li ul li:last-of-type {
  padding-bottom: 10px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.flag-en {
background: url('/img/en.png');
  background-size: cover;
  background-position: center center;
}
.flag-en-us {
background: url('/img/en-us.png');
  background-size: cover;
  background-position: center center;
}
.flag-it {
  background: url('/img/it.png');
    background-size: cover;
    background-position: center center;
}
.flag-fr {
  background: url('/img/fr.png');
    background-size: cover;
    background-position: center center;
}
.flag-es {
  background: url('/img/es.png');
    background-size: cover;
    background-position: center center;
}
.flag-jp {
  background: url('/img/jp.png');
    background-size: cover;
    background-position: center center;
}

  @media (max-width: 991px) {
    .sl-nav li ul li { padding: 15px; }
    .sl-nav li ul li {   padding-bottom:5px; }
    .sl-nav li ul li:last-of-type { padding-bottom: 15px; }
    .sl-nav li:hover ul {width: 145px;} /* back to 120 once "Italian" */
  }


  .home-flag {
    margin-left: 8px;
  }

  .us-last {
    margin-left: 2px;
  }


  @media (min-width: 992px) {
    #mainNav .drop-down-triangle { color:rgba(255,255,255,.9);text-shadow:1px 1px 1px #282828; margin-left:2px }
  }
#mainNav.navbar-scrolled .drop-down-triangle {color:#212529; text-shadow: none;}

.no-shadow {text-shadow: none;}





  @media (min-width: 992px) { 
    .mobile-language-switcher {display: none}
    }


  @media (max-width: 991px) { 
.mobile-language-switcher {
    padding-top: 10px;
    position: relative;
    top: 0px;
   right: -240px;
}
}


  @media (max-width: 767px) { 
.mobile-language-switcher {
   right: -154px;
}
}


  @media (max-width: 575px) { 
.mobile-language-switcher {
      position: fixed;
      top: 15px;
   right: 86px;
}
}


/* contents/footer links */
    div.mobile-contents-div ul{
        padding: 0;
        list-style: none;
    }
    div.mobile-contents-div ul li{
        display: inline-block;
        position: relative;
    }
    div.mobile-contents-div ul li a.contents-hover{
        display: block;
        padding: 0px 0px 25px 0px;
        color: #212529;
        text-decoration: none;
    }
    div.mobile-contents-div ul li a:hover{
    color: #212529;
    }
    div.mobile-contents-div ul li ul.contents-dropdown{
        width: 300px; /* Set width of the dropdown */

        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
        top: 0;
    }
    div.mobile-contents-div ul li:hover ul.contents-dropdown{
        display: block; /* Display the dropdown */
    }
    div.mobile-contents-div ul li ul.contents-dropdown li{
        display: block;
    }
     
     div.mobile-contents-div .contents-hover:hover { text-decoration: none; }
     div.mobile-contents-div  .contents-last {padding-bottom: 0 !important;}


.contents-link { margin-right:10px; min-width:245px; }
.contents-link-end { margin-right:0px; min-width:255px; }

  @media (max-width: 991px) {

.contents-link { display:none }

  }

    @media (min-width: 992px) {
      .contents-link-mobile { display:none }
}

div.mobile-contents-div .contents-link-mobile { border-radius: 30px;
width: 300px }








@media (min-width: 1200px) {

     .margin-right-if-wide { margin-right:10px; }

     .br-if-not-wide { display:none }

   }




/* mobile fonts */

  @media (max-width: 575px) { 
p {
    font-size: 0.85rem;
}


h2 {font-size: 1.75rem;}


}


ul.small-list {
  padding-left: 25px;
}