@charset "UTF-8";
/* CSS Document */

/*** Colors used
Pink (main icon / “g”) → #E61B5B
Light pink (hand/skin tone) → #E6AFC1
Orange (“h”) → #F2A03A
Blue (“u”) → #1F6FA9
Light blue (“e”) → #7FA9C3
Green (“s”) → #7AC142
White (face/background) → #FFFFFF
Light gray background → #E6E6E6
****/
/*html {
  position: relative;
  min-height: 100%;
}
body {
   Margin bottom by footer height for sticky footer
  margin-bottom: 310px;
}*/
.survey-container {
	font-size: 1.5rem !important;
}
h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.3rem !important;
	font-weight: 500;
	line-height: 1.2rem;
	width: 80%;
}
body#main h1 {
	margin: 0 auto 2rem;
	padding: 2rem 0;
	color: #ffffff;
}
body#pages h1 {
	margin: 0 auto 2rem;
	padding: 0;
	color: #959595;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	color: #959595;
}
.first-section {
	/*position: absolute;
	top: 150px;*/
}
.subject-header {
	color: #0B78BD;
}
#pages h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2rem !important;
	font-weight: 700;
	line-height: 2rem;
	padding: 1rem 0;
	color: #E41357;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem !important;
	font-weight: 700;
	line-height: 1.3rem;
	width: 80%;
	margin: 0 auto 2rem;
	padding: 2rem .2rem;
	color: #ffffff;
}
td h4, .modal-body h4, .modal-body label, form h4 {
	font-size: 1.2rem !important;
	color: #0B78BD;
}
.short-width {
	width: 60px !important;
}
body#pages h3{
	width: 100%;
	color: #0B78BD;
	margin: 0;
	padding: 0 0 10px 0;
}
.vertical-align-top {
  vertical-align: top !important; 
}
.mobile {
	display: block;
}
.questions {
	display: block;
	width: 100%;
}
.mobile .questions {
	margin-bottom: 10px;
}
.questions h3  {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	display: inline;
}
.readmore a.collapsed:after  {
	content: '+ Read More';
}
.home-main-vid {
	border: solid 2px white;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	padding:75% 0 0 0;
	position:relative;
	width: 100%;
}
.nav-link.top.active {
	background-color: #FAA43C !important;
	color: white !important;
}


.progress {
  width: 100%;
  height: 2rem !important;
}

.progress-bar {
  height: 100%;
  background-color: #85C934 !important;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 25px;
  transition: width 0.4s ease;
}

blockquote {
		border:none;
    /*font-family:Georgia, "Times New Roman", Times, serif;*/
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote span:before {
		content: open-quote;
		font-weight: bold;
		font-size:2em;
		color:#889c0b;
		line-height: 1;
}
blockquote span:after {
		content: close-quote;
		font-weight: bold;
		font-size:2em;
		color:#889c0b;
		line-height: 0.5;
}

/* Shared look for both footnote lists */
.footnote-numbered,
.footnote-plain {
	font-size: 0.85em;
	color: #555;
	line-height: 1.5;
	padding-left: 1.5em;   /* indent */
	margin-top: 0;
}

.footnote-numbered li,
.footnote-plain li {
	margin-bottom: 0.5em;
	font-size: 0.85em;
}

/* Numbered footnote (use on <ol>) */
.footnote-numbered {
	list-style: decimal;
}

/* Plain footnote, no numbers (use on <ul>) */
.footnote-plain {
	list-style: none;
}
.footnote-plain a {
	font-size: 0.85em;
}

/* Intro line that sits tight above either list */
.footnote-intro {
	font-size: 0.85em;
	color: #555;
	margin-bottom: 0.2em;
}


.link-for-a {
	color: blue !important;
	text-decoration: underline !important;
}
.song {
	color: blue !important;
	text-decoration: underline !important;
}
.importantContentBlueBox {
  width: 100%;
  border-radius: 12px;
  background-color: #E5FBFF; /* right side color */
  overflow: hidden; /* keeps rounded corners clean */
  text-align: left !important;
  display: flex;
}
.importantContentBlueBoxLeft {
  width: 1%; /* adjust this */
  background-color: #0B78BD; /* left side color */
}
.importantContentBoxMiddle {
  width: 5%; /* adjust this */
  padding: 10px 10px 0px 10px; /* Top, Right, Bottom, Left (It is clockwise starting from Top) */
}

.importantContentBlueBoxContent {
  flex: 1;
  padding: 16px;
  color: white;
}

.importantContentPinkBox {
  width: 100%;
  border-radius: 12px;
  background-color: #FFEFF4; /* right side color */
  overflow: hidden; /* keeps rounded corners clean */
  text-align: left !important;
  display: flex;
}
.importantContentPinkBoxLeft {
  width: 1%; /* adjust this */
  background-color: #E41357; /* left side color */
}

.importantContentPinkBoxContent {
  flex: 1;
  padding: 16px;
  color: white;
}
/*.importantContentPinkBoxContent ul, */
.spread {
	column-width: 250px;   /* minimum width per column */
	column-gap: 30px;
}

.importantContentBlackBox {
  width: 100%;
  border-radius: 12px;
  background-color: #FFF; /* right side color */
  overflow: hidden; /* keeps rounded corners clean */
  text-align: left !important;
  display: flex;
  border: 1px solid black;
}
.importantContentBlackBoxContent {
  flex: 1;
  padding: 16px;
  color: #000;
}

.rockSteps {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rockItem {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.rockLetter {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #E41357;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.rockContent {
	line-height: 1.6;
}

.rockexample {
	display: block;
	margin-top: 8px;
	font-style: italic;
	color: #666;
}

.lyric-card {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px 24px;
  background-color: #f9f9f9;
  font-style: italic;
  line-height: 1.8;
}

.readmore a:not(.collapsed):after {
	content: '- Read Less';
}
.extreme a.collapsed:before  {
    content: url('https://api.iconify.design/akar-icons/circle-plus.svg?color=%237f71af&width=25&height=25'); /*url(../images/plus.png);*/
}
.extreme a:not(.collapsed):before {
    content: url('https://api.iconify.design/akar-icons/circle-minus.svg?color=%237f71af&width=25&height=25'); /*url(../images/minus.png);*/
}
.mobile .questions a[data-toggle="collapse"] {
	left: 14px;
}

.formboxcheckbox {
	width: 25px;
}
.formlabelcheckbox {
	height: 37px !important;
	align-content: center;
}
.formlabelcheckboxm {
	height: 37px !important;
	align-content: center;
	width: 250px;
	line-height: 15px;
}

.parsley-errors-list {
	color: red !important;
}

.questions h3 a, .questions h4 a, .questions h5 a, .readmore a, .extreme a  {
	color: #0B78BD !important;
	text-decoration: none !important;
	cursor: pointer;
}
.questions h3 a:hover,
.questions h4 a:hover, 
.questions h5 a:hover, 
.readmore a:hover {
	color: #CC3399;
	text-decoration: none;
}
.answers {
	padding: 10px 0 0 10px;
}
.card-header {
	background-color: none !important;
	border-bottom: none !important;
}
a.btn-link:hover {
	cursor:pointer !important;
}
.inline {
	display: block;
}
h5 a {
	text-align: left !important;
}
.btn-link:focus, .btn-link.focus {
	text-decoration: none !important;
	box-shadow: none;
}
.home-middle h2, h3, h4 {
	text-align: center;
	margin: 0 auto;
}
#main p {
	color: #FFFFFF;
}
.thoughts-box {
	min-height: 300px;
}
.red {
	color: #C30;
}
.purple {
	color:#7F71AF;
}
.gray {
	color:#656565;
}
.purple-outlines {
	border: 3px solid #7F71AF;
	border-radius: 8px;
	padding: 10px;
	background-image: url(../images/extremethoughts.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 100%;
}
.magenta-outlines {
	border: 3px solid #CC3399;
	border-radius: 8px;
	padding: 10px;
	background-image: url(../images/healthyconcerns.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 100%;
}
li.selected{
	background-color:#E7E3FF;
	color: #CC3399;
	padding-left: 10px;
	cursor: pointer
}
p, .container ul, .container-fluid ul {
	color: #000;
}

.mmbvid {
	width: 100%;
}

.song-wrapper {
	padding:56.25% 0 0 0;
	position:relative;
}

#vidmodaltitle {
	text-align: center;
	width: 100%;
}

/**** Graphs *****/
#container {
	min-width: 310px;
	max-width: 800px;
	height: 400px;
	margin: 0 auto
}

/****End Graphs ****/
.modal p {
	color: #212529 !important;
}
.modal p a {
	color: #0B78BD !important;
}
.modal ul {
	list-style-type: disc !important;
}
.link {
	color: #0B78BD !important;
}
.link:hover {
	color: #CC3399 !important;
	text-decoration: none !important;
}
.rollover:hover {
	background-color: #FFC5DA;
	text-decoration: none !important;
}
ul {
	list-style-type: none;
}
ul.no-bullets {
	list-style-type: none !important;
	margin-left: -10px;
}
ul.circle {
	list-style-type: circle !important;
}
.container ul, .container-fluid ul {
	list-style-type: disc;
}
ul.list-fixer, ol.list-fixer {
	list-style-type: none;
	margin-left: -20px;
}
ul.checks {
	list-style-type: none;
	margin-left: 20px;
}
ul.checks li:before {
	content: '\2714';
	margin-left: -25px;
	margin-right: 5px;
}
body#main a {
	color: #ffffff;
	font-weight: 400;
}
.table-header {
	font-size: 1.2rem;
	line-height: 1em;
	font-weight: 700;
	color: #0B78BD;
}
.txt-white {
	color: #FFFFFF;
}
.txt-purple {
	color: #7E72B5 !important;
}
.txt-pink {
	color: #CC2E91 !important;
}
.boxed {
	background-color: #FFDFF4;
	border: 2px solid #0B78BD;
	border-radius: 5px;
	padding: 10px;
}
.boxed-no-background {
	border: 2px solid #0B78BD;
	border-radius: 5px;
	padding: 10px;
	padding-left: 35px
}
.boxed ul, .boxed ol {
	color: #0B78BD !important;
}
.set-width {
	width: 90%;
	outline: 1px solid #b7b7b7;
}
.short-width {
	width: 100px;
	outline: 1px solid #b7b7b7;
}
.input-outline {
	outline: 1px solid #b7b7b7;
}
.width-20 {
	width:20px;
}
.table-list {
	width: 20px;
	color: #0B78BD;
	margin: 0;
	padding: 0 0 10px 0;
}
.btn-list {
	width: 70px;
}
.spiral-mood {
	background-image: url(../images/icon_moodSpiral_left.png),
	url(../images/icon_moodSpiral_right.png);
	background-repeat: no-repeat,no-repeat;
	background-position: 13px 2px,right 2px;
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}
.rt-col-btn {
	width: 100%;
}
.spiral-mood a, .spiral-mood a:hover,
.rt-col-btn a, .rt-col-btn a:hover{
	color: #fff;
	text-decoration: none;
}
.mood-positive-background {
	background-image: url(../images/down-spiral-workbook.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
.mood-negative-background {
	background-image: url(../images/up-spiral-workbook.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
.mood-positive-background .bump_right,
.mood-negative-background .bump_right{
	right: 10px;
	position: absolute;
	line-height: 1em;
}
.mood-positive-background .bump_left,
.mood-negative-background .bump_left {
	left: 10px; 
	position: absolute;
	line-height: 1em; 
}

/**** Slide Out Panel ****/
#slideOut {
  position: fixed;
  width: 85vw;
  height: 70vh;
  top: 80px;
  right: -85vw;
  z-index: 900;
  /* Animation  */
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
/* Display slideOut */

.showSlideOut {
  right: 0px !important;
}
		/* Tab */

.slideOutTab {
  top: 20px;
  position: absolute;
  left: -49px;
  height: 40px;
  width: 50px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  background-color: #0B78BD;
  cursor: pointer !important;
  z-index: 1000;
  border-radius: 5px 0px 0px 5px;
}
.fa {
	font-size:  1.3rem !important;
	padding-top: 7px;
}
.chevron {
	color: #FFFFFF;
}
.plus {
	color:#0B78BD;
	margin: 0 15px 0 -15px;
}
.fa-star, .fa-check {
	color: #0B78BD;
}
.fa-check {
	font-size: 1.1rem !important;
	padding-right: 5px;
}
.modal-header {
	border-bottom: none !important;
}
.modal-content {
	border-radius: 0.3rem 0 0 0.3rem !important;
}
.modal-footer {
	border-top: none !important;
}

.mobile-right-col {
	width: 100%;
	text-align: center;
}

.checkbox-50 {
	width: 50px;
}
.checkbox-label {
	width: 160px;
}

.box-with-align-vertical {
  display: flex;
  align-items: center; /* vertical centering */
  height: calc(1.5em + 0.75rem + 2px) !important;
  font-size: 1rem;
}

.slide-out p {
	color: #959595;
	font-family: 'Open Sans', sans-serif;
	margin-top: -7px;
}
/*** End Slide Out Panel ****/

.page-btn {
	display: inline-block;
	width: 100%;
}
.next-btn {
	float: right;
	margin-left: auto;
}
.green-btn {
	background-color: #85C934 !important;
}

.swal-button.green-btn {
  background-color: #85C934;
}
.swal-button.green-btn:hover {
  background-color: #76b32e;
}

.purple-btn {
	background-color: #7F71AF !important;
}
.bright-pink-btn {
	background-color: #E41357 !important;
}
.pale-pink-btn {
	background-color: #85C934 !important;
}
.blue-btn {
	background-color: #0B78BD !important;
}
.pale-blue-btn {
	background-color: #E5FBFF !important;
}
.orange-btn {
	background-color: #FAA43C !important;
}
.grey-btn {
	background-color: grey !important;
}
.full-width { padding-left: 0; padding-right: 0; }
.full-width .row { margin-right: 0; margin-left: 0; }
.full-width .col-md-12 { padding-left: 0; padding-right: 0; }

/*.back-image {
	//background: linear-gradient(#7F71AF, transparent, transparent, #cc3399), url("../images/cute_baby_wide.png") no-repeat 50% 40%;//
	background: url("../images/cute_baby_wide.png") no-repeat 50% 40%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: -10px;
	padding-bottom: 20px;
	height: 70vh;
	border-top-left-radius:50% 10%;
	border-top-right-radius: 50% 10%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
*/
.back-image {
	width: 100%;
	aspect-ratio: 30 / 7;   /* wider ratio = shorter; tune to taste */
	background: url("../images/cute_baby_wide.png") no-repeat 50% 40%;
	background-size: cover;
	border-radius: 50% 10% 0 0 / 10% 10% 0 0;
}
.sleep-image {
	background: url("../images/sleeping_mom.jpg") no-repeat 50% 0%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-bottom: 20px;
	height: 70vh;
}
.down-arrow {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 2px;
}

.piri-logo {
	width: 32vw !important;
	padding-right: 15px;
}
.spiral-background {
	background-image: url("../images/downward_spiral.png");
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: 50% 60%;
	margin-top: 20px;
	min-height: 530px;
}
.home-middle {
	background-color: #E41357;
	border-top: 10px solid #ffffff;
	display: flex;
	flex-direction: column;    /* stack items vertically */
  justify-content: center;   /* horizontal */
  align-items: center;       /* vertical */
  height: 600px;             /* required for vertical centering */
}
.home-bottom {
	background-color: #FFFFFF;
	height: 400px;
	align-content: center;
	color: #000 !important;
}

.home-bottom p {
	color: #000 !important;
}

.home-bottom .welcomeTitle {
	color: #1F6FA9 !important;
	font-size: 4rem !important;
}

.front-page-container {
	font-size: 1.5rem !important;
  display: flex;               /* enables flexbox */
  justify-content: center;     /* horizontal alignment */
  align-items: center;         /* vertical alignment */
}

.thick-purple-hr {
  border: none;
  height: 2px !important;
  background-color: #7F71AF;
}

.content-width {
	max-width: 100%;
	margin: 0 auto;
}
.small-image {
	max-height: 50px;
}
.home-middle .text-center {
	padding-bottom: 20px;
}
.justify-content-center {
	text-align: center !important;
}
#main .btn,
#pages .btn {
	border-radius: 5px;
	border: 2px solid #FFFFFF !important;
	color: #FFFFFF;
}

.green-btn:hover {
	background-color: #9FD85A !important;
}
.purple-btn:hover {
	background-color: #9A8BC6 !important;
}
.bright-pink-btn:hover {
	background-color: #F26A96 !important;
}
.pale-pink-btn:hover {
	background-color: #85C934 !important;
}
.blue-btn:hover {
	background-color: #4FA0D6 !important;
}
.pale-blue-btn:hover {
	background-color: #4FA0D6 !important;
}
.orange-btn:hover {
	background-color: #FBB56B !important;
}

.home-middle .btn {
	border-radius: 5px;
	border: 2px solid #FFFFFF;
	background-color: #E41357 !important;
	color: #FFFFFF;
}
.tagline {
	max-width: 70vw !important;
}
.btn-wide {
	width: 80% !important;
	margin-bottom: 10px;
}
.btn-thin { 
	margin: 0 auto; 
}
.line-green-btn {
	background-color: transparent !important;
	border: 1px solid #32B3A2 !important;
	color: #7F71AF !important;
}
.line-green-btn:hover { 
	color: #FFFFFF !important;
}
#welcome, #status {
	position: relative;
	/* top: 30px; */
	top: 0px;
}    
.form-group {
	display: block;
}
.form-group a.btn-wide {
	margin: 10px 0;
}
.form-control {
	text-align: center;
	margin: 0 auto;
}
.homepage .form-control {
	width: 80% !important;
}
.desktop-login {
	display: none !important;
	position: absolute;
	right: 30px;
	top: 30px;
}
.desktop {
	display: none !important;
}

.bubbleaudio {
    display: none !important;
}

.desktop-login .btn { 
	border: none !important;
	vertical-align: top;
	width: 120px;
}
.desktop-login .form-control {
	display: inline-block !important;
}
.margin-top {
	margin-top: 7px;
}
.margin-bottom {
	margin-bottom: 20px;
}
.padding-top {
	padding-top: 50px;
}
.padding-bottom {
	padding-bottom: 30px;
}
.padding-below {
	padding-bottom: 10px !important;
}
.arrow {
	font-size: 20px;
	font-weight: 700;
	position: relative;
	top: 3px;
	color: #32B3A2;
}
.underlined {
	border-bottom: 1px solid #c8c8c8;
	width: 100%
}
.underlines {
	border-bottom: 1px solid #959595;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 20px
}
u {
	border-bottom: 1px solid c8c8c8;
	width: 100%;
}

.screening-menu-box {
	width: 100%;
	padding-bottom: 10px;
}
.screening-menu {
	float: left;
	background-color: #7F71AF;
	padding-top: 10px;
	padding-bottom: 10px;
	border: solid 1px #E5FFFB;
}

.screening-menu-radius-begin {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.screening-menu-radius-end {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.screening-menu-active {
	background-color: #CC3399;
	font-weight: bold;
}
.screening-menu-active span.number {
	color: #CC3399;
}
.screening-menu-active span.head-font {
	color: #E5FFFB;
}

.screening-menu-complete {
	background-color: #FFDFF4;
	color: #32B3A2;
	font-weight: bold;
}
.screening-menu-complete i.fa-check {
	padding-right: 0px;
	color: #32B3A2;
}
.screening-menu-complete span.number {
	color: #32B3A2;
}

.screening-menu-text-complete {
	color: #f0c541;
}

.screening-menu-link {
	color: #007bff !important;
}

.with-errors {
	color: #c7254e;
}

.survey-home-middle {
	background-color: #dde3e3;
	border-top: 10px solid #ffffff;
}

span.number {
	border-radius: 100%;
	border: 2px solid rgba(255, 255, 255, 0.2);
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 3px;
	margin-right: 8px;
	text-align: center;
	background: white; 
}

/* Sticky footer styles
-------------------------------------------------- */

footer {
	background-color: #7FB4D6;
	/*position: absolute;
	bottom: 0;
	width: 100%;
	// Set the fixed height of the footer here
	height: 310px;
	line-height: 310px; // Vertically center the text there */
	background: url("../images/cloud-image-footer.jpg") no-repeat 0% 70%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: -10px;
	padding-bottom: 20px;
	height: 25vh;
}
footer .container p {
	color: #fff !important;
}
footer a {
	font-size: 0.8 rem;
	color: #fff !important;
}
footer a:hover {
	color: #E7E3FF;
	text-decoration: none;
}
.copyright {
	font-size: .83rem;
}

.videodiv {
    height: 650px !important;
}

@media (min-width: 350px) {
	.checkbox-label {
		margin-top: 5px;
		width: 250px;
	}
	.home-bottom {
		height: 100%;
	}
	.home-middle {
		height: 600px;
	}
	.slide-out {
		top: 87px;
	}
	.importantContentBoxMiddle {
  	width: 15%; /* adjust this */
	}
}
@media (min-width: 500px) {
	.checkbox-label {
		margin-top: 5px;
		width: 250px;
	}

	.importantContentBoxMiddle {
  	width: 15%; /* adjust this */
	}

	.page-btn {
		width: 20%;
		max-width: 250px;
	}
	.home-bottom {
		height: 100%;
	}
	.home-middle {
		height: 600px;
	}
	.slide-out {
		top: 102px;
	}
	body#main h1 {
		font-size: 2rem !important;
		line-height: 2.4rem;
		padding: 7rem 0;
	}
	body#pages h1 {
		font-size: 2rem !important;
		line-height: 2rem;
		padding: 2rem 0;
	}
	h3 {
		font-size: 1.5rem !important;
		line-height: 1.4rem;
	}
	.homepage .form-control,
	.btn-wide {
		width: 300px !important;
	}
	.btn-logout {
		padding: 0.5rem 1rem !important;
		font-size: 1.25rem !important;
	}
	.spiral-mood {
		/*max-width: 400px;*/
		margin: 0 auto;
	}
	.ds_box {
		border: #000000 thin solid;
		padding: 5px;
		margin-top: 5px;
		background-color: #FFF;
		width: 150px;
	}
	.bump_right {
		right: 55px;
		position: absolute;
		width: 145px;
		line-height: 1em;
	}
	.bump_left {
		left: 10px; 
		position: absolute;
		width: 145px;
		line-height: 1em; 
	}
	.mood_right {
		right: 15px;
		position: absolute;
		width: 40%;
		line-height: 1em;
	}
	.mood_left {
		left: 15px; 
		position: absolute;
		width: 40%;
		line-height: 1em; 
	}
	
	.mood-positive-background .bump_right {
		right: 10px;
		position: absolute;
		width: 145px;
		line-height: 1em;
	}
	.mood-positive-background .bump_left {
		left: 10px; 
		position: absolute;
		width: 145px;
		line-height: 1em; 
	}
	.right-border {
		border-right: 1px solid #000;
	}
	.bottom-border {
		border-bottom: 1px solid #000;
	}
	textarea.ds_box {
		width: 170px;
		height: 95px;
	}
	#moodspiral img, #moodspiraldesktop img {
		margin-left: 30%;
	}
	.mood-background {
		background: url(../images/downArrow.png) 50% bottom repeat-x;
	}
	.thought-left {
      float: left;
      z-index: 2000;
      width: 30%;

      /* display: none; */
      position: absolute;
      cursor: pointer;
      margin-top: -100px;
      margin-left: -5px;
  }
  .thought-right {
      float: right;
      z-index: 2010;
      width: 33%;
      /* display: none; */
      position: absolute;
      cursor: pointer;
      margin-top: -100px;
      right: -12px;
  }
	footer a {
		font-size: 0.8rem;
	}

	.modal-dialog {
		max-width: 100% !important;
		margin: 1.75rem auto;
	}
	.modal-wide {
		max-width: 500px !important;
	}
}
@media (min-width: 700px) {
	.home-bottom {
		height: 100%;
	}
	.importantContentBoxMiddle {
  	width: 15%; /* adjust this */
	}
}
@media (min-width: 750px) {
	.home-bottom {
		height: 100%;
	}
	.importantContentBoxMiddle {
  	width: 10%; /* adjust this */
	}
}
@media (min-width: 992px) {
	.checkbox-label {
		width: 152px;
	}
	.importantContentBoxMiddle {
  	width: 10%; /* adjust this */
	}

	h1 {
		padding: 5rem 0;
		font-size: 2rem !important;
		line-height: 2.2rem;
	}
	.home-bottom {
		height: 100%;
	}
	.home-middle {
		height: 200px;
	}
	.mobile {
		display: none !important;
	}
	.desktop {
		display: block !important;
	}
	.inline {
		display: inline;
	}
	.modal-dialog {
		max-width: 100% !important;
		margin: 1.75rem auto;
	}
	.modal-wide {
		max-width: 950px !important;
	}
}
@media (min-width: 1180px) {
	.checkbox-label {
		width: 160px;
	}
	.importantContentBoxMiddle {
  	width: 10%; /* adjust this */
	}
	.home-middle {
		height: 200px;
	}
	.home-bottom {
		height: 500px;
	}

	.inline {
		display: inline;
	}
	.modal-dialog {
		max-width: 100% !important;
		/*margin: 1.75rem auto;*/
	}
	.video {
		max-width: 650px !important;
		margin: 1.75rem auto;
	}

	.video-controlling-choice-point {
		max-width: 1350px !important;
		margin: 1.75rem auto;
	}
}
@media (min-width: 1200px) {
	.home-bottom {
		height: 500px;
	}
	.importantContentBoxMiddle {
  	width: 7%; /* adjust this */
	}
	.desktop-login {
		display: block !important;
	}
	.mid-mobile {
		display: block !important;
	}
	.slide-out {
		position: fixed;
		top: 104px;
	}
	.form-control {
		/*height: calc(1.5em + 0.75rem + 10px) !important;*/
		margin-right: 10px;
	}
	.homepage .form-control {
		height: calc(1.5em + 0.75rem + 10px) !important;
		margin-right: 10px;
	}
	body#main p.member-question,
	body#main p.member-question a {
		color: #7F71AF;
	}
	body#main p.member-question {
		margin: -10px 140px 0 0;
		padding: 0;
	}
	h1 {
		font-size: 2.2rem !important;
		line-height: 2.4rem;
		padding: 10rem 0 4rem 0;
	}
	.container { 
	  padding: 0px;
	}
	.set-width {
		width: 70%;
	}
}
@media (min-width: 1300px) {
	.home-bottom {
		height: 500px;
	}
}

@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}