h1,h2,h3{font-size:1.5rem!important}
h4{font-size:1.3rem!important}
h5{font-size:1.2rem!important}
.menu-wrapper{z-index:0!important}
#jtl{
  display:flex!important;
  align-items:center;
  font-size:14px;
  position:relative;
  width:100px;
  margin-left:60px;
  padding-top:10px!important
}
#jtl button[class^="login-toggle"],
#jtl button[class^="register-toggle"]{
  background:none!important;
  border:none!important;
  padding:0!important;
  margin:0!important;
  font-size:16px!important;
  font-weight:400!important;
  color:#666!important;
  cursor:pointer;
  box-shadow:none!important
}
#jtl button[class^="login-toggle"]:hover,
#jtl button[class^="register-toggle"]:hover{
  color:#6dab9f!important
}
div[class^="jtl-content-login"]{
  width:290px;
  max-width:90vw;
  margin-left:-15px
}
.jtl-content-login,
.jtl-content-register{
  position:absolute!important;
  top:100%!important;
  left:0;
  margin-top:6px;
  z-index:9999;
  border-radius:4px
}
#jtl .registerlink{font-size:18px}
.jt-register-link{
  text-align:center;
  padding:12px 0;
  background:#eef3f5
}
.jt-register-btn{
  color:#1f6f78;
  font-weight:600;
  text-decoration:none
}
.jt-register-btn:hover{text-decoration:underline}
#jtl a{color:#418485!important}
#jtl .username-password a{color:#fc9544!important}
.create_paw{background-color:#fc9544}
.jt_logout{
  background-color:#5e5e5e;
  text-align:center;
  padding-bottom:10px
}
.user-center{
  position:relative;
  display:inline-block;
  margin-top:10px;
  margin-left:60px
}
.user-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  font-weight:600;
  color:#333;
  user-select:none
}
.user-icon,
.toggle-icon{font-size:16px}
.toggle-icon{
  margin-left:0px;
  margin-top: 3px;
  transition:transform .2s ease
}
.user-dropdown{
  position:absolute;
  top:38px;
  left:0;
  width:200px;
  background:#6dab9f;
  border-radius:4px;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  display:none;
  overflow:hidden;
  z-index:9999
}
.user-center.open .user-dropdown{display:block}
.user-center.open .toggle-icon{transform:rotate(180deg)}
.user-dropdown a{
  display:block;
  padding:8px 16px;
  color:#fff;
  text-decoration:none;
  font-size:15px
}
.user-dropdown .divider{
  height:1px;
  background:rgba(255,255,255,.35);
  margin:6px 0
}
.profile-edit{margin:0 auto}
.com-users-profile{margin:0 1em}
#member-profile{
  background-color:#6dab9f;
  padding:20px;
  border-radius:5px;
  color:#fff
}
#jform_username-lbl,
#jform_username,
#jform_username-desc{display:none}
#password-0{
  font-size:12px;
  line-height:12px
}
.com-users-login,
.com-users-logout{
  max-width:350px;
  margin:0 auto
}
.input-password-toggle,
.input-password-toggle svg{color:#22262a!important}
.container-bottom-a{margin-bottom:10%}
.btn-blockjt{
  font-size:1rem!important;
  padding:5px 0 10px!important;
  line-height:1!important;
  width: 100%;
}
.container-header{
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:none!important
}
.container-topbar{
  background-color:#f6f6f8!important;
  border-bottom:1px solid #e0e0e0;
  min-height:45px
}
.container-header .container-nav{padding-bottom:10px!important}
@media (max-width: 1024px) {
  .container-header .container-nav{display:none !important}
  #jtl {margin-left: 20px;}
  .user-center{margin-left:10px;}
}
.mod-languages{
  width:120px;
  float:right;
  padding-right:3em;
  margin-top:7px;
  height:20px
}
div.mod-languages ul{text-align:right}
div.mod-languages ul.lang-inline li{margin-left:10px}
.container-footer .grid-child,
.container-footer .mod-custom{
  display:block!important;
  width:100%;
  margin:0!important;
  padding:0!important
}
.com-content-article{
  padding:1em 2em;
  border-top:solid beige
}
.com-content-article .page-header{display:none}
.com-contact{margin-left:30px;max-width:450px}
.wp-banner{
  position:relative;
  width:100%;
  overflow:hidden;
  height:450px
}
.wp-banner img{
  width:100%;
  height:auto;
  display:block
}
.wp-banner-text{display:none}
.banner-module,
.banner-module img.banner-img{
  width:100%;
  display:block
}
#cf_1{margin:0 auto}
.footer{
  background-color:#093948!important;
  background-image:none!important
}
.card{
  padding:0!important;
  border:none!important
}
.wp-footer{
  width:100%;
  background:linear-gradient(180deg,#e2ebe6 0%,#d6e3dd 100%);
  padding:28px 20px
}
.wp-footer-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px
}
.wp-footer-logo img{
  height:32px;
  width:auto;
  display:block
}
.wp-footer-links{
  font-size:14px;
  color:#555;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px
}
.wp-footer-links a{
  color:#555;
  text-decoration:none
}
.wp-footer-links a:hover{color:#598a8f!important}
:root{
  --primary:#F4A261;
  --primary-rgb:244,162,97;
  --link-color:#F4A261;
  --link-hover-color:#E76F51
}
.btn-primary{
  background-color:#F4A261!important;
  border-color:#F4A261!important;
  color:#fff!important
}
.btn-primary:hover,
.btn-primary:focus{
  background-color:#E76F51!important;
  border-color:#E76F51!important
}
a{color:#F4A261}
a:hover{color:#E76F51}
.form-control:focus{
  border-color:#F4A261;
  box-shadow:0 0 0 .2rem rgba(244,162,97,.25)
}
.form-check-input:checked{
  background-color:#F4A261;
  border-color:#F4A261
}
.login button,
.login .btn{
  background-color:#F4A261!important;
  border-color:#F4A261!important
}
.h-captcha{
  margin:20px 0;
  padding:15px;
  border-radius:10px;
  background:#f6faf9;
  display:flex;
  justify-content:center;
  border:1px solid #e0ece9
}
.hypquiz-wrap{
  max-width:520px;
  margin:0 auto;
  padding-bottom:90px
}
.hypquiz-toplinks{
  display:flex;
  justify-content:space-around;
  padding:10px 0;
  background:#fff;
  border-radius:14px;
  margin-bottom:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.06)
}
.hypquiz-toplinks a{
  text-decoration:none;
  font-weight:600;
  color:#333
}
.hypquiz-card{
  background:#fff;
  border-radius:18px;
  padding:14px;
  box-shadow:0 8px 20px rgba(0,0,0,.08)
}
.hypquiz-toolbar{
  background:#f9fafb;
  border-radius:14px;
  padding:10px
}
.hypquiz-toolbar-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px
}
.hypquiz-btn{
  background:#fff;
  border:none;
  border-radius:12px;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  cursor:pointer
}
.hypquiz-btn:active{transform:scale(.97)}
.hypquiz-actions{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  gap:10px;
  padding:12px;
  background:#fff;
  box-shadow:0 -4px 16px rgba(0,0,0,.12);
  z-index:999
}
.hypquiz-actions .hypquiz-btn{
  flex:1;
  padding:14px 0;
  font-size:16px
}
.hypquiz-option {
  margin: 10px 0 !important;
}
@media (min-width:768px){
  .hypquiz-actions{
    position:static;
    box-shadow:none;
    margin-top:16px
  }
}
/* viberate effect */
@keyframes hypquiz-shake{
  0%{transform:translateX(0)}
  20%{transform:translateX(-4px)}
  40%{transform:translateX(4px)}
  60%{transform:translateX(-3px)}
  80%{transform:translateX(3px)}
  100%{transform:translateX(0)}
}
.hypquiz-option.correct{
  animation:none;
}
.hypquiz-option.wrong{
  animation:hypquiz-shake .32s ease-in-out;
}
.hypquiz-option.correct::after{
  content:"✔";
  margin-left:auto;
  font-weight:900;
  color:#4FB89A;
  font-size:18px
}
.hypquiz-option.wrong::after{
  content:"✖";
  margin-left:auto;
  font-weight:900;
  color:#FF9A4D;
  font-size:18px
}
@media (prefers-reduced-motion: reduce){
  .hypquiz-option.wrong{
    animation:none
  }
}
#hypquiz-jump {
  text-align: center;
}
.hypquiz-meta {
  font-weight: 600;
}
@media (max-width:481px){
  .hypquiz-toolbar-row{
    flex-wrap:wrap;
  }
  .hypquiz-jump-inline{
    width:125px;
    justify-content:flex-end;
  }
  .test_page .footer {
    display: none;
  }
}
@media (min-width:769px){
   .hypquiz-toplinks{
    display: block !important;
   }
}