/* --------------------------------------------------------------------------
   Add Heart Facilitator - Uplift Your Life and the Lives of Others
   Copyright (c) 2021 HeartMath, Inc. All rights reserved
   -------------------------------------------------------------------------- */


/* Global Layout Styles
   -------------------------------------------------------------------------- */
html, body { background-color: #000; }
body { color: #fff; }


/* Global Button and Links
   -------------------------------------------------------------------------- */
a, a:focus, a:hover { color: #8dc3f9; }

.main-body-btn
{
  color: #fff;
  background-color: #00000095;
}

.main-body-btn:hover, .main-body-btn:focus
{
  color: #fff;
  background-color: #ffffff5e;
}


/* Course Navigation
   -------------------------------------------------------------------------- */
.course-top-nav-btn
{
  color: #fff;
  border-color: #ffffff66;
}

.course-top-nav-btn:hover, .course-top-nav-btn:focus
{
  color: #fff;
  background-color: #ffffff5e;
}

.course-nav-btn
{
  color: #fff;
  border-color: #ffffff52;
}

.course-nav-btn:hover, .course-nav-btn:focus
{
  color: #fff;
  background-color: #ffffff5e;
}


/* Main Body Backgrounds
   -------------------------------------------------------------------------- */
#main-body-home
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(112 43 107);
  background: -moz-linear-gradient(145deg, rgba(84,43,112,1) 0%, rgba(163,36,95,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(84,43,112,1) 0%, rgba(163,36,95,1) 100%);
  background: linear-gradient(145deg, rgba(84,43,112,1) 0%, rgba(163,36,95,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#542b70",endColorstr="#a3245f",GradientType=1);
}
#main-body-program
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(44,10,82);
  background: -moz-linear-gradient(145deg, rgba(44,10,82,1) 0%, rgba(80,46,108,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(44,10,82,1) 0%, rgba(80,46,108,1) 100%);
  background: linear-gradient(145deg, rgba(44,10,82,1) 0%, rgba(80,46,108,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c0a52",endColorstr="#502e6c",GradientType=1);
}

#main-body-1
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(84,43,112);
  background: -moz-linear-gradient(145deg, rgba(84,43,112,1) 0%, rgba(163,36,95,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(84,43,112,1) 0%, rgba(163,36,95,1) 100%);
  background: linear-gradient(145deg, rgba(84,43,112,1) 0%, rgba(163,36,95,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#542b70",endColorstr="#a3245f",GradientType=1);
}

#main-body-2
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(47,40,97);
  background: -moz-linear-gradient(145deg, rgba(47,40,97,1) 0%, rgba(52,139,198,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(47,40,97,1) 0%, rgba(52,139,198,1) 100%);
  background: linear-gradient(145deg, rgba(47,40,97,1) 0%, rgba(52,139,198,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f2861",endColorstr="#348bc6",GradientType=1);
}

#main-body-3
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(174,37,88);
  background: -moz-linear-gradient(145deg, rgba(174,37,88,1) 0%, rgba(235,167,52,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(174,37,88,1) 0%, rgba(235,167,52,1) 100%);
  background: linear-gradient(145deg, rgba(174,37,88,1) 0%, rgba(235,167,52,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae2558",endColorstr="#eba734",GradientType=1);
}

#main-body-4
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(23,130,102);
  background: -moz-linear-gradient(145deg, rgba(23,130,102,1) 0%, rgba(26,176,148,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(23,130,102,1) 0%, rgba(26,176,148,1) 100%);
  background: linear-gradient(145deg, rgba(23,130,102,1) 0%, rgba(26,176,148,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#178266",endColorstr="#1ab094",GradientType=1);
}

#main-body-5
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(22,101,123);
  background: -moz-linear-gradient(145deg, rgba(22,101,123,1) 0%, rgba(48,173,193,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(22,101,123,1) 0%, rgba(48,173,193,1) 100%);
  background: linear-gradient(145deg, rgba(22,101,123,1) 0%, rgba(48,173,193,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#16657b",endColorstr="#30adc1",GradientType=1);
}

#main-body-6
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(100,46,120);
  background: -moz-linear-gradient(145deg, rgba(100,46,120,1) 0%, rgba(184,38,100,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(100,46,120,1) 0%, rgba(184,38,100,1) 100%);
  background: linear-gradient(145deg, rgba(100,46,120,1) 0%, rgba(184,38,100,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#642e78",endColorstr="#b82664",GradientType=1);
}

#main-body-7
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(128,23,52);
  background: -moz-linear-gradient(145deg, rgba(128,23,52,1) 0%, rgba(25,140,169,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(128,23,52,1) 0%, rgba(25,140,169,1) 100%);
  background: linear-gradient(145deg, rgba(128,23,52,1) 0%, rgba(25,140,169,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#801734",endColorstr="#198ca9",GradientType=1);
}

#main-body-8
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(100,46,120);
  background: -moz-linear-gradient(145deg, rgba(100,46,120,1) 0%, rgba(184,38,100,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(100,46,120,1) 0%, rgba(184,38,100,1) 100%);
  background: linear-gradient(145deg, rgba(100,46,120,1) 0%, rgba(184,38,100,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#642e78",endColorstr="#b82664",GradientType=1);
}


/* Main Content Backgrounds
   -------------------------------------------------------------------------- */
#content-body-dark
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(24,38,55);
  background: -moz-linear-gradient(180deg, rgba(24,38,55,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(24,38,55,1) 0%, rgba(0,0,0,1) 100%);
  background: linear-gradient(180deg, rgba(24,38,55,1) 0%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#182637",endColorstr="#000000",GradientType=1);
  border-bottom: 3px solid #fff;
}

#content-body-course-modules
{
  background-repeat: no-repeat;
  background-image: url("../img/module-home-background.jpg");
  background-color: #35045f;
  background-position: center top;
  border-bottom: 3px solid #fff;
}


/* Global Video Player
   -------------------------------------------------------------------------- */
#main-vid
{
  -webkit-box-shadow: 5px 5px 59px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 5px 59px -8px rgba(0,0,0,0.75);
  box-shadow: 5px 5px 59px -8px rgba(0,0,0,0.75);
}


/* Global Bootstrap Cards
   -------------------------------------------------------------------------- */
.card { background-color: #000; }


/* Global Bottom Go To Top Arrow
   -------------------------------------------------------------------------- */
#top-arrow { font-size: 30px; font-weight: 700; }

#go-top
{
  display: none;
  position: fixed;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(135,135,135,.5);
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  padding: 7px 10px;
  bottom: 30px;
  right: 40px;
  width: 50px;
  height: 45px;
  text-align: center;
}

#go-top:hover { background-color: rgba(135,135,135,.75); }


/* Global Footer
   -------------------------------------------------------------------------- */
footer
{
  color: gray;
  background: #000;
  margin: 0;
}

footer a { color: #fff; }

.copyright p,.copyright p a
{
  text-align: center;
  color: gray;
  font-size: .75rem;
}