@import url('//fonts.googleapis.com/css?family=Open+Sans|Rock+Salt|Shadows+Into+Light|Cedarville+Cursive');


body {
  padding-top: 3.4rem;

}

img {
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
}

.no-shadow-partners img{
  -webkit-box-shadow:  0 0 0 0 #000;
  -moz-box-shadow:  0 0 0 0 #000;
  box-shadow:  0 0 0 0 #000;
 
}

.card{
  border:0;
}


.navbar {
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
  box-shadow:0 0 20px rgba(0,0,0,0.8);
}

.navbar:after, #footer.after{
  -webkit-transform:skew(8deg) rotate(3deg);
  -moz-transform:skew(8deg) rotate(3deg);
   -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
       transform:skew(8deg) rotate(3deg);
}


/* to scroll the dropdowns on small devices */
@media screen and (max-width: 796px) {

  .navbar .navbar-collapse { 
    max-height: 70vh !important; 
    overflow-y: auto !important; 
    overflow-x: hidden !important; 
  }

  .no-shadow-partners img{
    width: 330px;
  }
}

.blockScroll{
  overflow: hidden;
  position: fixed;
  width: 100%;
}



.navbar a{
 color: white !important;
 font-size: 1.1em !important;
 }

 .dropdown-menu .dropdown-item{
  color: black !important;
 }


.navbar li{
 padding-right:2px;
}


.nav-item a:hover {
  cursor: pointer;
}

.alert
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.alert:before, .alert:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.alert:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}



#jumbotron{
    color: black;
  	position: relative;
    background-position: center;
  	background-size: cover;
  	background-repeat: no-repeat;
    background-image: url(../img/jumbotron.jpg);
    background-position-y: top;
	  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
    border-radius: 0;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
}


.jumbotron-content{
 
  color: #fff;
  border-radius: 90px;
  padding: 20px;
  opacity: 0.8;
  text-shadow: 2px 2px 8px #000;
}

.jumbotron{
  margin-bottom:0;
}

.fancybox:hover{
    filter:opacity(100%);

}


.fancybox{
    filter:opacity(70%);

}


.partners img{
  padding: 20px 15px  !important;
}

.blockquote-footer::before{
  content:"";
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

.bg-piazzano{
  background-color: #ba1014;
}

.fg-piazzano{
  color: #ba1014;
}


body {
  /* Margin bottom by footer height */
  min-height:100%;
  /*margin-bottom: 20vh;*/
}

#footer{
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
  box-shadow:0 0 20px rgba(0,0,0,0.8);
}


#footer {
  position: absolute;
  box-sizing: border-box;
  min-height: 20vh;
  /*bottom:0;*/
  width: 100%;
  line-height: 1.5rem; /* Vertically center the text there */
  color: white;
  
}

#main-content{
  margin: 0 0 0 0;
  overflow-y:hidden;
  overflow-x: hidden;
  min-height: 80vh !important;
  
}


/* SUBMENU DROPDOWN */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  /*position: absolute;*/
  right: 30px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 100%;
/*  right: 100%;
  margin-left: .1rem;
  margin-right: .1rem;*/
}

ul.dropdown-menu.show{
  text-align: center!important;
  -webkit-box-shadow: 0 9px 6px -6px #999;
  -moz-box-shadow: 0 9px 6px -6px #999;
  box-shadow: 0 9px 6px -6px #999;
}

.fancybox-lock, .fancybox-margin{
  margin-right:0 !important;
}


.postit {
  line-height: 1;    
  text-align:center;     
  width: 334px;       
  min-height:325px;
  max-height:325px;
  padding-top:20px;
  position:relative;   
  border:1px solid #E8E8E8;  
  border-top:0px;
  font-family:'Reenie Beanie';   
  color: black;
  text-shadow: none; 
  font-size:43px;      
  border-bottom-right-radius: 60px 5px;
  display:inline-block;    
  background: #ffff88; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
  background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.postit:after {     
  content: "";
 position:absolute;
 z-index:-1;
 right:-0px; bottom:20px;
 width:200px;
 height: 25px;
 background: rgba(0, 0, 0, 0.2);
 box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
-webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
     -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
        transform: matrix(-1, -0.1, 0, 1, 0, 0);
}

@import '//fonts.googleapis.com/css?family=Reenie+Beanie';

/** Post-it custom CSS */
.rotate-3 {
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg)
}




.sig3 {
  font-family: 'Cedarville Cursive', cursive !important;
  font-size: 2.5em !important;
}