/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-LtCn';
	src: url('../fonts/HelveticaNeueLTStd-LtCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'), 
		 url('../fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'), 
		 url('../fonts/HelveticaNeueLTStd-LtCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#results_membership {

    margin-top: 30px;
}
#results_membership .message{
	    text-align: center;
}
::-webkit-input-placeholder { /* Edge */
  color: #999 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999 !important;
}

::placeholder {
  color: #999 !important;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1 );
}

iframe:not(.noheight) {
   /* height: calc(100vh - 75px); */
   /*height:auto;*/
}
iframe {
    height: 100vh;
	max-width: 100%;
}
.col-sm-1 center {
    padding-top: 20px;
}
form input {
    margin: 10px 0;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
#navbar{ margin-top:65px;float:right}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 520px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 520px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 520px;
}
.carousel-caption p {
    font-size: 24px;
    line-height: 1.4;
	margin:0;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.topBar{ background-color:#d9ac24;}
.daily-news{ display:table; padding:10px 0; width:100%;}
.daily-news span{ font-size:18px;color:#32426b;display:block;text-align:center;display:table-cell;vertical-align:middle;width:100%;}
ul.social-media{ margin:0;padding:0;list-style:none;position:absolute;top:20px;right:30px;z-index:9999}
ul.social-media li{ display:inline-block;}
.searchBar{ float:right;padding:0;width:200px;height:36px;margin-left:25px;position:relative;}
.searchBar .navbar-form{ margin:0;}
.searchBtn{ position:absolute;top:3px;right:10px;z-index:2;background:none;border:0;}
.searchBar .form-control{ height:36px;border-radius:50px;width:100%;font-size:16px;padding:6px 20px;}

.caption-content{ padding-left:110px;}
.caption-content .more-btn{ float:left;}
.caption-content .text-area{ float:left;margin-left:30px;}
.caption-content h1{ margin:0;}

.grayBg_bar{ background-color:#f2f2f2;min-height:100px;position:absolute;right:0;top:0;width:100%;}
.content-section{ position:relative;}
.left-section{ position:static;}
.left-section-inner{ position:absolute;left:0;right:0;top:0;}
.left-section-inner-contact{ position:relative;left:0;right:0;top:0;margin-left:50px;}

.page-title{ padding:20px 0;min-height:100px;}
.page-title .title{ display:table-cell;vertical-align:middle;}
.man{ margin:0}
.pad{ padding:0}
.text-bold{ font-family: 'latobold';}
.primary-text{ color:#5ca8b2;}
.secondary-text{ color:#1f2273;} 
.news-grid h3 a{ display:block;color:#000;}
.news-grid h3 a:hover{ display:block;color:#d9ac24;}
.news-grid span{ font-size:18px;color:#818181;letter-spacing:1px;}
.view-btn{ margin-top:20px;}

.home-events{ position:relative;}
.events-section{ background-color:#0a1d3f;position:absolute;top:0;right:0;max-height:100px;}
h2.title-bar{ background-color:#0a1d3f;min-height:100px;margin:0;padding:25px;color:#fff;position:relative;z-index:2;}
.content-area{ background-color:#1b2c5a;padding:25px;color:#fff; height: auto;}
.events-grid{ margin-bottom:40px;}
.content-area h3{ font-size:20px;}
.content-area h3 a{ color:#fff;}
.content-area h3 a:hover{ color:#d9ac24;}
.content-area span{ font-size:18px;}
.content-area sup{ font-size:12px;}

.health-forum-section{ text-align:center;padding:100px 0;color:#fff;
background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(92, 168, 178, 0.45), 
      rgba(92, 168, 178, 0.45)
    ),
    /* bottom, image */
    url(../images/bg1.jpg);background-position:center center;
}
.health-forum-section p{ font-size:26px;width:55%;margin:0 auto 20px auto;}

.join-us-section{ background:url(../images/bg2.jpg) repeat;padding:60px 0 90px 0;text-align:center;}
.joinus-caption{ background-color:#fff;float:none;margin:0 auto;padding:40px 120px 100px 120px;position:relative;}
.learnmore-btn{ position:absolute;left:0;right:0;bottom:-35px;margin:0 auto;display:inline-block;}
.join-us-section p{ font-size:26px;}

.quick-references{ padding:50px 0;} 
.heading{ margin-top:0;margin-bottom:40px;text-align:center;}
ul.quick-ref-links{ margin:0;padding:0 0 0 10px;list-style:none;border-left:solid 2px #5ca8b2;}

footer{ background-color:#282828;padding-top:50px;}
.widget{ margin-top:30px;width:20%;}
.widget-title{ color:#5ca8b2;font-size:17px;}
ul.widget-list{ margin:0;padding:0;list-style:none;}
ul.widget-list li a{ display:block;color:#bfbfbf;}
ul.widget-list li a:hover{ color:#d9ac24;}
.copyright{ font-family:'Conv_HelveticaNeueLTStd-LtCn';font-size:14px;color:#bfbfbf;margin:40px 0 20px 0;text-align:center;text-transform:uppercase;letter-spacing:1px;}

.navbar-inner{ margin-top:0;}
.middle-section{ margin-top:0px;}
.featured-image{ min-height:100px;
background: url(../images/featured-image-top.jpg) repeat top left;}
.yellow-text{ color:#d9ac24;}
.form-contact .form-control::-moz-placeholder{ text-transform:uppercase;}
.form-contact .form-control::-ms-input-placeholder{ text-transform:uppercase;}
.form-contact .form-control::-moz-placeholder{ text-transform:uppercase;}
.form-contact .form-control::-webkit-input-placeholder{ text-transform:uppercase;}
.contact-grid{ margin-top:30px;}
.contact-grid h3{ display:block;text-transform:inherit;}
.contact-grid span{ font-size:18px;color:#818181;letter-spacing:1px;}
.searchBar.mobile{ display:none;}

.dropdown-menu li ul li { list-style-type:none !important; }
/*.dropdown-menu li:hover ul { display:block; }*/
.dropdown-menu li ul { padding:0 0 0 20px !important; margin:0 !important; display:none; }
.dropdown-menu li ul li { position:relative; }
.dropdown-menu li ul li:before { content:">>"; font-family: 'latomedium'; position:absolute; font-size:12px; line-height:12px; color:#d9ac24; top: 3px; left: -2px;  }
.dropdown-menu li ul li a { font-size:14px !important; line-height:14px !important; display: block; }
.dropdown-menu > li > a { padding:3px 12px; border-bottom:1px solid #d9ac24 !important; }
.dropdown-menu > li:last-child a { border-bottom:none; }
.dropdown-menu li ul li a { padding:3px 12px; border-bottom:1px solid #d9ac24 !important; }

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 767px) {
.navbar ul li:hover ul.dropdown-menu { display: none; }
.navbar ul li.open ul.dropdown-menu { display: block; }	


body{ font-size:14px;}
h1, .h1 {
    font-size: 24px;
}
h2, .h2 {
    font-size: 20px;
}
h3, .h3 {
    font-size: 18px;
}
.daily-news span{ font-size:10px;padding:5px 0;}
.navbar-brand{ padding: 15px 0;width:110px;}
.nav > li > a{ padding:5px 10px;}
ul.social-media{ top:5px;right:15px;}
ul.social-media li img{ width:18px;}
.carousel{height:auto;}
.carousel-caption{ position:inherit;padding:15px 0;display:none;}
.carousel-caption p{ font-size:14px;}
.caption-content{ padding-left:15px;text-align:center;}
.carousel .item .container{ padding:0;}
.carousel .item { height: auto;}
.carousel-inner > .item > img { position: inherit;height: auto;}
.btn-lg, .btn-group-lg > .btn { padding: 10px 20px;font-size: 16px;}
.caption-content .more-btn{ float:none}
.caption-content .text-area{ float:none;margin-left:0;}
.carousel-indicators{ bottom:0;margin-bottom:0;}
.carousel-control{ bottom:56%;}
#navbar { margin-top: 0;float: none;}
h2.title-bar{ min-height:inherit;}
.grayBg_bar{ display:none;}
.page-title{ padding:15px;min-height:inherit;background-color:#f2f2f2;margin-left:-15px;margin-right:-15px;display:block;}
.view-btn { margin: 20px 0;}
.health-forum-section{ padding:30px 0}
.health-forum-section p { font-size: 18px; width: 100%;margin: 0 auto 20px auto;}
.learnmore-btn{ bottom:-20px;}
.joinus-caption { padding: 10px 15px 30px 15px;margin:0 15px;}
.join-us-section p { font-size: 18px;}
.heading{ margin-bottom:20px;}
ul.quick-ref-links{ margin-bottom:15px;}
.logo-footer{ width:100px;}
footer{ padding-top:30px;}
.widget{ width:100%;}
.navbar-inner{ margin-top:36px;}
.middle-section { margin-top: 110px;}
.searchBtn{ top:4px;}
.searchBar.desktop{ display:none;}
.searchBar.mobile{ display:block;left:0;right:0;width:100%;height:auto;float:none;margin:0;background-color:#0a1d3f;padding:5px;}
.searchBar .form-control{ height:24px;font-size:14px;padding:6px 10px;border:0;}
.searchBtn img{ width:16px;}
.searchBar.mobile.inner-top{ top:0;}
.left-section-inner{ position:inherit;}
.contact-grid { margin-top: 20px;}
.content-area{ background-color:#1b2c5a;padding:25px;color:#fff; min-height: 0;}

}

@media (min-width: 767px) {

}

@media (min-width: 1200px) and (max-width: 1349px) {
	
	.news-grid h3 {
    font-size: 18px;
}

.navbar-header{ width:230px;}
.carousel{ }
.joinus-caption{ padding:40px 90px 100px 90px}
.health-forum-section p{ width:58%;}

}

@media (min-width: 768px) and (max-width: 991px) {
	
.news-grid h3, .news-grid span {
    font-size: 13px;
}

body{ font-size:14px;}
h1, .h1 {
    font-size: 24px;
}
h2, .h2 {
    font-size: 20px;
}
h3, .h3 {
    font-size: 13px;
}
.carousel {
  height: auto;
}

.carousel .item {
  height: auto;
}
.carousel-inner > .item > img {
  position: inherit;
  height: auto;
}
.topBar span{ font-size:12px;}
.navbar-header{ width:120px;}
ul.social-media{ top:8px}
ul.social-media li a img{ width:20px;}
.nav > li > a{ font-size:12px;padding:5px 8px;}
#navbar{ margin-top:40px;}
.searchBar{ width:120px;margin-left:5px;}
.searchBar .form-control{ font-size:12px;height:26px;padding:6px 10px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.searchBtn{ top:0;right:5px}
.searchBtn img{ width:12px;}
.carousel-caption{ padding:15px 0 30px 0}
.btn-lg, .btn-group-lg > .btn { padding: 10px 20px;font-size: 16px;}
.carousel-caption p{ font-size:18px;}
.caption-content { padding-left: 50px;}
.carousel-indicators{ margin-bottom:0}
.carousel-control{ bottom:28%;}

h2.title-bar{ padding:20px;font-size:18px;}
.content-area{ padding:20px;}
.events-grid { margin-bottom: 20px;}
.content-area h3 { font-size: 16px;}
.content-area span { font-size: 16px;}
.health-forum-section{ padding:50px 0}
.health-forum-section p { font-size: 18px;width: 75%;margin: 0 auto 20px auto;}
.joinus-caption{ padding:30px 30px 50px 30px;}
.join-us-section p {font-size: 18px;}
.learnmore-btn{ bottom:-20px;}
.logo-footer{ width:140px;}
.copyright{ font-size:12px;}
.navbar-inner{ margin-top:0;}
.middle-section { margin-top: 100px;}
.content-area{ background-color:#1b2c5a;padding:25px;color:#fff; min-height: 450px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.news-grid h3 {
    font-size: 17px;
}

.carousel {
}
h1, .h1 {
    font-size: 30px;
}
h2, .h2 {
    font-size: 24px;
}
h3, .h3 {
    font-size: 20px;
}
.topBar span{ font-size:15px;}
.navbar-wrapper {
}
.navbar-header{ width:180px;}
.nav > li > a{ font-size:14px;padding-left:10px;padding-right:10px;}
.searchBar {
    width: 170px;
    margin-left: 5px;
}
#navbar{ margin-top:55px;}

.content-area h3 {
    font-size: 18px;
}
.content-area span {
    font-size: 16px;
}
.health-forum-section p{ width:75%;}
.join-us-section p {
    font-size: 22px;
}
.joinus-caption{ padding:40px 60px 100px 60px}
.navbar-inner{ margin-top:0;}
.middle-section { margin-top: 125px;}

}

@media (min-width: 768px) {
  /* Navbar positioning foo */
  
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0;
  }

  /* Bump up size of carousel content */
  

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

a:hover {
	color: #3454ad !important;
}

footer a:hover {
	color: #FFF !important;
}

ul.navbar-nav a:hover {
	color: #3454ad !important;
}

.quick-references a {
	color: #031b5f !important;
}

.quick-references a:hover {
	color: #3454ad !important;
}


.youtubeWrapper, .vimeoWrapper, .instagramWrapper {
  position: relative;
  padding-top: 30px; height: 0; overflow: hidden;
}


/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper {
  padding-bottom: 56.25%;      
}

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper {
padding-bottom: 120%;
}
  
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}