@font-face {
	font-family:'Basker';
	font-display: auto;
	src: url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
}

@font-face {
	font-family:'BaskerBold';
	font-display: auto;
	src: url('../fonts/LibreBaskerville-Bold.ttf') format('truetype');
}

@font-face {
	font-family:'Museo';
	font-display: auto;
	src: url('../fonts/Museo300-Regular.otf') format('opentype');
}

@font-face {
	font-family:'MuseoBold';
	font-display: auto;
	src: url('../fonts/Museo-500_gdi.ttf') format('truetype');
}

@font-face {
	font-family:'Gotham';
	font-display: auto;
	src: url('../fonts/GothamMedium.ttf') format('truetype');
}

body{ -webkit-text-size-adjust: none; }

@media only screen and (max-width: 1081px){
    .banBox{
        padding: 95px 0px;
    }
    .highlights .kScroll{
        height: 440px;
    }
    .highlights .col3{
        height: 536px;
    }
    .resources .classBox .kScroll {
        height: 223px;
    }
    .resources .col2{
        height: 560px;
    }
    .resources .classBox .kScroll {
        height: 240px;
    }
    .classBox .thumb img.cl{
        height: 220px;
    }
    .videoFeed .thumb img.comm{
        height: 240px;
    }
    .resources .descx {
        line-height: 16px;
        font-size: 11px;
    }
    #superfish .menu a, #superfish .menu a:visited{
        padding-right: 18px;
        padding-left: 18px;
    }
    input#lwbtn, input#submitB, input#lwbtn:disabled,
    .url a, .yBT, .highlights .url a, .resources .url a,
    #newsletter input[type="submit"]{
        -webkit-appearance: none !important;
    }
    input#lwbtn, input#submitB{
        font-family: 'MuseoBold';
    }
    .url a, .yBT{
        display: inline-block !important;
        font-family: Arial,Verdana;
    }
    #newsletter input[type="submit"]{
        color: #8d826f !important;
        font-family: 'MuseoBold';
    }
}

@media only screen and (max-width: 900px){
    #mobMenuPop {
        width: 50%;
        position: absolute;
        top: 160px;
        right: 0px;
        display: flex;
        flex-direction: column;
        font-size: 30px;
        justify-content: center;
        align-items: center;
        z-index: 8888;
        font-family: 'Basker' !important;
        background: url(/sites/all/themes/danland/skImgs/mobMenu.jpg) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center center !important;
        padding: 43px 0px;
        box-shadow: -2px 2px 10px #48474785;
    }
    #mobMenuPop .leaf{
        padding: 43px 0px;
        width: 100%;
        text-align: center;
    }
    #mobMenuPop .leaf a{
        color:#dfdbce !important;
    }
    .mmbb{
        border-bottom: 2px solid #dfdbce;
    }
    .mmbt{
        border-top: 2px solid #dfdbce;
    }
    .fl-r{
        display:flex;
        flex-direction:row;
    }
    
    .fl-c{
        display:flex;
        flex-direction:column;
    }
    #superfish, .mobMenu, #superfish .contextual-links-region, .region-superfish-menu, #superfish .content{
        height: 100%;
    }
    .deskMenu, .desk{
        display:none;
    }
    #menu {
        height: 210px !important;
    }
    .logoMenu {
        width: 75%;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .menuIco{
        flex:1;
        justify-content: center;
        align-items: center;
        cursor:pointer;
    }
    .menuIco div {
        width: 75px;
        height: 3px;
        background: #eae0cf;
        margin: 14px 0px;
    }
    .folSlider, .folSlider .slick-list, .folSlider .slick-track, .folSlider .slick-slide, .folSlider .banBox{
        height: 550px !important;
    }
    .folSlider .banBox{
        background-size: cover !important;
        padding: 0px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .banBox .hd1 {
        font-size: 71px;
        line-height: 65px;
        width: 80%;
    }
    .banBox .hd2 {
        font-size: 30px;
        line-height: 30px;
        width: 80%;
    }
    .desk{
        display:none;
    }
    .mob{
        display:block;
    }
    .slick-dots li {
        width: 17px !important;
        height: 17px !important;
    }
    .slick-dots li button:before {
        font-size: 12px !important;
    }
    .newsBT{
        background-image: url(/sites/all/themes/danland/skImgs/newsMob02.png) !important;
        width: 219px;
        top: -79px;
        right: 25px;
        padding: 73px 0px 40px 10px;
        font-size: 21px;
    }
    #mainContent{
        padding: 0px 0px 72px;
    }
    #mainContent .desc {
        font-size: 25px;
        line-height: 43px;
        width: 100%;
        padding: 70px 68px;
    }
    .confMarg {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .confMarg a {
        font-size: 20px;
    }
    #mainContent h2 {
        font-size: 53px;
    }
    .scroller {
        overflow-x: scroll !important;
        position: relative !important;
        display: block;
        width: 100%;
    }
    .highlights {
        width: 2000px;
        padding: 0px 120px;
    }
    .highlights .col3 {
        height: 1150px;
    }
    #highTab{
        display: flex;
        flex-direction: row;
        width: 65%;
        margin: 0 auto;
        border: 4px solid #8d8270;
        border-radius: 35px;
        font-size: 33px;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }  
    #highTab div{
        width: 33.33%;
        text-align: center;
        padding: 14px 0px 12px;
        border-radius: 30px;
    }
    #highTab .active {
        background: #3484bd;
        color: white;
        border-bottom: 8px solid #1d72ae;
        margin-top: -7px;
        margin-bottom: -5px;
        margin-left: -7px;
        padding: 22px 0px 17px;
    }
    .bottom-shade img{
        margin-bottom: 89px;
    }
    #mainContent .col3 .hd1,
    #mainContent .resources .col2 .hd1{
        padding: 90px 0px 35px;
        font-size: 45px;
    }
    .thumb img {
        border: 6px solid #8fd1ff;
        border-radius: 40px;
    }
    .videoFeed .thumb img{
        height: 250px;
    }
    .highlights .kScroll {
        height: 78%;
    }
    .kScroll .title, .resources .title {
        font-size: 26px;
        line-height: 33px;
        padding: 25px 5px 10px;
    }
    .kScroll .descx, .resources .descx {
        font-size: 21px;
        line-height: 28px;
        padding: 5px 10px 23px;
    }
    #mainContent .highlights .url a,
    .resources .url a{
        padding: 10px 15px 10px !important;
        color: #3186b5 !important;
        font-size: 17px;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        display: inline-block !important;
    }
    .hr{
        padding-top: 40px;
        margin-bottom: -50px;
    }
    .mCSB_scrollTools .mCSB_draggerContainer {
        height: 400px !important;
        margin-top: 300px !important;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px !important;
    }
    .mCSB_scrollTools .mCSB_draggerRail {
        width: 9px !important;
    }
    .adminBT {
        font-size: 17px;
    }
    .donate{
        background-size: cover !important;
        margin-bottom: 50px;
    }
    img.icon {
        width: 180px;
    }
    .donate .hd1 {
        font-size: 40px;
        padding: 25px 0px;
    }
    #mainContent .donate .desc {
        font-size: 20px;
        line-height: 30px;
        padding: 12px 15px 35px;
    }
    .donate .col2 {
        margin: 80px 0px 60px;
    }
    #mainContent a.yBT{
        font-size: 23px;
        color: white !important;
        border-radius: 50px !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        border: 0px !important;
        background-image: none !important;
        background: #f4cb78;
        border-bottom: 5px solid #eeaa51 !important;
        -webkit-text-size-adjust: none !important;
        line-height: 0px;
        width: 150px !important;
        margin: 0 auto !important;
        padding: 2px 0px 0px !important;
        height: 50px !important;
        display: flex;
        flex-direction:column;
        position: relative;
        line-height: 1px;
        justify-content: center;
        align-items: center;
    }
    #resTab{
        display: flex;
        flex-direction: row;
        width: 55%;
        margin: 0 auto;
        border: 4px solid #8d8270;
        border-radius: 35px;
        font-size: 33px;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #resTab div{
        width: 50%;
        text-align: center;
        padding: 14px 0px 12px;
        border-radius: 30px;
    }
    #resTab .active {
        background: #3484bd;
        color: white;
        border-bottom: 8px solid #1d72ae;
        margin-top: -7px;
        margin-bottom: -5px;
        margin-left: -7px;
        padding: 22px 0px 17px;
    }
    .resources {
        width: 1560px;
        padding: 0px 65px;
    }
    .resources .col2 {
        height: 940px;
        box-shadow: none;
    }
    .resources .bottom-shade img {
        margin-bottom: 28px;
        width: 100%;
    }
    .classBox .thumb img.cl {
        border: 6px solid #8fd1ff;
        border-radius: 40px;
        height: 350px;
    }
    .resources .classBox .kScroll {
        height: 400px;
    }
    #eventsBT.active,#innerBT.active{
        margin-left: 0px;
        margin-right: -7px;
    }
    #mainContent.contact{
        padding: 30px 20px;
    }
    #mainContent.contact h2 {
        font-size: 28px;
        line-height: 35px;
    }
    form#contactForm {
        width: 80% !important;
    }
    #contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea, #contactForm select {
        width: 100%;
    }
    .page-node-6 #mainContent {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 799px){
    .highlights {
        width: 1910px;
        padding: 0px 120px;
    }
    .resources {
        width: 1380px;
        padding: 0px 65px;
    }
    .bottom-shade img {
        margin-bottom: 143px;
    }
    .highlights .kScroll {
        height: 74%;
    }
    .resources .bottom-shade img {
        margin-bottom: 0px;
        width: 96%;
    }
    .resources .classBox .kScroll {
        height: 320px;
    }
    #mainContent h2 {
        font-size: 40px;
    }
    #resTab{
        font-size: 27px;
    }
    .classBox .thumb img.cl{
        height: 320px;
    }
    #mainContent .col3 .hd1, #mainContent .resources .col2 .hd1 {
        padding: 90px 0px 35px;
        font-size: 40px;
    }
    .newsBT{
        top: -78px;
    }
    .resources .col2{
        height: 850px;
    }
    .kScroll .descx, .resources .descx {
        font-size: 17px;
        line-height: 23px;
    }
    .kScroll .title, .resources .title {
        font-size: 22px;
        line-height: 26px;
        padding: 10px 5px 10px;
    }
    .resources .bottom-shade img {
        margin-bottom: 53px;
    }
    #mainContent .highlights .url a, .resources .url a{
        font-size: 15px;
    }
}

@media only screen and (max-width: 450px){
    .menuIco div {
        width: 45px;
        height: 3px;
        background: #eae0cf;
        margin: 8px 0px;
    }
    .fol-logo img {
        width: 90% !important;
    }
    a.fol-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banBox .hd2 {
        font-size: 22px;
        line-height: 27px;
        width: 90%;
    }
    #menu {
        height: 160px !important;
    }
    .banBox .hd1 {
        font-size: 52px;
        line-height: 54px;
        width: 95%;
    }
    .newsBT {
        top: -50px;
        width: 140px;
        right: 3px;
        font-size: 13px;
        padding: 45px 0px 40px 10px;
    }
    #mainContent .desc {
        font-size: 19px;
        line-height: 33px;
        padding: 70px 20px;
    }
    #highTab {
        width: 90%;
        font-size: 25px;
    }
    .highlights {
        width: 1260px;
        padding: 0px 20px;
    }
    .highlights .col3 {
        height: 850px;
    }
    .highlights .kScroll {
        height: 73%;
    }
    .mCSB_scrollTools .mCSB_draggerContainer {
        height: 280px !important;
        margin-top: 250px !important;
    }
    .bottom-shade img {
        margin-bottom: 115px;
    }
    .kScroll .title, .resources .title {
        font-size: 16px;
        line-height: 21px;
        padding: 7px 5px 4px;
    }
    .kScroll .descx, .resources .descx {
        font-size: 11px;
        line-height: 15px;
    }
    .hr {
        padding-top: 30px;
        margin-bottom: -30px;
    }
    #mainContent .resources .col2 .hd1 {
        padding: 90px 0px 35px;
        font-size: 35px;
    }
    img.icon {
        width: 110px;
    }
    .donate .hd1 {
        font-size: 27px;
        line-height: 32px;
        padding: 25px 0px;
    }
    #mainContent .donate .desc {
        font-size: 15px;
        line-height: 20px;
        padding: 12px 15px 35px;
        width: 100% !important;
    }
    #mainContent a.yBT {
        font-size: 17px;
        padding: 10px 18px !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        display: inline-block !important;
        line-height: 35px;
    }
    #mainContent h2 {
        font-size: 28px;
    }
    #resTab {
        width: 85%;
        font-size: 24px;
    }
    .classBox .thumb img.cl,
    .videoFeed .thumb img,
    .videoFeed .thumb img.comm{
        height: 200px;
        border: 4px solid #8fd1ff;
    }
    .resources {
        width: 850px;
        padding: 0px 10px;
    }
    #mainContent .col3 .hd1, #mainContent .resources .col2 .hd1 {
        padding: 60px 0px 30px;
        font-size: 27px;
    }
    .resources .classBox .kScroll {
        height: 210px;
    }
    .resources .col2 {
        height: 550px;
    }
    .resources .bottom-shade img {
        margin-bottom: 20px;
    }
    #mainContent .resources .col2 .hd1 {
        padding: 50px 0px 30px;
    }
    .confMarg a {
        font-size: 15px;
    }
    #mainContent .highlights .url a, .resources .url a {
        font-size: 11px;
        padding: 8px !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        display: inline-block !important;
    }
    .resources .title {
        font-size: 15px;
        line-height: 20px;
        padding: 0px 5px 0px;
    }
    .resources .descx {
        padding: 5px 10px 10px;
    }
    .resources .url {
        margin-top: 0px;
    }
    #mobMenuPop{
        font-size: 20px;
        padding: 30px 0px;
        top: 120px;
    }
    #mobMenuPop .leaf{
        padding: 30px 0px;
    }
    form#contactForm {
        width: 90% !important;
    }
    .page-node-6 #mainContent {
        padding-left: 20px;
        padding-right: 20px;
    }
}