/*
Theme Name: children_inn
Theme URI: http://underscores.me/
Author: Blackbaud
Author URI: http://blackbaud.com/


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 children_inn is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/


body {margin:0; padding:0; width:100%; min-width:320px; font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; overflow-x:hidden; color:#474865; letter-spacing:0.5px; background:#fff; }
a {text-decoration:underline; color:#474865; outline:0;}
a:hover {text-decoration:none; color:#474865;}
a img {border:0;}
img {vertical-align:top; max-width:100%; height:auto;}
ul {padding:0; margin:0;}
p {margin:0 0 25px 0;}
ul, li, ol, fieldset {padding:0; margin:0; border:none;}
input, select, textarea {-webkit-appearance:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
input[type="text"] {background:#fff; padding:10px; color:#186bb6; border:1px solid #ddd;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio;}
input[type="submit"] {cursor:pointer;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
::-webkit-input-placeholder {color: #186bb6; opacity:1; filter:alpha(opacity=100);}
:-moz-placeholder {color: #186bb6; opacity:1; filter:alpha(opacity=100);}
::-moz-placeholder {color: #186bb6; opacity:1; filter:alpha(opacity=100);}
:-ms-input-placeholder {color: #186bb6; opacity:1; filter:alpha(opacity=100);}
select {-webkit-appearance:none; -moz-appearance:none; appearance: none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; text-overflow:""; text-indent:0.01px; background:url(images/small-arrow.png) no-repeat 100% 14px #fff; background-size:30px; float:left; width:100%; margin-bottom:30px; border:2px solid #eee; color:#474865; padding:10px;}
select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #474865;}
select::-ms-expand {display:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
mark {background:#fff;}
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
*:focus {outline:none;}
#header ul, #footer ul, .sidebar ul, .sidebar .archives ul li, #news-sidebar ul { list-style:none; }

/*REUSABLE*/
.cond, #header #utility li a, #header #nav li a {font-family: "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 400; letter-spacing:0;}
.cond-bold, h1, h2, .cta .cta-title, #landing-nav li a, #slider .slide-title, #slider .slide-subtitle, .button, #sidebar li a, #landing-nav .breadcrumbs, #footer-nav ul.menu > li.menu-item-has-children > a span,
 #footer label, #news-sidebar .ai1ec-btn {font-family: "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 700; letter-spacing:0;}
.myriad-black, #secondary .subscribe input[type="submit"] {font-family: "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 900;}
.cont {position:relative; float:left; width:100%;}
.mid-cont {position:relative; width:95%; margin:auto; max-width:1480px;}
.hidden {display:none;}
.center {text-align:center; position:relative; float:left; width:100%;}
.last, #header #nav li:last-child, #landing-nav li:last-child a, #footer-logos .menu li:last-child {margin-right:0;}
.right {float:right; position:relative;}
.fluid-img, #header #logo img, .cta-img img, #banner img, #news-cont .news-item img, #news-events .img img, .blog-cont article .span6 img {width:100%; height:auto;}
.mobile, #header #hamburger {display:none;}
.table {display:table; width:100%; height:100%;}
.table .table-cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.button {padding:8px 12px; font-size:14px; letter-spacing:1px; text-transform:uppercase; color:#fff; text-decoration:none;}
.button:hover {background:#e74360; color:#fff; text-decoration:none;}
.videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.videoWrapper iframe, .videoWrapper video, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
img.alignleft {float:left; padding:0 15px 0 0; max-width:400px;}
img.alignright {float:right; padding:0 0 0 15px; max-width:400px;}


.dark-blue, #sidebar .menu .blue > a, #slider, #header #utility li.blue a, #header #nav li.blue:hover, .button, #header #nav li.current-menu-item.blue, #news-sidebar .events .button:hover, #news-sidebar .ai1ec-btn:hover, .parent-pageid-7 #sidebar ul.menu > li.current-menu-ancestor.current-page-ancestor > a, #nav .current-menu-ancestor.blue {background:#186bb6;}
.light-blue, #sidebar .menu .blue > .sub-menu, #landing-nav, #header #nav li.blue ul.sub-menu, .parent-pageid-7 #sidebar li.current-menu-ancestor > .sub-menu {background:#d9ecf6;}
.dark-yellow, #slider ol.flex-control-nav li a.flex-active, .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul, #news-sidebar .events .button, #news-sidebar .ai1ec-btn {background:#fcce01;}
.light-yellow, .no-touch .dl-menuwrapper li a:hover {background:#fee697;}
.dark-green, #sidebar .menu .green > a, #header #utility li.green a, #header #nav li.green:hover, #header #nav li.current-menu-item.green, .cat-item, .parent-pageid-9 #sidebar ul.menu > li.current-menu-ancestor.current-page-ancestor > a, #nav .current-menu-ancestor.green,
.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month, .ai1ec-month-view .ai1ec-date {background:#76bd1d;}
.light-green, #sidebar .menu .green > .sub-menu, .parent-pageid-9 #landing-nav, .page-id-9 #landing-nav, #header #nav li.green ul.sub-menu, .archive #landing-nav, .single-post #landing-nav, .single-news #landing-nav, .parent-pageid-9 #sidebar li.current-menu-ancestor > .sub-menu,
.single-ai1ec_event #landing-nav {background:#e7f3dd;}
.dark-pink, #sidebar .menu .pink > a, #header #utility li.pink a, #header #nav li.pink:hover, #header #nav li.current-menu-item.pink, .parent-pageid-11 #sidebar ul.menu > li.current-menu-ancestor.current-page-ancestor > a, #nav .current-menu-ancestor.pink {background:#e74360;}
.light-pink, #sidebar .menu .pink > .sub-menu, .parent-pageid-11 #landing-nav, .page-id-11 #landing-nav, #header #nav li.pink ul.sub-menu, .parent-pageid-11 #sidebar li.current-menu-ancestor > .sub-menu {background:#fbdce6;}
.dark-purple, #sidebar .menu .purple > a, #header #utility li.purple a, #header #nav li.purple:hover, #header #nav li.current-menu-item.purple, .cat-item:hover, .parent-pageid-5 #sidebar ul.menu > li.current-menu-ancestor.current-page-ancestor > a, #nav .current-menu-ancestor.purple {background:#8d63ab;}
.light-purple, #sidebar .menu .purple > .sub-menu, .parent-pageid-5 #landing-nav, .page-id-5 #landing-nav, #header #nav li.purple ul.sub-menu, .parent-pageid-5 #sidebar li.current-menu-ancestor > .sub-menu {background:#eee8f2;}
.black, .dl-menuwrapper li > a:after, #dl-menu .dl-menu li span, #dl-menu .dl-menu li a, .dl-menuwrapper li.dl-back:after {color:#474865;}

#nav .current-menu-ancestor > a {color:#fff;}

#sidebar .menu > li > a {padding:10px; margin-bottom:0;}


/*HEADER*/
#header {height:270px; background:url(images/header-bg.png) no-repeat right 0;}
#header .header-top {z-index:100;}
#header #logo {position:relative; float:left; margin-top:40px; width:30%; max-width:295px;}
#header #searchform {position:absolute; right:0; top:12px;}
#header .has-utility #searchform {right: 361px;}
#header #searchform #searchsubmit {background:none; border:none; position:absolute; right:35px; top:7px; width:20px; height:20px; z-index:1;}
#header #searchform .dashicons-search:before {color:#707070; font-size:18px; position:absolute; right:35px; top:7px;}
#header #utility {position:absolute; top:0; right:0; z-index:1;}
#header #utility li {float:left;}
#header #utility li a {color:#000; float:left; padding:15px 10px; text-transform:uppercase; font-size:18px; min-width:104px; text-align:center; color:#fff; text-decoration:none;}
#header #utility li a:hover {padding:20px 10px; text-decoration:none;}
#header #nav {margin-top:175px; position:relative; float:right; width:70%;}
#header #nav li {float:left; margin-right:20px; padding-right:8px;}
#header #nav li a {font-size:20px; text-transform:uppercase;}
#header #nav li a span {position:relative; margin-left:4px; padding:5px; height:auto; width:auto; float:left; text-transform:capitalize; font-size:21px; font-weight:bold;}
#header #nav li:hover a span, #header #nav li.current-menu-item a span {color:#fff;}
#header #nav .menu-main-nav-container {float:right; width:100%;}
#header #nav .menu-main-nav-container ul.menu {float:right;}
#header #nav ul#menu-main-nav {float:right;}
#header #nav .menu-item i._mi, .menu-item img._mi {float:left;}
#header #nav ul.sub-menu {display:none; position:absolute; width:200px; padding:10px; top:39px; z-index:1;}
#header #nav li:hover ul.sub-menu {display:block;}
#header #nav ul.sub-menu li {width:100%; margin-bottom:10px; text-align:left;}
#header #nav ul.sub-menu li a {text-transform:capitalize; font-size:18px; text-decoration:none;}
#header #nav li.purple ul.sub-menu li a:hover, #header #nav li.purple ul.sub-menu li.current-menu-item a, .parent-pageid-5 #landing-nav .current, .parent-pageid-5 #landing-nav a:hover, .page-id-5 #landing-nav .current, .page-id-5 #landing-nav a:hover {color:#8d63ab; text-decoration:none;}
#header #nav li.blue ul.sub-menu li a:hover, .main-copy a, #header #nav li.blue ul.sub-menu li.current-menu-item a, .parent-pageid-7 #landing-nav .current, .parent-pageid-7 #landing-nav a:hover, .page-id-7 #landing-nav .current, .page-id-7 #landing-nav a:hover, #primary #main h1, #primary article .read-more {color:#186bb6; text-decoration:none;}
#header #nav li.green ul.sub-menu li a:hover, #header #nav li.green ul.sub-menu li.current-menu-item a, .parent-pageid-9 #landing-nav .current, .parent-pageid-9 #landing-nav a:hover, .page-id-9 #landing-nav .current, .page-id-9 #landing-nav a:hover, #news-cont .news-item label:hover,
.archive #landing-nav a:hover, .archive #landing-nav .current, .single-post #landing-nav a:hover, .single-post #landing-nav .current, .single-news #landing-nav a:hover, .single-news #landing-nav .current {color:#76bd1d; text-decoration:none;}
#header #nav li.pink ul.sub-menu li a:hover, #header #nav li.pink ul.sub-menu li.current-menu-item a, .parent-pageid-11 #landing-nav .current, .parent-pageid-11 #landing-nav a:hover, .page-id-11 #landing-nav .current, .page-id-11 #landing-nav a:hover {color:#e74360; text-decoration:none;}
#header #nav ul.sub-menu .sub-menu {display:none !important;}

/*FOOTER*/
/*#yellow-wrap {background:#fee697; padding:30px 20px;}*/
#footer {background:#fee697; padding:30px 0; font-size:14px;}
#footer .fa {color:#fee697; font-size:20px; margin-right:5px; width:35px; height:35px; padding:8px; background:#186bb6; border-radius:25px; text-align:center;}
#footer .fa:hover {background:#e74360;}
#footer label {font-size:24px; color:#186bb6; margin-bottom:15px; float:left; width:100%;}
#footer-nav a {text-decoration:none;}
#footer-nav ul.menu > li.menu-item-has-children {float:left; width:25%; padding-left:25px;}
#footer-nav ul.menu > li.menu-item-has-children > a span {font-size:20px; color:#186bb6; position:relative;}
#footer-nav ul.menu > li.menu-item-has-children > a:hover {text-decoration:none;}
#footer-nav ul.menu > li.menu-item-has-children > a img, #footer-nav ul.menu > li.menu-item-has-children .sub-menu .sub-menu {display:none;}
#footer-nav ul.menu > li.menu-item-has-children .sub-menu a {font-size:15px;}
#footer-nav ul.menu > li.menu-item-has-children .sub-menu a:hover {font-weight:bold; color:#474865; text-decoration:none;}
#footer-social, #footer-nav {padding-bottom:25px; border-bottom:2px solid #fff; margin-bottom:25px;}
#footer #social-nav li {float:left;}
#footer-logos .menu li {float:left; margin-right:15px;}
#footer-logos .logos-right li {float:right; margin: 0 0 0 15px;}
#copyright {margin-top:25px; font-weight:bold;}
#about-nih {float:right; background:url(images/NIH-Logo.png) no-repeat 120px 0; height:50px; margin-top:-16px; padding:16px 0 0 0; width:200px;}
#bottom-footer {padding:10px 0 20px; background:#fff;}
#footer #social-nav li:last-child .fa {margin-right:0;}
#bottom-footer .footer-info {float:left; width:75%;}


/*HOMEPAGE*/
.home #main-wrap h1 {background:url(images/star.png) no-repeat center top; padding-top:50px;}
.cta {text-align:right; color:#fff; }
.cta .cta-info {padding:20px 20px 5px 20px;}
.cta .cta-title {text-transform:uppercase; font-size:37px;}
.cta .cta-copy {font-size:18px;}
#slider .mid-cont {width:100%;}
#slider .flexslider .slides img {width:100%; height:auto;}
#slider ol.flex-control-nav {position:absolute; bottom:15px; right:0; list-style:none;}
#slider ol.flex-control-nav li {float:left;  cursor:pointer;}
#slider ol.flex-control-nav li a {color:transparent; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#186bb6; margin-right:10px; width:15px; height:15px; float:left;}

#slider .flexslider .slides li {background-size:cover !important; height:400px;}
#slider .slide-info {float:right; background:url(images/slide-bg.png); height:100%; color:#fff; text-align:left; padding:40px 20px 20px;}
#slider .slide-info div {position:relative;}
#slider .slide-title {color:#fcce01; font-size:45px;}
#slider .slide-subtitle {text-transform: uppercase; font-size:20px;}
#slider .slide-info .button {color:#fcce01; text-transform:uppercase; background:none; font-size:16px; padding:0;}
#slider .slide-info .button:hover {text-decoration:underline;}
#slider .slide-content {font-size:14px;}

#home-features .home-feature {margin-top:40px; text-align:left;}

/*ALL*/
// #wrapper {opacity:0;filter:alpha(opacity=0); left:0;}
#wrapper {left:0;}
#banner {margin-bottom:20px;}
#bg-img {position:absolute; width:100%; height:calc(100% - 270px); background-size:cover; top:270px; background-position:center center;}
#main-wrap {text-align:center; background:none; }
#main-wrap #white-wrap {padding:30px 0 35px; background:#fff;}
/*#main-wrap .cont {background:#fff;}*/
h1 {font-size:46px; line-height:44px; margin:0 0 25px;}
h2 {font-size:36px; line-height:34px; margin:0 0 15px; color:#186bb6;}
h3 {font-size:30px; line-height:28px; margin:0 0 10px; color:#186bb6;}
h4 {font-size:20px; line-height:20px; margin:0 0 10px; font-weight:bold;}
.header-copy p {display:inline-block; float:none; max-width:1280px;}
#landing-nav {padding:18px 0 16px; text-align:center;}
#landing-nav ul.list-page {display:inline-block;}
#landing-nav li {float:left;}
#landing-nav li a {float:left; margin-right:30px;}
#landing-nav li .children {display:none;}
#landing-nav .breadcrumbs {float:left; font-size:16px;}
#landing-nav .breadcrumbs a, #landing-nav .breadcrumbs .delimiter {margin-right:15px; text-decoration:none;}
#middle-wrap {padding:30px 0; text-align:left;}
#middle-wrap h1 {color:#186bb6;}
.main-copy p:last-child {margin-bottom:0;}
/*ul.menu li.menu-item a span {display:none;}*/
#featured-pages, #home-features {padding:0 25px;}
.main-copy a {text-decoration:underline;}
.main-copy a:hover {text-decoration:none;}
.main-copy ul, .main-copy ol {padding-left:35px; margin:20px 0;}
/*.main-copy li {list-style:initial;}*/

.header-copy h1 {padding-top:50px;}
.parent-pageid-5 .header-copy h1, .page-id-5 .header-copy h1 {background:url(images/about-inn-icon.png) no-repeat center top; }
.parent-pageid-7 .header-copy h1, .page-id-7 .header-copy h1 {background:url(images/inn-families-icon.png) no-repeat center top; }
.parent-pageid-9 .header-copy h1, .page-id-9 .header-copy h1 {background:url(images/news-events-icon.png) no-repeat center top; }
.parent-pageid-11 .header-copy h1, .page-id-11 .header-copy h1 {background:url(images/get-involved-icon.png) no-repeat center top; }

#featured-pages .feat-page {text-align:left; margin-top:30px; background:#fff;}
#secondary.page-sidebar {padding-left:0 !important; margin-top:30px;}
#secondary.page-sidebar img {width:100%; height:auto;}


/* SIDEBAR */
#sidebar li a {font-size:30px; color:#474865; float:left; width:100%; margin-bottom:20px; text-decoration:none;}
#sidebar li, #sidebar li.current-menu-ancestor > .sub-menu li.menu-item-has-children li, #sidebar li.current-menu-ancestor .sub-menu li.menu-item-has-children li a {display:none;}
#sidebar li.current-menu-ancestor, #sidebar li.current-menu-ancestor > .sub-menu li, #sidebar li.current-menu-ancestor > .sub-menu li.menu-item-has-children li.menu-item-has-children .sub-menu li,
#sidebar .sub-menu li.current-menu-ancestor > a, #sidebar li.current-menu-ancestor .sub-menu li.current-menu-item .sub-menu a, #sidebar li.current-menu-ancestor .sub-menu li.current-menu-item a,
#sidebar li.current-menu-ancestor .sub-menu li.menu-item-has-children.current-menu-parent li a {display:block !important;}
#sidebar li.current-menu-ancestor .sub-menu li.menu-item-has-children li a {font-size:20px; padding-left:25px;}
#sidebar ul.menu > li.current-page-ancestor > a {padding:10px; text-transform:uppercase; margin-bottom:0;}
#sidebar li.current-menu-ancestor > a .visuallyhidden {width:auto; height:auto; position:relative; padding-left:15px; color:#fff;}
#sidebar ul.menu > li.current-menu-ancestor > .sub-menu {display:inline-block; padding:25px 20px; width:100%;}
#sidebar li.current-menu-ancestor .sub-menu a {font-weight:normal;}
#sidebar a:hover, #sidebar li.current-menu-ancestor .sub-menu li.menu-item-has-children li a:hover, #sidebar li.current-menu-ancestor li.current-menu-item > a, #sidebar li.current-menu-ancestor .sub-menu a:hover {text-decoration:none; font-weight:bold;}

#secondary .post_tags a {display:inline-block; margin-right:15px; text-decoration:underline;}
#secondary .post_tags a:hover {color:#186bb6;}
#primary .entry-content a {text-decoration:underline; color:#186bb6;}
#primary .entry-content a:hover {text-decoration:none;}

.sidebar-events {margin-bottom:25px;}
.sidebar-events li {position:relative; float:left; width:100%; font-weight:bold; font-size:20px;}
.sidebar-events li:last-child a {background:#fcce01; float: left; font-size: 18px; margin: 30px 0 25px; padding: 18px 22px; color:#fff; text-transform:uppercase; text-decoration:none;}
.sidebar-events li:last-child a:hover {background:#186bb6;}

/*PUSH MENU*/
#dl-menu {top:0; z-index:1000; position:fixed; height:100%; right:-240px; max-width:240px; width:240px; background:#fcce01; margin-right:0; opacity:0;}
#dl-menu.open {right:0;}
#dl-menu .dl-menu {margin:0;}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {font-family:"dashicons"; content:"\f139"; font-size:25px; line-height:70px;}
.dl-menuwrapper ul.sub-menu li.menu-item-has-children a:after {line-height:52px;}
#dl-menu .dl-menu li, #dl-menu .dl-menu li a {float:left; width:100%;}
#dl-menu .dl-menu li span {width:auto; height:auto; clip:auto; padding:10px 0 0 15px;}
#dl-menu .dl-menu.dl-menu {transform:translateY(0px);}
#wrapper.push-toleft {left:-240px;}
#dl-menu, .push-toleft, #wrapper {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
#dl-menu .dl-menu li a, #dl-menu .dl-menu li span {font-weight:bold; font-size:16px;}
.dl-menuwrapper li.dl-back > a {padding-left:35px;}
.dl-menuwrapper li.dl-back:after {line-height:72px;}
.dl-menuwrapper .dl-back a {line-height:40px; padding:15px 20px;}
.dl-menuwrapper > .dl-submenu {top:0;}

/*ul.dl-animate-out-1, ul.dl-animate-in-1 {display:none !important;}*/

/*NEWS&EVENTS*/
.news-header {padding-top:20px;}
#news-events {  margin-top:20px;}
#news-events .news-block {margin-bottom:35px;}
#news-events .news-block article:first-child {width:100%; border-bottom:1px solid #eaeaea; padding-bottom:20px;}
#news-events .news-block article:nth-child(2) {padding-right:20px;}
#news-events .news-block article:last-child {padding-left:20px; border-left:1px solid #eaeaea;}
#news-events .news-block article {width:50%; float:left; margin-bottom:25px;}
#news-events .news-block article:nth-child(n+2) .delimiter, #news-events .news-block article:nth-child(n+2) .all-news, #news-events .news-block article:nth-child(n+2) .feature-content {display:none;}
#news-events .news-block .img, #news-sidebar .events .single-event {margin-bottom:25px;}
/*#news-sidebar {padding-left:35px; border-left:2px solid #c2d1d9; padding-bottom:30px;}*/
#news-sidebar .twitter-timeline {max-height:410px; width:100% !important;}
#news-sidebar .events .read-more:hover, #news-events .news-block article a:hover {color:#fcce01; text-decoration:none;}
#news-sidebar .events .button, #news-sidebar .ai1ec-btn {padding:18px 22px; font-size:18px; margin:10px 0 50px; float:left !important; color:#fff !important; text-transform:uppercase; letter-spacing: 1px; border:none;}
#news-sidebar .ai1ec-btn i {display:none;}

/*NEWS PAGE*/
#sort-nav {display:inline-block; padding-bottom:40px; border-bottom:2px solid #5ba0de; width:100%; margin:25px 0 40px 0;}
#sort-nav .cat-item {color:#fff; text-transform:uppercase; font-size:16px; display:inline-block; margin-left:10px; padding:20px; font-weight:bold; cursor:pointer;}
#news-cont {display:inline-block; float:none;}
#news-cont .news-item {border:10px solid #fff; text-align:left;}
/*#news-cont .news-item:nth-child(n+14) {opacity:0; filter:alpha(opacity=0);}*/
#news-cont .news-item .news-inner {border:1px solid #d5d5d5; padding:15px; display:inline-block; background:#fff;}
#news-cont .news-item img {margin-bottom:25px; display:inline-block;}
#news-cont .news-item label, #news-sidebar .events .read-more, #news-events .news-block article a {font-size:16px; text-transform:uppercase; font-weight:bold; color:#186bb6; cursor:pointer; letter-spacing: 1px;}
#news-cont .news-item:hover .news-inner {box-shadow:0 0 8px #999999;}

/*STORIES*/
.blog-cont {margin:55px 0;}
#primary #main, #secondary .sidebar, #news-events .news-block, #news-sidebar .sidebar {border:1px solid #eaeaea; padding:50px 30px 30px; display:inline-block; width:100%;}
#secondary .subscribe label {display:none;}
#secondary .subscribe p {margin:0; width:100%;}
#secondary .subscribe input[type="text"] {border-color:#77bd43; width:100%; margin-bottom:15px;}
#secondary .subscribe input[type="submit"] {font-size:16px; text-transform:uppercase; color:#186bb6; border:none; background:none;}
#secondary .subscribe input[type="submit"]:hover {text-decoration:underline;}
#secondary .subscribe {padding-bottom:25px; border-bottom:2px solid #bbc0d0; margin-bottom:25px;}
#secondary .latest-posts li a {font-size:16px; font-weight:bold; margin-bottom:15px; display:inline-block; text-decoration:none;}
#secondary h2 {margin-top:20px;}
#secondary .categories a, #secondary .archives a {font-size:16px; float:left; width:100%; margin-bottom:20px;}
#secondary .archives a {margin-bottom:10px;}
#secondary .s2_error {font-size:14px; color:red; margin-top:10px !important;}
#primary article {padding:20px 0; border-top:2px solid #bbc0d0; width:100%; display:inline-block;}
#primary article:nth-of-type(1), .main-copy .single-event:first-child {padding-top:0; border:none; }
#primary article h4 {height:40px; padding:10px 0 0 65px;}
#primary article .read-more {font-weight:700; text-transform:uppercase;}
#primary article .volunteer-stories h4, #secondary .categories .volunteer-stories {background:url(images/star-blue.png) no-repeat;}
#primary article .family-stories h4, #secondary .categories .family-stories {background:url(images/star-purple.png) no-repeat;}
#primary article .donor-stories h4, #secondary .categories .donor-stories {background:url(images/star-green.png) no-repeat;}
#primary article .other-stories h4, #secondary .categories .other-stories {background:url(images/star-pink.png) no-repeat;}
#secondary .categories .cat {background-size:30px !important; padding-left:50px; text-decoration:none;}
nav#nav-posts {text-align:center; padding-top:20px; border-top:2px solid #bbc0d0; margin-top:30px;}
nav#nav-posts span {margin:10px 0 0 10px; display:inline-block;}
#primary .entry-meta {margin-bottom:20px; font-size:14px;}
#primary .entry-meta a, #primary article .read-more:hover {text-decoration:underline;}
#primary .entry-meta a:hover {font-weight:bold;}
.blog-cont #primary article h4 {min-height:40px; margin-bottom:20px; display:inline-block; width:100%}
.blog-cont #primary article h4 a {text-decoration:none;}

/*EVENTS*/
.main-copy .single-event {padding:25px 0; border-top:2px solid #bbc0d0;}
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {color:#186bb6;}
.ai1ec-month-view .ai1ec-today, .ai1ec-week-view .ai1ec-today {background:#e7f3dd !important;}
.ai1ec-month-view .ai1ec-date {text-shadow:none;}
.ai1ec-month-view .ai1ec-date a {color:#fff;}
.ai1ec-month-view th, .ai1ec-week-view th, .ai1ec-week-view .ai1ec-hour-marker div, .ai1ec-week-view .ai1ec-allday-label, .ai1ec-oneday-view th, .ai1ec-oneday-view .ai1ec-hour-marker div,
.ai1ec-oneday-view .ai1ec-allday-label, .timely .ai1ec-btn-default {color:#474865 !important;}

/* EVENT SINGLE TEMPLATE */
#event-container {background-color: #186bb6; color: #fff; clear: both; overflow: auto; }
#event-container a {color: #fff;}
#event-container img {float: left; margin-right: 5%; width: 50%}
#event-container h3{color: #fff; font-size: 19px; text-transform: uppercase; line-height: 1em;}

.single-events #primary #main{ border: 0;}
.single-events .row {
	margin-left: 0;
}
#event-hero{ width: 100%;}
ul#program {text-align: center; clear: both;}
#program li { margin-bottom: 15px;   list-style: none; }

.half-info {width: 50%; float: left; min-height: 300px;}

.additional-info-image img{ float: left; margin-right: 20px;}
.additional-info-content {padding-top: 20px; color: #fff;}
.additional-info-content h1, .additional-info-content h2, .additional-info-content h3{ color: #fff;}

#video{width: 60%; clear:both; margin: auto;}
#video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
#video .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#countdown-clock{
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 18px;
	margin-top: 20px;
	float: left;
}

#countdown-clock > div{
    padding: 10px;
    border-radius: 3px;
    background: #407DB5;
    display: inline-block;
    margin-right: 9px;
}

#countdown-clock div > span{
    padding: 15px;
    border-radius: 3px;
    background-color: rgba(24, 107, 182, 0.46);
    display: inline-block;
}
#coutndown-clock .smalltext{
    padding-top: 5px;
    font-size: 16px;
}
.register-button {
  padding: 10px 25px;
  font-size: 18px;
}
hr.event{
  width: 50%;
  height: 1px;
  border-color: #0071ba;
  text-align: center;
  float: none;
  margin: 20px auto;
}
.event-cont{
	margin: 0;
	margin-bottom: 55px;
}
.event-cont p{
	line-height: 1.5em;
}
.event-cont .mid-cont{
	padding: 45px 0;
	overflow: hidden;
}
#sponsors {
  width: 1010px;
  margin: 75px auto;
}
#sponsors #sponsor-buttons a{
	margin: 0 3%;
}
#add-info-single{
	background-image: url("images/events-single-background.png");
	min-height: 450px;
	background-size: cover;
	clear: both;
}
#sponsors .sponsor-frame{
	border: 1px solid #DEDEDE;
 	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
}
#sponsors h3.center{
	margin-top: 15px;
}
.fiftyfifty{
	width: 50%;
	float: left;
	padding: 20px;
}
.fiftyfifty h3{
	text-align: center;
}
.add-info-wrapper{
	max-width: 75%;
	margin-left: auto !important;
	margin: auto;
	padding-top: 45px;
}
.single-center {
  display: block;
  clear: both;
  display: flex;
}
.single-center .sponsor-frame {
  float: none;
  margin: auto;
  display: inline;
}
#sponsor-buttons{
	clear: both;
	text-align: center;
	padding-top: 30px;
}
#right-event-cont{
	float: left;
	width: 40%;
	padding-top: 20px;
}
#right-event-cont > span{
	clear: both;
	display: block;
}
#right-event-cont .list-title{
	width: 100px;
	float: left;
	font-weight: 400;
}
span.list-detail {
  font-weight: 300;
}
span#location {
  margin-bottom: 10px;
}
div#social-section {
  margin: 27px;
}
#event_social{
	text-align: center;
	width: 100%;
}
#event_social li{
  display: inline-block;
  margin-left: 13px;
}
#event_social .fa{
	  color: #fff;
  font-size: 20px;
  margin-right: 5px;
  width: 35px;
  height: 35px;
  padding: 8px;
  background: #e74360;
  border-radius: 25px;
  text-align: center;
}
#hashtag {
	text-align: center;
	display: block;
	color: #0071b9;
	font-size: 24px;
	font-weight: bold;
	clear: both;
	margin-top: 25px;
}
.event-clear{ clear: both; }
.bxslider img {width:auto !important; height:auto; max-width:100px !important;}
@media only screen and (max-width: 1010px){
	#sponsors{
		width: 100%;
	}
}
@media only screen and (max-width: 820px){
	#sponsors a img{
		width: 50%;
	}
	#sponsors #sponsor-buttons a{
		display: block;
		margin-top: 15px;
	}
}
@media only screen and (max-width: 765px){
	.half-info {
		width: 100%;
	}
	#event-container img{
		margin-right: 0;
		width: 100%;
	}
	#right-event-cont{
		width: 100%;
		padding: 25px;
	}
	#add-info-single{
		background-image: none;
		background-color: #FEE697;
	}
	#video{
		width: 80%;
	}
}
@media only screen and (min-width: 500px){
	#sponsors > a {
		width: 23%;
		float: left;
		margin-right: 10px;
		margin-bottom: 15px;
	}
	#sponsors > a img {
		max-height: 150px;
		width: 100%;
	}
	.sponsor-frame {
	    height: 150px;      /* equals max image height */
	    width: 24%;
	    white-space: nowrap;
	    text-align: center; margin: 1em 0;
	    float: left;
		margin-right: 10px;
	}
	.large-sponsor .sponsor-frame {
		width: 41%;
	}
	.fiftyfifty .sponsor-frame{
		width: 100%;
	}
	#sponsors .helper {
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}

	#sponsors img {
	    vertical-align: middle;
		max-height: 141px;
		max-width: 93%;
	}
}
@media only screen and (max-width: 500px){
	.additional-info-image img{
		float: none;
		width: 100%;
	}
	.additional-info-content{
		padding: 15px;
	}
	.add-info-wrapper{
		max-width: 100%;
	}
	#event-container img{
		display: none;
	}
	#sponsors a img{
		width: 85%;
		margin-bottom: 23px;
		margin: 10px auto;
		display: block;
	}
}
/*GRIDPAK*/
.span1 {width:8.33333333333%; position:relative; float:left;}
.span2 {width:16.6666666667%; position:relative; float:left;}
.span3 {width:25.0%; position:relative; float:left;}
.span4, .cta-img  {width:33.3333333333%; position:relative; float:left;}
.span5 {width:41.6666666667%; position:relative; float:left;}
.span6 {width:50%; position:relative; float:left;}
.span7 {width:58.3333333333%; position:relative; float:left;}
.span8, .cta-info {width:66.6666666667%; position:relative; float:left;}
.span9 {width:75.0%; position:relative; float:left;}
.span10 {width:83.3333333333%; position:relative; float:left;}
.span11 {width:91.6666666667%; position:relative; float:left;}
.span12 {width:100%; position:relative; float:left;}
.row {margin-left:-25px;}
.col, #primary, #secondary {padding-left:25px;}

#news-cont {width:1480px;}
#news-cont .news-item {width:355px;}
@media screen and (max-width:1559px) {
	#news-cont {width:1105px;}
}
@media screen and (max-width:1169px) {
	#news-cont {width:730px;}
}

@media screen and (max-width:979px) {
	.cta, #featured-pages .feat-page {width:100%;}
}

@media screen and (max-width:1129px) {
	#bg-img {display:none;}
	#header {background:none;}
	#header #logo {max-width:265px; margin-top:15px; width:auto;}
	#header #nav {width:100%; margin-top:40px; text-align:center;}
	#header #nav li {margin-right:10px;}
	#header #nav .menu-main-nav-container {float:none; width:auto; display:inline-block;}
	.cta .cta-info {padding:15px 15px 10px 10px;}
	.cta .cta-title, #sidebar li a {font-size:25px;}
	.cta .cta-copy {font-size:15px;}
	#slider .flexslider .slides li {height:300px;}
	#slider .slide-info {padding-top:20px;}
	#slider .slide-title {font-size:40px;}
	/*.header-copy p {max-width:550px;}*/
	#featured-pages, #home-features {padding:0;}
	#bottom-footer {text-align:center;}
	#about-nih, #bottom-footer span {float:none; margin:0; display:inline-block;}
	#about-nih {padding-right:85px; margin-top:10px;}
	#bottom-footer span {width:100%;}
	#header #utility li a:hover {padding:10px 0;}
	#news-events .news-block .span6 {width:100%;}
	#news-sidebar {padding-left:20px;}
	#news-sidebar h1 {font-size:32px;}
	#sidebar li.current-menu-ancestor .sub-menu li.menu-item-has-children li a {font-size:18px; padding-left:18px;}
	.blog-cont #primary article h4 {padding:65px 0 0 0; background-position:center 15px !important; height:auto; margin-bottom:15px;}

}

@media screen and (max-width:767px) {
	.mobile, #header #hamburger {display:block;}
	.desktop, #header #searchform, #slider ol.flex-control-nav, #sort-nav .cat-item {display:none;}
	.mid-cont {width:90%;}
	.span3, .span4, .span5, .span6, .span7, .span8, .span9, #news-cont .news-item, #bottom-footer .footer-info, #news-cont, #news-events .news-block article {width:100%;}
	#footer #copyright {margin:0;}
	h1 {font-size:40px; margin-bottom:15px;}
	#header {height:215px;}
	#header .mid-cont {width:100%;}
	#header {background:none;}
	#header #logo {padding-left:12px; margin-top:0px;}
	#hamburger {font-size:50px; width:80px; height:70px; padding:10px; cursor:pointer; background:#fcce01; color:#474865; position:absolute; z-index:20; right:0;}
	#header #utility {top:160px; width:100%;}
	#header #utility li {width:33.3333333333%;}
	#header #utility li a {padding:15px 0; width:100%; font-size:20px;}
	#footer label {font-size:22px;}
	#footer #social-nav, #secondary {margin-top:15px;}
	#slider .flexslider .slides li {background:none !important; height:auto;}
	#slider .slide-info {width:100%; padding-top:15px; height:auto;}
	#slider .slide-title {font-size:25px;}
	#slider .slide-subtitle {font-size:15px;}
	#slider .slide-content {font-size:12px;}
	#footer-social, #footer-nav {border:0; padding:0; margin:0;}
	#footer #social-nav {margin-top:25px;}
	/*#news-cont .news-item {padding:15px 0;}*/
	#dl-menu {opacity:1;}
	#news-sidebar {border:none;}
	img.alignleft, img.alignright {max-width:100%; padding-bottom:15px;}

	#news-events .news-block article:nth-child(2) {padding-right:0; border-bottom:1px solid #eaeaea; padding-bottom:20px;}
	#news-events .news-block article:last-child {padding-left:0; border:none;}
	#news-sidebar {padding-left:25px;}

	.css-masonry { /* Masonry container */
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

}

@media screen and (max-width:479px){
	.cta-img, .cta-info {width:100%;}
}


/*RETINA*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	select {background:url(images/small-arrow@2x.png) no-repeat 100% 14px #fff; background-size:30px;}
	#primary article .volunteer-stories h4, #secondary .categories .volunteer-stories {background:url(images/star-blue@2x.png) no-repeat;}
	#primary article .family-stories h4, #secondary .categories .family-stories {background:url(images/star-purple@2x.png) no-repeat;}
	#primary article .donor-stories h4, #secondary .categories .donor-stories {background:url(images/star-green@2x.png) no-repeat;}
	#primary article .other-stories h4, #secondary .categories .other-stories {background:url(images/star-pink@2x.png) no-repeat;}
	#primary article h4 {background-size:54px !important;}
	#about-nih {background:url(images/NIH-Logo@2x.png) no-repeat 120px 0; background-size:80px;}

	.parent-pageid-5 .header-copy h1, .page-id-5 .header-copy h1 {background:url(images/about-inn-icon@2x.png) no-repeat center top; background-size:40px;}
	.parent-pageid-7 .header-copy h1, .page-id-7 .header-copy h1 {background:url(images/inn-families-icon@2x.png) no-repeat center top; background-size:40px;}
	.parent-pageid-9 .header-copy h1, .page-id-9 .header-copy h1 {background:url(images/news-events-icon@2x.png) no-repeat center top; background-size:40px;}
	.parent-pageid-11 .header-copy h1, .page-id-11 .header-copy h1 {background:url(images/get-involved-icon@2x.png) no-repeat center top; background-size:40px;}
}

/* Support #39512 - Removing Countdown from Winnter event */

	/* #right-event-cont > span#countdown-clock { display: none; } */

/* Support #39414 - Add spacing to 'Sponsors' h2 text on Winnter events */

	div#sponsors > h2.center { margin-top: 1.2em; }

/* Support #45448 - Add spacing to lists/items */

	.entry-content ol, .entry-content ul {
		padding-left: 25px;
		margin-bottom: 25px;
	}
	.entry-content li { margin-bottom: 15px; }

/* Support #54047 - Increase font-size of Gravity Forms for mobile devices */

	@media only screen and ( max-width: 1024px ) {
		#main-wrap .gform_wrapper { font-size: 117%;}
		#main-wrap .gform_wrapper .gfield_checkbox li label,
		#main-wrap .gform_wrapper .gfield_radio li label { font-size: 18px; }
		#main-wrap .gform_wrapper .gform_footer input.button,
		#main-wrap .gform_wrapper .gform_footer input[type=submit],
		#main-wrap .gform_wrapper .gform_page_footer input.button,
		#main-wrap .gform_wrapper .gform_page_footer input[type=submit] { font-size: 20px; }
		#main-wrap .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
		#main-wrap .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label,
		#main-wrap .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
		#main-wrap .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { font-size: 94%; }
	}