/*Bootstrap overrides*/
.navbar-dark .navbar-toggler {
	 border-color: rgb(18,79,143);
}
 .navbar-dark .navbar-toggler-icon {
  border: 0px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(65,171,113)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.panel-default.green>.panel-heading {
	background:url(../images/divider-bg.png) top repeat-x #049146;
	background-size:auto 100%;
	padding:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border:0;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
.panel-default.green>.panel-heading.connect {
	margin: 0;
}
.panel-default.green>.panel-body {
	 color: #000;
}
.panel-default.green>.panel-body span {
      font-size: 14px;	
	  color: #60ba59;
}
.panel-default.green div[class*="col-"] {
	border-right: 1px solid #f5f5f5;
	padding: 0 15px;
}
.panel-default.green div[class*="col-"]:last-child
{
	border: 0;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='green' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='green' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    background-color: #113b6c;
	border: 0px;
}
.accordion .card-header:before {
    content: "X\00a0"; 
    float: left; 
	font-size: 28px;
	color: #0069aa;
	font-weight: bold;
}
.accordion .card-header.collapsed:before {
    /* symbol for "collapsed" panels */
	content: "\25bc\00a0";
}
.accordion .card-title {
    font-size: 30px;
	color: #000;
}
.accordion .card {
	 border: 0;
	 background-color: transparent;
}
.accordion .card-header {
	 background-color: transparent;
	 cursor: pointer;
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}
.modal-content {
	width: 100%;
	background-image: url('../images/callout.png');
	background-repeat: no-repeat;
    background-size: 100% 100%;
	border: 0;
}
.modal#externalPopup .container-fluid {
	padding: 30px;
}
/*General*/
html {
     position: relative;
     min-height: 100%;
}
 body {
     margin-bottom: 60px;
     font-family: 'Raleway', sans-serif;
}
body.noScroll {
	 position:fixed
}
 hr {
     border: 3px solid green;
	 border-radius: -px;	 
}
 a {
     color: #fff;
}
 a:hover {
     color: #fff;
     text-decoration: none;
}
 h1 {
     font-size: 46px;
}
 h2 {
     font-size: 32px;	
	 color: #113b6c;
}
 h3 {
     font-weight: bold;
     font-size: 25px;
}
 h1.blue,h2.blue,h3.blue {
     color: #124f8f;
}
 p.copy {
	 font-size: 18px;
	 color: #000;
}
p.copy.center {
	 text-align: center;
}
 p.copy > a, p.copy a {
	 color: #0069aa;
}
 p.footnote {
	 font-size: 15px;
}

.jumbotron ul {
	list-style: none;
}
.jumbotron ol > li {
	padding-bottom: 10px;
}
.jumbotron ul li > a, .jumbotron ol a  {
     color: #0069aa;
}
.jumbotron ul > li::before {
	 content: "\2022";  
	 color: #4cb242; 
	 font-weight: bold;
	 position: absolute;
	 margin-left: -0.7em; 
}
.jumbotron ul > ul li:before {
	 position: absolute;
     content: "\2014";	
	 color: #000;
	 font-weight: normal;
	 margin-left: -1.2em; 
}
ul.offset-l {
	margin-left: -1.4em;
}
ul.offset-padding li {
	 padding-bottom: 10px;
}
ul.callout-points {
	 text-align: left;
	 margin-left: -1.4em;
}
 header > div * {
     background-color: #33a466;
     color: #fff;
     font-size: 20px;
     text-align: center;
}
 header #page-callout {
     margin-top: 159px;
}
 footer {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 85px;
     line-height: 85px;
     background-color: #009029;
     color: #fff;
}
 footer #sticky-footer {
     height: 135px;
     background-color: #fff;
     color: #113b6c;
     z-index: 1040;
     transition: opacity 0.4s ease-out, height 0.4s ease-out;
     line-height: 22px;
     opacity: 1;
	 visibility: visible;
	 overflow-y: scroll;
	 overflow-x: hidden;	 
}
 footer #sticky-footer.hidden {
     opacity: 0;
	 visibility: hidden;
}
 footer #sticky-footer.expand {
     height: 100%;
}
 footer #sticky-footer > .row#labels {
     background-color:#005304;
     color: #fff;
     font-size: 10px;
     line-height: 35px;
}
 footer #sticky-footer > .row#labels br {
     display: none;	 
}
 /*footer #sticky-footer > div > .row#sticky-isi {
     background-color: #fff;
     height: 70%;
     position: absolute;
     bottom: 0px;
     transition: height 0.4s ease-out;
}*/
 footer #sticky-footer > .row#sticky-isi a {
     color: #113b6c;
}
 footer #sticky-footer > .row#sticky-isi.expand {
     height: 95%;
}
 footer #sticky-footer #isi-toggle {
     width: 40px;
     height: 31px;
     background-image: url('../images/isi-toggle.png');
     background-repeat: no-repeat;
     position: absolute;
     top: 3px;
     right: 0px;
     cursor: pointer;
}
 footer #sticky-footer #isi-toggle.expand {
     background-position: 0px -31px;
}
footer #page-callout {
	  background-color: #009029;
}
 #footer-logo {
     margin-bottom: 50px;
}
/*icons*/
 .icon {
     display: inline-block;
	 padding-bottom: 20px;
}
/* Fonts */
 .size16 {
     font-size: 16px;
}
 .size18 {
     font-size: 18px;
}
 .size32 {
     font-size: 32px;
}
 .size48 {
     font-size: 48px;
}
 .shadow-text {
     text-shadow: 1px 1px 5px #000;
}
 .nowrap {
     white-space: nowrap;
}
/* Colors */
 .green {
     color: #00833f;
}
.lightgreen {
	 color: #60ba59;
}	 
 .lightblue {
     color: #0a7eb7;
}
 .bg-dark {
     background-color: #124f8f !important;
}
/* Custom page CSS -------------------------------------------------- */
 .container {
     width: auto;
     max-width: 680px;
     padding: 0 15px;
}
 .jumbotron {
     border-radius: 0;
     margin-bottom: 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top;
     font-size: 18px;
     padding: 25px 0px;
     background-color: #fff;
}
 .jumbotron img {
    padding-bottom: 20px;	 
 }
 .hero-container {
	 color: #113b6c;
	 background: #fff;
	 padding: 30px;
	 opacity: 0.85;
}
 .hero-container h1 {
	 font-size: 48px;
}
 .empty {
  flex-grow: 1;
}
 .btn-container {
     position: relative;
     text-align: center;
     color: #fff;
     font-size: 16px;
}
 .btn-container.btn-blue, .btn-container.btn-opaque-blue {
      margin: 0px 45px 10px 0px;	 
 }
 .btn-container.btn-opaque-blue {
	 background-color: rgba(255,255,255,0.25);
	 width: 100%;
	 min-height: 80px;
	 padding: 25px;
	 text-align: left;
}
 .btn-container.btn-opaque-blue::before {
	  content: "\00BB"; 
	  font-weight: bold;
}
 .btn-container.swirl {
     margin: 0px;
     color: #298ec0;
}
 .btn-container.swirl img {
     max-width: 360px;
}
 .btn-container.swirl > .centered {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .btn-container.btn-blue > .centered, .btn-container.btn-green > .centered {
     position: absolute;
     top: 40%;
     left: 35%;
     transform: translate(-40%, -50%);
}
 .container-opaque {
     background-color: rgba(0, 0, 0, 0.3);
     min-height: 180px;
     padding: 25px;
}
 .container-opaque > div p {
     color: #fff;
}
 .container-opaque > p img {
     display: inline-block;
}
 .callout {
     background-position: center;
     background-color: #fdf6db;
	 background-size: 100% 100%;
	 padding: 20px;/*25px*/
	 margin-bottom: 20px;
 }
 .callout p.copy {
	 font-size: 14px;
	 font-weight: bold;
 }
 .callout p.footnote {
	 font-size: 11px;	
	 padding-top: 10px;
	 margin: 0;
 }
/* Navigation -------------------------------------------------- */
 .navbar {
     opacity: 0.95;
     transition: opacity 0.4s ease-out;
	 min-height: 160px;
}
 .navbar.hidden {
     opacity: 0;
}
 .navbar-brand img {
     max-width: 155px;
}
 .navbar-dark .navbar-nav .nav-link {
     font-weight: bold;
     color: #fff;
}
 .dropdown-toggle::after {
     visibility: hidden;
}
 .dropdown:hover>.dropdown-menu {
     display: block;
}
 .dropdown-menu {
     background-color: #049146;
	 margin: 0;
}
 .dropdown-menu a {
     color: #fff;
}
 #navbar-sub-top {
	 flex-direction: row;
 }
 #navbar-sub 
 {
	 flex-direction: column;
 }
 #navbar-sub-top > li > a {
	 font-size: 9px;
	 padding: 10px 5px;
 }
 #navbar-sub > li > a {
     font-size: 13px;
     font-weight: normal;
}
 #navbar-sub > .divider-vertical {
     height: 30px;
     margin: 0 9px;
     border-left: 1px solid #F2F2F2;
     border-right: 1px solid #FFF;
}
 nav a:hover {
     color: #4cb242 !important;
}
/* ISI ------------------------------------------------------- */
 .jumbotron#isi {
     background-color: #002966;
     color: #fff;
}
/* Homepage -------------------------------------------------- */
 #site-home .home-hero-left-content, #site-home .home-hero-right-content {
     line-height: 38px;
     color: #fff;
     text-align: center;
}
 #site-home .home-hero-right-content {
     margin-top: 20px;
}
 #site-home .home-hero-right-content #asl {
     margin-left:-20px;
}
 #site-home .home-hero-right-content #yckg {
     margin-left:-16px;
}
 #site-home .home-hero-right-content-sub {
     margin-left: 18px;
     line-height: 20px;
}
 #site-home .home-hero-left-content > span, #site-home .home-hero-right-content > span, #site-home .home-hero-right-content-sub > span {
     font-weight: bold;
}
 #site-home .jumbotron#hero {
     background-image: url(../images/home/home-hero.jpg);
}
 #site-home .jumbotron#hero div#hero-left,#site-home .jumbotron#hero div#hero-right {
     color: #fff;
}
 #site-home .jumbotron#hero div#hero-right {
     margin-right: 20px;
}
 #site-home .jumbotron#about {
     background-image: url(../images/home/home-about.jpg);
     min-height: 425px;
     background-position: 23%;
}
 #site-home .jumbotron#proven {
     background-image: none;
	 background-position: right;
	 padding-bottom: 0px;
}
 #site-home #proven-chart {
     margin: 25px 0px;
}
 #site-home #proven-chart > div > div {
     color: green;
     font-weight: bold;
}
 #site-home .jumbotron#buckets {
     background-image: url(../images/home_m_back-300x270.jpg);
     color: #fff;
	 padding: 25px;
}
/*Starting Oralair -------------------------------------------------- */
 #site-startingoralair .jumbotron#hero {
     background-image: url(../images/starting-oralair/startingoralair-hero.jpg);
}
/*Treatment Dropdown -------------------------------------------------- */
/*Taking Oralair -------------------------------------------------- */
 #site-takingoralair  .jumbotron#hero {
	 background-image: url(../images/taking-oralair/takingoralair-hero.jpg);
}
 #site-takingoralair img.pills {
	  max-height: 100%;
	  padding-bottom: 0px;
 }
.panel-default#chart-at-home.green>.panel-body .chart-label-l {
	 background-color:#e4f4e3;
	 padding-top: 45px;
	 height: 125px;
}
.panel-default#chart-at-home.green>.panel-body .chart-label-r {
	 background-color:#fdf6db;
	 padding-top: 45px;
	 height: 125px;
}
.panel-default#chart-at-home .chart-contents {
	padding-top: 20px;
}
#site-takingoralair #how-to-take-oralair div[class*="col-"] {
	 border-right: 0px solid #f5f5f5;
}
/*For Kids -------------------------------------------------- */
 #site-forkids .jumbotron#hero {
	 background-image: url(../images/for-kids/kids-hero.jpg);
}
 #site-forkids .carousel-inner {
	 background-color: #fff;
}
 #site-forkids .panel-default.green div[class*="col-"]
 {
	 border-right: 0px solid #f5f5f5;
 }
/*Safety -------------------------------------------------- */
 #site-safety .jumbotron#hero {
	 background-image: url('../images/safety/safety-hero.jpg');
}
/*Patient Support -------------------------------------------------- */
 #site-copaysavings .jumbotron#hero {
	 background-image: url('../images/copay-savings/copay-hero.jpg');
}
 #site-copaysavings #hills-clouds ul {
	 padding-left: 0px;
	 margin-left: 0.8em;
}
/*FAQ -------------------------------------------------- */
 #site-oralairfaq .jumbotron#hero {
	 background-image: url(../images/faq/faq-hero.jpg);
}
/*Grass Allergies Education -------------------------------------------------- */
 #site-grassallergies .jumbotron#hero {
	 background-image: url(../images/grass-allergies/grassallergies-hero.jpg);
}
/*Resources -------------------------------------------------- */
 #site-resources .jumbotron#hero {

}
/*T&C -------------------------------------------------- */
 #site-termsandconditions .jumbotron#hero {
	 background-image: url(../images/generic-hero.jpg);
}
/*Privacy -------------------------------------------------- */
 #site-privacypolicy .jumbotron#hero {
	 background-image: url(../images/generic-hero.jpg);
}
/*Sitemap -------------------------------------------------- */
 #site-sitemap .jumbotron#hero {
	 background-image: url(../images/generic-hero.jpg);
}
/*Mountain area footer -------------------------------------------------- */
* .jumbotron#footer-continued,
* .jumbotron#hills-clouds {
	background-image: none !important;
}
/* Media Queries */
/* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 400px) {

    footer #strip {
		font-size: 13px;
	}
	
}
 @media only screen and (max-width: 480px) {

	footer #sticky-footer > .row#labels  {
		line-height: 15px;
		padding: 8px;
	}
	
	footer #sticky-footer > .row#labels br {
		display: block;	 
	}
	
}
/* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
     .size32 {
         font-size: 20px;
    }
     .size48 {
         font-size: 36px;
    }
	.panel-default.green div[class*="col-"] {
		 border-right: 0px solid #f5f5f5;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {
     header > div * {
         font-size: 32px;
         line-height: 40px;
    }
     .size32 {
         font-size: 26px;
    }
     .size48 {
         font-size: 42px;
    }
	footer #sticky-footer > .row#labels  {
		font-size: 14px;
	}
	 #site-takingoralair img.pills {		  
		  bottom:0;
		  height: 120px;
		  max-height: 120px;
	 }
}
/* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {
	.callout {
		background-image: url(../images/callout.png);
	}
	.callout#specialist-callout {
		min-height: 285px;
		max-height: 285px;
		margin-right: 20px;
		line-height: 20px;
	}
	.callout#discussion-callout {
		min-height: 285px;
		max-height: 285px;
	}
	.callout#specialist-callout a {
		font-size: 14px;
	}
	footer #sticky-footer > .row#labels  {
		font-size: 19px;
	}
	#navbar-sub {
		 flex-direction: row;
	}
}
/* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {
     #site-home .home-hero-left-content, #site-home .home-hero-right-content {
         text-align: left;
    }
	#site-home .jumbotron#about {
		background-position: 23% 0%;
	}
	#site-home .jumbotron#proven {
       background-image: url(../images/home/home-proven.jpg);
	}
	.hero-container {
		opacity: 1;
	}
    .jumbotron#hero {
         margin-top: 110px;
    }
    .navbar-brand img {
         max-width: 180px;
    }
	.callout {
		padding: 25px 20px 25px 20px;
	}
	.callout#specialist-callout {
		min-height: 320px;
		max-height: 320px;
		margin-right: 20px;
	}
	.callout#discussion-callout {
		min-height: 320px;
		max-height: 320px;
	}
	.jumbotron#hills-clouds, .jumbotron#footer-continued {
		 background-image: url(../images/footer-bottom.png) !important;
		 background-size: 100% 70%;
		 background-position: bottom;
		 background-color: #fff;
		 padding-bottom: 100px;
	}
	#site-grassallergies .jumbotron#hills-clouds {
		padding-bottom: 200px;
		background-size: 100% 50%;
	}
	#site-oralairfaq .jumbotron#hills-clouds {
		padding-bottom: 300px;
		background-size: 100% 50%;
	}
	#site-safety .jumbotron#hills-clouds {
		padding-bottom: 150px;
		background-size: 100% 20%;
	}
	#site-copaysavings .jumbotron#hills-clouds {
		padding-bottom: 150px;
		background-size: 100% 50%;
	}
	#site-sitemap .jumbotron#hills-clouds {
		 padding-bottom: 100px;
	}
	#site-copaysavings .jumbotron#hills-clouds {
		 padding-bottom: 200px;
	}
	#site-termsandconditions .jumbotron#hills-clouds, 
	#site-privacypolicy .jumbotron#hills-clouds {
		 padding-bottom: 200px;
		 background-size: 100% 20%;
	}
	#site-forkids .jumbotron#hills-clouds {
		padding-bottom: 150px;
		background-size: 100% 30%;
	}
	#site-takingoralair .jumbotron#hills-clouds
	{
		padding-bottom: 200px;
		background-size: 100% 30%;
	}
	#site-startingoralair .jumbotron#hills-clouds {
		padding-bottom: 200px;
		background-size: 100% 50%;
	}
	#site-resources .jumbotron#hero {
		background-image: url(../images/footer-bottom.png);
		background-position: 100% 70%;
	}
	footer #sticky-footer > .row#labels  {
		font-size: 20px;
	}
	.navbar {
		min-height: auto;
	}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {
    /*Homepage*/
     #site-home .home-hero-right-content #yckg {
         margin-left: 0px;
    }
     #site-home .home-hero-right-content #asl {
         margin-left:60px;
    }
     #site-home .home-hero-right-content-sub {
         margin-left:100px;
    }
	.callout {
		padding: 40px 20px 40px 20px;
	}
	#site-takingoralair #how-to-take-oralair div[class*="col-"] {
		 border-right: 1px solid #f5f5f5;
	}
	#site-takingoralair #how-to-take-oralair div[class*="col-"]:last-child
	{
		 border-right: 0px solid #f5f5f5;
	}

}

 .bluetext{
     color: #113b6c;
 }