@charset "utf-8";



/* SHMU min v1.2 */


/*
light blue: #92c0db
light orange: #d4a37f
dark blue: #0f2c51
*/


/*------------------------------| GLOBALS |------------------------------*/

html {overflow-x: hidden;}

button {border: none!important; color: #000!important;}

svg {display: block;}

#wpadminbar a {color: #fff!important;}

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



h1, h2, h3, h4, h5, h6 {font-family: "Urbanist", sans-serif; text-transform: uppercase; font-weight: 900;}

h1, h2 {/*color: #0f2c51!important;*/}

h2 {font-size: 2em!important;}

h3 {font-size: 2.45em;}
h3.elementor-heading-title {font-weight: 900!important;}


h3.elementor-post__title {}

h3.elementor-post__title a {}

h4 {text-transform: uppercase;}

p {font-size: 1em; font-family: 'Open Sans', sans-serif;}

a {color: #0f2c51!important; text-decoration: none!important;}

footer a {}

header a {}

footer a:hover, footer a:focus {}

header a:hover, header a:focus {}

#page-content a {color: #091f27; font-weight: 600; font-size: 1.1em;}

a:hover, a:focus {text-decoration: underline!important;}

#site-title h1, #site-title p {font-size: 3.6em; font-weight: 900; line-height: 1.5; margin: 0;}
#site-description {font-size: 1.4em; font-weight: 700;}

blockquote {width: 85%; margin-left: 1.3em!important; margin-bottom: 1.3em!important; padding-left: 1.3em; border-left: solid 2px #000; font-size: 1.05em;}



img {max-width: 100%;}







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







nav ul {list-style: none; margin: 0; padding: 0;}

nav li ul.sub-menu {position: absolute; display: none;}

nav li {padding: 0.3em 0.7em;}

.current-menu-item .sub-menu  {display: block; margin: 5px 0; font-size: 1em;}





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

#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 {text-align: center;}



#desktop-navigation a {text-decoration: none!important; font-size: 1.1em; text-transform: uppercase;}

#desktop-navigation li {border-bottom: solid 2px rgba(0,0,0,0);}

#desktop-navigation li.current-menu-item {border-bottom: solid 2px rgba(0,0,0,1);}



#desktop-navigation li {float: left; text-align: center; /*background-color: #92bfda; border-radius: 3px; border: solid 1px rgba(16, 45, 82, 0.2);*/ font-weight: 700;}

#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; }

#global-navigation li {display: inline;}

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

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

#site-info a {}









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









html {}

body {max-width: 100%; overflow-x: hidden; margin: 0px; padding: 0px;}

header {width: 100%; padding: 1.4em 0px; /*background-color: rgba(247, 224, 206, 0.95);*/}

footer {float: left; width: 100%; /*margin-top: 2em;*/ padding: 4em 0px; /*background-color: #103057; color: #d4a47f;*/}

#footer-content {width: 100%; height: auto; padding: 2em 0px;}

section.container-fluid {padding-left: 0!important; padding-right: 0!important;}



#site-logo {float: left; width: 100%; margin-left: 14%; padding: 0 0.3em 0.3em 0.3em;}

#site-logo img {max-width: 100%;}
/*rgba(212, 164, 127, 0.8)*/
#site-heading {position: absolute; width: 40%; padding: 2em; margin-top: 10%; background-color: rgba(255, 255, 255, 0.4); /*background-color: rgba(247, 210, 181, 1); border: solid 3px #92bfda; border-radius: 3px;*/ text-align: center; z-index: 10; /*box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3) !important;*/ /*color: #f7d2b5;*/}
#site-title h1, #site-title h1 p {/*color: #d3a37f!important;*/}

#site-title {border-bottom: solid 1px #0f2c51; margin-bottom: 0.715em;}

#site-description {}

#site-nav {padding-bottom: 1em;}

#site-info {width: 100%; height: auto; text-align: center;}

#site-controls {float: left; width: 50%; margin: 1.4em 25%;}



#hero-banner {position: relative; width: 100%; height: auto; /*max-height: 70vh;*/ z-index: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: #103057;}

#feature-image {/*opacity: 0.3;*/}

#feature-image img {width: 100vw; height: auto;}



#page-content {width: 100%; height: auto;}

#common-content {}



/* search form */



#site-search {float: left; width: 40%; margin: 1.4em 30%; 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-top: 7px;}

#search-toggle span {display: inline; width: 30px; height: 30px;}

#search-form-wrap {width: 100%; height: auto; padding: 0.5em 0; display: none; overflow: hidden; z-index: 99;}

#search-form {width: 350px; margin: 0 auto; padding: 0.3em 0}





/* back to top */

#back-to-top {width: 100%; margin-top: 1.4em; cursor: pointer;}

#back-to-top span {float: left; width: 100%; text-align: center;}







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





a.in-page-anchor {text-decoration: none!important;}

.entry-title {}





/* SOCIAL MEDIA */



#social-media-wrap {float: left; width: 60%; margin: 0 20%;}

.social-media {float: left; width: 25%; height: auto; border-radius: 5px; text-align: center;}

.social-media svg {width: 28px; height: auto; margin: 1px auto; padding: 2px; fill: /*#4891A2*/#6CB2BD;}

.social-media svg:hover, .social-media svg:focus { margin-top: 0;}

.no-link {display: none;}







/*------------------------------| POSTS |------------------------------*/





#post-grid {}

.post-thumbnail img {max-width: 100%; height: auto;}







/*------------------------------| POST SNIPPET |------------------------------*/









.snippet { float: left; width: 100%; height: auto; padding: 0.75em; margin-bottom: 1.4em;}



.snippet-thumbnail {position: relative; width: 100%; height: auto; min-height: 150px; max-height: 250px; text-align: center;/*background-image: url("../../../themes/shmu-base/assets/img/icon_image.png"); background-position: center;*/ margin-bottom: 20px; overflow: hidden;}

.snippet-thumbnail img {position: absolute; top: calc(50% + 1px); left: calc(50% + 1px); transform: scale(1.01) translate(-50%,-50%);max-width: 100%; height: auto;}



.snippet-title {float: left; width: 100%;}

.snippet-title h4 {}

.snippet-category {width: 100%; background-color: rgba(0,0,0,0.1); text-align: center;}

.snippet-summary {float: left; width: 80%; padding-left: 1%}

.snippet-link {align-self: flex-end;}

.snippet-link a {}









/* 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; margin-right: 0.5em; font-size: 1.2em;}

.nav-next {text-align: right;}

.nav-title-left {}

.nav-title-right {}









/*------------------------------| ELEMENTOR |------------------------------*/



#mailing-list {}
#mailing-list-form {display: none;}





.elementor-post {}

a.elementor-button {text-transform: uppercase; color: #fff!important;}

.elementor-button {box-shadow: 2px 3px 4px rgba(0,0,0,0.3)!important; background-color: #b5866b!important;}

.elementor-button:hover {box-shadow: 1px 1px 2px rgba(0,0,0,0.1)!important;}

.elementor-heading-title  {/*letter-spacing: 0.125em;*/}

.elementor-post a {}

.elementor-post__meta-data {}

.elementor-posts .elementor-post__excerpt p {}



.elementor-pagination {padding: 0.3em 0px; margin-top: 1.4em;}

.page-numbers {}

a.page-numbers {color: #000!important;}



.elementor-blockquote::before {content: "“"!important;}

.elementor-blockquote__content {padding: 1.3em; border-radius: 3px; background-color: rgba(255,255,255,0.2);}

.elementor-blockquote__author {}







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









/* x-small */



@media only screen and (max-width: 576px) {

}



/* small */



@media only screen and (max-width: 577px) {

    #site-logo {padding: 0px 1.8em;}

    #site-search {width: 120px; margin: 0px auto;}

    #site-title {font-size: 1.4em;}

    #site-title h1, #site-title p, #site-description {font-size: 1em !important; font-weight: 600; line-height: 1.5; margin: 0;}
	#site-heading {padding: 1em; margin-top: 0%;}
	#site-nav {padding-bottom: 0;}

}







/* medium */



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

    #footer-navigation li {width: 100%;}

	nav li ul.sub-menu {position: relative;}

	#footer-navigation li {text-align: center;}

	#site-copyright, #site-info {text-align: center;}

	#site-info {padding: 0 0.75em;}

	#site-description {padding-top: 0; padding-bottom: 0.7em;}

	#second-level-pages {display: none;}

	.nav-previous, .nav-next {float: left; width: 100%;}

	.nav-next {text-align: left;}

	#social-media-wrap {width: 50%;}

	#global-navigation li {display: block;}
	#site-heading {width: 90%;}

}





/* large */



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

    #social-media-wrap {width: 40%;}

    .snippet-thumbnail, .snippet-link, .snippet-content {float: left; width: 100%;}

    .snippet-content {margin-top: 1em;}

}





/* x-large */



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

	#site-title, #site-description {width: 100%; text-align: center;}

	#site-description {top: 33%;}

	.social-media {width: 25%; margin: 0;}

}