@font-face{font-family:proximaBold;src:url(../fonts/ProximaNova-Bold.woff)}
	@font-face{font-family:proximaLight;src:url(../fonts/ProximaNova-Light.woff)}
	@font-face{font-family:proximaMedium;src:url(../fonts/ProximaNova-Medium.woff)}
	body {
		font-family:proximaLight;
	}
    ul {
        text-align: right;
        align-self: center;
    }

.dropDownDiv a {
    color: black;
}
    
    li {
        display:inline-block;
        float:none;
        //padding-left:10px;
        padding-right:20px;
 		font-family:proximaMedium;
   }
    
    .article {
        height:auto;
    }

    .textGradient {
        background: -webkit-linear-gradient(360deg, #48BE58, #C2D74B);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        float: right;
        margin-top: .5rem;
        text-fill-color: transparent;
    }

@supports ((background-clip: text) or (-webkit-background-clip: text)) and
  ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {   
      .textGradient{
        background-image: linear-gradient(90deg, #007eb1, #c3d74b);
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
      }
      .textGradient sup {
        background-image: linear-gradient(90deg, #8BCC51, #A7D14D);
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
    }

    .gradientFaq {
        display:inline;
        background-image: linear-gradient(90deg, #007EB0, #75C753);
        background-size: cover;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
    }
}


@media (max-width: 497px) {
    .artImg {
        display:none;
    }
    #searchBox {
        width: 90px;
    }
    .calendar {
        display:none;
    }
}


.calendarDate {
    width: 150px; 
    margin-top:3rem;
    text-align:center; 
    float:right; 
    right:30; 
}

@media (max-width: 800px) {
    .calendarImg {
        display:none;
    }
    .calendarDate {
        float:none;
        margin-right:0;
        width:100%;
        right:0;
    }
    
    .textGradient {
        float: none;
    }
}
    
    hr {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .active {
        background-color: white;
        box-shadow: 6px 7px 20px 0px #AAA;
    }
    
    .black {
        color: black;
    }
    
    .tabs {
        padding-top: 3%;
        padding-bottom: 3%;
        width:200px;
        text-align:center;
    }

@media (max-height: 880px) {
    .tabs {
        padding-top: 2.5%;
    }
}

@media (max-height: 750px) {
    .tabs {
        padding-top: 2%;
    }
}

@media (max-height: 660px) {
    .tabs {
        padding-top: 1%;
    }
}
    
    .tabs p {
        font-size:1rem;
        display:inline;
    }
    
    .social {
        padding-top:25%;
        padding-right:10px;
    }
    
    .snippet {
        color: #AAA;
        
    }
    
    .formText {
        background-color: #e7e7e7;
        border: 0;
        display:inline-block;
    }
    
    .formButton {
        display: inline;
    }
    
	.container{
		font-family:proximaLight;
	}	

    .container li{
		font-family:proximaLight;
	}
    
    a:hover{
        text-decoration: none;
        color:black;
    }

.collapsedTopButton {
    outline:none;
    display:none;
    border: 1px solid transparent;
    margin-right: 8%;
    cursor:pointer;
}
    .collapsey {
        padding:0;
        text-align:center;
    }

    @media (max-width: 1430px) {
        .collapsey {
            display:none;
            padding:0;
            text-align:center;
        }

        .collapsedTopButton {
            display:block;
            position:absolute;
            outline:none;
            right:0;
            margin-right:25px;
            font-size: 1.25rem;
            background-color:transparent;
            border:0px;
            float:right;
        }
    }

.secretcontent li {
        -webkit-box-shadow: 3px 5px 7px 0px #888;
        -moz-box-shadow: 3px 5px 7px 0px #888;
        box-shadow: 3px 5px 7px 0px #888;
        -ms-box-shadow: 3px 5px 7px 0px #888;
}

@media (min-width: 1430px) {
    .ham-contentHidden {
        display:none;   
    }
    
}

    .navbar {
        height:10%; 
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        -webkit-box-shadow: 3px 5px 7px 0px #888;
        -moz-box-shadow: 3px 5px 7px 0px #888;
        box-shadow: 3px 5px 7px 0px #888;
        -ms-box-shadow: 3px 5px 7px 0px #888;
    }

    
    @media (max-width: 800px) {

        .fixedTop {
            width:100%;
        }
    }

    .fixedTop {
        background-color: #F8F9FA;
        display:none;
        position:fixed;
        right: 0;
        top:76px;
        z-index:20;
        width:auto;  
    }
    
    .fixedTop li {
        margin: 5px;
    }

    .dropdown {
        background-color: #F8F9FA;
        height: auto;
        width: 220px;
        margin-bottom: 2px;

    }

    .ham-contentHidden {
        list-style: none;
        margin:0;
        float:right;
        padding-left: 0;
        color: black;
        text-align: center;
        text-decoration: none;
    }

    .ham-contentHidden li {
        padding: 5px 20px 5px 20px;
        text-decoration: none;
        display: block;
    }
    
    .calendar {
        border-style: solid;
        border-color: #EFEFEF;
    }

.bannerimg {
    width:100%;
}

@media (max-width: 1920px) {
    .bannerimg {
        width:100%;
    }
}
    .calendar {
        color: #A7A9AC;
        font-family: proximaBold;
    }    
    
    .calendar h1 {
        font-size: 4rem;
        text-align: center;
    }
    
    .calendar h3 {
        font-size: 3rem;
        text-align: center;
    }

    .faqBox {
		overflow:hidden;
		transition: all 0.25s ease-out;
	}

    .dropDownDiv {
        position: absolute;
        width:200px;
        right: 10px;
        top: 10.1%;
        z-index:20;
        width:auto;
    }
.articlePage img{
    max-width: 100%;
}