/* CUSTOM STYLES */
.ch-main-nav .navbar-dropdown {
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    max-height: 550px;
    overflow-x: hidden;
}
span.filename { font-size: 12px; font-weight: 400; float: left; } 
/* END CUSTOM STYLES */
@font-face {
  font-family: 'cinch-icons';
  src: url("https://d2ma5jma76a61i.cloudfront.net/themes/cinch_v2/assets/font/cinch-icons.eot");
  src: url("https://d2ma5jma76a61i.cloudfront.net/themes/cinch_v2/assets/font/cinch-icons.eot") format('embedded-opentype'),
       url("https://d2ma5jma76a61i.cloudfront.net/themes/cinch_v2/assets/font/cinch-icons.woff") format('woff'),
       url("https://d2ma5jma76a61i.cloudfront.net/themes/cinch_v2/assets/font/cinch-icons.ttf") format('truetype'),
       url("https://d2ma5jma76a61i.cloudfront.net/themes/cinch_v2/assets/font/cinch-icons.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #e1e9ec;
  color: #242424;
  font-size: 16px;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  line-height: 1.8em;
}

.ch-header {
  background: #2E77CE;
  padding: 0.75rem 1.5rem;
}

.ch-header > div {
  position: relative;
}

.ch-logo-row {
  margin-top: 0.75rem;
}

img#logo {
  max-height: 150px;
}

h1#logo {
  font-size: 36px;
  color: #ffffff;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
}

#logo a {
  color: #ffffff;
  text-decoration: none;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
}

/* START USER NAV */
#ch-user-nav {
  align-self: normal;
}

#ch-user-nav button {
  margin: 0;
  background-color: #ff7a59;
  border-radius: 3px;
  border: 1px solid #ff7a59;
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  text-decoration: none;
  padding: 5px 15px;
}

#ch-user-nav button::after {
  font-family: 'cinch-icons';
  content: "\e801";
  margin-left: 6px;
}

#ch-user-nav .dropdown {
  z-index: 100;
}



#ch-user-nav ul:hover>li{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#ch-user-nav .dropdown-content {
  background-color: #ffffff;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#ch-user-nav .dropdown-content > a.dropdown-item {
  color: #5a5a64;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

#ch-user-nav .dropdown-content > a.dropdown-item:hover {
  background-color: #f1f4f5;
  color: #5a5a64;
}
/* END USER NAV */

/* START MAIN NAVIGATION */
.ch-main-nav a:visited,
.ch-main-nav a:hover {
  text-decoration: none;
  color: inherit;
}

.ch-main-nav {
  background: transparent;
  margin-bottom: -0.75rem;
}

.ch-mobile-nav .navbar-burger {
  background: #2E77CE;
}

.ch-mobile-nav .navbar-burger.burger > span {
  color: #ffffff;
}

.ch-main-nav .navbar-item {
  background: #ffffff;
  border-right: 1px solid rgba(115, 115, 115, 0.1);
}

.ch-main-nav .navbar-item:hover,
.ch-main-nav .navbar-item:hover > a.navbar-link {
  border-color: #ff7a59;
}

.ch-main-nav .navbar-start > .navbar-item:hover > a.navbar-link {
  background: transparent;
}

.ch-main-nav .navbar-start .navbar-link:not(.is-arrowless)::after {
  border-color: #5a5a64;
}

.ch-main-nav .navbar-start > .navbar-item:hover .navbar-link:not(.is-arrowless)::after,
.ch-main-nav .navbar-start > .navbar-item.current:hover .navbar-link:not(.is-arrowless)::after {
  border-color: #ffffff;
}

.ch-main-nav .navbar-start > .navbar-item.current,
.ch-main-nav .navbar-start > .navbar-item.current > a,
.ch-main-nav .navbar-start > .navbar-item.current_parent > a {
  background-color: #f1f4f5;
  color: #5a5a64;
}

.ch-main-nav .navbar-start > .navbar-item.current .navbar-link:not(.is-arrowless)::after,
.ch-main-nav .navbar-start > .navbar-item.current_parent .navbar-link:not(.is-arrowless)::after {
  border-color: #5a5a64;
}

.ch-main-nav .navbar-dropdown .navbar-item,
.ch-main-nav .navbar-start > .navbar-item.current .navbar-dropdown,
.ch-main-nav .navbar-start > .navbar-item.current_parent .navbar-dropdown {
  background: #ffffff;
}


.ch-main-nav .navbar-menu:not(.is-active) .navbar-start > .navbar-item:first-child {
  border-top-left-radius: 3px;
}

.ch-main-nav .navbar-menu:not(.is-active) .navbar-start > .navbar-item:last-child {
  border-right: none;
  border-top-right-radius: 3px;
}

.ch-main-nav .navbar-start > .navbar-item,
.ch-main-nav .navbar-end > .navbar-item,
.ch-main-nav .navbar-start > .navbar-item > .navbar-link{
  color: #5a5a64;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.ch-main-nav .navbar-start > .navbar-item:hover {
  background: #ff7a59;
}

.ch-main-nav .navbar-start > .navbar-item:hover,
.ch-main-nav .navbar-start > .navbar-item:hover > a.navbar-link {
  color: #ffffff;
}

/* SUB-NAV ITEMS */
.ch-main-nav .navbar-dropdown {
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-dropdown a.navbar-item {
  padding: 1rem 2rem;
  border-right: none;
  border-bottom: 1px solid #f1f4f5;
  color: #5a5a64;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  justify-content: center;
}

.ch-main-nav .navbar-dropdown .navbar-item:hover {
  background: #f1f4f5;
  color: #5a5a64;
}

.ch-main-nav .navbar-dropdown .navbar-item:last-child {
  border-bottom: none;
}

.ch-main-nav .navbar-dropdown .navbar-item.current:hover a {
  color: #ffffff;
}
/* END SUBNAV */

/* START MOBILE COLLAPSED NAV */
.ch-main-nav .navbar-item.navbar-empty-item {
  margin-top: 1rem;
  border-top: 2px solid #ddd;
}

.ch-main-nav .navbar-start > .navbar-item:hover .navbar-dropdown {
  background-color: #ffffff;
}






.ch-main-nav .navbar-menu.is-active {
  background: #ffffff;
  margin-top: -0.75rem;
}



.ch-main-nav .navbar-menu.is-active .navbar-dropdown .navbar-item {
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  justify-content: flex-start;
}

/* END NAVIGATION */

/* CONTENT SECTION */
.ch-content-wrapper.content {
  margin-bottom: 0;
  width: 100%;
  flex: 1;
  word-break: break-word;
}

body.ch-login .ch-login-shell,
body.ch-register .ch-login-shell,
.ch-content-wrapper {
  /* Background patterns from subtlepatterns.com */
  background: #f1f4f5 none;
}

.ch-content-wrapper section {
  margin: 0 auto;
  position: relative;
}

.ch-content {
  min-height: 400px;
  padding-top: 30px;
  padding-bottom: 50px;
}

.ch-side-content {
  background-color: #e1e9ec;
  padding: 30px 20px;
}
/* END CONTENT */

/* FOOTER SECTION */
.ch-footer {
  background: #e1e9ec;
  text-align: center;
  padding: 20px;
}
/* END FOOTER */

/* Remove page titles */
h1#page_title {
  display: none;
}

body.chpg-my-account #page_title,
body.chpg-invoices #page_title,
body.chpg-credit-cards #page_title,
body.chpg-credit-cards #page_title,
body.chpg-register #page_title, /* member/edit */
body.chpg-documents #page_title {
  display: block;
}

.image-gallery-page-type .text-content-type {
   border-top: 0px;
   padding-top: 0px;
}
/* End remove page titles */

/* ELEMENT DEFAULTS */
.content h1 {
  color: #444444;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
}

.content h2 {
  color: #30a3c9;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
}

.content h3 {
  color: #444444;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
}

.content h4 {
  color: #444444;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
}

.content h5 {
  color: #444444;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
}

.content h6 {
  color: #444444;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
}

a,
body.ch-login a,
body.ch-register a {
  color: #305dc7;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

a:hover,
body.ch-login a:hover,
body.ch-register a:hover {
  color: #0ba5d4;
  text-decoration: underline;
}

a:visited,
body.ch-login a:visited,
body.ch-register a:visited {
  color: #5030c7;
}
/* END ELEMENT DEFAULTS */

/* Form Elements */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

fieldset {
  border: 1px solid rgba(125, 125, 125, 0.4);
  padding: 15px 30px 30px 30px;
  margin-bottom: 15px;
}

/* Override payment/new page css */
#payment fieldset {
  border: 1px solid rgba(125, 125, 125, 0.4);
  background-color: transparent;
}

fieldset table {
  border: none;
}

fieldset span.help-inline {
  display: block;
  font-size: 90%;
}

fieldset select {
  padding: 7px 5px;
  font-size: 14px;
  width: 95%;
}

fieldset strong {
  font-weight: bold;
}

textarea {
  border: #d0d3d4 thin solid;
  color: #777777;
  font-size: 14px;
  margin: 10px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 7px 10px;
}

label {
  display: block;
  vertical-align: top;
  margin-top: 15px;
}

input[type="text"], input[type="password"], input[type="email"]{
  color: #777;
  background: #ffffff;
  font-size: 14px;
  font-family: 'Roboto', Helvetica, Arial, 'sans-serif';
  width: 95%;
  margin: 5px 0;
  padding: 10px 10px;
  border-radius: 5px;
  -mox-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: #d0d3d4 thin solid;
}

body.ch-login input[type="submit"],
body.ch-register input[type="submit"],
a.ch-template-button,
button, input[type="submit"],
input[type="button"],
a.member-file {
  border: 1px solid #305dc7;
  background-color: #f1f4f5;
  color: #305dc7;
  font-weight: bold;
  border-radius: 4px;
  padding: 15px 30px;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  -webkit-appearance: none;
  display: inline-block;
}

body.ch-login input[type="submit"]:hover,
body.ch-register input[type="submit"]:hover,
a.ch-template-button:hover,
button:hover, input[type="submit"]:hover, input[type="button"]:hover,
a.member-file:hover, a.member-file:hover:before {
  text-decoration: none;
  background: #305dc7;
  color: #f1f4f5;
}

.video-content-type.content-type-show {
  margin-bottom: 40px;
}

.video-page-type.page-type-show .documents .document-content-type a.member-file,
a.member-file {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  min-width: 150px;
  max-width: 270px;
  text-decoration: none;
}

.member-file::before{
  font-family: 'cinch-icons';
  content: "\e805";
}

.member-file > .download {
  padding: 0 10px;
}

.member-file > .filename {
  white-space: wrap;
}

.member-file > .filesize {
  margin: 0;
}

.video-page-type.page-type-show .documents .document-content-type {
  width: auto;
}

.video-page-type.page-type-show .documents .document-content-type > a.member-file {
  margin: 10px 10px 10px 0;
}

.video-page-type.page-type-show .documents .document-content-type > a.member-file > .filename {
  max-width: 160px;
}

.mejs-audio {
  max-width: 500px;
}

#filter {
  margin-bottom: 15px;
}

/* Communication and Messages */
#notice .error,
#notice .warning,
#notice .success,
#notice .info {
  margin-bottom: 30px;
}

#notice>.errorExplanation,
#notice .error {
  background-color: #ffefef;
  color: #ed3337;
  padding: 15px;
  border: #8f484a thin solid;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#notice>.errorExplanation::before,
#notice .error::before {
  font-family: 'cinch-icons';
  content: "\e802";
  color: #8f484a;
  font-size: 20px;
  float: left;
  margin-right: 15px;
}

#notice .errorExplanation h1,
#notice .errorExplanation h2,
#notice .errorExplanation h3,
#notice .error h1,
#notice .error h2,
#notice .error h3 {
  color: #8f484a;
  padding: 0;
  margin-top: 0px;
}

#notice .error h2 {
  font-size: 18px
}

#notice .error ul {
  margin-left: 15px;
}

#notice .success h1,
#notice .success h2,
#notice .success h3 {
  color: #588b48;
  margin-top: 0px;
}

#notice .success {
  background-color: #f5fee8;
  color: #588b48;
  padding: 15px;
  border: #94bf86 thin solid;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;

}

#notice .success::before {
  font-family: 'cinch-icons';
  content: "\e806";
  color: #93c084;
  font-size: 27px;
  float: left;
  margin-right: 15px;
  margin-top: -5px;
}

#notice .warning {
  background-color: #fff5e3;
  color: #f2a35c;
  padding: 15px;
  border: #ffce7a thin solid;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;

}

#notice .warning:before {
  font-family: 'cinch-icons';
  content: "\e803";
  color: #ffcf73;
  font-size: 27px;
  float: left;
  margin-right: 15px;
  margin-top: -5px;
}

#notice .warning h1,
#notice .warning h2,
#notice .warning h3 {
  color: #d99750;
  padding: 0 15px;
  margin-top: 0;
}

#notice .warning h2 {
  font-size: 18px
}

#notice .info {
  background-color: #ebf5f9;
  color: #1c5d74;
  padding: 15px;
  border: #38b6e4 thin solid;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;

}

#notice .info::before {
  font-family: 'cinch-icons';
  content: "\e804";
  color: #2eb5e5;
  font-size: 20px;
  float: left;
  margin-right: 15px;
  margin-top: -2px;
}


td {
  padding: 10px;
}

/* Extra Stuff */

td img {
  align-content: center;
}

th {
  text-align: left;
}

table {
  border: rgba(125, 125, 125, 0.4) solid thin;
  border-radius: 5px;
}

.content table tr th {
  background-color: #E1E9EC;
  color: #444444;
  padding: 7px 10px;
}

tfoot {
  padding: 7px 5px;
}

tfoot td {
  padding: 10px 7px;
  font-weight: bold;
}

#document_listing td {
  padding: 15px 5px;
}

.balance {
  background-color: #e6eef0;
}

hr {
  border: #d6d9da solid thin;
}

/* override inline css */
body.chpg-invoices form input[type="text"]{
  height: auto;
}

/* LOGIN PAGE */
body.ch-login,
body.ch-register {
  background: #2E77CE
}
/* END LOGIN */

/* Account Page */
table.ch-account-menu td {
  border-bottom: 3px solid #e7e7e7 !important;
  background-color: #e1e9ec;
}
/* End Account Page */

/* Course Page Overrides */
table.ch-course .left {
  border-bottom: 3px solid #e7e7e7 !important;
}

table.ch-cards-alt td {
  border-bottom: 3px solid #e7e7e7 !important;
  background-color: #e1e9ec;
}
/* END Course Page Overrides */