/* lm-style.css */

/*.modal {
    display: none;
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 100% !important;
    width: 100% !important;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
}*/




body{font-size: 16px !important;}
p, li {font-weight: 300;}
h2 {font-size: 2.5rem;}

/* form tectarea - input styles */
textarea {color: #1456bc  !important;text-shadow: 0px 0px 0px #1456bc;-webkit-text-fill-color: transparent;}
textarea::placeholder {color: #9e9e9e;}
textarea::placeholder:active {color: #85C1E9 !important;}
textarea:focus {
    border-bottom: 1px solid #85C1E9 !important;
    -webkit-box-shadow: 0 1px 0 0 #85C1E9 !important;
    box-shadow: 0 1px 0 0 #85C1E9 !important;
}

input::placeholder {color: #9e9e9e;}
input[type="text"]:focus {
    border-bottom: 1px solid #85C1E9 !important;
    -webkit-box-shadow: 0 1px 0 0 #85C1E9 !important;
    box-shadow: 0 1px 0 0 #85C1E9 !important;
}
input::-webkit-input-placeholder {text-shadow: none;-webkit-text-fill-color: initial;}
textarea::-webkit-input-placeholder {text-shadow: none;-webkit-text-fill-color: initial;}

.no-focus {outline:0 !important;}
.flow-text {line-height: 1.4rem;margin-bottom: 0px !important;}


/* nav */
.brand-logo {position: absolute !important;color: #fff !important;display: inline-block !important;font-size: 2.1rem !important;padding: 0 !important;}
.nav-container {width: 100% !important;}
.sidenav {background-color: #192226 !important;color: red !important;}
.sidenav li > a {color: #669286 !important;font-size: 1.4rem !important;padding: 0px 20px;margin: 10px 0;line-height: 3rem;}
a.sidenav-trigger {margin: 0px 15px;}
.nav li {color: black;}
nav ul a {-webkit-transition: background-color .3s;transition: background-color .3s;font-size: 1rem;color: #000 !important;display: block;padding: 0 15px;cursor: pointer;}
#mobile-nav {width: 80%;background-color: #00746b;}
.lm-gold a{ color: orange !important; }
.nav-mobile {padding-left: 10px;padding-top: 5px;color: white;font-weight: 100 !important;font-size: 1rem;background-color: #ff000000 !important;}
.nav-mobile li {color: red !important;}
.nav-mobile a {font-size: 1.4rem;color: #707070 !important;}
.nav-mobile-close {font-size: 1.4rem;padding: 5px 10px;color: #709d93 !important;}
.nav-mobile-bottom {color: white;font-weight: 100 !important;font-size: 1rem;border-bottom: solid;border-bottom-color: #1a2326;border-top: solid #1a2326;max-height: 100%;/*background-color: red;*/}
.sidenav li a.active {background-color: #202b2f;}
.sidenav li a {background-color: #202b2f;}

/* slider*/
.slider .slides li .caption {
    color: #fff !important;
    position: absolute !important;
    top: 35% !important;
    left: 0% !important;
    width: 55% !important;
    opacity: 1 !important;
    width: 320px !important;
}
.lm-slide-caption {width: 400px !important;}
.slide-logo {width: 310px !important;/* max-width: 100%; */height: 150px;}
.slide-image{width: 650px;height: 150px;}
.lm-logo-img {width: 100% !important;}
img.lm-logo {width: 230px;padding-left: 15px;}

/* about */
.art-prog {padding: 0 5% !important;}
.art-prog p {margin-top: 5px !important;margin-bottom: 0px !important;}
.art-prog ul {margin-top: 7%;}
.art-prog li {line-height: 1.3rem;}
.art-prog h2 { margin: 5px 0 0px 0 !important;}
.workshop {padding: 0 5%;}
.workshop p {margin-top: 10% !important;line-height: 1.5rem;}
.gallery {padding: 0 5% !important;}
.gallery p {margin-top: 10% !important;line-height: 1.5rem;font-weight: 300;}
.gallery-li {text-align: left;}


.masters-gold {padding: 0 5% !important;}
.masters-gold p {margin-top: 10px !important;text-align: center;font-size: 1.1rem;color: #a38d4a !important;}


#about {padding: 10px 0px 40px;/* border-top: solid 2px #93fff4; */border-bottom: solid 2px #93fff4;}
#about h2 {line-height: 2.5rem;margin: 10px 0 0 0;}
#about p {line-height: 1.7rem;font-size: 1.3rem;}

/* explore... */

#Programmes {padding: 10px 0 60px;background-color: #36393b !important;}
#Programmes h2 {line-height: 2.5rem;margin: 10px 0 0 0;color: #037b6f !important;}

.lm-card-border {border-color: #ff0505 !important;border-top-color: #fe5151 !important;border-bottom-color: #b00000 !important;}
.lmg-card-border {border-color: #c57900 !important;border-top-color: #db9423 !important;border-bottom-color: #854e00 !important;}

.lm-gold-text {color: #bd9e44 !important;}
.lm-gold {background-color: #c1820f !important;}

.lm-card-title {padding: 10px 10px !important;font-size: 1rem !important;font-weight: 300 !important;}

.card-content {padding: 15px 0 !important;border-radius: 0 0 0px 0px !important;}

.card-action {border-top: 0px !important;position: relative;padding: 2px 0 0 0 !important;}

.more-info {font-size: 1.4rem !important;padding: 0 10px 10px 0 !important;}


.card .card-image .card-title {
    position: absolute;
    bottom: 0;
    right: 0 !important;
    max-width: 100%;
    padding: 24px;
}

.card .card-content .card-title {
    display: block;
    line-height: 32px;
    margin-bottom: 0px;
    font-size: 1.1rem;
    font-size: 1.2rem !important;
    font-weight: 300 !important;
}
.card-btn {position: fixed !important;bottom: 15px !important;width: 100% !important;}
.card-btn a {width: 70% !important;}
i.material-icons.right {margin: 0;font-size: 1.5rem;}





/* quotes */
.quote-1-quote {font-size: 1.1rem;padding-top: 20px;}
.quote-1-name {font-size: 1.2rem;padding-top: 10px;padding-bottom: 10px;}

/* social */
.section-follow .fa-4x { margin: 5px 10px;}
.follow h4 {font-size:2rem !important;}

/* contact */
.email h5{margin: 0px;}
.email p {font-size: 1.3rem;color: #b0b0b0 !important;width: 80%;margin-left: 10%;}
.email-icon{font-size: 3rem;}

.send h5 {font-size: 2rem;}

/* footer */
.page-footer {color: #fff;background-color: #bcc8cd;}

.footer-p {font-size: 1.2rem !important;text-align: center;/* color: #546e7a !important; */}
.footer-address li {font-size: 1.3rem !important;color: #607d8b !important;text-align: center;}

.footer-h5{font-size: 1.7rem;text-align: center;}



/* modals */

.lm-modal {max-height: 100% !important;}
.modal-head{padding: 10px;background-color: #3d3d3d !important;}
.modal-content {padding: 25px 10px !important;background-color: #1d1d1d;}
.modal-footer {text-align: center !important;background-color: #1e1e1e !important;}
.modal-title {margin: 0 0 5px 0;font-size: 1.4rem;vertical-align: middle;line-height: 1.5rem;color: #acacac !important;}

    /* modal-1 ART PROGRAMMES */
    .lm-modal-section {background-color: red !important;}
    .lm-modal-ul{width: 100%;margin: 0 auto;padding-left: 20px;font-size: 1.1rem;}
    .lm-modal-li {margin-bottom: 5px;}
    .collapsible-header {border-bottom: 2px solid #001c1a;border-top: solid 2px #18605b;margin-top: 10px;background-color: #124b46;}
    .collapsible-body {padding: 5%;background-color: #b0b0b0;}



    /* modal-2 SCHEDULES - WORKSHOPS */
    h4.work-h4 {font-size: 1.5rem;margin: 0;}

    /* modal-3 GALLERY */
    .gallery-block{padding-top: 10px !important;}
    .gallery-modal-p { margin: 10px 0 0px 0 !important; background-color: #e1e1e1; padding: 0 5% !important;}
    .gallery-wrap{width: 100% !important;}
    ul.gallery-ul {width: 100%;max-width: 320px;margin: 20px auto;border: solid 2px #2b7c74;}
    .col.s12.m3 {height: 130px;margin: 10px 0;overflow: hidden;}


.border-width-1 { border-width: 1px; border-style: solid !important;}
.border-width-2 { border-width: 2px; border-style: solid !important;}
.border-width-3 { border-width: 3px; border-style: solid !important;}
.border-width-4 { border-width: 4px; border-style: solid !important;}

.width-50 {width: 50%; margin: 0 auto;}
.width-60 {width: 60%; margin: 0 auto;}
.width-70 {width: 70%; margin: 0 auto;}
.width-80 {width: 80%;margin: 0 auto;}
.width-90 {width: 90%; margin: 0 auto;}

.ex-wrap {
    width: 100%;
    height: 100%;
    background-color: #4d4d4d !important;
    padding: 15px;
    border: solid 2px #2a2a2a;
    border-bottom: solid 2px#585656;
    margin: 25px 0 0 0;
}

.row.cards-margin {
    background-color: #36393b;
    margin: 0px;
    padding: 0%;
    border: solid 2px #2a2a2a;
    border-left-color: #656565;
    border-right-color: #656565;
    border-top: solid 2px #575656;
    margin-top: 0px;
    padding-top: 5px;
    -moz-box-shadow: 0px 0px 46px -5px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.nav-back-color {
    background-color: #cfd8dc  !important;
}


/* mobile */

@media only screen and (min-width: 360px) {

    .slider .slides li .caption {left: 6% !important;}
    .flow-text {font-size: 1.2rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.5rem;}
    .art-prog p {margin-top: 10px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.5rem;}

    .masters-gold p {margin-top: 15px !important;font-size: 1.2rem;}
}

@media only screen and (min-width: 375px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 8% !important;}
    .flow-text {font-size: 1.2rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.5rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.5rem;}

    .gallery-ul {font-size: 1.5rem;}

    .masters-gold p {margin-top: 5% !important;font-size: 1.3rem;line-height: 1.5rem;}

}


@media only screen and (min-width: 414px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 12% !important;}
    .flow-text {font-size: 1.2rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.5rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.5rem;}

    .gallery-ul {font-size: 1.5rem;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.3rem;line-height: 1.5rem;}

}



@media only screen and (min-width: 480px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 16% !important;}
    .flow-text {font-size: 1.5rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 2rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 2rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 2rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 2rem;}

}

@media only screen and (min-width: 510px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 20% !important;}
    .flow-text {font-size: 1.5rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 2rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 2rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.5rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 2rem;}


}


/* tablets */
@media only screen and (min-width: 600px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 20% !important;}
    .flow-text {font-size: 1.5rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 2rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 2rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.5rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 2rem;}


}

@media only screen and (min-width: 601px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 24% !important;}
    .flow-text {font-size: 1rem !important;}

    .art-prog ul {margin-top: 5%;}
    .art-prog li {line-height: 1.3rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.4rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.5rem;font-weight: 300;}

    .masters-gold p {margin-top: 5% !important;font-size: 1rem;line-height: 1.2rem;}

}


@media only screen and (min-width: 660px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 24% !important;}
    .flow-text {font-size: 1rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.3rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.4rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.5rem;font-weight: 300;}

    .gallery-ul {font-size: 1.5rem;}

    .masters-gold p {margin-top: 10% !important;font-size: 1rem;line-height: 1.4rem;}

}



@media only screen and (min-width: 768px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 1.4rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.5rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.5rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.5rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 1.5rem;}

}

@media only screen and (min-width: 834px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 1.4rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.7rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.7rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.7rem;font-weight: 300;}

    .masters-gold p {margin-top: 8% !important;font-size: 1.5rem;line-height: 1.7rem;}

}

/* desktop */
@media only screen and (min-width: 1024px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 1.4rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.7rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.7rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.7rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 1.7rem;}

}


@media only screen and (min-width: 1112px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 1.4rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.7rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.7rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.7rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 1.7rem;}

}

@media only screen and (min-width: 1200px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 1.4rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.7rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.7rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.7rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 1.7rem;}

}

@media only screen and (min-width: 1280px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 1.4rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 1.7rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 1.7rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 1.7rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 1.5rem;line-height: 1.7rem;}

}

@media only screen and (min-width: 1366px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 2rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 2.5rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 2.5rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 2.5rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 2rem;line-height: 2.5rem;}

}

@media only screen and (min-width: 1536px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 2rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 2.5rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 2.5rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 2.5rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 2rem;line-height: 2.5rem;}

}

@media only screen and (min-width: 1600px) {

    #about p {line-height: 1.9rem !important;font-size: 1.5rem !important;font-weight: 300;}
    #about {padding: 10px 0 25px;}

    .slider .slides li .caption {left: 30% !important;}
    .flow-text {font-size: 2rem !important;}

    .art-prog ul {margin-top: 10%;}
    .art-prog li {line-height: 2.5rem;}
    .art-prog p {margin-top: 5px !important;}

    .workshop p {margin-top: 10% !important;line-height: 2.5rem;}

    .gallery-ul {font-size: 1.5rem;}
    .gallery p {margin-top: 10% !important;line-height: 2.5rem;font-weight: 300;}

    .masters-gold p {margin-top: 10% !important;font-size: 2rem;line-height: 2.5rem;}

}