/* ======= FROM PW ======*/
body {
 
  color: #666;
  -webkit-font-smoothing: anti-aliased;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif; }
  body p {
    font-size: 16px; }
  body h1, body h2, body h3, body h4, body h5 {
    font-family: 'Segoe UI', sans-serif; }


	
.navbar {
  border-radius: 0px;
  margin-bottom: 0px;
  background-color: black; }
  .navbar .navbar-brand {
    padding: 5px;
    padding-left: 20px; }
  .navbar .navbar-right {
    background-color: black; }

.feature-vid {
	color: #000;
}

.nav-link {
	color: #f6f6f6;
	padding-left: .8rem!important;
	padding-right: .8rem!important;
}	




/* ======= Base ======= */

body {
  font-family: 'Segoe UI', arial, sans-serif;
  
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: scroll;
  background-color: #f5f5f5;
}
html,
body {
  height: 100%;
}

.doc-body {
  position: relative;
}

#topbar li.nav-item a{color:#f6f6f6;}
a.dropdown-item {
	color: #292b2c!important;
}


/* Util */

.caption {
	font-size: 14px;
}

/* General */

p {
  line-height: 1.5;
}

p.lead {
	font-weight: 400;
}

a {
  color: #3aa7aa;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
a:hover {
  text-decoration: underline;
  color: #339597;
}
a:focus {
  text-decoration: none;
}

.section-lead {margin-bottom:0px;}

.anchor {
display: block;
height: 75px;
margin-top: -75px;
visibility: hidden;
}


/* Color Schemes */ 
.body-green .header {
  border-color: #75c181;
}
.body-green a {
  color: #75c181;
}
.body-green a:hover {
  color: #52b161;
}

.iray-green a:hover {
 color: #fff;	
}

ul.iray-green > li > a.active {
	color:#fff;
}

.body-blue .header {
  border-color: #58bbee;
}
.body-blue a {
  color: #1796d7;
}
.body-blue a:hover {
  color: #2aa8e9;
}



/*Alert Mods*/

.alert-secondary {
	background-color: rgba(226,227,229,0.6);
}




/* Sidebar */
.doc-menu {
  list-style: none;
  padding-left: 0;
}
.doc-menu > li {
  margin-bottom: 5px;
}
.doc-menu > li > a {
  display: block;
  padding: 5px 5px;
  border-left: 4px solid transparent;
  color: #616670;
}
.doc-menu > li > a:hover,
.doc-menu > li > a:focus {
  color: #40babd;
  text-decoration: none;
  background: none;
}
.body-green .doc-menu > li > a:hover,
.body-green .doc-menu > li > a:focus {
  color: #75c181;
}
.body-blue .doc-menu > li > a:hover,
.body-blue .doc-menu > li > a:focus {
  color: #58bbee;
}

.current {
	border-left: 4px solid #1796d7;
}
.doc-menu > li.active > a {
  background: none;
  border-left: 4px solid #1796d7;
  color: #1796d7;
  font-weight: 600;
  
}

.doc-menu > li > a {
	padding-left:.8rem!important;
}

.body-green .doc-menu > li > a.active {
  color: #75c181;
  border-color: #75c181;
}
.body-blue .doc-menu > li > a.active {
  color: #58bbee;
  border-color: #58bbee;
}

.doc-sub-menu {
  list-style: none;
  padding-left: 0;
}
.doc-sub-menu > li {
  margin-bottom: 10px;
  font-size: 13px;
}
.doc-sub-menu > li:first-child {
  padding-top: 5px;
}
.doc-sub-menu > li > a {
  display: block;
  color: #616670;
  padding: 0;
  padding-left: 34px!important;
  background: none;
}
.doc-sub-menu > li > a:hover {
  color: #40babd;
  text-decoration: none;
  background: none;
}
.body-green .doc-sub-menu > li > a:hover {
  color: #75c181;
}
.body-blue .doc-sub-menu > li > a:hover {
  color: #58bbee;
}

.doc-sub-menu > li > a:focus {
  background: none;
}
.doc-sub-menu > li > a.active {
  background: none;
  color: #40babd;
}
.body-green .doc-sub-menu > li > a.active {
  color: #75c181;
}

.card-deck > .card {
	margin-left: 5px;
	margin-right: 5px;	
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.card-deck > .card:hover {
	box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.35rem;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}


.breadcrumb {
	padding-bottom: 8px;
	padding-top: 8px;
	margin-bottom: 0px;
	background-color: rgba(240,240,240,0.6);
}

/* Section Block */

.doc-section {
  padding-top: 25px;
  padding-bottom: 25px;
}
.doc-section .section-title {
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.doc-section h1 {
  font-size: 24px;
  font-weight: bold;
}
.doc-section h2 {
  font-size: 22px;
  font-weight: bold;
}
.doc-section h3 {
  font-size: 20px;
  font-weight: bold;
}
.doc-section h4 {
  font-size: 18px;
  font-weight: bold;
}
.doc-section h5 {
  font-size: 16px;
  font-weight: bold;
}
.doc-section h6 {
  font-size: 14px;
  font-weight: bold;
}
.section-block {
  padding-top: 15px;
  padding-bottom: 15px;
}
.section-block .block-title {
  margin-top: 0;
}
.section-block .list > li {
  margin-bottom: 10px;
  font-size: 16px;
}
.section-block .list ul > li {
  margin-top: 5px;
}





/*Callouts*/

.callout-block {
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  margin-bottom: 30px;
}
.callout-block a {
  color: rgba(0, 0, 0, 0.55) !important;
}
.callout-block a:hover {
  color: rgba(0, 0, 0, 0.65) !important;
}
.callout-block .icon-holder {
  font-size: 30px;
  position: absolute;
  left: 30px;
  top: 30px;
  color: rgba(0, 0, 0, 0.25);
}
.callout-block .content {
  margin-left: 60px;
}
.callout-block .content p:last-child {
  margin-bottom: 0;
}
.callout-block .callout-title {
  margin-top: 0;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.65);
}
.callout-info {
  background: #58bbee;
  color: #fff;
}
.callout-success {
  background: #75c181;
  color: #fff;
}
.callout-warning {
  background: #F88C30;
  color: #fff;
}
.callout-danger {
  background: #f77b6b;
  color: #fff;
}


/*Code*/
code {
  background: #222;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  padding: 2px 8px;
  padding-top: 4px;
  display: inline-block;
  border-radius: 3px;
}

.code-block {
	margin-top: 30px;
	margin-bottom: 30px;
}


.sidebar{
    will-change: min-height;
}

.sidebar__inner{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.sidebar__inner.is-affixed {
	left:367px!important;
}




/*Doc Header*/

.doc-header {
  margin-bottom: 30px;
}
.doc-header .doc-title {
  color: #75c181;
  margin-top: 0;
  font-size: 36px;
}



/*Question Answer*/

.question {
  font-weight: 400 !important;
  color: #3aa7aa;
}
.body-green .question  {
  color: #63b971;
}
.body-blue .question {
  color: #41b2ec;
}
.question .fa {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.question .label {
  font-size: 11px;
  vertical-align: middle;
}
.answer {
  color: #616670;
  padding-top: 10px;
  padding-bottom: 20px;
}


/* Accordion */

#accordion > .card > .card-header {
	padding-top: 5px;
	padding-bottom:5px;
}

button.accordion {
	color:#75c181; 
	font-size: 18px;
}

.btn-link.accordion {
	color: #75c181;
}

.btn-link.accordion:hover {
	color: #338540;
}




/*  ========================== FOOTER STYLES ============================ */


#footer {
	background-color: #282828;
	color: #fff;
	padding-bottom: 40px;
	padding-top: 30px;
	margin-top: 35px;
}

#footer h3 {
	margin-top: 31px;
	padding-bottom:5px;
	border-bottom: 1px solid #22619e;
}

img.footer-logo {
		margin-top: 17px;
		margin-bottom: 10px;
		height: 40x;
		padding-bottom: 3px;
		border-bottom: 1px solid #22619e;
}

#footer p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 25.6px;
	
}

#footer a { 
		color: #fff;
}
	
#footer a:hover {
	color: #d4d5d1;
	text-decoration: none;
}

.navbar-bottom {
	
	background-color: #282828;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-radius: 0px;
	border-right: 0px;
	border-left: 0px;
	border-top: 1px solid #3f3f3f;
	border-bottom: none;
	color: #797979;
	}
	
	
.bottomnav {
	background-color: #373737;
	padding-top: 8px;
	margin-left: 15px;
	}
	
.bottomnav a {
	background-color: #373737; 
	
	padding-top: 27px;
	padding-left: 12px;
	
	font-weight: 600 !important;
	font-size: 15pt;
	color: #989898 !important;
	
	transition: 0.1s  ;
			-webkit-transition: 0.1s ;

	}
	
.bottomnav a:visited {
	margin-top: 15px;
	padding-top: 17px;
	padding-left: 12px;
	font-weight: 600 !important;
	font-size: 15pt;
	color: #989898 !important;
	}	
	

.bottomnav a:hover {
	color: #cacaca !important;
	background-color: #373737 !important;
	
	transition: 0.1s  ;
			-webkit-transition: 0.1s;
	}
	
	
.social-icons {
	margin-top: 0px;
	height: 20px;

	}
	
.social-icons > a {
	padding-left: 7px;
	color: #d6d6d6;
	
	transition: 0.1s  ease-in-out;
			-webkit-transition: 0.2s ease-in-out;
}

.social-icons > a:hover {
	color: #2a86d5;
	
	transition: 0.2s  ease-in-out;
			-webkit-transition: 0.2s ease-in-out;
}


/* MOBILE STYLES */
	@media screen and (max-width:600px){
		h1.lp-header {
			font-size: 67px;
			line-height: 67px;
		}	
		
		h1.jumbotron-heading {
			font-size: 35px;
			line-height: 36px;
		}
		
		.sub-head {
			text-align:center;
		}
	}