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

* Filename:     custom-style.css
* Version:      1.0.0 (2016-01-12)
                1.0.2 (2024-01-09)
* Website:      https://www.zymphonies.com
* Description:  System Style
* Author:       Zymphonies Team
                info@zymphonies.com

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

/* Override Bootstrap's html { font-size: 10px } so 1rem = 16px (web standard).
   Bootstrap 3 ships with html { font-size: 10px }, which collapses rem-based
   sizing from Drupal core and contrib modules (e.g. user/group form labels). */
html {
  font-size: 16px;
}

body {
  font-size: 16px;
  font-family: Avenir, Arial, sans-serif;
  font-weight:normal;
  font-style:normal;
  line-height: 1.5;
  background:#ffffff;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

a, a:link, a:visited {
  color: #b95b42;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #b95b42;
  text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; margin:0; }

h1 { font-size:28px; font-weight:normal; font-style:normal; line-height: 140%; margin-bottom: 14px; }

h2 { font-size:24px; font-weight:normal; font-style:normal; line-height: 130%; margin-bottom: 10px; }

.block h2, #footer h2 { font-weight: bold; font-size: 1.5em; line-height: 130%; margin-bottom: 10px; }

h3 { font-size:21px; font-weight:normal; font-style:normal; line-height: 130%; margin-bottom: 8px; }

h4 { font-size:17px; font-weight:bold; font-style:bold; line-height: 125%; margin-bottom: 8px; }

h5 { font-size:14px; font-weight:bold; font-style:bold; line-height: 120%; margin-bottom: 8px; }

h1 a, h2 a, h3 a, h4 a, h5 a { font-weight: inherit; text-decoration: none; }

p { margin: 0 0 1em 0; }

del { text-decoration: line-through; }

pre,code { white-space: pre; background-color: #ededed; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;
display: block; margin: 5px 0; padding: 5px; line-height: 125%; overflow: hidden;
font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; }

hr { border: solid #DDD; clear: both; margin: 10px 0 30px; height: 0; border-width: 1px 0 0; }

.field-type-taxonomy-term-reference .field-item { float: left; padding: 0 1em 0 0; white-space: nowrap; }

td,
th {
  padding: 2.5px;
}

/* Responsive Images */

img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }

/* Fonts - removed PT Sans */

body,input, textarea, select, a.button, fieldset legend { font-family: "Myriad Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Form defaults */

input, button, select, textarea {
  padding: 5px;
}

.form-item, .form-actions {
  margin-top: .5em;
  margin-bottom: .5em;
}

label {
  margin-bottom: 0;
}

/* Menu defaults */

ul.menu,
ul.menu-base-theme {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

ul.menu li,
ul.menu-base-theme li {
  display: block;
  position: relative;
  float: none;
}

@media (min-width: 767px) {
  .menu > li,
  .menu-base-theme > li {
    background: none;
    padding: 0 2px 0 0;
    border-right: 1px solid grey;
  }

  .menu > li:last-child,
  .menu-base-theme > li:last-child {
    border-right: none;
  }
}

/* Downloads - Documentation */

.cta { margin: 10px auto 0px auto; padding: 10px 10px 20px 10px; background-color: #f2f2f2; position: relative;
border: 1px solid #dcdcdc; 
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-shadow: #fff 1px 1px 0;
box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
-webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; }

.cta h3 { font-size: 1.5em; text-shadow: #fff 1px -1px 0; }

/* Image Alignment Classes */
.alignright { float: right; margin: 0px 0px 10px 15px; }

.alignleft { float: left; margin: 0px 15px 10px 0px; }

.aligncenter { display:block; margin:0 auto; }

/* Header */
/*#header-top { padding:20px 0 4px 0; }*/

#header, #header-right { margin-top: 16px; }

#header .inner, #header-right .inner { padding-top: 15px; padding-bottom: 20px; }

#logo { float: left; padding: 0 20px; }

#logo > img { max-width: 220px; max-height: 40px; }

#site-name { margin: 0; padding: 0; font-size: 60px; line-height: 55px; letter-spacing: -1px; }

#header #site-name a { margin: 0; padding: 0; line-height: 55px; text-decoration: none; font-weight: bold; 
letter-spacing: -2px; text-shadow: 0px 1px 0px #FFF; }

#header #site-name a:hover { color: #3253ad; }

#header #site-slogan { margin: 0; padding: 0; font-size: 24px; line-height: 28px; letter-spacing: -1px; } 

.main-header {
  background: none;
  background-color: #FFF;
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-default {
  background-color: #FFF;
  border-color: transparent;
}

.menu-base-theme li a,
.menu-base-theme li li a,
.menu-base-theme a:hover,
.menu-base-theme a:focus,
.menu-base-theme a:active,
.menu-base-theme a.highlighted {
  padding: 2.5px 10px;
}

@media (min-width: 767px) {

  .menu-base-theme li a,
  .menu-base-theme a:hover,
  .menu-base-theme a:focus,
  .menu-base-theme a:active,
  .menu-base-theme a.highlighted {
    color: #AD604A;
  }

  .menu-base-theme a:hover,
  .menu-base-theme a:focus,
  .menu-base-theme a:active,
  .menu-base-theme a.highlighted,
  .menu-base-theme li.active a
   {
    background: none;
    background-color: #AD604A;
    color: white;
  }

  .region-primary-menu {
    margin-top: 0;
  }
}

.site-branding__name {
  display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
  background-image: url('/themes/custom/bdc_theme/images/icons/close-button.png');
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: none;
}

.region-primary-menu, .menu-base-theme li a {
  background: transparent;
}

#block-bdc-theme-usermenu {
  display: inline-block;
  text-align: right;
}

#block-bdc-theme-usermenu ul.menu, #header-top ul.menu {
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
  text-align: right;
  /*padding: 20px 0 0 0;*/
}

#block-bdc-theme-usermenu ul.menu li.first, #header-top ul.menu li.first {
  padding-left: 0;
  margin: 0;
}

#block-bdc-theme-usermenu ul.menu li, #header-top ul.menu li {
  border-right: 1px solid #e3e3e3;
  display: inline;
  list-style-type: none;
  overflow: hidden;
  padding: 0 4px;
  margin: 0;
}
#block-bdc-theme-usermenu li, #block-menu-menu-user-menu-newdaydash li {
  font-size: .87em;
}
#block-bdc-theme-usermenu ul.menu li {
  list-style: none;
}
#block-bdc-theme-usermenu ul.menu li {
  margin: 0;
}
#block-bdc-theme-usermenu ul li.leaf {
  list-style-image: url(../../misc/menu-leaf.png);
  list-style-type: square;
}
#block-bdc-theme-usermenu ul.menu li {
  margin: 0 0 0 0.5em;
}

#block-bdc-theme-usermenu ul li a.active,
#block-bdc-theme-usermenu ul.sf-menu li a.active {
  color: white;
  text-shadow: none;
}
#block-bdc-theme-usermenu ul li a:hover,
#block-bdc-theme-usermenu ul li a:focus,
#block-bdc-theme-usermenu ul li a.active,
#block-bdc-theme-usermenu ul li span.nolink:hover,
#block-bdc-theme-usermenu ul ul li.active-trail:hover,
#block-bdc-theme-usermenu ul ul li.active-trail a.active-trail:hover {
  color: white;
  background: #2f1613;
  background: -moz-linear-gradient(top, #2f1613 0%, #b95b43 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f1613), color-stop(100%, #b95b43));
  background: -webkit-linear-gradient(top, #2f1613 0%, #b95b43 100%);
  background: -o-linear-gradient(top, #2f1613 0%, #b95b43 100%);
  background: -ms-linear-gradient(top, #2f1613 0%, #b95b43 100%);
  background: linear-gradient(to bottom, #2f1613 0%, #b95b43 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f1613', endColorstr='#b95b43',GradientType=0 );
}
#block-bdc-theme-usermenu ul li a.active, #block-bdc-theme-usermenu ul.sf-menu li a.active {
  color: #333333;
  background-color: #ffffff;
  text-shadow: 1px 1px 0px #ffffff;
}
a:link, a:visited, #block-bdc-theme-usermenu ul li a, #block-bdc-theme-usermenu ul.sf-menu li a {
  color: #b95b42;
}
.site-branding__name a {
  color: black;
}

#block-bdc-theme-kohncommlogo {
  margin-left: auto;
  margin-right: auto;
}

a[data-drupal-link-system-path="coach"] {
  color: green !important;
  font-size: 125%;
}

a[data-drupal-link-system-path="coach"]:hover,
li.active > a[data-drupal-link-system-path="coach"] {
  color: white !important;
}

a[data-drupal-link-system-path="coach"]:focus {
  color: #2a7a2a !important;
  background-color: transparent !important;
}

.public-home-page h1 {
  text-align: center;
  margin-bottom: 0;
  line-height: 100%;
}

.public-home-page h2 {
  text-align: center;
  margin-bottom: 1em;
}

.path-frontpage .block-page-title-block {
  display: none;
}

.button > a,
a.button {
  background: #b95b42 linear-gradient(to bottom, #b95b42, #892B12) repeat scroll 0 0;
  border-radius: 28px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  text-decoration: none;
}

.trial-button {
  margin-bottom: 10px;
}
.trial-button .button > a,
.trial-button a.button {
  background: #6bc4df linear-gradient(to bottom, #6bc4df, #398fc3) repeat scroll 0 0;
}

a[data-drupal-link-system-path="node/149794"] {
  display: inline-block;
  width: 80px;
  height: 48px;
  background-image: url(/sites/default/files/NewDay_logo_v1.png) !important;
  background-size: 70px !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  color: transparent !important;
}

@media (min-width: 767px) {
  li:has(a[data-drupal-link-system-path="node/149794"]) {
    border-right: none;
  }

  li:has(a[data-drupal-link-system-path="node/149794"]) + li {
    border-left: 1px solid grey;
  }
}

article {
  max-width: 100% !important;
}

/***
 * User account styles
 ***/
.profile > div {
  display: block;
}

.bdc-user-profile-label {
  display: inline-block;
  font-weight: bold;
}

.bdc-user-profile-value {
    display: inline-block;
    font-style: italic;
}

.footerwidget .menu li.menu-item {
  padding: 10px;
}

/***
 * Base overrides
 ***/
.container {
  width: 100%;
  max-width: 100%;
  padding-right: 25px;
  padding-left: 25px;
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}

/***
 * Content pages
 ***/
.bizdevlanding .layout--twocol-section--50-50 {
  text-align: center;
}

ul.tabs--primary li a,
.tabs a {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
  color: #6b7280 !important;
}

header.main-header {
  padding: 10px 0 6px !important;
}

header.main-header > .container {
  position: relative !important;
  min-height: 65px !important;
}

/* Logo row: collapse extra height */
header.main-header > .container > .row:first-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Constrain logo */
header.main-header .site-branding__logo img {
  max-width: 280px !important;
  width: 280px !important;
  height: auto !important;
}

/* Nav row: absolute position beside logo */
header.main-header > .container > .row:nth-child(2) {
  position: absolute !important;
  left: 320px !important;
  top: 8px !important;
  bottom: 8px !important;
  width: auto !important;
  max-width: 500px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

header.main-header > .container > .row:nth-child(2) > [class*="col-"] {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

/* Strip navbar chrome */
header.main-header .navbar.navbar-default {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

header.main-header .navbar-header {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

/* Stack user menu + main nav */
header.main-header .region-primary-menu {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}

header.main-header .region-primary-menu h2 {
  display: none !important;
}

/* User menu — small utility links */
header.main-header .region-primary-menu > nav:first-of-type {
  margin-top: 2px !important;
}

header.main-header .region-primary-menu > nav:first-of-type ul:not(.contextual-links) {
  display: flex !important;
  gap: 14px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

header.main-header .region-primary-menu > nav:first-of-type ul li a {
  font-size: 12px !important;
  color: #9ca3af !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
  font-family: "Inter", -apple-system, sans-serif !important;
}

header.main-header .region-primary-menu > nav:first-of-type ul li a:hover {
  color: #b95b42 !important;
  background: none !important;
}

/* Main nav */
header.main-header .region-primary-menu > nav:last-of-type ul:not(.contextual-links) {
  display: flex !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

header.main-header .region-primary-menu > nav:last-of-type ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  padding: 5px 10px !important;
  border-radius: 6px !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
  font-family: "Inter", -apple-system, sans-serif !important;
}

header.main-header .region-primary-menu > nav:last-of-type ul li a:hover {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
}

/* Active tab: white text on brown bg (already set by theme) */
header.main-header .region-primary-menu > nav:last-of-type ul li.active a {
  color: #fff !important;
}

/* New Day Dashboard: hide text, show only bg-image logo */
header.main-header .region-primary-menu > nav:last-of-type ul li a[href="/newdaydash"] {
  font-size: 0px !important;
  width: 44px !important;
  height: 36px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

header.main-header .region-primary-menu > nav:last-of-type ul li a[href="/newdaydash"]:hover {
  background-color: rgba(139,90,60,0.15) !important;
}

/* Coaching nav link */
a[data-drupal-link-system-path="coach"] {
  color: #2a7a2a !important;
  font-weight: bold !important;
  font-size: calc(1em + 4px) !important;
}

/* Subscribe form field layout */
.path-bdc-subscribe .form-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}

.path-bdc-subscribe .form-item label {
  margin-bottom: 0.5em;
}

.path-bdc-subscribe .form-item + .form-item {
  margin-top: 0;
}

/* Subscribe form field widths */
.path-bdc-subscribe #edit-firstname,
.path-bdc-subscribe #edit-lastname,
.path-bdc-subscribe #edit-email,
.path-bdc-subscribe #edit-city {
  width: 40ch;
}

.path-bdc-subscribe #edit-address {
  width: 100%;
  max-width: 60ch;
}

.path-bdc-subscribe #edit-state {
  width: auto;
}

.path-bdc-subscribe #edit-zip {
  width: 10ch;
}

.path-bdc-subscribe #edit-cc {
  width: 22ch;
}

.path-bdc-subscribe #edit-exp-month,
.path-bdc-subscribe #edit-exp-year {
  width: auto;
}

.path-bdc-subscribe #edit-cvv {
  width: 6ch;
}