@font-face {
  font-family: 'cinch-icons';
  src: url("https://d2ma5jma76a61i.cloudfront.net/themes/synergy/assets/font/cinch-icons.eot");
  src: url("https://d2ma5jma76a61i.cloudfront.net/themes/synergy/assets/font/cinch-icons.eot") format('embedded-opentype'),
       url("https://d2ma5jma76a61i.cloudfront.net/themes/synergy/assets/font/cinch-icons.woff") format('woff'),
       url("https://d2ma5jma76a61i.cloudfront.net/themes/synergy/assets/font/cinch-icons.ttf") format('truetype'),
       url("https://d2ma5jma76a61i.cloudfront.net/themes/synergy/assets/font/cinch-icons.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #eeeeee;
  color: #182b2a;
  font-size: 17px;
  font-family: 'Work Sans', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, 'sans-serif';
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

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

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

img#logo {
  max-height: 80px;
  max-width: 300px;
}

h1#logo {
  font-size: 36px;
  color: #ffffff;
}

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

/* START USER NAV */
#ch-user-nav {
  border: none;
  border-radius: 5px 5px 0 0;
}

#ch-user-nav .dropdown {
  z-index: 100;
}
/* END USER NAV */

/* START MAIN NAVIGATION */
.ch-main-nav {
  background: transparent;
}

.ch-main-nav .navbar-brand {
  align-items: center;
}

.ch-main-nav .navbar-burger {
  background: #428BCA;
}

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

.ch-main-nav .navbar-end {
  align-items: center;
}

.ch-main-nav .navbar-end > .navbar-item {
  color: #ffffff;
  border-radius: 5px;
  background: #428BCA;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

.ch-main-nav .navbar-end .navbar-link {
  color: #ffffff;
}

.ch-main-nav .navbar-end > .navbar-item {
  border: 1px solid #ffffff;
  margin: 0 10px;
}

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

.ch-main-nav .navbar-item:hover,
.ch-main-nav .navbar-item:hover > a.navbar-link {
  border-color: #ffffff;
  background: #ffffff;
  color: #3F81B9;
  text-decoration: none;
}

.ch-main-nav .navbar-item:hover .navbar-link:not(.is-arrowless)::after {
  border-color: #3F81B9;
}

.ch-main-nav .navbar-item.parent:hover,
.ch-main-nav .navbar-item.current-parent:hover {
  border-radius: 5px 5px 0 0;
}

.ch-main-nav .navbar-end > .navbar-item.current,
.ch-main-nav .navbar-end > .navbar-item.current .navbar-link,
.ch-main-nav .navbar-end > .navbar-item.current-parent .navbar-link {
  background-color: #ffffff;
  color: #428BCA;
}

.ch-main-nav .navbar-end > .navbar-item.current .navbar-link:not(.is-arrowless)::after,
.ch-main-nav .navbar-end > .navbar-item.current-parent .navbar-link:not(.is-arrowless)::after {
  border-color: #428BCA;
}

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

.navbar-dropdown a.navbar-item {
  background: #ffffff;
  padding: 1rem 2rem;
  border-right: none;
  border-bottom: 1px solid #f1f4f5;
  color: #182b2a;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  justify-content: center;
}

.ch-main-nav .navbar-dropdown .navbar-item:hover {
  background: #eeeeee;
  color: #182b2a;
}

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

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

/* START MOBILE COLLAPSED NAV */
@media screen and (max-width: 1087px) {
  .ch-main-nav .navbar-menu.is-active {
    box-shadow: none;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 0;
  }
  .ch-main-nav .navbar-end .navbar-item {
    border: none;
    margin: 0;
  }

  .ch-main-nav .navbar-end > .navbar-item.current,
  .ch-main-nav .navbar-end > .navbar-item.current .navbar-link,
  .ch-main-nav .navbar-end > .navbar-item.current-parent .navbar-link {
    border-radius: 0;
  }
}

.ch-main-nav .navbar-item.navbar-empty-item {
  margin-top: 1rem;
  border-top: 2px solid #ddd;
}

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

.ch-main-nav .navbar-menu.is-active {
  background: #428BCA;
}

.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 {
  padding: 0 0 30px;
  width: 100%;
  flex: 1;
  margin-bottom: 0;
  word-break: break-word;
}

body.ch-login .ch-login-shell,
body.ch-register .ch-login-shell,
.ch-content-wrapper.content {
  /* Background patterns from subtlepatterns.com */
  background: #ffffff 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: #eeeeee;
  padding: 30px 20px;
}
/* END CONTENT */

/* FOOTER SECTION */
.ch-footer {
  background: #e6e5e4;
  color: #ffffff;
  text-align: center;
  padding: 20px;
}
.ch-footer a {
  color: #ffffff;
}
/* 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: #182b2a;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}

.content h2 {
  color: #182b2a;
  font-family: 'Work Sans', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, 'sans-serif';
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
}

.content h3 {
  color: #182b2a;
  font-family: 'Work Sans', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, 'sans-serif';
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
}

.content h4 {
  color: #428BCA;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}

.content h5 {
  color: #182b2a;
  font-family: 'Work Sans', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, 'sans-serif';
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
}

.content h6 {
  color: #428BCA;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
}

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

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

a:visited,
body.ch-login a:visited,
body.ch-register a:visited {
  color: #42A8E1;
}

/* 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: 'Work Sans', 'Lucida Grande', 'Lucida Sans', 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 #42A8E1;
  background-color: #ffffff;
  color: #42A8E1;
  font-weight: bold;
  border-radius: 4px;
  padding: 15px 30px;
  margin: 10px 10px 10px 0;
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
}

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: #42A8E1;
  color: #ffffff;
}

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

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

.member-file::before{
  font-family: 'cinch-icons';
  content: "\e805";
  font-size: 15px;
  color: #3F81B9;
}

.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;
}

/* Invoice Stuff */
.chpg-invoices .small_admin_links{
  text-align: right;
}
.invoice-info {
  background-color: #E1E9EC;
  padding: 0 15px 15px 15px;
  width: 250px;
  border: #d1d8db solid thin;
  margin-top: -30px;
}

.invoice-info td h2 {
  padding: 0;
}

td {
  padding: 10px;
}

/* Extra Stuff */

td img {
  align-content: center;
}

th {
  text-align: left;
}

#small_admin {
  font-size: 13px;
}

#small_admin a {
  font-size: 14px;
}

.content table {
  border-collapse: separate;
  border: none;
}

.content table tr th {
  background-color: #fcfcfc;
  font-weight: bold;
  color: #428BCA;
  padding: 7px 10px;
}

.content tr th {
  background-color: #fcfcfc;
  color: #428BCA;
  padding: 7px 5px;
  font-weight: normal;
}


#document_listing tr:nth-child(even),
#item_content tr:nth-child(even) {
  background-color: rgba(200, 200, 200, .1);
}

#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: #e6e5e4;
}
/* END LOGIN */

/* Account pages mobile friendly */
@media screen and (max-width: 768px) {
  img#logo {
    max-width: 200px;
  }

}

/* Account Page */
table.ch-account-menu td {
  border-bottom: 3px solid #e7e7e7 !important;
  background-color: #eeeeee;
}
/* 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: #eeeeee;
}
/* END Course Page Overrides */