/*
 Theme Name: Masuul20
 Author: Masuul
 Version: 4.2
*/
html{background-color:#fefefe;box-sizing:border-box;font-family:'Roboto',sans-serif; overflow-x:hidden;position:relative; font-size:14px;font-weight:500;line-height:1.15;font-display: swap; }
body{margin:0;

  line-height: 1.4;
}
img{max-width:100%;height:auto; border-style:none;}
p, ul, ol{margin:0 0 1.65em 0;}
p, li{line-height:1.65;}
article, aside, footer, header, nav, section{display:block;}
h1{font-size:2em;margin:0.67em 0;}
figcaption, figure, main{display:block;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:'Roboto';font-size:1em;font-display: swap; }
a{background-color:transparent; color : #050505 ;text-decoration: none;}
a:active, a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b, strong{font-weight:inherit;}
b, strong{font-weight:bolder;}
code, kbd, samp{font-family:'Roboto';font-size:1em;font-display: swap; }
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
audio, video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
svg:not(:root){overflow:hidden;}
button, input, optgroup, select, textarea{font-family:'Roboto';font-size:100%;line-height:1.15;margin:0;}
button, input{overflow:visible;}
button, select{text-transform:none;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{border:#c0c0c0 solid 1px;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"], [type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{outline-offset:-2px;}
::-webkit-file-upload-button{font:inherit;}
details, menu{display:block;}
summary{display:list-item;}
canvas{display:inline-block;}
template{display:none;}
[hidden]{display:none;}
.slick-slider{position:relative;display:block;box-sizing:border-box;user-select:none;touch-action:pan-y;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;}
.slick-slider .slick-track, .slick-slider .slick-list{transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before, .slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir="rtl"] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:transparent solid 1px;}
.slick-arrow.slick-hidden{display:none;}
.container{max-width:1300px;margin:0 auto;padding:0 16px;position:relative;}
.container--narrow{max-width:960px;}
.section-break{border:none;border-top:1px solid #DDD;margin:2.5rem 0;}
.min-list{padding:0;margin:0;}
.min-list li{list-style:none;}
.p-top-small{padding-top:1rem;}
.p-top-large{padding-top:1.6rem;}
.p-bottom-large{padding-bottom:1.6rem;}
@media (min-width:530px){.p-top-large{padding-top:3.5rem;}
.p-bottom-large{padding-bottom:3.5rem;}
}
.no-margin{margin:0;}
.nu{text-decoration:none;}
.nu:hover{text-decoration:underline;}
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-small{font-size:0.85rem;}
.float-left{float:left;}
.float-right{float:right;}
.push-right{margin-right:20px;}
.container:before, .container:after, .group:before, .group:after{content:" ";display:table;}
.container:after, .group:after{clear:both;}
.hide{display:none;}
.remove-favorite{display:inline-block;transition:all 0.3s;color:#999;font-size:0.9rem;cursor:pointer;padding:4px 6px;border-radius:3px;}
.remove-favorite:hover{background-color:#DEDEDE;}
.page-section{padding-top:1.6rem;padding-bottom:1.6rem;}
@media (min-width:530px){.page-section{padding-top:3.5rem;padding-bottom:3.5rem;}
}
.page-section--white{background-color:#FFF;}
.page-section--beige{background-color:#FAF0CA;}
.page-section p:last-of-type{margin-bottom:0;}
.school-logo-text{position:relative;z-index:20;margin:0;font-size:1.75rem;font-weight:100;}
.school-logo-text strong{font-weight:400;}
.school-logo-text a{color:#FFF;}
.school-logo-text--alt-color a{color:#666;}
.school-logo-text--alt-color a:hover{color:#0D3B66;text-decoration:underline;}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.spinner-loader{margin-top:45px;border-radius:50%;width:48px;height:48px;border:rgba(0, 0, 0, 0.2) solid 0.25rem;border-top-color:black;animation:spin 1s linear infinite;}
.c-orange{color:#0D3B66;}
.c-blue{color:#0D3B66;}
.c-white{color:#FFF;}
.c-dark{color:#333;}
.gray{color:#999999;}
.search-trigger{display:none;color:#FFF;position:relative;cursor:pointer;top:1px;margin-left:20px;}
@media (min-width:960px){.search-trigger{display:inline-block;top:6px;
	}
}
.search-trigger:hover{opacity:0.64999997615814208984375;}
.social-icons-list{display:flex;margin:0 -8px;}
.social-icons-list li{flex:1;margin:0 8px;}
.social-icons-list li a{display:block;text-align:center;color:#FFF;font-size:1.25rem;}
.social-icons-list li a:hover{opacity:0.75;}
.social-color-facebook{background-color:#4862a3;}
.social-color-twitter{background-color:#4862a3;}
.social-color-youtube{background-color:#cc1e1f;}
.social-color-linkedin{background-color:#0077b5;}
.social-color-instagram{background-color:#d8226b;}
.nav-list ul{padding:0;margin:0;}
.nav-list li{list-style:none;}
.nav-list a{font-size:1.5rem;color:#999;}
.nav-list a:hover{color:#0D3B66;text-decoration:underline;}
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth{padding-bottom:1.6rem;}
@media (min-width:960px){.row{margin-right:-50px;}
.one-half, .one-third, .two-thirds, .one-fourth, .one-fifth, .one-sixth{padding-bottom:0;float:left;box-sizing:border-box;padding-right:50px;}
.two-thirds{width:66.66%;}
.one-half{width:50%;}
.one-third{width:33.33%;}
.one-quarter{width:25%;}
.one-fifth{width:20%;}
.one-sixth{width:16.66%;}
}
@media screen and (max-width:600px){#wpadminbar{position:fixed;

	}
	
}
.search-form{background-color:#DEDEDE;padding:20px;text-align:center;}
.search-form label{display:block;}
.search-form-row{display:flex;}
.search-form .s{min-width:20px;flex-basis:auto;flex-grow:1;border:none;font-family:'Roboto', sans-serif;padding:10px;font-display: swap; }
@media (min-width:530px){.search-form .s{font-size:1.4rem;}
}
.search-submit{color:#FFF;border:none;border-radius:4px;outline:none;background-color:#0D3B66;font-family:'Roboto', sans-serif;padding:0 20px;margin-left:10px;font-display: swap; }
.note-limit-message{visibility:hidden;opacity:0;transition:all 0.3s ease-out;color:#c32929;font-weight:bold;}
.note-limit-message.active{visibility:visible;opacity:1;}
.generic-content .like-box{float:right;font-size:1rem;background-color:#EDEDED;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.25);color:red;padding:10px 10px 10px 250px;border-radius:4px;cursor:pointer;margin:0 0 30px 30px;position:relative;}
.generic-content .like-box:hover{background-color:#DEDEDE;}
.like-count{padding-left:10px;}
.like-box .fa-heart-o{transition:all 0.35s ease-out;position:absolute;left:10px;}
.like-box .fa-heart{left:10px;transition:all 0.4s ease-out;position:absolute;visibility:hidden;transform:scale(0.2);opacity:0;}
.like-box[data-exists="yes"] .fa-heart{transform:scale(1);visibility:visible;opacity:1;}
.like-box[data-exists="yes"] .fa-heart-o{visibility:hidden;opacity:0;}
body.login .button-primary{background-color:#4285f4;border-color:rgb(224, 84, 56);text-shadow:0 -1px 1px rgb(212, 82, 56), 1px 0 1px rgb(212, 82, 56), 0 1px 1px rgb(212, 82, 56), -1px 0 1px rgb(212, 82, 56);box-shadow:0 1px 0 rgb(199, 80, 56);}
body.login .button-primary:hover, body.login .button-primary:active, body.login .button-primary:focus{background-color:rgb(232, 85, 56);border-color:rgb(212, 82, 56);text-shadow:0 -1px 1px rgb(199, 80, 56), 1px 0 1px rgb(199, 80, 56), 0 1px 1px rgb(199, 80, 56), -1px 0 1px rgb(199, 80, 56);box-shadow:0 1px 0 rgb(186, 78, 56);}
body.login{background-color:#4285f4;}
.login h1 a{color:#0D3B66;font-size:30px;font-weight:300;background-image:none;width:auto;height:auto;text-indent:0;}
.btn{display:inline-block;cursor:pointer;border-radius:4px;overflow:hidden;text-decoration:none;color:#FFF;font-size:1.19rem;padding:12px 48px;border:none;outline:none;}
.btn--small{font-size:0.88rem;padding:7px 13px;font-weight:300;}
.btn--with-photo{padding-left:40px;position:relative;}
.btn--orange{background-color:#EE964B;}
.btn--orange:hover{background:linear-gradient(#EE964B, rgb(235, 109, 0));}
.btn--dark-orange{background-color:#0D3B66;}
.btn--dark-orange:hover{background:linear-gradient(#0D3B66, rgb(204, 34, 0));}
.btn--blue{background-color:#0D3B66;}
.btn--blue:hover{background:linear-gradient(rgb(13, 80, 143), #0D3B66);}
.btn--yellow{background-color:#F4D35E;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.22);}
.btn--yellow:hover{background:linear-gradient(#F4D35E, rgb(240, 188, 0));}
.btn--beige{background-color:#FAF0CA;color:#173f58;}
.btn--beige:hover{background-color:#F4D35E;}
.btn--gray{background-color:#222;}
.btn--white{background-color:#FFF;color:#173f58;}
.btn--white:hover{background-color:#DDD;}
.btn--large{font-size:1.3rem;padding:16px 34px;border-radius:7px;}
@media (min-width:530px){.btn--large{font-size:1.9rem;}
}
.btn--inactive{background-color:transparent;cursor:default;color:#333;}
.edit-note, .delete-note, .submit-note{font-size:0.9rem;background-color:#EEE;padding:8px 16px;display:inline-block;margin-right:7px;border-radius:4px;cursor:pointer;}
.submit-note{color:#FFF;border:none;background-color:#0D3B66;line-height:1.65;}
.submit-note:hover{background-color:rgb(235, 77, 45);}
@media (min-width:635px){.edit-note, .delete-note{position:relative;top:-12px;}
}
.edit-note:hover, .delete-note:hover{background-color:#DDD;}
.delete-note{color:red;}
.update-note{visibility:hidden;}
.update-note--visible{visibility:visible;}
.note-title-field{width:40%;font-size:1.85rem;font-family:'Roboto Condensed', sans-serif;font-weight:300;color:#0D3B66;border:transparent solid 1px;padding:7px;outline:none;position:relative;top:1px;font-display: swap; }
@media (max-width:400px){.note-title-field{width:100%;}
}
@media (min-width:635px){.note-title-field{width:65%;font-size:3.125rem;}
}
.note-body-field{color:#333;font-family:'Roboto', sans-serif;resize:none;display:block;width:100%;line-height:1.65;font-size:1.15rem;padding:7px;border:transparent solid 1px;height:175px;outline:none;font-display: swap; }
.note-active-field{border:#DDD solid 1px;animation:pulseBorder 0.75s infinite alternate;}
@keyframes pulseBorder{0%{border:#FFF solid 1px;}
100%{border:#CCC solid 1px;}
}
.create-note{background-color:#DDD;padding:20px;margin-bottom:20px;}
.new-note-title{width:100%;padding:10px;font-family:'Roboto', sans-serif;border:none;margin-bottom:10px;font-size:1.15rem;box-sizing:border-box;}
.new-note-body{width:100%;box-sizing:border-box;resize:none;padding:10px;font-family:'Roboto', sans-serif;border:none;margin-bottom:10px;height:170px;font-size:1.15rem;line-height:1.65;}
.site-header{z-index:3;position:absolute;top:0;left:0;right:0;padding:20px 0;}
.site-header__avatar{position:absolute;top:0;left:0;}
.site-header__avatar img{display:block;width:30px;height:30px;}
.site-header__menu{visibility:hidden;position:absolute;background-color:rgba(13, 55, 94, 0.89);left:0;right:0;top:-20px;padding-top:58px;opacity:0;transform:translateY(-20%);transition:opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;padding-bottom:20px;}
.site-header__menu--active{opacity:1;transform:translateY(0);visibility:visible;}
@media (min-width:960px){.site-header__menu{visibility:visible;opacity:1;transform:translateY(0) scale(1);position:static;background-color:transparent;float:right;padding-top:0;padding-bottom:0;top:0;}
}
.site-header__search-trigger{cursor:pointer;color:#FFF;font-size:1.2rem;position:absolute;top:6px;right:16px;}
@media (min-width:530px){.site-header__search-trigger{top:4px;font-size:1.4rem;}
}
@media (min-width:960px){.site-header__search-trigger{display:none;}
}
.site-header__menu-trigger{color:#FFF;cursor:pointer;font-size:1.2rem;position:absolute;z-index:10;top:7px;right:46px;}
@media (min-width:530px){.site-header__menu-trigger{top:5px;font-size:1.4rem;}
}
@media (min-width:960px){.site-header__menu-trigger{display:none;}
}
.site-header__util{padding:0 0 0 20px;}
@media (min-width:960px){.site-header__util{padding:0;float:right;}
}
.site-header__btn{margin-right:20px;}
@media (min-width:960px){.site-header__btn{float:left;}
}
.site-header .btn--with-photo{margin-right:0;}
.site-footer{padding:2rem 0 3.5rem 0;background-image:linear-gradient(#FFF, #ECECEC);}
.site-footer p{font-size:0.9rem;}
.site-footer .headline{color:#666;margin-bottom:0.33rem;}
.site-footer__link{color:#999;text-decoration:none;}
.site-footer__link:hover{color:#0D3B66;text-decoration:underline;}
.site-footer__inner{border-top:1px dotted #DEDEDE;padding-top:3.5rem;}
.site-footer__col-one{text-align:center;}
@media (min-width:960px){.site-footer__col-one{text-align:left;width:33%;float:left;}
}
.site-footer__col-two-three-group{text-align:center;width:85%;margin:0 auto;}
@media (min-width:960px){.site-footer__col-two-three-group{text-align:left;float:left;width:42%;margin:0;}
}
.site-footer__col-two{width:50%;float:left;}
.site-footer__col-three{width:50%;float:left;}
.site-footer__col-four{padding-top:20px;width:85%;margin:0 auto;clear:both;text-align:center;}
@media (min-width:960px){.site-footer__col-four{padding-top:0;margin:0;clear:none;text-align:left;width:25%;float:right;}
}
.main-navigation{padding-top:2px;}
.main-navigation ul{padding:0;margin:0;}
.main-navigation ul:before, .main-navigation ul:after{content:" ";display:table;}
.main-navigation ul:after{clear:both;}
@media (min-width:960px){.main-navigation{float:left;margin-right:20px;}
}
.main-navigation li{list-style:none;}
@media (min-width:960px){.main-navigation li{float:left;padding-left:20px;}
}
.main-navigation a{display:block;padding:10px 20px;color:#FFF;font-weight:300;}
@media (min-width:960px){.main-navigation a{display:inline-block;padding:0;}
}
.main-navigation .current-menu-item a, .main-navigation a:hover{color:#FAF0CA;}
.page-banner{background-color:#000;padding:80px 0 40px 0;position:relative;}
@media (min-width:530px){.page-banner{padding:30px 0 60px 0;}
}
.page-banner__content{position:relative;z-index:2;}
.page-banner__title{font-family:'Roboto Condensed', sans-serif;font-weight:200;font-size:3.6rem;margin:0 0 1rem 0;color:#FFF;font-display: swap; }
@media (min-width:530px){.page-banner__title{font-size:5rem;}
}
.page-banner__bg-image{opacity:0.3300000131130218505859375;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;}
.page-banner__intro{font-weight:300;font-size:1.2rem;line-height:1.3;color:#EDEDED;}
@media (min-width:530px){.page-banner__intro{font-size:1.65rem;}
}
.page-banner__intro p{margin:0;}
.hero-slider{position:relative;}
.hero-slider div{outline:none;}
.hero-slider__interior{padding-top:60px;padding-bottom:60px;}
@media (min-width:960px){.hero-slider__interior{padding-top:30px;padding-bottom:30px;}
}
.hero-slider__slide{background-size:cover;background-repeat:no-repeat;}
.hero-slider__overlay{margin:0 auto;background-color:rgba(0, 0, 0, 0.68);padding:40px;color:#FFF;}
@media (min-width:960px){.hero-slider__overlay{width:50%;}
}
.slick-dots{z-index:100;position:absolute;left:0;right:0;padding:0;margin:0;text-align:center;top:15px;}
@media (min-width:960px){.slick-dots{top:50px;}
}
.slick-dots li{list-style:none;display:inline;}
.slick-dots li button{display:inline-block;text-indent:-9999px;font-size:0;line-height:0;width:10px;height:10px;background-color:rgba(255, 255, 255, 0.5);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.25);border-radius:50%;border:none;margin:0 4px;padding:0;outline:none;transition:background-color 0.3s ease-out;cursor:pointer;}
.slick-dots .slick-active button{background-color:#FFF;}
.search-overlay{overflow-y:auto;overflow-x:hidden;z-index:110;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.96);visibility:hidden;opacity:0;transform:scale(1.09);transition:opacity 0.3s, transform 0.3s, visibility 0.3s;box-sizing:border-box;}
.search-overlay p{padding-top:15px;}
.search-overlay .event-summary p{padding-top:0;}
.search-overlay .event-summary{margin-bottom:0;margin-top:20px;}
body.admin-bar .search-overlay{top:32px;}
.search-overlay__top{background-color:rgba(0, 0, 0, 0.12);}
.search-overlay__icon{margin-right:10px;font-size:1.8rem;color:#0D3B66;}
@media (min-width:960px){.search-overlay__icon{font-size:2.5rem;}
}
.search-overlay--active{visibility:visible;opacity:1;transform:scale(1);}
.search-overlay__section-title{margin:30px 0 1px 0;font-weight:400;color:#0D3B66;font-size:2rem;padding:15px 0;border-bottom:1px solid #CCC;}
.search-overlay__close{position:absolute;top:13px;right:16px;font-size:2.1rem;cursor:pointer;transition:all 0.3s;background-color:#FFF;color:#0D3B66;line-height:0.7;}
@media (min-width:530px){.search-overlay__close{top:18px;font-size:2.1rem;}
}
@media (min-width:960px){.search-overlay__close{top:26px;font-size:2.8rem;}
}
.search-overlay__close:hover{opacity:1;}
.search-overlay .one-half{padding-bottom:0;}
.search-term{width:75%;box-sizing:border-box;border:none;padding:15px 0;margin:0;background-color:transparent;font-size:1rem;font-weight:300;outline:none;color:#0D3B66;}
@media (min-width:530px){.search-term{font-size:1.5rem;}
}
@media (min-width:960px){.search-term{width:80%;font-size:3rem;}
}
.body-no-scroll{overflow:hidden;}
.artist-cards{margin:0;padding:0;}
.search-overlay .artist-cards{padding-top:21px;}
.artist-card{position:relative;display:inline-block;width:200px;margin-right:15px;background-color:#0D3B66;overflow:hidden;}
.search-overlay .artist-card{width:180px;}
.artist-card__image{display:block;transition:opacity 0.3s ease-out, transform 0.3s ease-out;}
.artist-card:hover .artist-card__image{opacity:0.800000011920928955078125;transform:scale(1.1) rotate(4deg);}
.artist-card__name{font-weight:300;font-size:0.9rem;position:absolute;bottom:0;color:#FFF;left:0;right:0;padding:3px 10px;background-color:rgba(236, 68, 34, 0.85);}
.artist-card:hover .artist-card__name{background-color:rgba(213, 62, 32, 0.85);}
.artist-card__list-item{display:inline-block;list-style:none;}
.headline{margin:0;font-family:'Roboto', sans-serif;font-weight:300;font-display: swap; }
.headline--large{font-size:3.6rem;}
@media (min-width:530px){.headline--large{font-size:6.25rem;}
}
.headline--large-medium{font-size:5rem;margin:0 0 1rem 0;}
.headline--medium{font-size:1.9rem;margin-bottom:0.75rem;}
@media (min-width:530px){.headline--medium{font-size:3.125rem;}
}
.headline--small-plus{font-family:'Roboto', sans-serif;font-size:1.6875rem;font-weight:400;margin-bottom:1.9rem;}
.headline--small{font-size:1.2rem;margin-bottom:1.9rem;}
@media (min-width:530px){.headline--small{font-size:1.6875rem;}
}
.headline--smaller{font-size:1.5rem;}
.headline--tiny{font-family:'Roboto', sans-serif;font-size:1.3875rem;margin-bottom:0.25rem;}
.generic-content p, .generic-content li{font-size:1.15rem;}
.generic-content blockquote, .generic-content blockquote p{font-size:1.5rem;font-style:italic;}
.generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6{font-family:'Roboto', sans-serif;font-weight:300;margin-top:0;margin-bottom:1rem;font-display: swap; }
.generic-content h1{font-size:3.6rem;}
.generic-content h2{font-size:3.1rem;}
.generic-content h3{font-size:2.6rem;}
.generic-content h4{font-size:2.1rem;}
.generic-content h5{font-size:1.6rem;}
.generic-content h6{font-size:1.15rem;}
@media (min-width:530px){.generic-content h1{font-size:6.25rem;}
.generic-content h2{font-size:5rem;}
.generic-content h3{font-size:3.125rem;}
.generic-content h4{font-size:2.4rem;}
.generic-content h5{font-size:1.9rem;}
.generic-content h6{font-size:1.15rem;}
}
@media (min-width:960px){.full-width-split{display:flex;}
}
.full-width-split__one{flex:1;padding:1.6rem 16px;}
@media (min-width:960px){.full-width-split__one{padding:40px;}
}
@media (min-width:960px){.full-width-split__one .full-width-split__inner{float:right;}
}
.full-width-split__two{flex:1;background-color:#FAF0CA;padding:1.6rem 16px;}
@media (min-width:960px){.full-width-split__two{padding:40px;}
}
@media (min-width:1350px){.full-width-split__inner{width:610px;}
}
.event-summary{position:relative;padding-left:107px;min-height:77px;padding-bottom:1px;margin-bottom:20px;}
.event-summary__title a{color:#173f58;}
.event-summary__date{text-decoration:none;display:block;top:0;left:0;position:absolute;padding:14px 0 11px 0;color:#FFF;border-radius:50%;background-color:#0D3B66;width:80px;line-height:1;transition:opacity 0.33s;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.22);}
.event-summary__date:hover{opacity:0.75;}
.event-summary__date--beige{background-color:#F4D35E;}
.event-summary__month{display:block;font-size:1.5rem;font-weight:300;text-transform:uppercase;}
.event-summary__day{display:block;font-size:2.02rem;font-weight:700;}
.page-links{position:relative;z-index:1;background-color:#FAF0CA;margin:0 0 40px 0;}
@media (min-width:767px){.page-links{margin:0 0 40px 20px;width:300px;float:right;}
}
.page-links__title{margin:0;font-weight:normal;text-align:center;padding:20px 0;background-color:#0D3B66;color:#FFF;}
.page-links__title a{color:#FFF;background-color:#0D3B66;}
.page-links li{border-top:1px solid rgb(244, 223, 138);}
.page-links li:first-child{border-top:none;}
.page-links__active, .page-links .current_page_item{text-align:center;background-color:rgb(244, 231, 180);color:#0D3B66;font-weight:bold;}
.page-links li a{display:block;text-align:center;padding:17px 10px;color:#0D3B66;transition:all 0.3s;}
.page-links li a:hover{color:rgb(13, 51, 87);background-color:rgb(238, 225, 170);}
.acf-map{width:100%;height:400px;border:#ccc solid 1px;margin:20px 0;}
.acf-map img{max-width:inherit !important;}
.link-list li{padding:1rem 0;font-size:1.5rem;border-bottom:1px dotted #DEDEDE;}
.search-overlay .link-list li{font-size:1.3rem;}
.link-list li:last-child{border-bottom:none;}
.link-list a{color:#0B40F4;position:relative;text-transform:none;}
a:hover{text-decoration:underline;}
a:active{box-shadow:none;top:5px;}
.metabox{background-color:#FAF0CA;border-radius:3px;padding:10px 15px;display:inline-block;margin-bottom:30px;box-shadow:2px 2px 1px rgba(0, 0, 0, 0.07);}
.metabox--position-up{position:absolute;top:0;transform:translateY(-50%);}
.metabox--with-home-link{padding:0;}
.metabox__main{padding:10px 15px 10px 11px;}
.metabox p{margin:0;font-size:0.9rem;color:rgb(168, 146, 56);}
.metabox a{color:rgb(168, 146, 56);font-weight:bold;}
.metabox a:hover{text-decoration:underline;}
.metabox .metabox__blog-home-link{background-color:#0D3B66;color:#FFF;display:inline-block;padding:10px 15px;border-radius:3px 0 0 3px;font-weight:normal;}
.metabox .metabox__blog-home-link:hover{text-decoration:none;background-color:rgb(11, 47, 81);}
.post-item{border-bottom:1px dotted #DEDEDE;padding-bottom:1.7rem;margin-bottom:1.7rem;}
.post-item:last-of-type{border-bottom:none;margin-bottom:0;}
figure.snip1158{font-family:'Roboto', Arial, sans-serif;color:#fff;position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:220px;max-width:310px;max-height:220px;width:100%;background-color:#000000;color:#ffffff;text-align:center;font-display: swap; }
figure.snip1158 *{box-sizing:border-box;transition:all 0.6s ease;}
figure.snip1158 img{opacity:0.699999988079071044921875;max-width:100%;}
figure.snip1158:after{background:#000000;width:0;height:6px;position:absolute;left:0;bottom:0;content:'';transition:all 0.3s ease-in-out;}
figure.snip1158 figcaption{position:absolute;top:50%;left:0;width:100%;padding:0 30px;transform:translateY(-50%);}
figure.snip1158 h2, figure.snip1158 span{margin:0;width:100%;}
figure.snip1158 h2{font-weight:400;text-transform:uppercase;}
figure.snip1158 span{color:#e6e6e6;font-weight:700;text-transform:uppercase;}
figure.snip1158 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1;}
figure.snip1158.blue:after{background-color:#2980b9;}
figure.snip1158.blue span{color:#409ad5;}
figure.snip1158.red:after{background-color:#c0392b;}
figure.snip1158.red span{color:#d65548;}
figure.snip1158.yellow:after{background-color:#f39c12;}
figure.snip1158.yellow span{color:#f5b043;}
figure.snip1158.green:after{background-color:#27ae60;}
figure.snip1158.green span{color:#36d278;}
figure.snip1158:hover img, figure.snip1158.hover img{transform:scale(1.2);}
figure.snip1158:hover:after, figure.snip1158.hover:after{width:100%;}
.ap{position:fixed;left:0;right:0;bottom:0;width:100%;height:50px;font-family:'Roboto';font-size:14px;user-select:none;border-top:1px solid #ccc;background:#0390FA;border-radius:5px;opacity:0.89999997615814208984375;box-shadow:0 -1px 10px rgba(0, 0, 0, 0.1);z-index:99999;font-display: swap; }
.ap__inner{display:flex;max-width:1440px;margin:auto;}
.ap__item{display:flex;flex:1;justify-content:center;align-items:center;}
.ap__item--playback > .ap__controls, .ap__item--settings > .ap__controls{flex:0 25%;}
@keyframes fs{0%{opacity:0;transform:scale(0.5);}
100%{opacity:1;transform:scale(1);}
}
.ap__item--track{flex:1 40%;padding:0 20px;}
.track{position:relative;width:100%;align-self:flex-start;padding:5px 0 0;}
.track__title{position:absolute;width:100%;overflow:hidden;padding-right:80px;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
.track__time{position:absolute;top:5px;right:0;}
.progress-container{position:relative;padding:7px 0;margin-top:15px;overflow:hidden;cursor:pointer;}
.progress-container:hover .progress__bar:after{opacity:1;}
.progress{height:3px;border-radius:3px;background:#ddd;}
.progress__bar, .progress__preload{position:absolute;width:0;height:3px;border-radius:3px 0 0 3px;}
.progress__bar{background:#F202C5;z-index:1;}
.progress__bar:after{position:absolute;top:0;right:-10px;width:10px;height:10px;margin-top:-3px;content:'';border-radius:6px;background:#F202C5;opacity:0;transition:opacity 0.3s ease;}
.progress__bar--active:after{transform:scale(1.4);}
.progress__preload{background:#919191;z-index:0;}
.ap__controls, .ap button{margin:0;padding:0;border:0;outline:0;background:transparent;position:relative;display:block;height:50px;text-align:center;cursor:pointer;transition:background 0.3s ease;}
.ap__controls:hover, .ap button:hover{opacity:1;}
.icon-play > path{transition:all 0.3s ease;}
svg.icon-play {
    background: lightcoral;
}
.is-playing .icon-play{fill:#F202C5;}
.icon-img{fill:#F202C5;}
.volume-btn{display:block;text-align:center;width:100%;}
.volume{position:absolute;left:50%;bottom:45px;width:40px;margin-left:-20px;height:120px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s cubic-bezier(0.17,0.72,0.26,1.23);background:#0390FA;border:#ccc solid 1px;border-radius:1px;z-index:88888;}
.volume::before, .volume::after{content:'';position:absolute;bottom:-12px;border:transparent solid 7px;border-top:7px solid #0390FA;left:50%;margin-left:-7px;}
.volume::after{bottom:-14px;z-index:-1;border-top:7px solid #ccc;}
.volume-container:hover .volume{opacity:1;transform:translateY(0);visibility:visible;}
.volume__track{position:relative;display:block;width:3px;height:100px;margin:10px auto;background:#ddd;border-radius:3px;overflow:hidden;}
.volume__bar{position:absolute;left:0;right:0;bottom:0;background:#F202C5;height:50%;}
.icon-volume-off{display:none;}
.has-muted .icon-volume-on{display:none;}
.has-muted .icon-volume-off{display:inline;opacity:0.699999988079071044921875;}
.ap__controls.is-active > svg{fill:#F202C5;filter:drop-shadow(0 0 3px rgba(242, 2, 197, 0.4));}
@media (max-width:1024px){.ap__item > .ap__controls{flex:1;}
}
@media (max-width:580px){.ap{min-width:250px;}
.ap, .ap__inner{height:auto;}
.ap__inner{flex-wrap:wrap;}
.ap__item--track{margin-bottom:10px;padding:0 20px;order:1;flex:1 1 100%;}
.ap__item--playback, .ap__item--settings{flex:1 1 50%;order:2;}
}
.pl-container{display:none;position:fixed;top:0;right:0;bottom:50px;left:0;overflow:auto;font-family:'Roboto';font-size:14px;background:#fff;z-index:77777;font-display: swap; }
.pl-ul{width:100%;max-width:550px;margin:0 auto;padding:30px 10px 100px 10px;}
.pl-list{display:flex;align-items:center;height:40px;line-height:40px;}
.pl-list svg{fill:#F202C5;}
.pl-list + .pl-list{border-top:1px solid #eee;}
.pl-list:not(.pl-list--current):hover{background:#f6f6f6;}
.pl-list__track, .pl-list__remove{flex:0 50px;text-align:center;}
.pl-list__icon{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #555;}
.pl-list__title{overflow:hidden;padding-right:10px;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;}
.pl-list__remove{height:100%;background:transparent;border:0;outline:0;cursor:pointer;opacity:0;transition:opacity 0.2s ease;}
.pl-list__remove > svg{width:16px;height:16px;}
.pl-list__eq{display:none;}
.pl-list--current{background:#F202C5;color:#fff;}
.pl-list--current svg{fill:#fff;}
.pl-list--current .pl-list__eq{display:block;}
.pl-list--current .pl-list__icon{display:none;}
.pl-list:hover .pl-list__remove, .pl-list--current .pl-list__remove{opacity:1;}
.pl-list--current .pl-list__remove:hover{background:#d902b0;}
.pl-list--empty{position:absolute;top:50%;left:50%;font-size:2rem;transform:translate(-50%,-50%);letter-spacing:2px;color:#ccc;}
.ap .ximage_lbg {
	top: -85px !important;
	position:absolute;
	
	border: 5px solid #2196F3;
	margin:0;
	padding:0;
	overflow:hidden;

}

@media screen and (max-width: 768px) {
.ap .ximage_lbg {
    display: none;
}
	}

@keyframes eq{0%{height:3px;}
50%{height:20px;}
100%{height:3px;}
}
.eq{display:flex;width:20px;height:20px;margin:0 auto;justify-content:space-between;align-items:flex-end;}
.eq__bar{width:4px;background:#fff;filter:drop-shadow(0 0 5px #fff);}
.eq__bar:nth-child(1){animation:eq 0.8s 0s ease-in-out infinite;}
.eq__bar:nth-child(2){animation:eq 0.8s 0.2s ease-in-out infinite;}
.eq__bar:nth-child(3){animation:eq 0.8s 0.4s ease-in-out infinite;}
.h-hide{display:none;}
.h-show{display:block;}
ul.breadcrumb{padding:2px;font-size:10px;font-weight:bold;max-width:100%;line-height:3em;text-align:center;}
ul.breadcrumb li{display:inline;font-size:15px;}
ul.breadcrumb li + li:before{padding:4px;color:black;content:"/\00a0";}
ul.breadcrumb li a{color:#0275d8;}
ul.breadcrumb li a:hover{color:#01447e;text-decoration:underline;}
div.pagination-alpha{
    
    font-family:"Roboto", "Arial", sans-serif;font-size:20px;font-weight:bold;max-width:100%;line-height:1.5em;text-align:center;font-display: swap; }
div.pagination-alpha a{background-color:#0035FF;color:#fff;margin:1px;padding:0 20px;}
div.pagination-alpha a:hover, div.pagination a:active{background-color:#bb2d1b;}
.alpha_active {
    font-size: x-large;
}
main{padding-top:1rem;padding-bottom:1rem;}
.widget-wrapper{padding-bottom:2rem;border-bottom:1px solid #e0e0e0;margin-bottom:2rem;}
.extra-margins{margin-top:1rem;margin-bottom:2.5rem;}
.divider-new{margin-top:0;}
.navbar{background-color:#414a5c;}
footer.page-footer{background-color:#414a5c;margin-top:2rem;}
.masuul_artist-image{display:block;min-height:20rem;background:center center no-repeat #fff;background-size:cover;}
.masuul_artist-image > img{display:block;width:100%;opacity:0;height: 200px; max-width: 250px;}
.masuul_artist-image.is-loaded{filter:none;transition:filter 1s;}
.masuul_artist-list{display:block;margin:1rem auto;padding:0;font-size:0;text-align:center;list-style:none;}
.masuul_artist{display:inline-block;width:90%;max-width:20rem;margin:1rem;font-size:1rem;text-decoration:none;overflow:hidden;box-shadow:0 0 3rem -1rem rgba(0,0,0,0.5);transition:transform 0.1s ease-in-out, box-shadow 0.1s;}
.masuul_artist:hover{transform:translateY(-0.5rem) scale(1.0125);box-shadow:0 0.5em 3rem -1rem rgba(0,0,0,0.5);}
.masuul_artist-description{display:block;padding:1em 0.5em;color:#515151;text-decoration:none; background-color: #f0f8ffa8;}
.masuul_artist-description > h2{margin:0 0 0.5em;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 20em;}
.masuul_artist-description > p{margin:0;}
.pagination-wrapper{text-align:center;margin:20px 0;}
.pagination{display:inline-block;height:35px;margin-top:35px;padding:0 25px;border-radius:35px;background-color:#eee;}

@media only screen and (max-width:1199px){.pagination{height:25px;margin-top:25px;padding:0 10px;border-radius:25px;}
}
.page-numbers{display:block;padding:0 25px;float:left;transition:400ms ease;color:#595959;font-size:20px;letter-spacing:0.1em;line-height:35px;}
.page-numbers:hover, .page-numbers.current{background-color:#2196f3;color:#fff;}
.page-numbers.prev:hover, .page-numbers.next:hover{background-color:transparent;color:#2196f3;}
@media only screen and (max-width:1199px){.page-numbers{padding:0 15px;font-size:16px;line-height:25px;}
}
@media only screen and (min-width:120px) and (max-width:1024px){.page-numbers{padding:0 14px;display:none;}
.page-numbers:nth-of-type(2){position:relative;padding-right:25px;}
.page-numbers:nth-of-type(2)::after{content:"...";position:absolute;font-size:15px;top:0;left:45px;}
.page-numbers:nth-child(-n + 3), .page-numbers:nth-last-child(-n + 3){display:block;}
.page-numbers:nth-last-child(-n + 4){padding-right:14px;}
.page-numbers:nth-last-child(-n + 4)::after{content:none;}
}
.txtOn  h2{margin-bottom: 0;}
.txtOn  p{ margin-top: 8px; margin-bottom: 20px;}
.pic { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 0.5em;
  display: inline-block;
  position: relative;
}

.txtOn {
  padding: 2px 8px;
  border-radius: 5%;
  bottom:  0;
  left: 0;
  position: absolute;
}

.white-text{
  color: white;
	width: 100%;
}

.blurred-box{
	  background-color : #0724fd47;
      -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  }
.recommend img:hover {box-shadow: 0 0 40px 1px rgb(0, 178, 220);
}
    .recommend{
   margin: 0 auto;
  max-width: 56em;
  padding: 1em 0;
       /* Grid Fallback */
  display: flex;
  flex-wrap: wrap;
  
  /* Supports Grid */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 0em;
        
        
      }
      .recommend img {
width:100%; height: 250px
      }  
.blured_img {
  width: 150px;
  height: 150px;
  border:2px solid #fff;
  background: url(https://masuul.com/wp-content/uploads/2021/05/masuuul-logo-n.png) no-repeat;
  -moz-box-shadow: 0px 6px 5px #ccc;
  -webkit-box-shadow: 0px 6px 5px #ccc;
  box-shadow: 0px 6px 5px #ccc;
  -moz-border-radius:190px;
  -webkit-border-radius:190px;
  border-radius:190px;
}
.spin {
  animation: spin 5s infinite linear;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.elastic-spin {
  animation: elastic-spin 1s infinite ease;
}
@keyframes elastic-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(720deg); }
}

.lyricsContainer { text-align: center; 
font-size: x-large;
white-space: pre-wrap;}



.carouselPre{
    grid-auto-flow: column;
    display: grid;
    grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4);
    grid-column-gap: var(--grid-column-gap);
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    overflow-y: hidden;
    list-style: none;
    scroll-behavior: smooth;
    
}
.songsUl{
    display: grid;
    padding: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.36rem;
    
}

@media (min-width: 600px) {
    .songsUl{
     grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));    



    }
  }

.songsUl li{
    scroll-snap-align: start;
    width: 100%;
    height: 100%;
    list-style: none;
    border-radius: 20px;
    overflow: hidden;
}

.songsUl li .bgImg{
    width: 100%;
    height: 100%;
}

.songsUl li img{
    width: 100%;
    object-fit: fill;
}

#title{
    margin: 10px 10px 10px 0;
    font-size: 34px;
    font-weight: 600;
}

.topT{
    border-top: 1px solid rgb(212, 212, 212);
    padding: 10px 0;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

.itemsC .textDet{
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    display: flex;
}

.contents{
    color: white;
}

.itemsC .contents p{    
    -webkit-line-clamp: 3;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 400;
    width: 90%;
    margin: auto;
}

.leftTxtDet{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 33px;
}

.itemsC{
    position: relative;
}

.scrolly{
    overflow: hidden;
}

.carouselPre li{
    scroll-snap-align: start;
    width: 100%;
    height: 100%;
    background-color: royalblue;
    list-style: none;
    border-radius: 20px;
    overflow: hidden;
}

.carouselPre li .bgImg{
    width: 100%;
    height: 100%;
}

.carouselPre li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scrolly{
    position: relative;
}

#left,#right{
    background-color: rgba(255, 255, 255, 0.9);
    outline: none;
    border: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    transform: translate(0,-60%);
    cursor: pointer;
    z-index: 2;
}

#left{
    left: 0;
}

#right{
    right: 0;
}

@media only screen and (max-width: 890px) {
    .carouselPre {
        grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3);
        height: 23rem;
    }
  }

@media only screen and (max-width: 660px) {
    .carouselPre {
        grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2);
        height: 25rem;
        grid-gap: 0.366rem;
    }
  }

@media only screen and (max-width: 440px) {
    .carouselPre {
        grid-auto-columns: 100%;
        height: 150px;

    }
  }


::-webkit-scrollbar {    
  width: 15px;
height: 15px;
border-left: #ededed solid 1px;
background-color: #fcfcfc;
border-top: #ededed solid 1px;
    }

::-webkit-scrollbar-thumb:hover{
cursor: pointer;
background: #c7c7c7;
width: 15px;
    background-clip: content-box;
    border: 4px solid transparent;
border-radius: 10px;
}

    ::-webkit-scrollbar-button {   
 display: none;
    }

    ::-webkit-scrollbar-thumb {
background: #dbdbdb;
    background-clip: content-box;
    border: 4px solid transparent;
border-radius: 10px;

    }

span.material-icons.md-48 {font-size: 48px;}

img.logo {
    width: 60px;
}
root{--bg:#fdfdfd;--highlight1:#ed4264;--highlight2:#ffedbc;--color:#1a1e24;--font-number:Montserrat , Roboto , Helvetica , Arial , sans-serif;--font-head:"Space Mono" , Consolas , Menlo , Monaco , "Courier New" , monospace;--font:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Helvetica , Arial , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol"}li.item:first-child:before{color:rgba(0,0,0,0);background-image:url(https://masuul.com/wp-content/uploads/2020/02/cup.png);background-size:cover}.list{list-style:none;width:100%;max-width:90%}.item{display:block;clear:both;counter-increment:list;padding-bottom:1rem;font-size:1.1rem;line-height:1.375;position:relative}.item:before{font: bold 2.25rem/1 var(--font-number);content:counter(list);width:5rem;height:5rem;float:left;margin:0 1.5rem .75rem 0;color:var(--bg);background:var(--highlight1) linear-gradient(to bottom right,var(--highlight1) 25%,var(--highlight2));text-shadow:0 0 2px var(--highlight1);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;shape-outside:ellipse();z-index:1}.item:after{width:2.5rem;height:2.5rem;position:absolute;top:0;left:0;content:"";background:var(--highlight1);z-index:-1;border-top-left-radius:3px}.headline{padding:0 0 0 0;margin:0 0 1rem 0;font: normal 2rem var(--font-head)}.wrapper{margin:0 auto;max-width:1200px;padding-top:15px}h1.text-center{font:600 35px/1 "Work Sans",Helvetica,Arial,Verdana,sans-serif;margin-bottom:50px;text-align:center;text-transform:uppercase}.wrapper div[class^="link-style"]{display:inline-block;margin-bottom:25px;text-align:center;width:calc(25% - 5px)}@media screen and (max-width:990px){.wrapper div[class^="link-style"]{width:calc(33% - 5px)}}@media screen and (max-width:767px){.wrapper div[class^="link-style"]{width:calc(50% - 5px)}}@media screen and (max-width:480px){.wrapper div[class^="link-style"]{width:100%}}.link-top-song a{background: linear-gradient(to bottom, #ff5555, #ff5555) 50% calc(100% - 2px) / 25px 2px no-repeat;color:#111;font:600 20px/1.35 "Work Sans",Helvetica,Arial,Verdana,sans-serif;margin:-1px;margin-bottom:-2px!important;padding:1px 5px 5px 3px;text-decoration:none!important;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.link-top-song a:hover,.link-top-song a:focus{background-size:100% 2px;-webkit-transition:all .35s ease-in-out!important;transition:all .35s ease-in-out!important}