@import "../Mocha/99-Mocha.css";
@import "../QuickstartBase/base.css";

@import url(//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);


.big-num h1,
.big-num h2,
.big-num h3,
.big-num h4,
.big-num h5,
.big-num h6,
.big-num .counter-value{
	font-size: 200%;
	line-height: 1.3;
	font-weight:bold;
	display: inline-block;
	position: inherit;
	background: rgb(14,199,169);
	background: -moz-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
	background: linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7a9",endColorstr="#004a80",GradientType=1);
	background-size: 100%;
	background-repeat: repeat;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	display:inline-block;
}

.big-num.white h1,
.big-num.white h2,
.big-num.white h3,
.big-num.white h4,
.big-num.white h5,
.big-num.white h6,
.big-num.white .counter-value{
background: rgb(14,199,194);
background: -moz-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
background: linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7c2",endColorstr="#0ec7a9",GradientType=1);
  background-size: 100%;
  background-repeat: repeat;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  display:inline-block;
}








/*****************************************/
/***      TT STYLE SHEET       ***/
/*****************************************/



.eventbox{
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 30px;
}
.event-image{
      overflow: hidden;
        flex: 0 0 150px;
        height: 150px;
        /* position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        overflow: hidden; */
       
     
} 
.event-image img{
width: auto;
min-height: 100%;
min-width: 100%;
object-fit: cover;

}
.event-content{
    flex: 1;
    padding: 15px;
}
.event-content h2{
     font-size: 20px;
     color: #043F5E;
     line-height: normal;
     margin: 0 0 10px 0;
     padding: 0px;
     font-weight: 800;
}
.event-content h3{
   margin: 0 0 10px 0;
   font-size: 17px;
   color: #333;
   line-height: normal;
   padding: 0px;
   font-weight: normal;
}
.event-content h3 a{
  color: #333;
}
.event-content h3 a:hover{
    color: #043F5E;
    text-decoration: none;
  }
  .event-content h4{
    margin: 0 0 0px 0;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    line-height: normal;
    padding: 0px;
  }




#yui-main {
	background-color: #ffffff;
	border-width: 0px;
	border-collapse: collapse;
}

/***store***/
.noLabels .PanelField .Label,.noLabels .PanelField label{display:none}
.noGrid .rgHeader{display:none}
.noGrid th.rgHeader{display:none}
.noGrid .RadGrid .rgAltRow,.noGrid .RadGrid .rgRow{background:0 0}
.noGrid .RadGrid_MetroTouch .rgRow{background:0 0!important}
.noGrid .RadGrid_MetroTouch{border:0}

.title .PanelFieldValue{font:700 31px/1.25em Cabin,sans-serif;}

.prodList .slide{height:330px;width:calc(33% - 40px);float:left;margin:20px}
.prodList .slide a{text-decoration:none}
.prodList .prodImg{width:100%;display:block;height:calc(100% - 100px);background-repeat:no-repeat;background-size:cover;background-position:center;transform:scale(.75);transition:.5s}
.prodList .prodImg:hover{transform:scale(1)}
.prodList .prodTitle,.prodList .prodPrice{display:block;font-size:20px;font-weight:700;width:90%;margin:0 5%}
.prodList .prodPrice{font-size:15px}
.prodList .prodPrice:before{content:'$'}
.fancybox-slide--iframe .fancybox-content{width:100%;height:100%!important;margin:0}
.slick-arrow{position:absolute;top:calc(50% - 25px);z-index:+1;opacity:0;height:50px;width:50px;background:0 0;border:0;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-size:0}
.slick-arrow:before{font-family:fontawesome;font-size:50px;height:50px;opacity:.5;color:#213983}
.slick-arrow:before:hover{opacity:1}
.slick-prev:before{content:'\f0a8'}
.slick-next:before{content:'\f0a9'}
.slick-slider:hover .slick-prev{opacity:1;left:-15px}
.slick-slider:hover .slick-next{opacity:1;right:-15px}

.CatList thead{display:none}
.EmptyMasterContentPanel{height:auto!important;overflow:hidden!important}

@media (max-width: 576px){
    .eventbox{
    
        flex-direction: column;
    }
}

.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
  text-transform: capitalize;
  color: #191919;
  font-weight: normal;
  letter-spacing: 1px;
}

.Alerts .AlertItem {
  list-style: none;
  border: 1px solid #ddd;
  margin-top: -1px !important;
  padding: 12px 10px;
  background-color: #f2f6fb00;
  /* if using the user message style remove the extra padding */