@charset "UTF-8";
/* CSS Document */
.accordion { margin-bottom: 1em !important; }
.winner strong { color: darkgoldenrod !important; }
.winner strong:after { content: ' - winning entry'; color: darkgoldenrod !important; font-weight: normal; }

div.quote { background-color: #fff; padding: 1em 3em .25em 3em; font-size: 90%; margin: 0 0 1em 0; border-radius: 1em; }
div.quote p { margin: 0 0 .75em 0 !important; }
div.quote:before { content: "\f10d"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: -2em; float: left; color: dodgerblue; }
div.quote:after { content: "\f10e"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-top: -2em; margin-right: -2em; float: right; color: dodgerblue; }
.fa-location-dot { color: orangered; }
.gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; }
.gallery img { border: 2px solid #fff; max-width: 100%; height: auto; }
.gallery-caption { margin-left: 0; }
.gallery-icon { width: 300px; height: 300px; margin: 0 auto;  }
.gallery-icon img { width: 100%; height: 100%; object-fit: cover; }


.adrotate_widgets img { width: 300px; height: 250px; margin-bottom: 10px; }

.live-alert { background: #ffe084; padding: 1em 2em; border: 1px solid #ffd557; }

.gsc-control-wrapper-cse { margin: 0; padding: 0; }
.cse .gsc-control-cse, .gsc-control-cse { padding: 0; margin: 0; }

.wufoo h3 { color: red !important; }

#main { padding: 20px 0 40px 0; }
#content { padding: 0; width: 780px; float: left; }
#sidebar { width: 340px; float: right; padding: 0; margin: 0 0 30px 0; font-size: 90%; }
#sidebar section { background-color: #fff; padding: 20px; margin: 0 0 1em 0; width: auto; }
#sidebar section h2 { line-height: 100%; }

#logo-download { padding: 1em 0 4em 0; }
#logo-download td { padding: 2em 0; border-top: 2px solid white; }

/* MAIN STYLING FOR POST EXCERPTS */
#content article:last-child { border-bottom: none; margin: 0; }
article { border-bottom: 2px solid #fff; padding: .2em 0; margin: 0 0 1em 0; font-size: 90%; clear: both; position: relative; }
article.upcoming { border-bottom: none; padding: .2em 0; margin: 0; font-size: 100%; clear: both; }
article p strong a { text-transform: uppercase; text-decoration: none; font-weight: 600; }
article p strong a:hover { background-color: #fae24d; }
article h3 a, article h3 a:visited { text-decoration: none; color: #000; }
article h3 a:hover, .post-parent a:hover { color: #2c76c7; text-decoration: underline; }
article .img { float: left; width: 220px; height: 150px; margin: 5px 15px 10px 0;  }
article .img img { width: 100%; height: 100%; object-fit: cover; }
article.passport-feature .img { float: left; width: 366px; height: 250px; margin: 5px 15px 10px 0; overflow: hidden;  }
article.passport-feature .img img { width: 100%; height: 100%; object-fit: cover; }
.passport-icon img { z-index: 100; position: absolute; top: 8px; left: 0; width: 70px; }
article.passport-feature h3 { font-size: 180%; }
article.passport-feature .article { margin: 0 0 0 380px; min-height: 250px; }
p.timestamp { margin: -.75em 0 1em 0; padding: 0; color: #666; }
.post-parent a, .post-parent a:visited { text-decoration: none; color: #333; }
article .article { margin: 0 0 0 235px; min-height: 175px; }
article.pledge-item img { max-width: 100%; max-height: 180px; margin: 0; width: auto; height: auto; }
.pledge-img { width: 200px; max-height: 180px; float: left; /*border: 10px solid #fff;*/ padding: 10px; text-align: center; background-color: #fff; vertical-align: middle; }
.passnote { font-size: 80%; font-style: italic; }
.passport-shows div { width: 19%; margin: 0 1% 1% 0; float: left; }
.passport-shows div img { width: 100%; height: auto; }
.date-time { font-family: 'Bitter', serif; font-weight: 400; color: #272c3a; padding: 0; margin: 0 0 .6em 0; font-size: 1.2em; }

.no-search-results { font-size: 1.5em }

.featured-image img { width: 100%; height: auto; margin: 0; } 
.featured-image { width: 780px; height: 320px; overflow: hidden; margin: 0 0 1em 0; }

.full-image img { width: 100%; height: auto; margin: 0; } 
.full-image { width: 100%; height: auto; margin: 0 0 1em 0; }

.play { background: url('../playbutton.png') center center no-repeat; margin: -168px 0 0 0; height: 150px; position: relative; z-index: 10; }

#register, #register1, #register2, #register3, #register4, #register5 { background-color: #eee; padding: 3em; width: auto; height: auto; overflow: scroll; max-width: 767px; }

.ptracker-wrapper { border-radius: 15px; background-color: #fff; height: 30px; border: 1px solid #333; margin: 0 1em; }
.ptracker-fill { height: 16px; line-height: 16px; font-size: 16px; border-radius: 14px 0 0 14px; background: #2EC971; padding: 7px 0; white-space: nowrap; }
.ptracker-text { height: 16px; line-height: 16px; font-size: 16px; color: #333; font-weight: bold; text-transform: uppercase; padding: 7px 0; z-index: 100; position: relative; top: -30px; }
.ptracker-clear { clear: both; padding: 0 0 1em 0; }

/* BOARD of REPS */
.board-members { float: left; width: 133px; padding-left: 10px; text-align: center; font-size: .7em; padding-top: 18px; min-height: 230px; }
.board-members img { margin-bottom: 5px; border: 1px solid #40506c; width: 120px; height: 150px; }
.rep-bios, .rep-bios-nophoto { background: #fff; padding: 1em; width: 800px; min-height: 220px; }
.rep-bios img { width: 120px; height: 150px; border: 1px solid #40506c; float: left; margin: 1em 1em 0 -140px; }
.rep-bios p, .rep-bios h3, .rep-bios h4 { margin-left: 140px; }

/* BOARD PORTAL */

#menu-board-portal li { list-style: none; border-bottom: 1px solid #eee; font-size: 120%; padding: .5em 0; }
#menu-board-portal li a { text-decoration: none; }

/* JOBS and INTERNSHIPS */
table.jobs caption { text-align: left; font-weight: bold; font-size: 110%; border-top: 1px solid #ccc; margin: 1em 0 .5em 0; padding: 1.5em 0 0 0; }
table.jobs th { text-align: right; vertical-align: top; padding: .2em 1em .2em 0; width: 25%; }
table.jobs td { padding: .2em; }
table.jobs tr { font-size: 90%; }

.no-jobs { border: 1px solid #ccc; background: #fafafa; font-size: 120%; padding: 2em; text-align: center; margin: 1em 0 0 0; }
#internships div { margin: 0 0 .5em 0; padding: 1em 0 0 0; font-size: 90%; border-top: 2px solid #fff; }
#internships div:last-child { border-bottom: none; }
#internships h3 { margin: .75em 0 0 0; padding: 8px 0; border-top: 4px solid #fff; border-bottom: 2px solid #fff; }

/* SIDEBAR CONTENT */
.building { width: 100%; height: auto; margin: 0 0 .5em 0; }

.calendar-feed {  }
.calendar-feed ul { list-style: none; padding: 0; }
.calendar-feed ul li { border-bottom: 1px solid #ccc; padding: 1em 0; }
.calendar-feed ul li:last-child { margin: 0 0 1em 0; }

.social-icons-large { padding: 0; margin: 0; }
.social-icons-large li { display: block; overflow: hidden; padding: 0; text-indent: -9999px; margin: 0 10px 10px 0; float: left; }
.social-icons-large li a { display: block; height: 50px; width: 50px; }
.facebook-large { background: url('../images/icon-facebook-large.png') no-repeat; background-size: 50px 50px; }
.twitter-large { background: url('../images/icon-twitter-large.png') no-repeat; background-size: 50px 50px; }
.youtube-large { background: url('../images/icon-youtube-large.png') no-repeat; background-size: 50px 50px;}
.flickr-large { background: url('../images/icon-flickr-large.png') no-repeat; background-size: 50px 50px; }
.instagram-large { background: url('../images/icon-instagram-large.jpg') no-repeat; background-size: 50px 50px; }
.snapchat-large { background: url('../images/icon-snapchat-large.png') no-repeat; background-size: 50px 50px; }

.pledge-by-phone { font-size: 90%; }
.pledge-by-phone blockquote { font-size: 1.5em; margin: -.5em 0 0 0; font-family: "Lucida Console", "Courier New", monospace; }
.pledge-by-phone h3 { color: #2c76c7; }

.callout-box { background-color: #ffc; border: 1px solid #cc9; padding: 1em; margin: 1em 0 0 0;  }

#whatson { margin: -1.5em 0 0 0; }

#pledge-alert,.pledge-alert { background: #effeb9; padding: 2em 0 1em 0; border-bottom: 1px solid #bfcc84; text-align: center; }
#alert { background: #ffe084; padding: 2em 0 1em 0; border-bottom: 1px solid #ffd557; }
.thermometer { float: right; width: 40%; padding: 0%; margin: 0 0 0 10%; background-color: #fff; }
.thermometer img { width: 90%; height: auto; border: 1px solid black; padding: 5%; }

/* PANELISTS for CALL-INS */
.panelists, .resources { clear: both; font-size: 90%; }
.panelist h4 { padding: 0; }
.panelist h5 { font-size: 1.1em }
.panelist { margin: 0 0 1em 0; clear: both; }
.panelist:after { visibility: hidden; display: block; font-size: 0;content: " "; clear: both; height: 0; }
.panelist:last-child { border-bottom: none; }
.panelist img { border: 3px solid #fff; } 

/* EMPLOYEE DIRECTORY */
.staff-links, .staff-links2 { list-style-type: none; padding: 0; margin: 0; }
.staff-links li, .staff-links2 li { font-size: 2em; padding: 0 0 0 10px; margin: 0 0 .5em 0; background-color: #fff; }
.staff-links li a, .staff-links li span { display: block; height: 60px; padding: 0 0 0 80px; line-height: 60px; text-decoration: none; border: 10px solid #fff; }
.staff-links2 li a { display: block; height: 60px; padding: 0 0 0 0; line-height: 60px; text-decoration: none; border: 10px solid #fff; }
.directory { background: url('../images/staff-directory.png') no-repeat; background-size: contain; }
.fwtraining { background: url('../images/staff-fw.png') no-repeat; background-size: contain; }
.forms { background: url('../images/staff-forms.png') no-repeat; background-size: contain; }
.celebrations { background: url('../images/staff-celebrations.png') no-repeat; background-size: contain; }
.allstaffdocs { background: url('../images/staff-allstaffdocs.png') no-repeat; background-size: contain; }
.allstaff { background: url('../images/staff-allstaff.png') no-repeat; background-size: contain; }
.plan { background: url('../images/staff-plan.png') no-repeat; background-size: contain; }
.idea { background: url('../images/staff-idea.png') no-repeat; background-size: contain; }
.video { background: url('../images/staff-video.png') no-repeat; background-size: contain; }
.handbook { background: url('../images/staff-handbook.png') no-repeat; background-size: contain; }
.hr { background: url('../images/staff-hr.png') no-repeat; background-size: contain; }

.staff-member-listing img { width: 100px; height: auto; }

.staff-member-info { list-style-type:none; padding: .1em 0 0 0; margin:0; }
.staff-member-info li { padding:0; margin:0; }
.staff-member-info li strong { font-weight: 600; }

.strategic-plan { width: 100%; }
.strategic-plan img { border: 1px solid #ccc; padding: 10px; background-color: #fff; }
.strategic-plan td { width: 50%; text-align: center; }

.stratplan { width: 29%; padding: 1%; margin-right: 2.33%; margin-bottom: 1em; margin-top: 1em; background-color: white; border-radius: 10px; text-align: center; float: left; font-size: 90%; height: 230px; }
.stratplan:hover { background-color: lightyellow; }
.stratplan img { width: auto; height: auto; max-width: 155px; max-height: 155px; border: 1px solid #ccc; margin: 10px; vertical-align: middle;}
.stratplan i { font-size: 155px; line-height: 155px; }
.stratplan .img-contain { height: 180px;  }


/* OTHER */
.underwriters { font-size: 90%; margin: 0 0 1em 0; }
.underwriters li { float: left; width: 360px; display: block; padding: .5em 0; margin: 0 25px 0 0; border-top: 2px solid #fff; }
.underwriters li a { text-decoration: none; }
#underwriting-staff h2 { font-size: 1.8em; }

.pbs-shows p { padding: 0; margin: 0; }
.pbs-shows img { width: 140px; height: 82px; float: left; margin: 5px; }

#post-384 { margin: 0 0 12em 0; }

.donate_alert { color: #c00; font-size: 80%; }

.essay-submission h4 { padding: 0 0 .2em 0; margin: 0; }
.essay { width: 90%; }

.awards-button a { display: block; padding: 25px; color: #fff; background-color: #c00; text-decoration: none; float: left; margin: 25px 25px 0 0; width: 300px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.awards-button a:hover { background-color: #F00; }

#award1, #award2, #award3, #award4, #award5, #award6, #award7, #award8, #award9, #award10, #award11 { color: #333; background-color: #fff; padding: 2em; }
.award-info { color: #fff; font-weight: bold; border-radius: 50%; background-color: #2570A3; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; text-decoration: none; font-size: 12px; font-style: normal; }
.new-award { font-weight: bold; color: red; font-size: 12px; }

.rsd-schedule td { vertical-align: top; padding: .5em; }
.rsd-schedule { padding: 0 0 1em 0; }

.sponsors { list-style: none; padding: 0; margin: 0; }
#sidebar .sponsors li { padding: 15px 0; border-bottom: 1px solid #eee; display: block; text-align: center }
#sidebar .sponsors li:last-child { border-bottom: none; }

.ss-performers {  width: 100%; padding: 0 0 1.5em 0; }
.ss-performers td { width: auto; padding: 0 20px 0 0; vertical-align: top; }
.ss-performers td img { width: 100%; border: 3px solid #fff }

.boardcontact td { padding: .5em; }
.boardcontact th { padding: .5em; text-align: left; }
.boardcontact tr:nth-child(even) td { background-color: #fff; }

.post-password-form { min-height: 200px; padding: 2em 0;}


ul#filterOptions {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
	list-style: none;
}

ul#filterOptions .active { font-weight: bold; }
ul#filterOptions a { text-decoration: none; }

#all-staff-recordings { margin: 0; padding: 0; }
#all-staff-recordings li { float: left; width: 27%; margin: 0 2% 2% 0; padding: 2%; list-style-type: none; color: #333;  background-color: #fff; font-size: 120%; }
#all-staff-notes { margin: 0; padding: 0; }
#all-staff-notes li { float: left; width: 38%; margin: 0 2% 2% 0; padding: 2% 2% 2% 8%; list-style-type: none; color: #999; height: 30px; line-height: 30px; background-color: #fff; background-image:url('../images/icon-doc-dwnld-off.png'); background-repeat: no-repeat; background-position: 15px 17px; }
#all-staff-notes li.doc_active:hover { background-color: #cfc;  }
#all-staff-notes li.doc_active { background-image:url('../images/icon-doc-dwnld-on.png'); background-repeat: no-repeat; background-position: 15px 17px; }

/*** LEARNING AT HOME ***/
#learningathome-intro { padding: 1em 0; background-color:#fff; clear: both; }
#learningathome-intro h1 { padding-top: .5em; }
.learningathome { background-image: linear-gradient(0deg, #f4f8fc, #cbddf0/*#eaeaea, #d0d0d0*/); padding: 2em 0; clear: both; }
.learningathome h2 { color: #008eb0; }
.lah-head-logos { width: 360px; padding: 5px 80px 2em 0; float: left; }
.lah-logo { width: 360px; height: auto; }
.lah-nav { list-style: none; padding: 0; margin: 0 auto; clear: left; width: auto; }
.lah-nav li { display: block; float: left; }
.lah-nav li a { color: #008eb0; display: block; padding: 9px 12px; background-color: #f0f0f0; margin: 0 10px 0 0; border-radius: 5px; text-decoration: none; }
.lah-nav li a:hover { background-color: #efc903; color: #000; }
.lah { margin: 0 .5% .5% 0; padding: 1%; width: 22%; float: left; clear: none; background-color: #fff; border: none; overflow: hidden; }
#learningathome-webinars-upcoming .lah { margin: 0 .5% .5% 0; padding: 1%; width: 30.5%; float: left; clear: none; background-color: #fff; border: none; overflow: hidden; }
.lah img { margin: 0 0 5px 0; padding: 0; width: 100%; height: auto; }
.lah-article h3 { font-size: 140%; margin: 0; padding: 0 0 .25em 0; line-height: 120%; }
.lah-article p { margin: 0; padding: 0; font-size: 80%; }
.lah-schedule h3 { font-size: 150%; margin: 0; padding: 0; line-height: 120%; }
.lah h3 a { text-decoration: none; }
.lah h3 a:hover { text-decoration: underline; color: #000; }
.lah-schedule h4 { font-size: 100%; margin: 0; padding: 0 0 .25em 0; line-height: 120%; font-family: 'Open Sans', sans-serif; }
.lah-schedule p { margin: 0; padding: .25em 0 0 0; font-size: 90%; }
.lah-schedule a { color: #333; }
.lah-schedule a.btn { text-decoration: none; display: block; padding: 8px 0; width: 80%; margin: 2px auto; border-radius: 5px; color: #fff; background-color: #008eb0; }
.lah-schedule a.btn:after { content: ' \00BB'}
.lah-schedule a.btn:hover { color: #000; background-color: #efc903; }
.lah-schedule { text-align: center; }
.lah-article { }
#learningathome-stem .lah-article { }
#learningathome-testimonials .lah-article { }
#learningathome-testimonials .lah-article p { margin-bottom: .75em; }
.lah-schedule-wrap { }
.aow { background-color: #f15928; }
.sci-u-aow { background-color: #00295d; }
.aow, .sci-u-aow { z-index: 100; position: absolute; color: #fff; padding: 5px 10px; text-align: left; display: block; width: auto; margin: 0 auto; font-size: 80%; font-style: italic; }
.sci-u { color: #4b76a7; text-transform: uppercase; font-weight: normal; }
.grade-level { font-weight: bold; font-style: italic; }
.archive-activity-link { font-size: 100%; clear: both; padding: 1em 0 0 0; }
#learningathome-footer { text-align: center; }
#learningathome-subscribe h2 { text-align: center; }
.papbs { width: 440px; height: auto; padding: 0 60px 0 0; }
.pade { width: 340px; height: auto; padding: 0; }
.psea { width: 282px; height: auto; padding: 2em 0 0 0; }
.milk { float: none; clear: left; width: 400px; height: auto; padding: 0 0 1em 0; }
.lah-footer-logos { margin: 0 auto; width: 850px; }
.lah-footer { clear: both; font-size: 80%; padding: 2em 0 0 0; }
#learningathome-webinars .lah-article h3 { font-size: 120%; }
#learningathome-webinars .lah-article { }
#learningathome-webinars .lah-article p { margin-bottom: .75em; }
.registration { font-size: 40%; text-transform: uppercase; color: darkred; }
#learningathome-webinars-upcoming .lah-article h3 { font-size: 120%; }
#learningathome-webinars-upcoming .lah-article p { margin-bottom: .75em; font-size: 80%; }
#learningathome-games .lah-article p { font-size: 79%; }
.flag { display: inline; height :1em; with: auto; border: none !important; padding: 0; margin: 0; }
#learningathome-educators .lah-article { }
.spacevid { margin: 0 .5% .5% 0; padding: 1%; width: 30%; float: left; clear: none; background-color: #fff; border: none; overflow: hidden; min-height: 204px; font-size: 90%; }
.spacevid img { margin: 0 0 5px 0; padding: 0; width: 100%; height: auto; }
.spacevid a { text-decoration: none; }
.spacevid p { margin: 0; padding: 0; }
.lah-monthly .grade-level { display: none; }

#yln-header { width: 100%; height: 0; margin-bottom: .5em; padding-top: 25% !important; background-image: url("../images/yln-header-new.jpg"); background-repeat: no-repeat; background-size: cover; text-indent: -9999px; }
.yln-intro { padding: 1em 2em; }

.yln-subscribe-wrap { background: none !important; width: 600px; margin: 2em auto 0 auto; }
.yln-email-label { font-size: 18px; line-height: 32px; }
.yln-email-field { height: 17px; float: left; margin: 0 15px; width: 300px; }
.yln-submit-wrap { margin: -33px 0 0 0; }

/* Your Leaning Neighborhood Careers Side Scrolling */
.yln-section { padding: 1em 0 1em 1em; background-image: linear-gradient(0deg, #f4f8fc, #cbddf0); }
.yln-scroller { display: grid; grid-auto-flow: column; grid-auto-columns: 28%; padding: 0; overflow-x: auto; }
.yln-group { display: grid; grid-auto-flow: column; }
.yln-element {  padding: 15px; margin: 10px 0 10px 10px; background: white; border-radius: 5px; }
.yln-element img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 0 .25em 0; }
.snaps-inline { scroll-snap-type: inline mandatory; scroll-padding-inline: 5px; }
.snaps-inline > * { scroll-snap-align: start; }
.yln-element a { text-decoration: none; }
.yln-element a:hover {  text-decoration: underline; color: black;}

#yln-careers-header { background-image: linear-gradient(0deg, #f4f8fc, #cbddf0); padding: 1em 2em; }
.yln-careers-intro { float: left; width: 50%; }
.yln-careers-intro img { width: 30%; height: auto; padding: 0 0 2em 0; }
.yln-careers-main-img { width: 45%; padding-left: 5%; float: right; }
.yln-careers-main-img img { width: 100%; height: auto; }
.yln-link { margin: 0; padding: 0; font-size: 90%; }
.yln-element h3 { margin: 0 0 .25em 0 !important; padding: 0 !important; font-size: 120%; line-height: 125%; font-family: 'Open Sans', sans-serif; font-weight: 700; }

#gradebands-filter,
#cluster-filter, 
#buildingskills-filter { margin: 1em 0 !important; padding: 0 !important; font-size: 120%; }
#gradebands-filter li,
#cluster-filter li, 
#buildingskills-filter li { margin: 0 !important; padding: 0 !important; list-style: none; display: inline-block; line-height: 300%; }
#gradebands-filter li a,
#cluster-filter li a, 
#buildingskills-filter li a { text-decoration: none; padding: .5em 1em; margin: 1em .2em; background: #fff; border-radius: 5px; }
#gradebands-filter li.active a,
#cluster-filter li.active a, 
#buildingskills-filter li.active a { background-color: lightgreen; }

.scroll-rev { display: block; color: orangered; border: none; position: absolute; left: 50px; font-size: 50px; background-color: white; cursor: pointer; margin-top: 100px; opacity: 50%; border-radius: 50%; }
.scroll-fwd { display: block; color: orangered; border: none; position: absolute; right: 20px; font-size: 50px; background-color: white; cursor: pointer; margin-top: 100px; opacity: 50%; border-radius: 50%; }
.scroll-rev:hover,
.scroll-fwd:hover { opacity: 80%; }

/* Pledege Promotion Lightbox */
#fundpromo { max-width: 640px; padding: 20px; background-color: #fff; max-height: 100vh; overflow: scroll; }
#fundpromo img { padding: 0 0 .5em 0; width: auto; max-width: 600px; height: auto; }
.fundcopy { font-size: 100%; }
.fundclose { display: block; text-decoration: none; color: #000; font-size: 80% }
.vietnam-copy p { font-size: 14px !important; }
.vietnam-copy h4 { font-size: 22px; }
#fundpromo hr { background-color: #eee; }
#fundpromo .veterans-day { width: 100%; padding: 0 0 1em 0; }
#fundpromo .veterans-day td { width: 290px; font-size: 15px; vertical-align: top; }
#fundpromo .veterans-day img { width: 290px; height: auto; }

#terms, #nosocial, #wufooform, #faq { background-color: #fff; padding: 1em; width: 600px; overflow: scroll; }

.outdoors-apps tr { vertical-align: top; }
.outdoors-apps td { padding: 0 10px 20px 0; }
.outdoors-apps img { width: 90px; height: auto; }

.littlewomen td { width: 50%; }

.learn-schedule td { width: 40%; padding: 0 5% 2em 5%; text-align: center; vertical-align: top; }
.learn-schedule img { width: 100%; height: auto; padding: 5px 0; }
.learn-schedule a { text-decoration: none; }
.learn-schedule .activities { font-size: 110%; }

.camp-schedule td { padding: 10px; background-color: #fff; }
.vcamp-sidenav { list-style: none; padding: 0; margin: 0 1em 0 .5em; font-size: 100%; }
.vcamp-sidenav li { padding: .5em 0; border-top: 1px solid #eee; float: none; }
.vcamp-sidenav a { text-decoration: none; }
.kids-schedule { width: 90%; }
.kids-schedule td { padding: 5px; vertical-align: top; }
.kids-schedule tr:nth-child(odd) { background-color: #fff; }

#tv-schedule-ad { margin: 0 0 1em 0; }
.g-4 { float: left; width: 728px; }
.activate-passport { float: right; text-align: center; width: 432px; height: 90px; background-color: white; font-size: 80% }
.activate-passport img { max-width: 250px; margin: 10px auto 5px auto; }
.activate-passport a { margin: 0 .25em; }


@media (max-width: 1200px) {
.adrotate_widgets img { width: 240px; height: 200px; }
	
#content { margin: 0; padding: 0; width: 640px; }
#sidebar { margin: 0 0 0 20px; padding: 0; width: 270px; }
#sidebar section { padding: 15px; }
article .img { float: left; width: 180px; height: 130px; background-color: #666; margin: 5px 10px 10px 0; }
article .article { margin: 0 0 0 195px; }
article.passport-feature .img { float: left; width: 293px; height: 200px; }
article.passport-feature .img img { width: 100%; height: 100%; object-fit: cover; }
article.passport-feature h3 { font-size: 180%; }
article.passport-feature .article { margin: 0 0 0 308px; min-height: 210px; }
#watchonline img { width: 116px; height: 64; float: left; margin: 2px; }
.featured-image { width: 640px; height: 246px; overflow: hidden; margin: 0 0 1em 0; }

article.pledge-item img { max-width: 100%; max-height: 150px; margin: 0; width: auto; height: auto; }
.pledge-img { width: 160px; max-height: 150px; float: left; /*border: 10px solid #fff;*/ padding: 10px; text-align: center; background-color: #fff; vertical-align: middle; }

#conndinner16 #content { padding: 1em 0 1em 1em; width: 620px; }
article.auction-item { border-bottom: 2px solid #eee; min-height: 133px; }
article.auction-item img { max-width: 100%; max-height: 180px; margin: 0; width: auto; height: auto; }
.auction-img { width: 180px; max-height: 180px; float: left; padding: 0; text-align: center; background-color: #fff; vertical-align: middle; }

.underwriters { font-size: 80%; padding: 0 0 1em 0; }
.underwriters li { float: left; width: 300px; display: block; padding: .5em 0; margin: 0 20px 0 0; border-top: 2px solid #fff; }
.underwriters li a { text-decoration: none; }
	
/*** LEARNING AT HOME ***/
#learningathome-intro { padding: 1em 0; background-color:#fff; clear: both; }
.learningathome { background-image: linear-gradient(0deg, #f4f8fc, #cbddf0/*#eaeaea, #d0d0d0*/); padding: 2em 0; clear: both; }
.learningathome h2 { color: #008eb0; }
.lah-logo { width: 360px; height: auto; padding: 5px 70px 40px 0; float: left; }
.lah-nav { list-style: none; padding: 0; margin: 0 auto; }
.lah-nav li { display: block; float: left; }
.lah-nav li a { color: #008eb0; display: block; padding: 7px 10px; background-color: #f0f0f0; margin: 0 8px 0 0; border-radius: 5px; text-decoration: none; font-size: 90%; }
.lah-nav li a:hover { background-color: #efc903; color: #000; }
.lah { margin: 0 .5% .5% 0; padding: 1%; width: 22.5%; float: left; clear: none; background-color: #fff; border: none; }
.lah img { margin: 0 0 5px 0; padding: 0; width: 100%; height: auto; }
.lah-article h3 { margin: 0; padding: 0 0 .25em 0; line-height: 120%; }
.lah-article p { margin: 0; padding: 0; font-size: 75%; }
.lah-schedule h3 { font-size: 130%; margin: 0; padding: 0; line-height: 120%; }
.lah h3 { font-size: 100% !important }
.lah h3 a { text-decoration: none; }
.lah h3 a:hover { text-decoration: underline; color: #000; }
.lah-schedule h4 { font-size: 80%; margin: 0; padding: 0 0 .25em 0; line-height: 120%; font-family: 'Open Sans', sans-serif; }
.lah-schedule p { margin: 0; padding: .25em 0 0 0; font-size: 80%; }
.lah-schedule a.btn { text-decoration: none; display: block; padding: 8px 0; width: 100%; margin: 2px auto; border-radius: 5px; color: #fff; background-color: #008eb0; }
.lah-schedule a.btn:after { content: ' \00BB'}
.lah-schedule a.btn:hover { color: #000; background-color: #efc903; }
.lah-schedule { text-align: center; }
.lah-article {  }
.lah-schedule-wrap { }
.aow, .sci-u-aow { font-size: 70%; }
	
.activate-passport { width: 212px; font-size: 75% }
.activate-passport img { max-width: 180px; margin: 10px auto 5px auto; }
}


@media only screen and ( min-width: 768px) and ( max-width: 960px ) {
.adrotate_widgets img { width: 300px; height: 250px; }
#content { margin: 0; padding: 0; width: auto; float: none; }
#sidebar { margin: 2em 0 0 0; padding: 0; width: auto; float: none; }
#sidebar section { padding: 15px; width: auto; margin: 0 0 1em 0; clear: both; }
article .img { float: left; width: 180px; height: 130px; background-color: #666; margin: 5 10px 10px 0; }
article ul.post-categories { text-transform: uppercase; list-style: none; margin: -.75em 0 1em 195px; padding: 0 0 .2em 0; }
.article { margin: 0 0 0 190px; }
#watchonline img { width: 210px; height: auto; float: left; margin: 10px; }
.featured-image { width: auto; height: 280px; overflow: hidden; margin: 0 0 1em 0; }

article.pledge-item img { max-width: 100%; max-height: 150px; margin: 0; width: auto; height: auto; }
.pledge-img { width: 160px; max-height: 150px; float: left; /*border: 10px solid #fff;*/ padding: 10px; text-align: center; background-color: #fff; vertical-align: middle; }

.underwriters { font-size: 90%; padding: 0 0 1em 0; }
.underwriters li { float: left; width: 330px; display: block; padding: .5em 0; margin: 0 30px 0 0; border-top: 2px solid #fff; }
.underwriters li a { text-decoration: none; }

ul#filterOptions {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
	list-style: none;
}

/* Pledege Promotion Lightbox */
#fundpromo { max-width: 640px; padding: 20px; background-color: #fff; }
#fundpromo img { padding: 0 0 .5em 0; max-width: 600px; height: auto; }

#all-staff-recordings li { float: left; width: 42%; margin: 0 2% 2% 0; padding: 2%; list-style-type: none; color: #999; height: 30px; line-height: 30px; background-color: #fff; font-size: 120%; }
	
	
/*** LEARNING AT HOME ***/
#learningathome-intro { padding: 1em 0; background-color:#fff; clear: both; }
#learningathome-intro h1 { padding-top: .5em; font-size: 160%; }
#learningathome-intro p { font-size: 85% }
.learningathome { background-image: linear-gradient(0deg, #f4f8fc, #cbddf0/*#eaeaea, #d0d0d0*/); padding: 2em 0; clear: both; }
.learningathome h2 { color: #008eb0; }
.lah-logo { width: 270px; height: auto; padding: 5px 50px 50px 0; float: left; }
.lah-nav { list-style: none; padding: 0; margin: 0 auto; }
.lah-nav li { display: block; float: left; }
.lah-nav li a { color: #008eb0; display: block; padding: 7px 10px; background-color: #f0f0f0; margin: 0 4px 0 0; border-radius: 5px; text-decoration: none; font-size: 85%; }
.lah-nav li a:hover { background-color: #efc903; color: #000; }
.lah { margin: 0 1% 1% 0; padding: 1.5%; width: 46%; float: left; clear: none; background-color: #fff; border: none; }
.lah img { margin: 0 0 5px 0; padding: 0; width: 100%; height: auto; }
.lah-article h3 { font-size: 120%; margin: 0; padding: 0 0 .25em 0; line-height: 120%; }
.lah-article p { margin: 0; padding: 0; font-size: 80%; }
.lah-schedule h3 { font-size: 130%; margin: 0; padding: 0; line-height: 120%; }
.lah h3 { font-size: 120% !important }
.lah h3 a { text-decoration: none; }
.lah h3 a:hover { text-decoration: underline; color: #000; }
.lah-schedule h4 { font-size: 80%; margin: 0; padding: 0 0 .25em 0; line-height: 120%; font-family: 'Open Sans', sans-serif; }
.lah-schedule p { margin: 0; padding: .25em 0 0 0; font-size: 80%; }
.lah-schedule a.btn { text-decoration: none; display: block; padding: 8px 0; width: 100%; margin: 2px auto; border-radius: 5px; color: #fff; background-color: #008eb0; }
.lah-schedule a.btn:after { content: ' \00BB'}
.lah-schedule a.btn:hover { color: #000; background-color: #efc903; }
.lah-schedule { text-align: center; min-height: 0; }
#learningathome-webinars-upcoming .lah { margin: 0 1% 1% 0; padding: 1.5%; width: 46%; float: left; clear: none; background-color: #fff; border: none; overflow: hidden; }

.g-4 { float: none; }
.activate-passport { float: none; width: 728px; font-size: 80% }
.activate-passport img { max-width: 250px; margin: 10px auto 5px auto; }
	
.yln-scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 43%;
  padding: 0;
  overflow-x: auto;
}
.scroll-controls { display: none; }
	
}

@media only screen and ( max-width: 767px) { 
.adrotate_widgets img { width: 100%; height: auto; max-width: 300px; max-height: 250px; }
#main { padding: 10px; clear: both; }
#content { margin: 0; padding: 10px; width: auto; float: none; clear: both; }
#sidebar { margin: 0 10px; padding: 0; width: auto; float: none; clear: both; }
#sidebar section { padding: 20px; }
article h3 { font-size: 130%; }
article h5 { font-size: 110%; }
article p { margin: 0 0 1em 0; }
article .img { float: right; width: 110px; height: 90px; margin: 5px 0 5px 10px;  }
article .article { margin: 0; min-height: 0; }
article ul.post-categories { text-transform: uppercase; list-style: none; margin: -.75em 0 1em 0; padding: 0 0 .2em 0; }
#watchonline img { width: 140px; height: auto; float: left; margin: 5px; }
#register { background-color: #eee; padding: 1em; width: auto; height: auto; overflow: scroll; max-width:none; }
.passport-icon img { display: none; }

article.passport-feature .img { float: none; width: 100%; height: auto; margin: 0 0 10px 0; overflow: hidden;  }
article.passport-feature .img img { width: 100%; height: 100%; object-fit: cover; }
article.passport-feature h3 { font-size: 180%; }
article.passport-feature .article { margin: 0; min-height: none; }

.featured-image img { width: 100%; height: auto; margin: 0; } 
.featured-image { width: 100%; height: 100%; overflow: hidden; margin: 0 0 1em 0; }

article.pledge-item img { max-width: 100%; max-height: 150px; margin: 0; width: auto; height: auto; }
.pledge-img { width: 160px; max-height: 150px; float: none; padding: 10px; text-align: center; background-color: #fff; vertical-align: middle; margin: 0 0 1em 0; }
#conndinner16 #content { padding: 1em; width: auto; }

article.auction { width: auto; }
article.auction-item img { max-width: 100%; max-height: 150px; margin: 0; width: auto; height: auto; }
.auction-img { width: 200px; max-height: 150px; float: none; padding: 0; text-align: center; background-color: #fff; vertical-align: middle; margin: 0 0 1em 0; }

.underwriters { font-size: 90%; padding: 0 0 1em 0; }
.underwriters li { float: none; width: 100%; display: block; padding: .5em 0; margin: 0; border-top: 2px solid #fff; }
.underwriters li a { text-decoration: none; }

table.jobs th, table.jobs td { float: left; clear: left; text-align: left; width: 95%; }
table.jobs td { margin: 0; padding: 0 0 .75em 0 ; }
table.jobs th { margin: 0; padding: 0; }

#alert { clear: both; background: #effeb9; padding: 1em; border-bottom: 1px solid #bfcc84; }
#pledge-alert { background: #effeb9; padding: 1em; border-bottom: 1px solid #bfcc84; clear: both; }

.ss-performers td { font-size: 80%; }
	
.rep-bios { width: auto; }

ul#filterOptions {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
	list-style: none;
}

#all-staff-notes li { float: none; width: 80%; margin: 0 2% 2% 0; padding: 2% 2% 2% 55px; list-style-type: none; color: #999; height: 30px; line-height: 30px; background-color: #fff; background-image:url('../images/icon-doc-dwnld-off.png'); background-repeat: no-repeat; background-position: 15px 10px; }

/* Pledege Promotion Lightbox */
#fundpromo { max-width: 340px; padding: 10px; background-color: #fff; font-size: 80%; }
#fundpromo img { padding: 0 0 .5em 0; max-width: 320px; height: auto; }
.fundcopy { font-size: 120%; }
.fundclose { display: block; text-decoration: none; color: #000; font-size: 80% }
.vietnam-copy p { font-size: 13px !important; }
.vietnam-copy img { display: none; }
.vietnam-copy h4 { font-size: 18px; }
#fundpromo hr { background-color: #eee; }
#fundpromo .veterans-day { width: 100%; padding: 0 0 1em 0; }
#fundpromo .veterans-day td { width: 290px; font-size: 12px; vertical-align: top; }
#fundpromo .veterans-day img { display: none }

#logo-download { padding: 1em 0 4em 0; }
#logo-download img { max-width: 300px; height: auto; }
#logo-download td:nth-child(odd) { padding: 1em 0; border-bottom: none; border-top: 2px solid white; float: left; clear: left; }
#logo-download td:nth-child(even) { padding: 0 0 1em 0; border-bottom: none; border-top: none; float: left; clear: left; }

#terms, #nosocial { background-color: #fff; padding: 1em; max-width: auto; }

#all-staff-recordings li { float: none; width: 96%; margin: 0 0 2% 0; padding: 2%; list-style-type: none; color: #999; height: 30px; line-height: 30px; background-color: #fff; font-size: 120%; }
	
/*** LEARNING AT HOME ***/
#learningathome-intro { padding: 0; background-color:#fff; clear: both; }
#learningathome-intro h1 { padding-top: .5em; font-size: 160%; }
#learningathome-intro p { font-size: 85% }
.learningathome { background-image: linear-gradient(0deg, #f4f8fc, #cbddf0/*#eaeaea, #d0d0d0*/); padding: 1em; clear: both; }
.learningathome h2 { color: #008eb0; }
.lah-logo { max-width: 320px; height: auto; padding: 0 0 1em 0; float: none; }
.lah-nav { list-style: none; padding: 0; margin: 0 auto; }
.lah-nav li { display: block; float: left; }
.lah-nav li a { color: #008eb0; display: block; padding: 7px 10px; background-color: #f0f0f0; margin: 0 4px 0 0; border-radius: 5px; text-decoration: none; font-size: 85%; }
.lah-nav li a:hover { background-color: #efc903; color: #000; }
.lah { margin: 0 0 10px 0; padding: 2%; width: 96%; float: none; clear: none; background-color: #fff; border: none; }
.lah img { margin: 0 0 5px 0; padding: 0; width: 100%; height: auto; }
.lah-article h3 { margin: 0; padding: 0 0 .25em 0; line-height: 120%; }
.lah-article p { margin: 0; padding: 0; font-size: 80%; }
.lah-schedule h3 { font-size: 130%; margin: 0; padding: 0; line-height: 120%; }
.lah h3 { font-size: 120% !important }
.lah h3 a { text-decoration: none; }
.lah h3 a:hover { text-decoration: underline; color: #000; }
.lah-schedule h4 { font-size: 80%; margin: 0; padding: 0 0 .25em 0; line-height: 120%; font-family: 'Open Sans', sans-serif; }
.lah-schedule p { margin: 0; padding: .25em 0 0 0; font-size: 80%; }
.lah-schedule a.btn { text-decoration: none; display: block; padding: 8px 0; width: 100%; margin: 2px auto; border-radius: 5px; color: #fff; background-color: #008eb0; }
.lah-schedule a.btn:after { content: ' \00BB'}
.lah-schedule a.btn:hover { color: #000; background-color: #efc903; }
.lah-schedule { text-align: center; }
.lah-schedule { text-align: center; min-height: 0; }
#learningathome-webinars-upcoming .lah { margin: 0 0 10px 0; padding: 2%; width: 96%; float: none; clear: none; background-color: #fff; border: none; overflow: hidden; }
	
#yln-header { width: 100%; height: 0; margin-bottom: .5em; padding-top: 33.33% !important; background-image: url("../images/yln-header-mobile.jpg"); background-repeat: no-repeat; background-size: cover; text-indent: -9999px; }
.yln-intro { padding: 1em; }	
.yln-subscribe-wrap { background: none !important; width: auto; max-width: 300px; margin: 2em auto 0 auto; }
.yln-email-label { font-size: 18px; line-height: 32px; }
.yln-email-field { height: auto !important; font-size: 18px; float: none; margin: 0 0 1em 0; width: 300px; text-align: left; padding: 5px; }
.yln-submit-wrap { margin: 0; }
	
.yln-scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 85%;
  padding: 0;
  overflow-x: auto;
}
.scroll-controls { display: none; }
.yln-careers-intro { float: none; width: auto; }
.yln-careers-intro img { width: 50%; height: auto; padding: 0 0 2em 0; }
.yln-careers-main-img { width: auto; padding: 1em 0; float: none; }

.lah-footer-logos { margin: 0 auto; width: auto; }
.lah-footer-logos img { max-width: 300px !important; padding: 0 0 1em 0; margin: 0 auto; }
	
.g-4 { float: none; width: auto; }
.g-4 img { width: 100%; height: auto; }
.activate-passport { float: right; text-align: center; width: 100%; height: 90px; font-size: 80% }
.activate-passport img { max-width: 250px; margin: 10px auto 5px auto; }
.activate-passport a { margin: 0 .25em; }
	
.gallery-icon { width: 145px; height: 145px; margin: 0 auto;  }
}