@charset "utf-8";
/* SHMU base v1 */



/*------------------------------| TYPOGRAPHY |------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: "Poppins", serif;}
p {}
#page-content a {color: #9c8edf !important;}
footer a, header a {color: #fff; text-decoration: none;}

/*------------------------------| NAVIGATION |------------------------------*/


#navigation a {color: #fff; text-decoration: none;}

nav ul {width: 100%; list-style: none; margin: 0; padding: 0;}
nav li ul.sub-menu {position: absolute;}
nav li {position: relative; padding: 0.3em 0.7em;}

#mobile-nav-toggle {display: block; width: 100%; cursor: pointer; text-align: right; color: #fff;}

#desktop-navigation {display: block;}
#mobile-navigation {position: relative; display: none; width: 100%; margin-top: 1em;}
#second-level-pages {}
#footer-navigation {margin-bottom: 2em;}
#global-navigation {}

#desktop-navigation li {float: left; text-align: center;}
#mobile-navigation li {float: none; text-align: center;}
#second-level-pages li {float: left; text-align: center;}
#footer-navigation li {display: inline-block; min-width: 10%;}
#footer-navigation li a {font-size: 1.2em;}

#mobile-navigation ul {display: none; width: 100%; padding-bottom: 2em; z-index: 99;}

#second-level-pages {width: 80%; margin: 0 auto;}

svg {}



/*------------------------------| LAYOUT |------------------------------*/



body {background-color: #211e24 !important; min-height: 100vh; /*background-image: url("../assets/img/3263513_2_orig.png"); background-size: cover; background-position: center center; background-attachment: fixed;*/}
header {width: 100%; height: auto; background-color: rgba(0,0,0,0.33); background-image: url("../assets/img/stoppedclock2.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; /*mix-blend-mode: color-dodge;*/}
footer {width: 100%; color: rgba(255,255,255,0.5);}
section {width: 100%;}
section.container-fluid {padding-left: 0!important; padding-right: 0!important;}


#site-logo {padding: 0 0.3em 0.3em 0.3em;}
#site-title {float: left; margin-right: 1.4em; font-size: 1.6em; color: #000; /*text-shadow: 0px 0px 1px #9c8edf;*/}
#site-title h1 {color: /*#676768*//*#2d2d2f*/#423D3E; letter-spacing: -0.1em!important;}
#site-title a {color: #000; text-decoration: none;}
#site-description {float: left; padding-top: 0.6em;}

#hero-banner {display: flex
;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;
    flex-wrap: wrap; position: relative; max-height: 23vh; overflow: hidden;}

#page-content {padding-top: 3em;}

#overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-image: url("../assets/img/skyline4.jpg"); background-size: cover; z-index: -2; opacity: 0.33; background-attachment: fixed;}
#overlay2 {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: linear-gradient(23deg, #312311, #211e24, #000); background-repeat: no-repeat; background-size: cover; z-index: -1; opacity: 0.42; filter: blur(5px);}

/* search form */
#site-search {float: right; width: 120px; text-align: center; border-radius: 5px; border: solid 0.5px rgba(0,0,0,0.1); background-color: rgba(255,255,255,0.1); cursor: pointer;}
#search-toggle {float: right; text-align: center; width: 18%; margin-right: 15%;}
#search-toggle span {display: inline; border: solid 1px rgba(255,255,255,0.3); width: 30px; height: 30px; border-radius: 3px;}
#search-form-wrap {width: 100%; height: auto; padding: 0.5em 0; background-color: rgba(0,0,0,0.8); display: none; overflow: hidden; z-index: 99;}
#search-form {width: 350px; margin: 0 auto; padding: 0.3em 0}

#hello {color: rgba(255,255,255,0.7); text-align: right;}
#gate {}
#login-required h5 {color: #fff!important;}

.iron-audioplayer .control .sricon-play {}
.srp-play-button .sricon-play, .srp_pagination .active {}
.track-title::before {content: 'File name: '; font-weight: 600;}
.sonaar_wave_base {background-color: /*#469397*//*#46939775*/#2d2e3a!important; padding: 0.2em!important; border-radius: 66px!important; border: solid 2px #9c8edf; background: linear-gradient( rgba(45, 46, 58,0.5), #525468, rgba(45, 46, 58,0.5)); overflow: hidden;}
.iron-audioplayer .srp_miniplayer_metas {color: #fff;}
.iron-audioplayer .player .currentTime, .iron-audioplayer .player .totalTime {color: #fff;}

.elementor-widget-container p {line-height: 1.2em !important;}


button {border: none!important; color: #fff; background-color: #1CA1A6; border-radius: 10px!important; padding: 3px 7px 5px 7px;}

/*------------------------------| CLASSES |------------------------------*/

.entry-content {background-color: rgba(13, 9, 9, 0.42); padding: 1.825em; border: solid 1px #000; border-radius: 3px;}
.entry-title {color: /*#525468*/#1CA1A6;}
h1.entry-title {font-weight: 900; font-size: 3.2em; letter-spacing: 0.05em;}
.entry-title h2 {font-weight: 900; font-size: 2.875em; letter-spacing: 0.05em;}

.transparent {opacity: 0;}

/* POSTS */
.category-title {float: left; width: 90%;}
.post-count {float: right; width: 10%;}

/* GOOGLE MATERIAL ICONS */

.material-icons {margin-right: 10px;}

/* PAGINATION */

.post-navigation {float: left; width: 100%; height: auto; margin-bottom: 1.2em; border-top: solid 1px rgba(0,0,0,0.3);}

.nav-links {}
.nav-previous, .nav-next {float: left; width: 50%;}
.nav-subtitle-left, .nav-subtitle-right {font-weight: 600; font-size: 1.2em;}
.nav-subtitle-left {}
.nav-subtitle-right {}
.nav-title-left {margin-right: 1em;}
.nav-title-right {margin-left: 1em;}
#go-prev {width: 50%; float: right; text-align: right; padding-right: 1em;}
#go-next {width: 50%; float: left; text-align: left; padding-left: 1em;}

/*------------------------------| BOOTSTRAP BREAKPOINTS |------------------------------*/



/* x-small */
@media only screen and (max-width: 576px) {

}

/* small */
@media only screen and (max-width: 577px) {
    header {background-size: contain;}
    #hello {text-align: left;}
	
}

/* medium */
@media only screen and (max-width: 768px) {
	.nav-previous, .nav-next {float: left; width: 100%;}
	.nav-next {text-align: left;}	
}

/* large */
@media only screen and (max-width: 992px) {

}

/* x-large */
@media only screen and (max-width: 1200px) {

}