/**
 ************************************
 */
#site-header {
    z-index: 1000;
}
.site-header {
  --navbar-size--: 60px;
  --header-size--: var(--responsive--alignwide-width);
  --header-zidx--: 1000;
    width: 100%;
    padding-bottom: calc(15px + var(--navbar-size--))!important;
    position: relative!important;
}
.site-header .navbar {
    /*position:sticky;*/
    position: fixed;
    /*position: absolute;*/
    top: var(--global--admin-bar--height);
    left: 0;
    right: 0;
    z-index: var(--header-zidx--);
    height: var(--navbar-size--) !important;
    /*max-width: var(--header-size--) !important;*/
    /*justify-content: space-between!important;*/
    /*opacity: 0.90;*/
    /*************/
   -webkit-transition: all 0.1s ease;
   -moz-transition: all 0.1s ease;
   -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.site-header.is-sticky .navbar {
  --navbar-size--: 50px;
    /*top: 0;*/
    opacity: 0.95;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    -webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.editor-styles-wrapper .site-header {
    padding-bottom: 0;
}
.editor-styles-wrapper .site-header .navbar {
    position: revert;
}
/**
 ************************************
 */
.site-header .navbar {
  --button--color-text: white !important;/*#ffffff*/
  --button--color-text-hover: #FF9635 !important;
  --button--color-text-active: #FF9635 !important;
  --button--color-background: none !important;
  --button--color-background-active: none !important;
  --button--color-background-hover: none !important;
  --button--font-family: inherit !important;
  --button--font-size: 14px !important;
  --button--font-weight: 400 !important;
  --button--line-height: var(--navbar-size--) !important;
  --button--border-width: 0 !important;
  --button--border-radius: 0 !important;
  --button--padding-vertical: 0 !important;
  --button--padding-horizontal: 10px !important;
  --navbar--padding-full: calc(50% - 0.5 * min(100% - 10px, var(--header-size--)));
  --navbar--padding-stop: calc(50% + 0.5 * min(100% - 10px, var(--header-size--)));
  --global--color-primary: none!important;
  margin: 0!important;
  max-width: 100%!important;
  text-transform: uppercase;
  color: var(--button--color-text);
  padding: 0 var(--navbar--padding-full)!important;
  background: linear-gradient(
            to right,
            #233C75 var(--navbar--padding-full),
            #188785 60%,/**/
            #0A5050 var(--navbar--padding-stop)
        ) !important;/*#0A4158;*/
/*background: linear-gradient(
            to right,
            #0A4158,
            #0A4158 var(--navbar--padding-full),
            #0A5050 var(--navbar--padding-stop),
            #0A5050
        ) !important;/*#0A4158;*/
}
/**
 ************************************
 */
.site-header .navbar .site-logo {
  --js--nav-menu: $.appendChild(queryOne('nav.nav-menu'));
  position: relative;
  flex-basis: 30%;
  text-align: center;
  flex-grow: 1;
  height: 100%;
  /* padding: 5px 0!important; */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  --button--color-text: #FF9635 !important;/*#ffffff*/
  --button--color-text-hover: #60b0b7 !important;
  --button--color-text-active: #60b0b7 !important;
}
.site-header .navbar .site-logo > * {
    /* height: 100%; */
    /* width: 100%; */
    /* padding: 0!important; */
}
.site-header .navbar .site-logo img {
    height: 100%!important;
    min-width: 100%!important;
    object-fit: contain;
    width: 400px !important;
    padding: 0;
    margin: 0 5px;
    pointer-events: none;
    opacity: 0.95;
}
.site-header .navbar .site-logo:before {
    content: "\f228";
    font-family: dashicons;
    font-size: calc(0.45 * var(--navbar-size--));
    line-height:  calc(var(--navbar-size--) - 10px);
    color: #f7f18b;
    background-color: rgba(255,255,255,0.1);
    min-width: calc(var(--navbar-size--) - 10px);
    margin: 5px 5px 5px 0;
}
.site-header .navbar .site-logo:hover .nav-menu {
    display: flex;
}

/**
 ************************************
 */
.site-header nav.nav-menu {
  --primary-nav--font-size: 14px;
  --global--color-primary: #000;
  --navigation-layout-direction: column;
  --navigation-layout-align: stretch;
  --navigation-layout-justify: flex-start;
  --wp--style--block-gap: 10px;
  color: var(--button--color-text);
  display: none; 
  position: absolute;
  top: 100%;
  z-index: calc(var(--header-zidx--) - 1);
  box-shadow: 0 0 8px rgba(0,0,0,0.5);
  text-transform: uppercase;
  padding: 10px;
  background-color: white;
  text-align: left;
  min-width: 250px;
  align-items: var(--navigation-layout-align);
  row-gap: var(--wp--style--block-gap);
}

.site-header nav.nav-menu a {
    text-decoration: none!important;
}


.site-header nav.nav-menu.wp-block {
    display: block;
    position: relative;
    width: 250px;
    margin-bottom: 10px!important;
}

.site-header nav.nav-menu > ul > * {
    color: #000;
    margin: 2px 0;
    line-height: 1.3;
}

.site-header nav.nav-menu li {
    display: block;
    border-bottom: 1px dotted #ddd;
    line-height: inherit;
}

.site-header nav.nav-menu li:hover {
    background-color: aliceblue;
}

.site-header nav.nav-menu .soc-icons {
    justify-content: space-between!important;
    /* margin: 8px 6px; */
}

.site-header nav.nav-menu .soc-icons > li {
  /*--global--color-primary: #60b0b7;*/
    margin: 0!important;
    color: #60b0b7;
}

.site-header nav.nav-menu .search input[type=search] {
    font-size: 15px;
}
/**
 ************************************
 */
@media only screen and (max-width: 1000px) {
    .site-header .navbar .wp-block-button:not(.site-logo) {
        display: none;
    }
    .site-header .navbar .wp-block-button.site-logo {
        margin: 0 auto;
    }
    .site-header .navbar .wp-block-button.site-logo img {
        margin: 0 auto;
        width: 90%!important;
    }
}
@media only screen and (max-width: 600px) {
    .site-header .navbar {
        position: absolute; top: 0;
    }
}
/**
 ************************************
 */
.site-footer {
    background: #b5b5b5;
    *margin-top: 50px;
}
.site-footer .navbar {
    background: none;
    /*padding: 20px;*/
}
.site-footer .copyright {
    text-align: center;
    font-size: 15px;
    color: #ffd6af;
    background: #505558;
    padding: 10px;
}
.site-footer .nav-links {
    background: none!important;
    text-align: center;
    font-size: 15px;
    display: flex;
    flex-flow: row wrap;
    /*margin: 15px auto;*/
    color: #ffffff;
    margin-bottom: 20px;
}
.site-footer .nav-links > div {
    flex-basis: 50%;
    padding: 0 10px;
    cursor: pointer;
}
.site-footer .nav-links > div:nth-child(odd) {
    text-align: right;
}
.site-footer .nav-links > div:nth-child(even) {
    text-align: left;
}
.site-footer .soc-links {
    display: flex;
    justify-content: center;
    padding: 20px
}
.site-footer .soc-links > div {
    margin: 0 20px;
    height: 30px;
}
.site-footer .soc-links > div:before {
    font-family: dashicons;
    font-weight: 400;
    font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
    line-height: 30px;
    vertical-align: baseline;
    font-size: 30px;
    content: var(--glyph--," ");
    cursor: pointer;
    color: #ffffff;
}
.site-footer .soc-links > div[rel=soc-facebook] {
  --glyph--: "\f304"
}
.site-footer .soc-links > div[rel=soc-google] {
  --glyph--: "\f18b"
}
.site-footer .soc-links > div[rel=soc-twitter] {
  --glyph--: "\f301"
}
.site-footer .soc-links > div[rel=soc-youtube] {
  --glyph--: "\f19b"
}
.site-footer .soc-links > div[rel=soc-email] {
  --glyph--: "\f466"
}
/**
 ************************************
 */
.site-login {
    display: none;
    position: fixed;
    z-index: 1000000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*width: 100%;*/
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    text-align: center;
}
.site-login > div {
    position: relative;
    *box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    background: #fafafa;
    top: 50%;
    left: 50%;
   -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.site-login > div > * {
    display: none;
}
.site-login[data-page=soc-links],
.site-login[data-page=wp-login] {
    display: block;
}
.site-login[data-page=soc-links] > div {
    width: 300px!important;
    height: auto!important;
}
.site-login[data-page=soc-links] .wp-social-login-widget {
    display: block;
}
.site-login[data-page=wp-login] iframe {
    display: block;
}
.site-login iframe#user-login {
    min-width: 100%;
    min-height: 100%;
}
.site-login .wp-social-login-widget {
    padding: 15px;
    background:  #eee;
    border-bottom: 1px solid #ddd;
}
.site-login .wp-social-login-connect-with {
    font-size: 15px;
}
.site-login .wp-social-login-provider-list {
    *display: flex;
    *flex-flow: column;
    *justify-content: center;
    padding: 0px;
    *width: 200px;
    *height: 300px;
}
.site-login .wp-social-login-provider {
    display: flex;
    line-height: 30px;
    /*min-width: 200px;*/
    height: 30px;
    vertical-align: baseline;
    font-size: 16px;
    padding: 5px;
    box-sizing: content-box;
    background: var(--color--)!important;
    margin-top: 6px;
    color: #ffffff !important;
    border-radius: 3px;
}
.site-login .wp-social-login-provider:hover {
    opacity: 0.8;
}
.site-login .wp-social-login-provider:before {
    content: var(--glyph--);
    font-family: dashicons;
    font-size: 24px;
    line-height: 30px;
    margin-right: 10px;
    *height: inherit;
}
.site-login .wp-social-login-provider[data-provider=Facebook] {
    --glyph--: "\f304"; --color--: #3b5999
}
.site-login .wp-social-login-provider[data-provider=Google] {
    --glyph--: "\f18b"; --color--: #34a853
}
.site-login .wp-social-login-provider[data-provider=Twitter] {
    --glyph--: "\f301"; --color--: #55acee
}
.site-login .wp-social-login-provider[data-provider=Disqus] {
    --glyph--: "\f130"; --color--: #2e9fff
}
.site-login .wp-social-login-provider[data-provider=Amazon] {
    --glyph--: "\f162"; --color--: #000000
}
.site-login .wp-social-login-provider[data-provider=LinkedIn] {
    --glyph--: "\f18d"; --color--: #0077B5
}
.site-login .wp-social-login-provider[data-provider=Discord] {
    --glyph--: "\f107"; --color--: #738ADB
}
.site-login .wp-social-login-provider[data-provider=Youtube] {
    --glyph--: "\f19b"; --color--: #cd201f
}
#wpadminbar .ab-subm#wpadminbar .ab-item:empty:before {
    margin: 0;
}
.site-login .wp-social-login-provider-list img {

}
.site-login .wsl_connect_with_provider {

}

.site-login #loginform {
    display: block;
    /* width: 300px; */
    padding: 5px 15px;
    text-align: left;
}

.site-login #loginform > div {
    margin: 15px 0;
    /*border: 1px dashed blue;*/
    line-height: 0;
}

.site-login #loginform > div > label {
    line-height: 24px;
    font-size: 15px;
}

.site-login #loginform input[type=text],
.site-login #loginform input[type=password] {
    width: 100%;
    margin: 0;
}

.site-login #loginform .forgetmenot {
	border: 1px solid #d3d3d3;
	padding: 20px 10px;
	/*margin: 0 0 20px 0!important;*/
	background-color: #f9f9f9;
	border-radius: 3px;
	box-shadow: 0 0 4px 1px rgb(0 0 0 / 8%);
	-webkit-box-shadow: 0 0 4px 1px rgb(0 0 0 / 8%);
	-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
}

.site-login #loginform .submit {
    text-align: right;
}

/*
.site-login a {
    position:absolute;
    *z-index: 10000;
    display: block;
    font-size: 36px;
    left: 0;
    top: 0;
    color: black;
}
*/
/*

.site-header .search-box {
    position: relative;
}
.site-header .search-box form {
    padding: 15px;
    margin-left: auto;
    width: 250px;
    background-color: #000;
    transition: all .25s ease-in-out;
    position: absolute;
    right: 0;
    z-index: 10000;
}
.site-header .search-box form input {
    padding: 6px 12px;
    margin: 0;
    width: 100%;
    border: 1px solid #13aff0;
    border-radius: 0;
    background: none;
    color: #ffffff;
    float: none!important;
    min-height: 40px;
    font-size: 14px;
    line-height: 1.8;
}
#site-header .search-box:not(.is-open) {
    display: none;
}
#site-header .search-box.is-open {
    display: block;
}
*/