/**
 * ----------------------------------------------------------------------------
 *  SignumNOVA: Main stylesheet
 * ----------------------------------------------------------------------------
 *
 * @author Ken Briscoe
 * @copyright 2015
 * @since 2023-08-16
 *
 * --- COLORS -------------------------
 *
 * Logo (letters): 4184a3
 * Logo (dot & wave): a19e99
 * H1: a19e99
 * H2: 4184a3
 * Text (body, p, ul, ol): 909090
 * BG: 272822
 * Links: a7b3bb - hover: ea3815 - visited: 909090
 * Form fields: BG c0c0c0
 * Menu links: 707070
 *
 * ------------------------------------
 *
 */


/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,900&subset=latin,latin-ext");

/* DEFAULT SETTINGS */

html,
body,
div,
img,
p,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
pre,
table
{
  display:block;
  position:relative;
  float:left;
  clear:both;
  margin:0;
  padding:0;
  width:auto;
  height:auto;
  border:0;
  background:transparent;
}

body {
  color:#909090;
  background:#272822;
  font-size:100%;
  font-style:normal;
  font-weight:normal;
  font-family:"Open Sans", Arial, Helvetica, sans-serif;
}

div {
}

img {
}

p {
  font-size:0.9rem;
  margin:0 1em 1em 0;
}

h1 {
  color:#a19e99;
  font-size:1.8rem;
  font-weight:normal;
  letter-spacing:0.1rem;
  text-transform:uppercase;
  margin:0 0 1.5rem 0;
}

h2 {
  color:#4184a3;
  font-size:1.5rem;
  font-weight:normal;
}

h3 {
}

h4 {
}

h5 {
}

ul {
  list-style-type:square;
  margin:0 0 0.8rem 1.2rem;
  font-size:0.9rem;
}

ol {
  margin:0 0 0.8rem 1.2rem;
  font-size:0.9rem;
}

li {
  margin:0 0 0.2rem 0;
}

span {
}

a {
  color:#a7b3bb;
  background:transparent;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
}
a:link { }
a:visited {color:#909090;}
a:active,
a:hover,
a:focus {
  color:#ea3815;
  text-decoration:none;
}

pre {
  font-family:"Courier New", Courier, monospace;
}

sup {
  font-size:0.8rem;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

tr {
  background-color:#202020;
}

tr:nth-child(odd) {background-color:#202020;}
tr:nth-child(even) {background-color:#505050;}
tr:hover {color:#202020; background-color:#c0c0c0;}

th {
  padding:0.125rem 0.5625rem;
  color:#f0f0f0;
  background:#0072a8;
  font-size:0.9em;
  font-weight:normal;
  text-align:center;
}

td {
  padding:0.125rem 0.5625rem;
  vertical-align:top;
  font-size:1.0em;
}


/**
 * ------------------------------------
 *  FORM
 * ------------------------------------
*/

form,
form fieldset,
form label,
form input,
textarea,
select {
  display:block;
  position:relative;
  float:left;
  clear:both;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  font-size:1.0rem
}

form {
}

form fieldset {
  color:#909090;
  background:transparent;
  font-size:1rem;
  border:1px solid #c0c0c0;
  border-radius:0.5em;
  margin:0 0 1.5rem 0;
  padding:1.5rem 0 1.5rem 1.5rem;
}

form fieldset legend {
  color:#909090;
  font-size:1.2rem;
  margin:0.2rem 0 0 1rem;
}

/* label */
form label {
  font-size:1.0em;
  font-weight:normal;
  text-align:left;
}

/* inputs */
form input {
  width:80%;
  margin:0.7rem 0;
  padding:0.5rem;
  color:#272822;
  font-size:1.0rem;
  background:#909090;
  border:none;
}

input[type='text'] {}
input[type='email'] {}
input[type='password'] {background:#e0e0e0;}
input[type='file'] {padding:3px; border:none;}
input[type='checkbox'] {width:1.0em; height:1.0em;}
input[type='radio'] {width:1.0em; height:1.0em; margin:2px 5px 0 0;}


form input[type='text'] {}
form input[type='email'] {}
form input[type='password'] {background:#e0e0e0;}
form input[type='file'] {padding:0.5rem; border:none;}
form input[type='checkbox'] {width:1.0em; height:1.0em; margin:0.3rem 0.625rem 0 0;}
form input[type='radio'] {width:1.0em; height:1.0em; margin:0.3rem 0 0 1rem;}
form input[type='submit'] {
  margin:1.25rem 0;
  padding:1rem 1.6rem;
  color:#f0f0f0;
  background:#a19e99;
  font-size:1.3rem;
  text-transform:uppercase;
  cursor:pointer;
  border:1px solid #202020;
  border-radius:0.45rem;
}

form input[type='submit']:hover {
  color:#202020;
  background:#a19e99;
  box-shadow:0.2rem 0.2rem 0.5rem #909090;
}

form input[type='reset'] {
  margin:1rem 0 1rem 0;
  color:#6e6e6e;
  font-size:1.2rem;
  cursor:pointer;
  padding:0.45rem 1rem 0.45rem 1rem;
  background:linear-gradient(180deg, #fff, #fff 75%, #cdcdcd);
  box-shadow:0.2rem 0.2rem 0.15rem #202020;
  border-radius:0.45rem;
}

form input[type='button'] {
  margin:1rem 0 1rem 0;
  color:#6e6e6e;
  font-size:1.1rem;
  cursor:pointer;
  margin:0 1.6rem 0 0;
  padding:0.45rem 1rem 0.45rem 1rem;
  background:linear-gradient(180deg, #fff, #fff 75%, #cdcdcd);
  box-shadow:0.2rem 0.2rem 0.15rem #202020;
  border-radius:0.45rem;
}

/* textarea */
form textarea {
  width:80%;
  margin:0.3rem 0 0.7rem 0;
  padding:0.5rem;
  overflow:auto;
  color:#272822;
  font-family:"Open Sans", "Courier New", Courier, monospace;
  font-size:1.0rem;
  background:#909090;
  border:none;
}

/* select */
form select {
  color:#6e6e6e;
  background:#f0f0f0;
  border:1px solid #c3c3c3;
}


/**
 * ------------------------------------
 *  PAGE LAYOUT
 * ------------------------------------
*/

/* GATEWAY LAYOUT */

#gateway_content_left {
  margin:1.5rem 1.5rem 1rem 0;
}

#gateway_content_right {
  margin:1.5rem 0 1rem 0;
}


/* SECTION PAGES LAYOUT */

/* Main container */
#main_box {
  width:100%;
  height:100%;
  margin:2rem 0 0 1.5rem;
}

/* Logo */
#logo_img {
  width:150px;
  height:auto;
  margin-left:-1rem;
}

/* Main menu */
#mainmenu_box {
  width:100%;
  margin:1.5rem 1rem 1rem 0;
}

.menu_item{
  clear:none;
}

a.mainmenu {
  clear:none;
  margin:0 1.5rem 0 0;
  font-size:1.0em;
  text-decoration:none;
  text-transform:uppercase;
  text-align:left;
  color:#707070;
}
a.mainmenu:link,
a.mainmenu:visited {
}
a.mainmenu:active,
a.mainmenu:hover {
  color:#ea3815;
}

.mainmenu_on {
  clear:none;
  margin:0 1.5rem 0 0;
  font-size:1.0em;
  text-decoration:none;
  text-transform:uppercase;
  text-align:left;
  color:#ea3815;
  border-bottom:1px dotted #a19e99;
}

/* Content */
#content_box {
  width:auto;
  max-width:460px;
  margin:1.6rem 3.1rem 1rem 0;
}

/* Footer */
#footer_box {
  width:auto;
  max-width:460px;
  margin:0.7rem 1.6rem 0.7rem 0;
  padding:0.5rem 0.5rem 0.5rem 0;
  font-size:1.0em;
  /*border-top:1px dotted #a19e99;*/
}

#footer_menu {
  width:auto;
  margin:0.7rem 0;
}

a.footermenu {
  color:#707070;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  margin:0 4px 0 0;
}
a.footermenu:link {}
a.footermenu:visited {}
a.footermenu:active {color:#ff0000;}
a.footermenu:hover {
  color:#ea3815;
  text-decoration:underline;
}

.required {color:#ea3815;}

/**
 * ------------------------------------
 *  ADDITIONAL CLASSES
 * ------------------------------------
*/

.bullet {
  color: #4184a3;
}

.italic {
  font-style: italic;
}

.responsive {
  width:50%;
  height:auto;
}

.smaller {
  font-size:0.9rem;
  letter-spacing:0.0rem;
}

#vps_display {
  font-size:0.8rem;
}


/**
 * ------------------------------------
 *  MEDIA QUERIES
 * ------------------------------------
 */

@media only screen and (min-width:620px) {
  #gateway_content_left {
    clear:left;
    width:45%;
    margin:1.5rem 1.5rem 1rem 0;
  }

  #gateway_content_right {
    clear:right;
    width:45%;
    margin:1.5rem 0 1rem 0;
  }

  #main_box {
    margin:2rem 0 0 2rem;
  }

  #logo_img {
    width:150px;
    margin-left:-1rem;
  }

  #mainmenu_box {
    margin:1.5rem 0 1rem 0;
  }

  #content_box {
    max-width:600px;
    margin:1.1em 1.2em 0 0;
  }

  #footer_box {
    max-width:600px;
  }

  h1 {
    font-size:2.0rem;
    letter-spacing:0.1rem;
    margin:0 0 1rem 0;
  }

  p,
  ul,
  ol {
    font-size:1.0rem;
    letter-spacing:0.05em;
    margin-bottom:1.5rem;
  }

  form {
    width:95%;
  }
}


@media only screen and (min-width:740px) {
  #content_box {
    max-width:700px;
  }

  #footer_box {
    max-width:700px;
  }

  p,
  ul,
  ol {
    font-size:1.1rem;
  }
}


@media only screen and (min-width:880px) {
  #content_box {
    max-width:820px;
  }

  #footer_box {
    max-width:820px;
    min-height:50rem;
  }
}


@media only screen and (min-width:955px) {
  #main_box {
    margin:2rem 0 0 3.5rem;
  }

  #logo_img {
    width:200px;
    margin-left:-1.5rem;
  }

  #mainmenu_box {
    margin:2rem 0 1rem 0;
  }

  #content_box {
    max-width:890px;
  }

  #footer_box {
    max-width:890px;
  }

  p,
  ul,
  ol {
    font-size:1.2rem;
  }
}


@media only screen and (min-width:1100px) {
  #content_box {
    max-width:1000px;
  }

  #footer_box {
    max-width:1000px;
  }
}


@media only screen and (min-width:1240px) {
  #content_box {
    max-width:1180px;
  }

  #footer_box {
    max-width:1180px;
  }
}


@media only screen and (min-width:1900px) {
  #main_box {
    margin:4rem 0 0 6rem;
  }

  #logo_img {
    width:250px;
    margin-left:-1.7rem;
  }

  #content_box {
    max-width:1200px;
  }

  #footer_box {
    max-width:1200px;
  }

  p,
  ul,
  ol {
    font-size:1.3rem;
  }
}

/* ------------------------------------------------------------------------- */