/* 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%;
}
/* new css add 07.01.2025 */
.maincontact-box{
	display:flex;
	justify-content:space-between;
}
.maincontact-box .contactsub-box{
width:30%;
	    margin-top: -10px;
}

p.messagetext{
	    width: auto;
    padding: 10px 10px;
    background: #0a1d3f;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.form-contact{
	background:#1b2c5a;
}
.form-contact .form-group{
	padding:0px 10px;
}
span.wpcf7-quiz-label {
    font-size: 18px;
    color: #fff;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn {
    margin-bottom: 2rem;
	margin-left: 10px;
}
.wp-container-content-1{
	    width: 70%;
}
h2.wp-block-heading{
    margin-top: 0;
    background: #f2f2f2;
    padding: 15px 30px;
	color:rgb(176 206 209);
}
span.addtitle {
    color: #8f99b0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
}
.addressbox p{
	    font-size: 20px;
    width: 80%;
    font-weight: 800;
    color: #3e2c73;
}

.addressbox p.highlight-text {
    font-size: 18px;
    width: 80%;
    font-weight: 800;
    color: #ff0000;
}
.highlight-text span{
	   color: #000;
}
.addressbox a p{
	font-size: 18px;
    text-decoration: underline;
} 
.contactlist p{
	    font-size: 16px;
    color: #d9ac24;
}
.minbox-contact{
	    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 2rem;
}
.contact-grid span.namelist{
	    font-size: 20px;
    color: #3e2c73;
	display:inline-flex;
    font-weight: 600;
    padding-left: 7px;
}
.contact-grid.main-grid{
	margin-top:0;
}
.addressbox {
    padding-left: 30px
}
.content.clearfix {
    overflow: hidden !important;
}
@media(max-width:768px) {
	.maincontact-box .contactsub-box {
    width: 50%;
    margin-top: -10px;
}
	.contact-grid.main-grid table{
		width:90% !important;
	}
	.contact-grid.main-grid tr{
		    display: flex;
    flex-direction: column;
	}
	.contact-grid.main-grid tr td{
	width:100% !important;
	}
	.addressbox {
    padding-left: 0;
}
}

@media(max-width:767px) {
	.maincontact-box {
    flex-direction: column;
}
	.maincontact-box .contactsub-box {
    width: 100%;
    margin-top: 0px;
}
	.wp-container-content-1 {
    width: 100%;
}
	.contact-grid.main-grid table{
		width:100% !important;
	}
	}
h2.wp-block-heading {
	padding: 15px 10px;}
}

/* Align images to the left with text wrapping */
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

/* Align images to the right with text wrapping */
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

/* Centering images */
.aligncenter img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Centering */
h2.wp-block-heading.has-text-align-center,
h3.wp-block-heading.has-text-align-center,
h4.wp-block-heading.has-text-align-center,
h5.wp-block-heading.has-text-align-center {
    text-align: center;
}
h2.wp-block-heading.has-text-align-right,
h3.wp-block-heading.has-text-align-right,
h4.wp-block-heading.has-text-align-right,
h5.wp-block-heading.has-text-align-right {
    text-align: right;
}
h2.wp-block-heading.has-text-align-left,
h3.wp-block-heading.has-text-align-left,
h4.wp-block-heading.has-text-align-left,
h5.wp-block-heading.has-text-align-left {
    text-align: left;
}