/* ----------------------------------------------------------------
Copyright (c) Demosphere International Inc.
No permission is granted for any purpose without prior
written consent from Demosphere International Inc.
-------------------------------------------------------------------*/

/* PAGE STRUCTURE */
* { box-sizing: border-box; }
body { margin: 0; padding: 0; height: 100%; background: #b52c32; }

/* Wrapper */
#design-wrapper { margin: 0; padding: 0; width: 100%; background: #f4f6f7; box-sizing: border-box; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#design-wrapper .container { width: 100%; max-width: 1370px; }
#design-wrapper .container-fluid { padding: 0; }

/* Header */
#design-header-wrapper { position: relative; top: 0; margin: 0; padding: 10px; width: 100%; height: 70px; background: #b52c32; box-sizing: border-box; }
#design-header-inner { position: relative; margin: 0 auto; padding: 0; width: 100%; max-width: 1370px; height: 50px; }
#design-logo { float: left; height: 50px; }
.design-logo { height: 50px; transition: all ease-in-out .3s; z-index: 301; }
#design-title,
#design-link { font-family: 'Poppins', sans-serif; font-weight: 900; color: #fff; line-height: 50px; text-transform: uppercase; }
#design-title { float: left; padding-left: 15px; font-size: 20px; }
#design-link { float: right; font-size: 17px; text-align: right; }
#design-link a { font-size: 17px; color: #fff; text-decoration: none; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#design-link a:hover { color: rgba(255,255,255,0.5); }
#design-link a::before { position: relative; top: 0; left: -10px; content: '\f104'; font-family: 'FontAwesome'; font-size: 16px; }

/* Main */
#design-main { width: 100%; margin: 0 auto; max-width: 1370px; }
#design-main-top { position: relative; padding: 50px 15px; }

/* Content Containers */
#design-container-main { margin: 0; padding: 0; width: 100%; }

/* Registration Page Style Overrrides */
.design-registration h1#dii-main-title { display: none; }
.design-registration .dii-content-shell {
  border-radius: 0;
  border: none;
  background: none;
}

.design-registration #design-container-main {
  border-radius: 10px;
  border: 2px solid #707070;
  padding: 30px;
  background: #fff;
}

#dialog-login .dii-action-nav-bar,
#dialog-login #dii-main-title {
  display: none;
}

#dialog-login #reg-login-welcome * {
  font-family: 'Poppins', sans-serif !important;
}

.design-registration #reg-login-welcome .dii-reg-msg {
  border: none !important;
  background: none !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px;
}

.design-registration .dii-content-inner {
  border: none !important;
}

#reg-login-welcome.dii-round {
  border: none !important;
}

.design-registration #reg-login-welcome .dii-reg-msg h1,
.design-registration #reg-login-welcome .dii-reg-msg h2,
.design-registration #reg-login-welcome .dii-reg-msg h3,
.design-registration #reg-login-welcome .dii-reg-msg p {
  font-family: 'Poppins', sans-serif !important;
}

.design-registration #reg-login-welcome .dii-reg-msg h1 {
  margin: 0.75em 0 1em 0;
  font-size: 40px;
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
}
.design-registration #reg-login-welcome .dii-reg-msg h1:first-of-type {
  margin-top: 0;
}

.design-registration #reg-login-welcome .dii-reg-msg h2 {
  margin: 1em 0 1.5em 0;
  font-size: 22px;
  font-weight: 800;
  color: #ff3d46;
  text-transform: uppercase;
}

.design-registration #reg-login-welcome .dii-reg-msg h3 {
  margin: 1.5em 0 .25em 0;
  font-size: 19px;
  font-weight: 800;
  color: #000;
}

.design-registration #reg-login-welcome .dii-reg-msg h3:first-of-type {
  margin-top: 0;
}

.design-registration #reg-login-welcome .dii-reg-msg  > div > div:last-child {
  font-size: 19px;
  font-style: italic;
  color: #b52c32;
}

.design-registration #reg-login-welcome .dii-pad-8 .dii-pad-8:first-child,
.design-registration #reg-login-welcome .dii-pad-12:first-of-type {
  display: none;
}

.design-registration #reg-login-welcome .dii-pad-12 {
    padding: 0;
}

.design-registration #dialog-login .dii-reg-btn #public_reg_login_button {
  background: #000;
  border: none;
  border-radius: 30px;
  padding: 20px 40px;
  font-family: 'Poppins', sans-serif !important;
  font-size: 19px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
}

#dialog-login .dii-reg-btn #public_reg_login_button #public_reg_login_button:hover {
  background: #262626;
  color: #fff;
}

.design-registration #public_reg_login_button > div.ui-icon {
  display: none;
}

/* Footer */
#design-footer { padding: 30px 15px; width: 100%; background: #b52c32; }
#design-footer #design-footer-left { float: left; }
#design-footer #design-footer-right { float: right; }
#design-footer #design-footer-left .design-copyright,
#design-footer #design-footer-left .design-copyright a { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: rgba(255,255,255,0.5); text-decoration: none; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#design-footer #design-footer-left .design-copyright a:hover { color: #fff; }
#design-footer #design-footer-left .design-copyright:first-of-type { margin-top: 5px; font-weight: 700; }
#design-footer #design-footer-left .design-copyright:last-of-type { margin-top: 10px; }
#design-footer .dii-logo { height: 45px; }


/* MENUS */
#design-container-main-nav .dii-content-nav-menu > ul > li > a.dii-sub-menu-link { display: block; height: 50px; margin: 0; padding: 0 20px; background: none; border: none; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 900; color: #fff; line-height: 50px; text-transform: uppercase; transition: all 0.3s ease-in-out; box-sizing: border-box; }
#design-container-main-nav .dii-content-nav-menu > ul > li:hover > a.dii-sub-menu-link { background: #8c2227; color: #fff; cursor: pointer; }
#design-container-main-nav .dii-content-nav-menu.theme-none ul li:hover { background: none; }
#design-container-main-nav .dii-content-nav-menu > ul ul { padding: 0; background-color: #8c2227; }
#design-container-main-nav .dii-content-nav-menu ul ul li a { color: #fff; padding: 12px 10px; box-sizing: border-box; }
#design-container-main-nav .dii-content-nav-menu > ul > li:hover > ul { top: 50px; }
#design-container-main-nav .dii-content-nav-menu > ul ul li > a { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 800; color: #fff; line-height: 1.1; letter-spacing: 0; text-align: left; }
#design-container-main-nav .dii-content-nav-menu > ul ul li:hover > a { background: #501c7f; color: #fff; transition: all 0.3s ease-in-out; }
#design-container-main-nav .dii-content-nav-menu > ul ul li:hover:before { width: 100%; }
#design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::before { content: '\f0da'; color: rgba(255,255,255,0.4); }


/* MOBILE */
@media screen and (max-width: 1000px) {

  .ui-widget-header { color: #fff; }

}

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

  #design-header-wrapper { height: 60px; }
  #design-header-inner,
  #design-logo,
  .design-logo { height: 40px; }
  #design-title { padding-top: 4px; font-size: 18px; line-height: 1; }
  #design-title span { display: block; }
  #design-link { line-height: 40px; }
  #design-link a { font-size: 16px; }
  #design-link a::before { left: -8px; }

}

@media screen and (min-width: 668px) {

  #design-footer #design-footer-left .design-copyright,
  #design-footer #design-footer-left .design-copyright a { font-size: 15px; }

}

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

  #design-footer { margin: 0; width: 100%; }
  #design-footer #design-footer-left { display: block; margin: 0; width: 100%; text-align: center; }
  #design-footer #design-footer-right { display: block; margin: 10px 0 0 0; width: 100%; text-align: center; }

}

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

  #design-header-wrapper { height: 60px; }
  #design-header-inner,
  #design-logo,
  .design-logo { height: 40px; }
  #design-title { padding-top: 4px; font-size: 16px; }
  #design-title span { display: block; }
  #design-link { line-height: 40px; }
  #design-link a { font-size: 14px; }
  #design-link a::before { top: 0; left: -5px; }

  #design-main div.container { padding: 0 15px; }

}