@charset "UTF-8";
/* 

Vitality CSS Document 

COLOR SPECS:

Brand Orange: 	#ef5c21
Brand Blue:		#27aae1
Light Blue:		#6cc9ea
Dark Gray:		#57585b
Border Gary:	#d6d6d6
BG Gray:		#f0f0f0

FONTS:

font-family: 'Calibri';
font-family: 'Calibri Light';
font-family: 'Calibri Bold';
font-family: 'Intro-Black';

*/


body { margin: 0; padding: 0; }
body #sb-site { min-height: 100%!important; }

/* SLIDER SETTINGS FOR EASY ACCESS */

/* set the height of the slider */
#feature .rslides li { height: 400px; }

/* hide the default image - the slider forces us to use one, but we define this later */
#feature .rslides li img.msDefaultImage { display: none; }

/* set the graphics size so we can add a BG image if necessary */
#feature .rslides .slider_gfx { width: 100%; margin: 0 auto; text-align: center; position: absolute; bottom: 0; }

/* fix the navigation */ 
#feature .rslides_tabs { background: none; margin-top: 10px; }
#feature .rslides_tabs li, #feature .rslides_tabs li a.rslides1_s1, #feature .rslides_tabs li a.rslides1_s2,  #feature .rslides_tabs li a.rslides1_s3, #feature .rslides_tabs li a.rslides1_s4, #feature .rslides_tabs li a { background-color: #d0d0d0; text-indent: -9999px; padding: 0; }
#feature .rslides_tabs li.rslides_here a.rslides1_s2, #feature .rslides_tabs li.rslides_here a.rslides1_s1, #feature .rslides_tabs li.rslides_here a.rslides1_s3, #feature .rslides_tabs li.rslides_here a.rslides1_s4, #feature .rslides_tabs li.rslides_here a { background-color: #27aae1; }
#feature .rslides_tabs li { border-radius: 5px; margin-right: 6px; }
#feature .rslides_tabs li a { display: block; width: 10px; height: 10px; border-radius: 5px; }
#feature .rslides_nav { opacity: .4; font-size: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
#feature .rslides_nav.next { right: 50px; }
#feature .rslides_nav.prev { left: 50px; }


/* slider #1 - uses the below image as a background image */
#feature .rslides #rslides1_s0 { background: url(http://thevitalityinstitute.org/site/wp-content/uploads/2015/05/slider-map2.png) bottom center no-repeat; }

/* slider #2 - uses the below image as a background image */
#feature .rslides #rslides1_s1 { background: url(http://thevitalityinstitute.org/site/wp-content/uploads/2014/03/slider111.jpg); background-size: cover; background-position: top center; }

/* slide #3 - no background image, so we set the graphic as the background image */
#feature .rslides #rslides1_s2 { background: url(http://thevitalityinstitute.org/site/wp-content/uploads/2014/03/slider21.png) bottom center no-repeat; }

/* slide #4 - set a background image and a graphic - some CSS is in the slide settings */
#feature .rslides #rslides1_s3 { background: url(http://thevitalityinstitute.org/site/wp-content/uploads/2014/04/bg_slide3.jpg); background-size: cover; background-position: top center; }
#feature .rslides #rslides1_s3 .slider_gfx {margin: 0 auto; display: block; width: 493px; height: 101px; padding-top: 45px; position: relative;}

/* slide #5 - set background graphic */
#feature .rslides #rslides1_s4 { background: url(http://thevitalityinstitute.org/site/wp-content/uploads/2014/03/slider41.png) bottom center no-repeat; }





/* ========================
	01. TYPOGRAPHY
   ======================== */


body, p		{ font-family: 'Calibri'; font-weight: normal; font-style: normal; font-size: 14px; line-height: 16px; color: #58595b; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

a:focus {
  outline: none;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1			{ font-family: 'Calibri Bold'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
h2, h3		{ font-family: 'Intro-Black'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
h4			{ font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
h5	 		{ font-family: 'Calibri Bold'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
h6 			{ font-family: 'Calibri Bold'; font-weight: normal; font-style: normal;  -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

h1			{ font-size: 17px; display: inline-block; text-transform: uppercase; margin: 0 auto; padding: 10px 20px; background-color: #27aae1; margin-bottom: 55px; color: white; }
h1.gray		{ background-color: #58595b; }
h2 			{ font-size: 47px; line-height: 49px; color: white; letter-spacing: -1px; }
h3			{ font-size: 28px; line-height: 35px; letter-spacing: -1px; background: url(images/bg_header-line.png) 0 0 no-repeat; padding-top: 10px;  }
h4			{ font-size: 23px; line-height: 24px; letter-spacing: -1px; }
h5			{ font-size: 15px; text-transform: uppercase; }
h6			{ font-size: 12px; text-transform: uppercase; color: #ef5c21; } /* was 14px */

h3 a		{ font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); float: right; font-size: 24px; } 

a			{ font-family: 'Calibri Bold'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #27aae1; text-decoration: none; }
a:hover 	{ color: #6cc9ea; }

#commission h3, #people #content h3 { margin-bottom: 18px; }

a.more-link { font-family: 'Calibri'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
/* ========================
	02. GLOBAL BLOCKS
   ======================== */
   
#header, #feature, #content, #footer { width: 100%; margin: 0; padding: 0; } 

#content #blogFeed, #content #newsFeed { margin-bottom: 35px; }
#content #blogFeed h3, #content #newsFeed h3 { margin-bottom: 15px; }
   
#header 	{ background-color: white; }
#feature	{ background-color: #ef5c21; }
#content	{ background-color: #f0f0f0; }
#footer		{ background-color: #58595b; }

#commission #content, #people #content { padding-bottom: 35px; }



/* ========================
	02. NAVIGATION
   ======================== */

#header .navbar 		{ margin-bottom: 10px; }
#header .navbar-default { background-color: white; border: none; margin-top: 0px; padding-top: 20px; }
#header .navbar-nav 	{ margin-top: 25px; }
#header .navbar-brand 	{ /*text-indent: -9999px; background: url(images/vitality_logo.png) no-repeat;*/ padding: 0; display: block; width: 198px; height: 114px; margin-left: 0; } 

#header #megaMenu ul li.mega-with-sub > a { padding-right: 12px!important; }
#header #megaMenu ul.megaMenu li#menu-item-1163 > a { padding-right: 15px!important; }
#header #megaMenu ul li.mega-with-sub > a span.wpmega-link-title { padding-right: 10px; line-height: 10px; padding-top: 9px; margin-bottom: 9px; background: url(images/nav_corner.png) no-repeat bottom right; }
#header #megaMenu ul.megaMenu li#menu-item-1163 > a img { padding-right: 4px; line-height: 10px; padding-top: 2px; margin-bottom: 8px; background: url(images/nav_corner.png) no-repeat bottom right; }

#header .caret		{ border: none; vertical-align: bottom; background: url(images/nav_corner.png) no-repeat; width: 5px; height: 10px; margin-left: 0; }

#header ul li a, #megaMenu ul li.menu-item 		{ font-family: 'Intro-Black'; font-size: 20px; color: #58595b; }
#header ul li:hover a 	{ color: #ef5c21; background-color: #e7e7e7; /* box-shadow: 0px 0px 8px #c4c5c8; -webkit-box-shadow: 0px 0px 8px #c4c5c8; -moz-box-shadow: 0px 0px 8px #c4c5c8; */ }
#header ul li a.nav-search	{ padding-top: 13px; padding-right: 10px; }
#header ul li a.nav-search .caret { margin-left: -8px; }
#header ul li a.nav-search img 	{ vertical-align: baseline; }

#header .navbar-default #megaMenu { float: right; margin-top: 30px; }
#header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a::after, #header .navbar-default #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a::after, #header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a::after, #header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator::after, #header .navbar-default #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator::after, #header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator::after { content: ''; position: absolute; top: 50%; right: 12px; margin-top: -1px; display: inline-block; background: transparent; border-style: solid dashed dashed; border-color: transparent; border-bottom-color: #ef5c21; font-size: 0; border-width: 0 0px 5px 5px; padding-top: 1px; }
#header .navbar-default #megaMenu ul.megaMenu li.menu-item > a { font-size: 20px; }

/*#header ul ul 		{ display: none;  }*/
#header #megaMenu ul li#menu-item-1151 ul { width: 734px; }
#header ul ul li	{ list-style: none; padding-bottom: 8px; }
#header .navbar-default #megaMenu ul.megaMenu li.menu-item ul li a	{ font-family: 'Calibri Light'; font-size: 15px; color: #58595b; }
#header .navbar-default #megaMenu ul.megaMenu li.menu-item ul li a:hover { color: #ef5c21; }

#header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li#menu-item-1164 > a:first-child, #header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li#menu-item-1165 > a:first-child, #header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li#menu-item-1187 > a:first-child { font-family: 'Intro-Black'; font-size: 20px; cursor: default; }

#header .navbar-default #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li#menu-item-1187 { max-width: 225px; }

#header ul li:hover ul { display: block; position: absolute; right: auto; left: 0; background-color: #e7e7e7; padding: 20px;}
#header ul li:hover ul ul { padding: 0; }
#header .navbar-default .navbar-nav>.active>a { background-color: white; border-bottom: 1px solid #585859; padding: 0; margin: 15px 15px; }
#header .navbar-default .navbar-nav>.active:hover>a { padding: 15px 15px; border-bottom: none; background-color: #e7e7e7; margin: 0; }

#header .navbar-default #megaMenu ul.megaMenu li#menu-item-1164, #header .navbar-default #megaMenu ul.megaMenu li#menu-item-1165 { padding: 11px 50px 11px 25px; }
#header .navbar-default #megaMenu ul.megaMenu li#menu-item-1164, #header .navbar-default #megaMenu ul.megaMenu li#menu-item-1165 { border-right: 1px solid white; height: 311px; margin-bottom: 0; }

#header .navbar-default #megaMenu ul.megaMenu li#menu-item-1187 ul li a { color: #ef5c21; } 

#header .navbar-default #megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1.ss-nav-menu-item-with-img { padding: 0; margin: 0; }
#header .navbar-default #megaMenu ul.megaMenu li.menu-item ul.sub-menu-1 li.ss-nav-menu-item-with-img { padding: 0; margin: 0; }
#header .navbar-default #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title { padding-left: 27px; padding-top: 3px; }

#header .navbar-default #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a, #header .navbar-default #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremulator { padding: 6px 20px 6px 0px; }
#header .navbar-default #megaMenu ul li.menu-item img.um-img.um-img-noresize { padding-top: 2px; margin-bottom: 8px; }
#header .navbar-default #megaMenu ul.megaMenu li#menu-item-1163 > a::after { right: 15px; margin-top: 0px; }

.ubersearch label { display: none; }
.ubersearch input[type="text"] { padding: 7px 5px 2px 5px; font-size: 14px; min-width: 250px; border: none; height: 32px; }
.ubersearch input[type="submit"] { 
margin-left: -16px;
border-radius: 20px;
font-family: 'Intro-Black';
padding: 10px 9px 8px 10px;
color: white;
background-color: #ef5c21;
border: none;
font-size: 15px;
vertical-align: bottom; }

#header #megaMenu ul li#menu-item-1151.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 { padding-top: 0; padding-bottom: 0; }
#header #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget { border-right: 1px solid white; height: 460px; }
#header #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget:last-child { border-right: none; }
#header #megaMenu .wpmega-nonlink.ss-colgroup-3 li { width: 244px; }
#header #megaMenu .wpmega-nonlink li.widget { padding-left: 0; padding-right: 0; margin-bottom: 0; }
#header #megaMenu ul.megaMenu li#menu-item-1151.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item { margin-top: 0; }
#header #megaMenu .wpmega-nonlink li.widget h4, #header #megaMenu .wpmega-nonlink li.widget p { padding: 10px 15px 0 15px; }
#header #megaMenu ul li#menu-item-1151.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 a { color: #585859; font: 'Calibri Bold'; padding-bottom: 12px; display: inline-block; }
#header #megaMenu ul li#menu-item-1151.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 a:hover { text-decoration: none; color: #ef5c21; } 

#header #megaMenu ul.megaMenu > li.menu-item > a, #header #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator { padding: 12px 14px; }
#header #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a, #header #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator, #header #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #header #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #header #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #header #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { padding-right: 19px; }

 
/* ========================
	02. HEADER/SLIDER
   ======================== */

#feature 	{ background-image: url(images/bg_slide.jpg); background-size: cover; height: 400px; text-align: center; position: relative; overflow: hidden; } 
#home #feature 	{ background-image: url(images/bg_slide.jpg); background-size: cover; height: 400px; text-align: center; position: relative; overflow: visible; } 

#feature.recommendation, #commission #feature { background-image: url(images/bg_recommendations.jpg); }
.header-graphic	{ text-align:center; margin: 0 auto; height: 390px; background-position: center bottom; background-repeat: no-repeat; } 
#sliderNav		{ background-color: #f0f0f0; }
#sliderNav ul 	{ margin: 18px auto; margin-bottom: 0; width: auto; padding: 0; text-align: center; }
#sliderNav ul li { display: inline-block; margin: 2px; }
#sliderNav ul li a { width: 8px; height: 8px; border-radius: 4px; display: block; background-color: #a0a0a0; }

a.learnMore { text-transform: uppercase; font-size: 18px; display: block; position: absolute; bottom: -52px; width: 100%; text-align: center; background-color: rgba(239, 92, 33, .6); color: white; padding: 15px; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; z-index: 999; }
a.learnMore.gray { background-color: rgba(50, 50, 50, .6); }
a.learnMore:hover { text-decoration: none; }
a.learnMore.gray:hover { background-color: rgba(50, 50, 50, .8); }
a.learnMore span { padding-left: 20px; }

.tp-caption a { color: white!important;  }
.tp-caption a.learnMore { color: white!important; z-index: 999; }
.tp-caption a.learnMore:hover { background-color: rgba(239, 92, 33, .8); text-decoration: none; }
.tp-caption a.learnMore.gray:hover { background-color: rgba(50, 50, 50, .8); }

#feature .tp-leftarrow.tparrows.default { left: 50px!important; }
#feature .tp-rightarrow.tparrows.default { right: 50px!important; }
/*#feature #rev_slider_1_1_wrapper.rev_slider_wrapper, #feature #rev_slider_1_1.rev_slider.revslider-initialised.tp-simpleresponsive { width: 100%!important; }
#feature #rev_slider_1_1.rev_slider.revslider-initialised.tp-simpleresponsive, #feature #rev_slider_1_1_wrapper.rev_slider_wrapper { height: 400px!important; }*/
#feature:hover a.learnMore { bottom: 0; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; }

/*#home #feature #rev_slider_1_1 .stay-top { top: 0!important; }
#home #feature #rev_slider_1_1 .slider-gfx { top: auto!important; bottom: 0!important; }
#home #feature #rev_slider_1_1 .slider-gfx.gfx-circle { bottom: 40px!important; }
#home #feature #rev_slider_1_1 .slider-gfx img { width: auto!important; height: auto!important; }
#home #feature .vitality_white_headline { top: 75px!important; }
#home #feature .vitality_learn_more_btn { bottom: 0!important; top: auto!important; }*/
#commission .header-graphic { background-image: url(images/bg_commission.png); background-position: center right; }

#feature .tp-bullets.simplebullets.round .bullet { background-image: none; background-color: #d0d0d0; width: 14px; height: 14px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px; margin-right: 0; }
#feature .tp-bullets.simplebullets.round .bullet.first { margin-left: 0; }
#feature .tp-bullets.simplebullets.round .bullet.last { margin-right: 0; }
#feature .tp-bullets.simplebullets.round .bullet.selected { background-color: #898989; }

#home #content { padding-top: 50px; }
#home #feature { height: auto; max-height: 400px; }
#feature .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important; }

/* ========================
	03. CONTENT BLOCKS
   ======================== */


#pageTitleBlock 	{ text-align: center; background-color: #ececec; border-bottom: 1px solid #d6d6d6; width: 100%; padding-bottom: 45px; margin-bottom: 45px; }
#pageTitleBlock h3 	{ margin-top: 55px; margin-bottom: 40px; display: inline-block;  }
#pageTitleBlock h4	{ margin-bottom: 35px; font-size: 21px; line-height: 26px; }
#about #feature h2 { font-size: 42px; line-height: 45px; }
#about #pageTitleBlock h4 { font-size: 21px; line-height: 28px; margin-bottom: 0; margin-top: 35px; }
#about #content #pageTitleBlock h3 { margin-bottom: 0; }
#about #wrap { margin-bottom: 15px; margin-top: 0; margin-left: 0; margin-right: 0; }

#bioQuote span 	{ background-image: url(images/icon_quotes.png); display: inline-block; width: 55px; height: 38px; }
.leftQuote 		{ margin-left: -55px; marin-right: 10px; }
.rightQuote		{ margin-right: -55px; margin-left: 10px; background-position: top right; margin-bottom: -15px;}

a.downloadBtn 		{ background-color: #6cc9ea; color: white; text-transform: uppercase; font-size: 19px; line-height: 24px; display: inline-block; padding: 25px 25px 20px 95px; position: relative; height: 70px;} 
.downloadBtn:hover	{ color: white; text-decoration: none; background-color: #61badc;}
.downloadBtn span 	{ display: block; float: left; background-color: #41a6d9; width: 70px; height: 70px; position: absolute; top: 0; left: 0; margin-right: 25px; }
.icon-PDF			{ background: url(images/icon-PDF.png) center center no-repeat; }

#people #pageTitleBlock h3 	{ margin-left: auto; margin-right: auto; margin-bottom: 0; display:inline-block; background: url(images/bg_header-line.png) 0 0 no-repeat; padding-top: 10px; }
#people #pageTitleBlock p	{ margin-bottom: 35px; }
#people #commissionerHeader { margin-top: 30px; }
#writings .hBlock .textBlock { padding: 25px 20px 8px 20px; }

.hBlock	{ background-color: white; border: 1px solid #d6d6d6; margin-bottom: 18px; display: block; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; overflow: auto; }
.hBlock:hover 	{ text-decoration: none; box-shadow: 0px 0px 8px #c4c5c8; -webkit-box-shadow: 0px 0px 8px #c4c5c8; -moz-box-shadow: 0px 0px 8px #c4c5c8; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; }	
.hBlock h4, .hBlock:hover h4, .vBlock h4, .vBlock:hover h4, .cBlock h4, .cBlock:hover h4	{ color: #57585b; }
.hBlock h6, .hBlock:hover h6, .hBlock h6 a	{ color: #ef5c21; }
.hBlock:hover h6 a, .hBlock h6 a:hover { text-decoration: none; }
.hBlock .textBlock 	{ margin: 0; padding: 25px 20px 0px 20px; }
.hBlock .thumbBlock 	{ margin: 0; width: 175px; height: 175px; float: left; margin-right: 25px; }

.vBlock	{ background-color: white; margin: 18px 0 35px 0; display: block; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; overflow: auto; }
.vBlock:hover 	{ text-decoration: none; box-shadow: 0px 0px 8px #c4c5c8; -webkit-box-shadow: 0px 0px 8px #c4c5c8; -moz-box-shadow: 0px 0px 8px #c4c5c8; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; }	
.vBlock .textBlock 	{ border: 1px solid #d6d6d6; border-top: none; margin: 0; padding: 25px 20px; width: 100%; }
.vBlock .imageBlock 	{ margin: 0; width: 100%; height: auto; position: relative; }
.vBlock .imageBlock img	{ width: 100%; }

#home .vBlock .textBlock { height: 175px; }
#home #blogFeed .textBlock p { margin-bottom: 0; }

#people .vBlock .textBlock { text-align: center; }
#people .vBlock .textBlock a:hover { text-decoration: none; }

.vBlock .textBlock .sm-web, .vBlock .textBlock .sm-tw, .vBlock .textBlock .sm-in, .vBlock .textBlock .sm-fb { width: auto; height: 40px; background-image: url(images/sm-icons.png); background-repeat: no-repeat; display: inline-block; margin-right: 25px; }
.vBlock .textBlock .sm-web h6, .vBlock .textBlock .sm-tw h6, .vBlock .textBlock .sm-in h6, .vBlock .textBlock .sm-fb h6  { background-color: white; margin-left: 50px; padding-left: 0px; padding-top: 15px; padding-bottom: 15px;  color: #57585b; }

.vBlock .textBlock .sm-fb 	{ background-position: 0 0; }
.vBlock .textBlock .sm-web 	{ background-position: -226px 0; }
.vBlock .textBlock .sm-tw	{ background-position: -56px 0; }
.vBlock .textBlock .sm-in	{ background-position: -113px 0; }

#recommendation .noImage .textBlock { border-top: 1px solid #d6d6d6; }
#recommendation .col-md-3 .textBlock { min-height: 200px; }

#bioText .vBlock .textBlock { border-top: 1px solid #d6d6d6; text-align: left; padding: 0; position: relative; }


#wrap { position: relative; overflow: hidden; margin: 25px 25px 85px 25px; min-height: 293px;}
#wrap p { font-family: 'Calibri Light'; font-size: 17px; line-height: 20px; }
#bioText .vBlock .textBlock #read-more .downloadBtn { text-align: center; background-color: #6cc9ea; color: white; text-transform: uppercase; font-size: 19px; line-height: 24px; display: block; padding: 25px 25px 20px 95px; position: absolute; bottom: 0; height: 70px; width: 100%; margin: 0; }
#bioText .vBlock .textBlock #read-more .downloadBtn span { padding-top: 25px; }

#commission .vBlock, #people .vBlock { margin-top: 0; }
#commission .vBlock .textBlock { min-height: 150px; padding-bottom: 15px; }
.vBlock .recNum { display: block; position: absolute; bottom: 0; left: 25px; padding: 10px 12px; color: white; background-color: #58595b; font-family: 'Calibri Bold'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 18px; }

#commissioners .vBlock { margin-top: 0; }
#commissioners .vBlock .textBlock { height: 120px; }

.hBlock h6, .hBlock h4 { padding-bottom: 4px; }
.vBlock h4 { padding-bottom: 10px; }

.cBlock { background-color: white; border: 1px solid #d6d6d6; height: 100px; width: 350px; margin-bottom: 18px; display: inline-block; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; float: left; margin-right: 10px; }
.cBlock:hover	{ text-decoration: none; box-shadow: 0px 0px 8px #c4c5c8; -webkit-box-shadow: 0px 0px 8px #c4c5c8; -moz-box-shadow: 0px 0px 8px #c4c5c8; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; }
.cBlock .thumbBlock 	{ margin: 0; width: 98px; float: left; margin-right: 20px }
.cBlock .thumbBlock img { width: 100%; }
.cBlock .textBlock	{  margin: 0; padding: 15px 10px 0 10px; width: auto; }

#tweetBlock { border-top: 1px solid #d6d6d6; margin-bottom: 10px; }
.tweet		{ text-align: left; border-bottom: 1px solid #d6d6d6; padding-bottom: 25px; margin-bottom: 25px;}
#tweetBlock .tweet:last-child	{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.tweet h4	{ font-size: 20px; }
.tweet h4 a	{ font-family: 'Calibri Light'; color: #ef5c21; }

#followBtn { width: 100%; padding: 25px; text-align: center; }


/* ========================
	04. COLOR
   ======================== */ 
   
.brand-orage 	{ color: #ef5c21; }   
.brand-blue		{ color: #27aae1; }
.brand-green	{ color: #6fdcbc; }
.light-blue		{ color: #6cc9ea; }
.dark-gray		{ color: #57585b; }
.light-gray		{ color: #d6d6d6; }


/* ========================
	04. BREADCRUMBS
   ======================== */ 

.breadcrumbs 	{ margin-top: 10px; margin-bottom: 80px; color: #57585b; text-align: left; letter-spacing: 1px; }
.breadcrumbs a 	{ color: #57585b; }
.breadcrumbs span { color: white; }

#evidence .breadcrumbs span, #singleEvidence .breadcrumbs span, #single .breadcrumbs span, #blog-cat .breadcrumbs span, #evidence-search .breadcrumbs span, #search .breadcrumbs span, #events .breadcrumbs span { color: #ef5c21; }
#singleEvidence .breadcrumbs { margin-bottom: 70px; }
#recommendation .breadcrumbs, #evidence-search .breadcrumbs, #search .breadcrumbs { margin-bottom: 30px; }
#commission .breadcrumbs, #about .breadcrumbs { margin-bottom: 40px; }
#commission #feature .col-md-7 { padding-left: 0; }
#commission #feature .col-md-7 h2 { text-align: left; }
#pageTitleBlock .breadcrumbs { margin-bottom: 0; }
#pageTitleBlock .breadcrumbs span { color: #ef5c21; }

/* ========================
	04. EVIDENCE
   ======================== */

#evidence #content  { padding-top: 20px; text-align: center; padding-bottom: 50px;}
#evidence #content h3 { margin-top: 50px; display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#recommendation #content { padding-top: 35px; padding-bottom: 50px; }

#evidence .vBlock { margin-top: 10px; margin-bottom: 10px; }
#evidence .vBlock .textBlock { height: 300px; } /* was 350px before the word restriction */
#evidence .vBlock .textBlock { border-top: 1px solid #d6d6d6; text-align: left; padding: 40px 30px 30px 30px; }
#evidence .vBlock .textBlock h4 { font-size: 27px; margin-bottom: 15px; }
#evidence .vBlock .textBlock .icon-doc, #recommendation .vBlock .textBlock .icon-doc { display: inline-block; float: left; margin-right: 15px; }
#evidence .vBlock .textBlock p { margin-bottom: 25px; text-align: justify; }

#evidence-search #content .row, #search #content .row { background: url(images/bg_filterbar.png) repeat-y 10px 0; }
#evidence-search #content h3, #search #content h3 { margin-bottom: 15px; }
#evidence-search #content .col-md-4, #search #content .col-md-4 { padding-top: 61px; background-color: #f0f0f0; height: 100%; margin-bottom: 200px; }
#search #content .col-md-4 { margin-bottom: 250px; }

#mediaTypes {  }
#mediaTypes .downloadBtn { width: 100%; margin-bottom: 15px; text-align: left; }
#mediaTypes .downloadBtn span { background-repeat: no-repeat; background-position: center center; }
.icon-report, .icon-reports	{ background-image: url(images/icon-report.png); }
.icon-article, .icon-articles	{ background-image: url(images/icon-articles.png); }
.icon-webinar, .icon-webinars	{ background-image: url(images/icon-webinars.png); }
.icon-play, .icon-videos, .icon-video		{ background-image: url(images/icon-Play.png); }
.icon-infographic, .icon-infographics	{ background-image: url(images/icon-infographics.png); }
.icon-white-paper, .icon-white-papers { background-image: url(images/icon-PDF.png); }

#evidence-cat #content	{ padding-bottom: 35px; }
#evidence-cat #pageTitleBlock .breadcrumbs { margin-bottom: 50px; }
#evidence-cat #pageTitleBlock p.termDesc { text-align: justify; }
#evidence-cat #pageTitleBlock h3 { display: inline-block;  }
#evidence-cat #pageTitleBlock h4 { font-size: 28px; line-height: 28px; text-align: left; margin-bottom: 8px; padding-bottom: 0; padding-top: 0; }
#evidence-cat #pageTitleBlock p { text-align: left; }
#evidence-cat #content h3	{ margin-bottom: 15px; }
#evidence-cat .hBlock .textBlock h4 a, #evidence-search .hBlock .textBlock h4 a, #search .hBlock .textBlock h4 a { font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #57585b;  }
#evidence-cat .hBlock .textBlock, #evidence-search .hBlock .textBlock, #search .hBlock .textBlock { padding-bottom: 0;  }
#evidence-cat .hBlock p.details, #evidence-search .hBlock p.details, #search .hBlock p.details	{ font-size: 12px; padding-top: 5px; }
#evidence-search .hBlock .textBlock { padding-top: 20px; }
#search .hBlock .textBlock { padding-top: 20px; }
.clearBtn .btn { background-color: #58595b; color: white; width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 18px; font-family: 'Intro-Black'; padding: 10px; }

#titleBlock h4 { font-family: 'Calibri'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 35px; line-height: 35px; padding-top: 6px; padding-bottom: 12px; }
#titleBlock p.details { font-size: 15px; } 
#titleBlock p.details a { font-family: 'Calibri'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
#postBlock { margin-bottom: 40px; margin-top: 15px; }
#postBlock p, #postBlock ul, #postBlock ol { font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 19px; line-height: 23px; margin-bottom: 20px; }
#commentBlock { margin-bottom: 35px; margin-top: 15px; }
#commentBlock input, #commentBlock textarea { margin-bottom: 10px; }
#commentBlock input[type="submit"] {  border-radius: 17px; font-family: 'Intro-Black'; float: right; padding-top: 7px; padding-bottom: 6px; }

#commentBlock .form-control { padding: 8px 12px 6px 12px; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; }

#recImage 	 { height: 300px; position:relative; }
#recImage img	 { width: 85%;position:absolute; top:0; bottom:0; margin:auto; left: 0; }
#recTitle h2, #recTitle h5 { text-align: left; }
#recTitle h2 { font-size: 45px; }
#recTitle h5 { padding-top: 40px; padding-bottom: 20px; letter-spacing: 1px; }

#recommendation .vBlock { margin-bottom: 20px; margin-top: 0; }
#recommendation .vBlock.gray { margin-top: 25px; margin-bottom: 25px; }
#recommendation .vBlock.gray .textBlock {  background-color: #ebebec; position: relative;  border-top: 1px solid #d6d6d6; overflow: auto; }
#rightCol .vBlock	h6	{ margin-bottom: 15px; font-size: 12px; } 
#rightCol .vBlock	p.author { font-size: 12px; /*margin-bottom: 0px;*/ }
#rightCol .vBlock a.download { color: #57585b; }
#rightCol .vBlock a.download .icon-PDF { display: inline-block; background-image: url(images/icon-PDF_gray.png); width: 23px; height: 28px; margin-bottom: -10px; margin-right: 8px; }
#rightCol .downloadBtn { width: 100%; text-align: center; }
#recommendation h3 { margin-bottom: 15px; }
#recommendation .vBlock.gray a.downloadBtn { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding-left: 25px; }

#leftCol h4 { margin-bottom: 15px; }
#otherRecs { margin-top: 35px; }


.filterTitle a { font-family: 'Calibri'; font-size: 18px; display: block; text-transform: uppercase; background-color: #61badc; padding: 15px 20px; color: #57585b; color: white; }
.filterTitle a:hover { text-decoration: none; }
.filterTitle a span { float: right; margin-top: -3px; }
.filterBox ul { padding: 15px 20px; background-color: white; margin: 0; }
.filterBox ul li { list-style-type: none; padding-bottom: 6px; font-family: 'Calibri';  }
.filterBox ul li a { color: #58595b; font-family: 'Calibri'; cursor: pointer; }
.filterBox ul li a.selected { color: #ef5c21; }
.filterBox ul li a span { display: none; float: right; }
.filterBox ul li a.selected span { display: inline; }
#evidence-search .filterBox, #search .filterBox { margin-bottom: 6px; }
#evidence-search .filterBox:last-child, #search .filterBox:last-child { margin-bottom: 0; }

#evidence-search .filterBox .expander.expanded { background-color: #ef5c21; }
/*#evidence-search .filterBox:first-child .expander.expanded { background-color: #27aae1; }*/
#evidence-search .filterBox .expander.expanded span, #search .filterBox .expander.expanded span { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }
#evidence-search .filterBox .content { display: none; }

#search .filterBox .filterTitle a { background-color: #ef5c21; }

/* ========================
	04. IMPACT
   ======================== */

#impact #content { padding-bottom: 50px; }
#impact #pageTitleBlock h3 { margin-bottom: 0px; margin-top: 20px; }
#impact #pageTitleBlock h4 { margin-top: 35px; margin-bottom: 0; }
#impact h1 { background-color: #58595b; margin-left: -108px; }
#impact h6.breadcrumbs, #evidence h6.breadcrumbs { float: left; margin-bottom: 0; }
#evidence h1 { margin-left: -134px; }

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
#impact ol.bjqs-markers li a { text-indent: -9999px; width: 8px; height: 8px; border-radius: 4px; background-color: #a0a0a0; margin: 0 4px; }
#impact ol.bjqs-markers li.active-marker a { background-color: #27aae1; }

#tweetBlock ul.twitterfeed > li > span.timeline a { color: #c0c0c0; }
#tweetBlock ul.twitterfeed > li.tweet p { font-size: 18px; line-height: 21px; font-family: 'Calibri'; }
#tweetBlock ul.twitterfeed > li.tweet p a { font-family: 'Calibri'; color: #ef5c21; }
#tweetBlock ul.twitterfeed > li.tweet p a:first-child { color: #27aae1; }
#tweetBlock ul.twitterfeed li.tweet { border-bottom-color: #d0d0d0; padding-bottom: 10px; } 
#tweetBlock ul.twitterfeed li.tweet:last-child { padding-bottom: 0; } 
#tweetBlock iframe#twitter-widget-0.twitter-follow-button { display: none; }

#evidence.projects #content { padding-top: 0; }
#evidence.projects #pageTitleBlock h3 { margin-bottom: 0px; margin-top: 20px; }
#evidence.projects #pageTitleBlock h4 { margin-top: 35px; margin-bottom: 0; }
#evidence.projects ol.bjqs-markers li a { text-indent: -9999px; width: 8px; height: 8px; border-radius: 4px; background-color: #a0a0a0; margin: 0 4px; }
#evidence.projects ol.bjqs-markers li.active-marker a { background-color: #27aae1; }
#evidence.projects .breadcrumbs span { color: white; }
#followBtn.downloadBtn { margin-bottom: 40px; }

/* ========================
	CAREERS
   ======================== */

#positionsList { margin-top: 25px; }
#positionsList .col-md-6 { margin-bottom: 5px; }


/* ========================
	04. ABOUT
   ======================== */

#about .header-graphic 	{ background-image: url(images/bg_about.png); }
#about .learnMore		{ background-color: rgba(88, 89, 91, .6); }
#about #cmsSlider 		{ margin-bottom: 30px; }
#about #content h3 		{ margin-bottom: 15px; }
#about #content			{ padding-bottom: 50px; }

#about .container .col-md-3 .vBlock .textBlock { height: 225px; }
#about.mission #pageTitleBlock { margin-bottom: 0; }
#about.mission #feature { background-image: url(images/bg_mission.jpg); height: 415px; margin-bottom: 50px; }
#about.mission.healthy-selfie #feature { margin-bottom: 0; }
#about.mission .header-graphic { height: 415px; background-position: center center; }
#about.mission.healthy-selfie .header-graphic { background-position: bottom center; }


#about.mission.healthy-selfie ol { list-style-type: none; list-style-type: decimal !ie; counter-reset: li-counter;font-size: 18px; text-align: left; margin: 50px 200px; }
#about.mission.healthy-selfie ol > li { position: relative; margin-bottom: 15px; padding-top: 8px; }
#about.mission.healthy-selfie ol > li:before { position: absolute; top: 0; left: -45px; width: 30px; height: 30px; font-size: 18px; font-weight: bold; text-align: center; line-height: 30px; color: white; background-color: #ef5c21; content: counter(li-counter); counter-increment: li-counter; }
#about.mission .col-md-6 { min-height: 135px; }

#news #content h3 		{ margin-bottom: 15px; }
#news #content			{ padding-bottom: 50px; }

#news #pageTitleBlock .breadcrumbs { margin-bottom: 30px; }
#news #pageTitleBlock #titleBlock { text-align: left; padding-top: 20px; }
#news #titleBlock h4 { margin-bottom: 0; }
#news #titleBlock .details { font-size: 12px; }

#news .hBlock .textBlock h4 a { font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #57585b;  }
#news .hBlock .textBlock	{ padding-bottom: 0; }
#news .hBlock p.details		{ font-size: 12px; color: #999999; padding-top: 5px; }
#news .cBlock { width: 100%; }
#news #content .col-md-6 { overflow: auto; }

#newsList { margin-bottom: 35px; }

#positionsBlock .downloadBtn 	{ width: 100%; padding-left: 25px; text-align: center; }


/* ========================
	04. BLOG
   ======================== */

#blog #pageTitleBlock .breadcrumbs { margin-bottom: 50px; }
#blog #pageTitleBlock h6 { margin-top: 10px; }
#blog #pageTitleBlock #titleBlock { text-align: left; }
#blog #titleBlock h4 { margin-bottom: 0; }
#blog #titleBlock .details { font-size: 12px; }
#blog #blogNav { margin-bottom: 20px; }
#blog #blogNav .btn-group, #blog #blogNav .btn-group button { width: 100%; }

#blog .textBlock h6 a { color: #ef5c21; text-decoration: none; }
#blog .hBlock .textBlock, #blog .hBlock .textBlock p { font-size: 14px; }
#blog .hBlock .textBlock p.details { font-size: 12px; padding-top: 5px; }

#blogNav .btn-group button { background-color: #d1d0d0; border-radius: 0; border: none; }
#blogNav ul.dropdown-menu { width: 100%; margin-top: 0; border: none; border-radius: 0; }
#blogNav input[type="submit"] { border-radius: 0; width: 100%; padding: 5px auto 6px auto; padding-top: 7px; padding-bottom: 7px; text-transform: uppercase; }

#blog-cat #content, #blog #content	{ padding-bottom: 35px; }
#blog-cat #content h3, #blog #content h3	{ margin-bottom: 15px; }
#blog-cat .hBlock .textBlock h4 a, #blog .hBlock .textBlock h4 a { font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #57585b;  }
#blog-cat .hBlock .textBlock, #blog .hBlock .textBlock	{ padding-bottom: 0; }
#blog-cat .hBlock p.details, #blog .hBlock p.details	{ font-size: 12px; padding-top: 5px; }

#postBlock .hBlock h4, #postBlock h4 { margin-bottom: 20px; }
#postBlock .hBlock { padding: 20px; }

#titleBlock h6 a { color: #ef5c21; }
#titleBlock h6 a:hover {text-decoration: none; color: #ef5c21; }

/*::selection {
    background: transparent; 
}

::-moz-selection {
    background: transparent; 
}*/

.wrapper-demo {
    margin: 0 0 0px 0;
    *zoom: 1;
    font-weight: 400;
}

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

/* DEMO 1 */

.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 100%px;
    padding: 10px;
    margin: 0 auto;

    /* Styles */
    background: rgb(108, 201, 234);
    color: white;
    outline: none;
    cursor: pointer;

    /* Font settings */
    font-weight: bold;
    text-transform: uppercase;
}

.wrapper-dropdown-1:hover, .wrapper-dropdown-1.val_selected { background-color: #61badc; }

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #fff;    
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
	padding-left: 0;

    /* Styles */
    background: #fff;
    list-style: none;
    border: 1px solid #d6d6d6;
    border-top: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
	
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 10px 20px;
    font-family: 'Calibri';
    text-transform: none;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #e0e0e0;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
	z-index: 10;
}

.wrapper-dropdown-1.active:after {
    border-color: #fff transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
  background: #ef5c21;
  color: white;
  /*background: -moz-linear-gradient(left,  #d6d6d6 0%, #d6d6d6 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d6d6d6), color-stop(78%,#d6d6d6), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #d6d6d6 0%,#d6d6d6 78%,#ffffff 78%,#ffffff 100%);
  background: -o-linear-gradient(left,  #d6d6d6 0%,#d6d6d6 78%,#ffffff 78%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #d6d6d6 0%,#d6d6d6 78%,#ffffff 78%,#ffffff 100%);
  background: linear-gradient(to right,  #d6d6d6 0%,#d6d6d6 78%,#ffffff 78%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=1 );*/
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

#blog #clear_all.btn { background-color: #58595b; color: white; width: 100%; border-radius: 0; margin-top: 0px; padding: 7px 8px; text-transform: uppercase; }
/* Add Blog Image Styles */
#single #postBlock img { background-color: white; padding: 5px!important; }
#single .wp-caption-text { background-color: white; padding: 3px 8px; font-size: 14px; margin-right: 10px; }
#single .alignleft { float: left; margin-right: 15px; }
#single .alignright { float: right; margin-left: 15px; }

/* ============================
	COMMISSIONERS/TEAM SLIDER
   ============================ */ 
.bx-wrapper .bx-controls-direction a { /*display: none;*/ opacity: .3; } /* display none removed to show arrows all the time - also made them lighter with opacity */
.bx-wrapper:hover .bx-controls-direction a { display: block; }
.bx-wrapper .bx-controls-direction .coverLeft {
position: absolute;
top: 0;
outline: 0;
width: 48px;
height: 236px;
text-indent: -9999px;
z-index: 88888;
left: 0; background: url(images/cover-left.png) repeat-y 0 0px;
}
.bx-wrapper .bx-controls-direction .coverRight {
position: absolute;
top: 0;
outline: 0;
width: 48px;
height: 236px;
text-indent: -9999px;
z-index: 88887;
right: 0; background: url(images/cover-right.png) repeat-y 0 0px;
}
.bx-wrapper .bx-controls-direction a { margin-top: -23px!important; }
.bx-wrapper .bx-pager { display: none; }

.bx-wrapper .coverLeft .bx-prev { left: -20px;!important; }
.bx-wrapper .coverRight .bx-next { right: -20px;!important; }

#about .bx-wrapper  { margin-bottom: 35px!important; position: relative; }
#commission .bx-wrapper { margin-bottom: 50px!important; position: relative; }

.bx-wrapper .coverLeft.disabled .bx-prev { display: none; }
.bx-wrapper .coverRight.disabled .bx-next { display: none; }

/*=========================
    RESPONSIVE VIDEO CODE
  =========================*/
  
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ========================
	EVENTS
   ======================== */

#events h6.breadcrumbs { margin-bottom: 30px; }
#events #titleBlock { text-align: left; padding-top: 20px; }
#events #titleBlock h4 { margin-bottom: 10px; }
#events #titleBlock h4 a { font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #57585b; }
#events #titleBlock p.details { color: #999999; font-size: 12px; }

#events #tribe-bar-form { background: none; }

#events #tribe-bar-form #tribe-bar-views+.tribe-bar-filters { right: 0; left: 0; width: 75%; }
#events #tribe-bar-form #tribe-bar-views { right: none; left: 0; width: 25%; float: right; }
#events .tribe-bar-filters .col-md-3 .tribe_filter_box { margin: 0; width: 100%; background-color: #81ceeb; padding: 10px; }
#events .tribe-bar-filters .col-md-3 label { display: none; }
#events #tribe-bar-views.col-md-3 label { display: block; float: left; width: auto; padding-top: 10px; font-size: 14px; }
#events .tribe-bar-filters .col-md-3 input[type="text"] { font-size: 14px; text-transform: uppercase; color: white; border-bottom: none; padding: 0; font-family: 'Calibri Bold'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);  }
#events .tribe-bar-filters .col-md-3 input::-webkit-input-placeholder { color: white!important; opacity: .8; font-family: 'Calibri Bold'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
#events .tribe-bar-submit.col-md-3  { margin-left: 0; padding-left: 10px; padding-right: 10px; width: 25%; padding-top: 0;  }
#events .tribe-bar-submit.col-md-3 .tribe_filter_box { padding: 0; }
#events .tribe-bar-submit.col-md-3 input[type="submit"] { background-color: #ef5c21; font-size: 14px; line-height: 18px; }
#events .tribe-bar-submit.col-md-3 input[type="submit"]:hover { background-color: #d84910; }
#events .tribe-bar-views-inner { padding-bottom: 9px; padding-top: 1px; }
#events #tribe-bar-views .tribe-bar-views-list { width: auto; float: right; right: 0; left: auto; padding-top: 0px; }
#events #tribe-bar-views li.tribe-bar-views-option span { font-size: 18px; font-family: 'Calibri'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); line-height: 22px; }

#events #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { padding: 8px 15px; }
#events .tribe-bar-views-list span[class^="tribe-icon-"] { background-position: 0 0; }
#events .tribe-events-list-separator-month { margin: 0;margin-bottom: 20px; border-bottom: none; height: auto; text-align: left; position: relative; padding: 0;}
#events .tribe-events-list-separator-month::after { border: none; height: 0; }
#events .tribe-events-list-separator-month span { font-weight: normal; background: transparent; padding: 0; }

#events .date-headers h3 { background-image: none; }
#events .date-headers h3 span.tribe-events-list-separator-month { display: block; background: url(images/bg_header-line.png) 0 0 no-repeat; padding-top: 10px; }
#events .tribe-events-list .vevent.hentry { border-bottom: 1px solid #ddd; }
#events .tribe-events-list .hBlock { padding: 15px; }
#events .tribe-events-loop .tribe-events-event-meta { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; }

#events .tribe-events-back { display: none; } /* hides the « All Events link */
#events .tribe-events-back a, #events ul.tribe-events-sub-nav a { font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 24px; }
#events .tribe-events-event-meta .tribe-events-meta-group { padding: 25px; margin: 0; }
#events .tribe-events-event-meta .tribe-events-meta-group.tribe-events-meta-group-gmap { padding: 0; margin: 0; }
#events #tribe-events-gmap { margin-bottom: 0!important; }
#events h3.tribe-events-single-section-title { background-image: none; margin-top: 0; font-family: 'Calibri Light'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 22px; line-height: 24px; padding-top: 0; }

#events #tribe-events-header .tribe-events-sub-nav, #events #tribe-events-footer .tribe-events-sub-nav { margin-top: 20px; }
#events .tribe-events-list-separator-year { display: none; } /* hide the year separator on list view*/
#tribe-events-content-wrapper { margin-bottom: 30px; }

/* ========================
	MAPPING FUTURE PAGE
   ======================== */ 

#impact.iftf h1 { margin-left: 0; }
#impact.iftf #pageTitleBlock { padding-top: 40px; text-align: left; }
#impact.iftf #pageTitleBlock h3, #impact.iftf #pageTitleBlock h4 { text-align: left; }
#impact.iftf #pageTitleBlock h4, #impact.iftf h4 { margin-top: 15px; }
#impact.iftf #commentsBlock { margin-top: 30px;padding-top: 30px;background-color: #ececec; border-top: 1px solid #d0d0d0; }
#impact.iftf .downloadBtn { margin-top: 15px; }
#impact.iftf #content { padding-bottom: 0; }

/* ========================
	WEBINARS PAGE
   ======================== */ 
#commissioners.webinars .vBlock .textBlock { height: 268px; }
#commissioners.webinars .vBlock .textBlock h4 { height: 96px; overflow: hidden; }
#commissioners.webinars .vBlock .textBlock p { padding-top: 10px; }
#commissioners.webinars .vBlock .textBlock p.webinar-content { height: 72px; overflow: hidden; }

/* ========================
	SEARCH PAGE
   ======================== */ 

#search .col-md-8 .input-group { margin-bottom: 20px; }



#single select#input_1_5.medium.gfield_select { background: none; height: 40px; font-size: 16px; border-color: #a0a0a0; }
#single .gform_wrapper .top_label .gfield_label { font-weight: normal; }
#single .gform_wrapper input[type=text] { border: none; padding: 10px; font-size: 16px; }
#single .gform_wrapper textarea { border: none; padding: 10px; font-size: 16px; }
#single li#field_1_6.gfield.col-md-12 { padding-left: 0; }
#single .gform_wrapper .gfield_required { display: none; }
#single .gform_wrapper .gfield_description { font-family: 'Calibri'; font-style: italic; font-size: 14px; }
#single .gform_wrapper .gform_footer input.button, #single .gform_wrapper .gform_footer input[type=submit], #footer .gform_button { border-radius: 20px; font-family: 'Intro-Black'; padding: 10px 20px 8px 20px; color: white; background-color: #ef5c21; border: none; font-size: 15px; }


/* ========================
	04. FOOTER
   ======================== */ 

#footer		{ padding-top: 35px; }

.widget-area { margin-bottom: 35px; }

#footer p	{ color: white; }
#footer h3	{ color: white; margin-bottom: 25px; background-image: none; }

#footer .sm-fb, #footer .sm-tw, #footer .sm-in, #footer .sm-yt, .sm-web { width: 43px; height: 40px; background-image: url(images/sm-icons.png); display: inline-block; margin-right: 15px; }
#footer .sm-tw	{ background-position: -56px 0; }
#footer .sm-in	{ background-position: -113px 0; }
#footer .sm-yt 	{ background-position: -169px 0; margin-right: 0; }
#footer .sm-web { background-position: -226px 0; margin-right: 0; }
#footer .nm_mc_button, #postBlock .nm_mc_button { font-family: 'Intro-Black'; }

.input-group-btn .btn { border-radius: 15px; font-family: 'Intro-Black'; padding-top: 7px; padding-bottom: 6px; }
.input-group-btn:last-child>.btn { border-bottom-left-radius: 17px; border-top-left-radius: 17px; margin-left:-15px; z-index: 10; padding-left: 15px; padding-right: 15px;}

#footerText 			{ margin-top: 40px; margin-bottom: 40px; padding-top: 15px; background: url(images/bg_header-line.png) 10px 0 no-repeat; }
.footer-nav 			{ margin: 0; padding: 0; width: auto; float: left; }
.footer-nav li 			{ display: inline; margin-right: 30px; }
.footer-nav p.copyright { float: left; }

#footer .form-control	{ padding: 8px 12px 6px 12px; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; }

ul.twitterfeed { padding-left: 0; }
ul.twitterfeed li { border-bottom-color: #585859; }
ul.twitterfeed li.tweet { padding: 0; border-bottom-color: #585859; }
#_atssh { bottom: 0; }

#footerText { margin-top: 20px; }
#footerText .footer-nav { margin-top: 20px; }
#footerText p { margin-top: 30px; }
#footer .textwidget { color: white; }
#footer .gform_body label { display: none; }
#footer .gform_wrapper .gform_footer { margin-top: 0; }
#footer .gform_wrapper input[type=text] { border: none; padding: 10px; font-size: 16px; width: 100%; color: #58595b; }

/* ========================
	PAGINATION
   ======================== */

#evidence-search #content #pagination.row, #search #content #pagination.row { background-image: none; }
#pagination .pagination { display: block; width: 100%; text-align: center; font-size: 17px; margin-top: 0; }
.pagination a { padding: 12px 15px; color: #565656; cursor:pointer; }
.pagination span.current { padding: 12px 15px; color: #b0b0b0; }
.pagination a:hover { background-color: #ef5c21; color: white; text-decoration: none; } 
.pagination a.next { float: right; color: #565656; background-color: transparent; padding: 0; }
.pagination a.next:hover { background-color: transparent; color: #ef5c21; }
.pagination a.previous { float: left; color: #565656; background-color: transparent; padding: 0; }
.pagination a.previous:hover { background-color: transparent; color: #ef5c21; }
.pagination a.prev { float: left; color: #565656; background-color: transparent; padding: 0; }
.pagination a.prev:hover { background-color: transparent; color: #ef5c21; }

/* ========================
	COMMENTS
   ======================== */

.commentlist { padding-left: 0; list-style: none; padding-bottom: 35px; padding-top: 20px; }
.commentlist li { background-color: white; border: 1px solid #d0d0d0; padding: 15px; margin-bottom: 15px; }
.comment-author { margin-bottom: 8px; }
.comment-author cite, .comment-author span { vertical-align: bottom; color: #b0b0b0; }
.comment-reply-link { font-family: 'Calibri Light'; font-size: 18px; }
.comment-meta { margin-bottom: 4px; }
.comment-meta a { font-size: 12px; color: #ef5c21; }
.comment-body p { font-size: 16px; }
#respond { margin-bottom: 35px; }
#reply-title a { float: none; font-family: 'Intro-Black'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 28px; line-height: 35px; letter-spacing: -1px; color:  #ef5c21; }
#reply-title a#cancel-comment-reply-link { font-family: 'Calibri Light'; font-size: 22px; color: #27aae1; margin-left: 15px;  }
.form-submit { clear: both; padding-top: 15px; padding-bottom: 50px; padding-right: 10px; }
.form-submit #submit { border-radius: 15px; font-family: 'Intro-Black'; padding-top: 7px; padding-bottom: 6px; padding-left: 15px; padding-right: 15px; color: white; background-color: #ef5c21; border: none; }
#commentform p input[type="text"], #commentform p textarea { padding: 8px 12px 6px 12px; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; display: block; width: 90%; }
#commentform p textarea { width: 100%; min-height: 158px; }
#commentform .col-md-6 { padding-left: 0; }

.commentlist .children li { background-color:#fafafa; border-color: #efefef; margin-top: 10px; list-style: none; }

/* ========================
	MOBILE NAV
   ======================== */
   
#header .navbar-right { background-color: #fff!important; display: block; height: 20px; float: right; margin-top: 25px; padding: 5px 15px 30px 15px; cursor: pointer; }   
#header .navicon-line { width: 37px; height: 1px; border-radius: 1px; margin-bottom: 8px; background-color: #595959!important; }   
   
.sb-slidebar { background-color: #565759; }
.sb-slidebar ul { margin: 0; padding: 15px; }
.sb-slidebar ul li.menu-item { padding: 0 0 20px 5px; margin-left: -5px;  }   
.sb-slidebar ul li a { font-size: 18px; font-family: 'Intro-Black'; color: white; }
.sb-slidebar ul li.thinNav a { font-family: 'Calibri Light'; }
.sb-slidebar ul#menu-mobile-nav-top.menu { padding-top: 0; }

/* Tablet Devices */   
@media (min-width:768px) and (max-width:991px) {
#header .navbar-header { width: 100%; }
#home .vBlock .textBlock { height: 200px; }
div.tp-leftarrow.tparrows.default, div.tp-rightarrow.tparrows.default { display: none!important; }

#quote-fade { height: 270px!important; }
#quote-fade ul.bjqs { height: 270px!important; padding-left: 20px; padding-right: 20px; }
#quote-fade li.bjqs-slide { height: 270px!important; padding-left: 30px; padding-right: 50px; }
#quote-fade h3 { margin-top: 35px; }
#quote-fade h4 { margin-bottom: 10px; }

#evidence-search #content .row, #search #content .row { background-image: none; }


}

@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {

#evidence .vBlock .textBlock { height: 340px; } /* was 350px before the word restriction */
#about.mission.healthy-selfie ol { margin: 50px 80px; }

}

/* Tablet Devices - Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.vBlock .textBlock .sm-web, .vBlock .textBlock .sm-tw, .vBlock .textBlock .sm-in { display: block; text-align: left; margin-bottom: 15px; }
.vBlock .textBlock .sm-in { margin-bottom: 12px; }
#recTitle h2 { font-size: 30px; line-height: 32px; }
#evidence .vBlock .textBlock { height: 300px; }
#evidence-search #content .col-md-4, #search #content .col-md-4 { margin-bottom: 20px; }
#feature h2 { font-size: 35px; line-height: 37px; }
#about.mission .col-md-6 { min-height: 85px; }
#news #titleBlock h4 { font-size: 25px; line-height: 25px; }
#recommendation #leftCol p img.alignnone, #recommendation #leftCol p img.alignleft, #recommendation #leftCol p img.aligncenter, #recommendation #leftCol p img.alignright { max-width: 100%; }
#evidence-search #content .col-md-4, #search #content .col-md-4 { margin-bottom: 20px; }

#events .tribe-bar-collapse #tribe-bar-collapse-toggle, #events #tribe-bar-form #tribe-bar-views, #events .tribe-bar-submit.col-md-3 { width: 100%; }
#events .tribe-bar-filters .col-md-3 { padding-left: 0; padding-right: 0; margin-bottom: 2px; padding-bottom: 0; }
#events #tribe-bar-form #tribe-bar-views { padding-left: 0; }
#events #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner { padding: 8px 0 20px 0; }
#events #tribe-events-pg-template { padding-left: 10px; padding-right: 10px; }
#events .tribe-events-back a, #events ul.tribe-events-sub-nav a { font-size: 15px; }

#blogNav .col-sm-3, #blogNav .col-sm-2, #blogNav .col-sm-1  { padding-left: 5px; padding-right: 5px; }

#commission .header-graphic { background-image: none!important; height: 350px; }
#commission #feature { height: 350px; }
#commission #feature .col-sm-5 h2 { text-align: left; font-size: 28px!important; padding-top: 15px; }

#about.mission.healthy-selfie ol { margin: 50px 80px; }

 }

/* Small Devices (Phones) */
@media (max-width:767px) {
#header .navbar-brand { padding: 0; padding-left: 10px; max-width: 140px; height: 75px; }	
#header .navbar-brand img { max-width: 130px; }
#header .navbar-right { margin-top: 5px; }	
#header .navbar-default { padding-top: 15px; }

/*#feature .tp-rightarrow.tparrows.default, #feature .tp-leftarrow.tparrows.default { display: none; }
#home #feature .vitality_white_headline h2 { width: 100%; }*/

h6.breadcrumbs { display: none; }
h2, #about #feature h2 { margin-top: 30px; font-size: 28px; line-height: 30px; }

.hBlock .thumbBlock { width: 100%; height: auto; margin-right: 0; margin-bottom: 15px; }
.hBlock .thumbBlock img { width: 100%; }
.hBlock .textBlock 	{ margin: 0; padding: 25px 20px 20px 20px; }

#evidence .vBlock .textBlock { height: auto; }
#impact h1, #evidence h1 { margin-left: 0px; }
#evidence h1 { margin-bottom: 20px; }

#commission #feature { height: auto; }
#commission #feature .header-graphic { height: auto; }
#commission .header-graphic { background-image: none!important; }
#commission #feature .col-xs-12 h2 { text-align: center; }
#commission #feature .col-xs-12 img { margin-bottom: 12px; }
#pageTitleBlock h3 { font-size: 24px; line-height: 27px; }
#pageTitleBlock h4, #about #pageTitleBlock h4 { font-size: 17px; line-height: 22px; }
#evidence-cat #pageTitleBlock h4 { font-size: 21px; margin-top: 20px; line-height: 22px;}
.downloadBtn { font-size: 15px; padding: 25px 15px 20px 85px; }

#about .downloadBtn { padding: 25px 10px 20px 80px; }
#about .header-graphic { background-size: contain; height: 370px; }

#about.mission.healthy-selfie .header-graphic { background-size: 300px 180px; }

#about.mission.healthy-selfie ol { margin: 50px 0px; }

.container.visible-xs { padding-left: 0; padding-right: 0; }
#commission .bx-wrapper { margin-bottom: 0!important; }
#commission .visible-xs .bx-wrapper { margin-bottom: 50px!important; }
.bx-wrapper .bx-controls-direction .coverLeft, .bx-wrapper .bx-controls-direction .coverRight { display: none; }
.slide { width: 300px!important; }
.slide .cBlock { width: 300px; }
.bx-wrapper .bx-pager { display: block; }

/*#quote-fade { padding-right: 20px; }*/
#quote-fade, #quote-fade ul.bjqs { height: 268px!important; }
#quote-fade li.bjqs-slide { height: 268px!important; }
#quote-fade h3 { margin-top: 25px; }
#quote-fade h4 { margin-bottom: 10px; }
#bioQuote { padding-left: 25px; padding-right: 25px; }
#bioQuote span { background-size: 200%; width: 22px; height: 20px; background-repeat: no-repeat; }
.rightQuote { margin-right: -22px; margin-left: 0; margin-bottom: -5px; }
.leftQuote { margin-left: -22px; margin-right: 0; }
/*#quote-fade #bioQuote span { display: none; }*/

#evidence-search #content .col-md-4, #search #content .col-md-4 { margin-bottom: 20px; }
#evidence-search #content .row, #search #content .row { background-image: none; }

#recommendation #feature { height: auto; }
#recommendation #leftCol p img.alignnone, #recommendation #leftCol p img.alignleft, #recommendation #leftCol p img.aligncenter, #recommendation #leftCol p img.alignright { max-width: 100%; }
#recTitle h2 { font-size: 25px; line-height: 27px; margin-top: 0; margin-bottom: 30px; }
#recTitle h5 { padding-top: 0; }
#recImage { height: auto; padding-bottom: 20px; }
#recImage img { position: relative; margin-top: 20px; }
.vBlock .textBlock .sm-web, .vBlock .textBlock .sm-tw, .vBlock .textBlock .sm-in { display: block; text-align: left; margin-bottom: 15px; }
#single #content, #single-evidence #content, #blog-cat #content, #evidence-search #content, #search #content { padding-top: 30px; }
.pagination a, .pagination span.current { padding: 12px 6px; }
#commission #content h3 { font-size: 25px; }
#commission .bx-wrapper .bx-pager.bx-default-pager a, #about .bx-wrapper .bx-pager.bx-default-pager a, #people .bx-wrapper .bx-pager.bx-default-pager a { background-color: #a0a0a0; }
#commission .bx-wrapper .bx-pager.bx-default-pager a.active, #about .bx-wrapper .bx-pager.bx-default-pager a.active, #people .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #27aae1; }
#about.mission .col-md-6 { min-height: 85px; }
#about.mission .header-graphic { height: 220px; background-size: 270px 191px; }
#about.mission #feature { height: 220px; }
#news #imageBlock { margin-bottom: 20px; }

.newsletter { padding-left: 0; margin-bottom: 20px; }

#events .tribe-bar-collapse #tribe-bar-collapse-toggle, #events #tribe-bar-form #tribe-bar-views, #events .tribe-bar-submit.col-md-3 { width: 100%; }
#events .tribe-bar-filters .col-md-3 { padding-left: 0; padding-right: 0; margin-bottom: 2px; padding-bottom: 0; }
#events #tribe-bar-form #tribe-bar-views { padding-left: 0; }
#events #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner { padding: 8px 0 20px 0; }
#events #tribe-events-pg-template { padding-left: 10px; padding-right: 10px; }
#events .tribe-events-back a, #events ul.tribe-events-sub-nav a { font-size: 18px; }
#events .tribe-events-sub-nav li a:visited, #events .tribe-events-sub-nav li a:hover { color: #27aae1; }
#events .tribe-events-sub-nav li a { display: inline; padding: 10px 20px; color: #27aae1; white-space: normal; position: relative; padding-bottom: 0px; margin-bottom: 0px; background: none; }

#footerText { margin-top: 0px; }
#footerText .footer-nav { margin-top: 30px; }
#footerText p { margin-top: 0px; }

#recommendation .downloadBtn, .iftf .downloadBtn { padding: 25px 10px 20px 80px; }

/* SLIDER SETTINGS FOR EASY ACCESS */

/* set the height of the slider */
#home #feature { height: 370px; }
#feature .rslides li { height: 370px; }
#feature .rslides h1 { margin-bottom: 25px; }

/* fix the navigation */ 
#feature .rslides_nav { background-color: transparent; opacity: .6; font-size: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #454545; }
#feature .rslides_nav.next { right: 0px; }
#feature .rslides_nav.prev { left: 0px; }

/* slider #1 - uses the below image as a background image */
#feature .rslides #rslides1_s0 { background-size: 130%!important; }

/* slider #2 - uses the below image as a background image */
#feature .rslides #rslides1_s1 { background-size: cover; background-position: top center; }

/* slide #3 - no background image, so we set the graphic as the background image */
#feature .rslides #rslides1_s2 { background-size: 125%!important; }

/* slide #4 - set a background image and a graphic - some CSS is in the slide settings */
#feature .rslides #rslides1_s3 { background: url(http://thevitalityinstitute.org/site/wp-content/uploads/2014/04/bg_slide3.jpg); background-size: cover; background-position: top center; }
#feature .rslides #rslides1_s3 .slider_gfx {width: 100%!important;}
#feature .rslides #rslides1_s3 .slider_gfx img {width: 90%!important; margin: 0 auto; float: none;}

/* slide #5 - set background graphic */
#feature .rslides #rslides1_s4 { background-size: 100%!important; }





/* ========================
	WEBINARS PAGE
   ======================== */ 
#commissioners.webinars .vBlock .textBlock { height: auto; }
#commissioners.webinars .vBlock .textBlock h4 { height: auto; overflow: auto; }
#commissioners.webinars .vBlock .textBlock p { padding-top: 10px; }
#commissioners.webinars .vBlock .textBlock p.webinar-content { height: auto; overflow: auto; }

#aboutBlock { background-color: white; margin: 10px; padding: 15px; }
#mobileMap li { width: 300px!important; }
#mapBlock .bx-slider .textBlock { padding: 10px; }

}  

/* New Project Page Styles */
#projects #pageTitleBlock { margin-bottom: 15px; }
#projects #pageTitleBlock .breadcrumbs { margin-bottom: 50px; }
#projects .vBlock.gray .textBlock { background-color: #ebebec; position: relative; border-top: 1px solid #d6d6d6; overflow: auto; }
#projects #pageTitleBlock #titleBlock { text-align: left; padding-top: 0; }
#projects #pageTitleBlock #titleBlock h3 { margin-top: 0; padding-top: 10px; margin-bottom: 5px; }
#projects #content h3 { margin-bottom: 15px; margin-top: 30px; }
#projects #rightCol .hBlock .thumbBlock { width: 130px; height: 130px; margin-right: 15px; }
#projects #rightCol .hBlock .thumbBlock img { width: 100%; }
#projects #rightCol .hBlock .textBlock { padding: 15px; }
#projects #rightCol .hBlock h4 { line-height: 22px; }
#projects #rightCol .hBlock h4 a { font-size: 21px; line-height: 22px; font-family: 'Calibri Light'; }
#projects #rightCol .hBlock p { margin-bottom: 0; }   


/* New Map + Modal Styles */
#mapBlock { margin-bottom: 60px; }
#locationMap { postion: relative; }
#locationMap img { width: 100%; border: 1px solid #d6d6d6;  }
.mapIcon { position: absolute; display: block; width: 31px; height: 41px; background: url(images/icon_map-hover.png) bottom center no-repeat; -ms-transform: scale(.7,.7); /* IE 9 */
-webkit-transform: scale(.7,.7); /* Safari */
transform: scale(.7,.7);
filter: hue-rotate(160deg);
-webkit-filter: hue-rotate(160deg);
-moz-filter: hue-rotate(160deg);
-o-filter: hue-rotate(160deg);
-ms-filter: hue-rotate(160deg);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transition: .1s;
-webkit-transition: .1s;
-moz-transition: .1s;
-o-transition: .1s; }
.mapIcon:hover { /*background-image: url(images/icon_map-hover.png);*/ 
filter: hue-rotate(0);
-webkit-filter: hue-rotate(0);
-moz-filter: hue-rotate(0);
-o-filter: hue-rotate(0);
-ms-filter: hue-rotate(0);
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(1,1); /* Safari */
transform: scale(1,1);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transition: .1s;
-webkit-transition: .1s;
-moz-transition: .1s;
-o-transition: .1s;
 }
.mapUS { top: 16.667%; left: 23.8%; }
.mapUK { top: 9%; left: 44%; }
.mapSA { bottom: 17%; left: 51%; }
.mapCH { top: 28.395%; right: 21.1%; }
.mapSG { bottom: 41.667%; right: 19.55%; }
.mapAU { bottom: 21.6%; right: 10.7%; }
.mapIcon a { display: block; width: 31px; height: 41px; }
#aboutBlock h4 { margin-bottom: 15px; }
.tooltip-inner { background-color: white; color: #232323; font-weight: bold; box-shadow: 0 0 3px #898989; }
.tooltip.top .tooltip-arrow { border-top-color: white; }
.modal.fade .modal-dialog{
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
#modalUS, #modalUK, #modalSA, #modalCH, #modalSG, #modalAU { 
	width: 510px;
	height: 632px;
	/*position: absolute;
	top: 50%;*/
	left: 50%;
	/*margin-top: -316px;*/
	margin-left: -255px;
}
.modal-dialog { width: 452px; margin: 30px;  }
.modal-content { border-radius: 0; }
.modal-header { padding: 0; }
.modal-header .close { margin-top:0px;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #7ad2ef;
	opacity: 1;
	color: white;
	text-shadow: none;
	font-size: 48px;
	font-family: 'Intro-Black'; }
.close span { line-height: 70px; padding-left: 2px; font-weight: normal; }
.modal-content h3 { padding-top: 0; background-image: none; }
.modal-content h4 { letter-spacing: 0; margin-bottom: 15px; margin-top: 10px; }
.modal-content h3 span { font-family: 'Calibri Light'; font-size: 22px; letter-spacing: 0; }
.modal-body { padding: 10px 20px; }
.modal-body.vBlock { margin: 0; }
.modal-body.vBlock:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.modal-body.vBlock .textBlock { border: none; padding: 10px 20px; }
.modal-body.vBlock .textBlock a:hover { text-decoration: none; }
.modalStat { text-align: center; font-family: 'Intro-Black'; font-size: 40px; padding-left: 0; padding-right: 20px; }
.modalStat span { font-size: 18px; position: absolute; top: -8px; right: 20px; }
.modalStat small { font-size: 13px; padding-top: 6px; font-family: 'Calibri Light'; text-align: center; display: block; }
.modal-footer { padding: 0; border-top: 0; text-align: center; }
.modal-footer a.downloadBtn { display: block; }

/* Mobile Map Slider */
#mapBlock .bx-wrapper { margin: 0 auto; width: 300px; margin-top: 30px; }
#mapBlock .bx-viewport { height: auto!important; }
#mapBlock .bx-slider li { border: 1px solid #d6d6d6; }
#about #content #mapBlock .bx-slider li h3 { background-image: none; padding-left: 15px; margin-bottom: 0; }
#mapBlock .bx-slider li h3 span { font-family: 'Calibri Light'; font-size: 22px; letter-spacing: 0; }
#mapBlock .bx-slider li img { width: 100%; border-bottom: 1px solid #d6d6d6;  }
#mapBlock .bx-slider .vBlock { margin: 0; }
#mapBlock .bx-slider .vBlock .textBlock .sm-web, .bx-slider .vBlock .textBlock .sm-tw, .bx-slider .vBlock .textBlock .sm-fb { display: inline-block; margin-right: 5px; }
.vBlock .textBlock .sm-web h6, .vBlock .textBlock .sm-tw h6, .vBlock .textBlock .sm-in h6, .vBlock .textBlock .sm-fb h6 { margin-left: 46px; }
#mapBlock .bx-slider .textBlock { padding: 10px; border: none; }
#mapBlock .bx-slider .textBlock a:hover { text-decoration: none; }
#mapBlock .bx-slider a.downloadBtn { display: block; font-size: 18px; }
#mapBlock .bx-slider .vBlock:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#mapBlock .bx-pager { text-align: center; padding: 15px; }
#mapBlock .bx-pager-item { display: inline-block;  }
#mapBlock .bx-pager a { display: inline-block; text-indent: -9999px; background-color: #d6d6d6; height: 10px; width: 10px; border-radius: 5px; }                     
#about .bx-pager a.active { background-color: #6cc9ea; }
#mapBlock .bx-controls { height: 15px; }
#mapBlock .bx-controls-direction { display: none; }
   
.touch .bx-wrapper .bx-controls-direction a, .touch #feature div.tp-leftarrow.tparrows.default.hidearrows, .touch #feature div.tp-rightarrow.tparrows.default.hidearrows { display: none!important; }

/* 10/2015 Project Updates */

#projects.hmr .downloadBtn { margin-top: 20px; }
#projects.hmr .vBlock .downloadBtn { margin-top: -1px; }
#projects #rightCol .hBlock.relatedArticles .thumbBlock { width: 175px; height: 175px; }
#projects #rightCol .hBlock.relatedArticles .textBlock { padding: 25px 20px 0 20px; }
#projects #rightCol .hBlock.relatedArticles .textBlock h4 { margin-bottom: 15px; }