@charset "UTF-8"; @import url(reset.css); @font-face { font-family: 'BebasRegular'; src: url("/fonts/bebas/bebas___-webfont.eot"); src: url("/fonts/bebas/bebas___-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas/bebas___-webfont.woff") format("woff"), url("/fonts/bebas/bebas___-webfont.ttf") format("truetype"), url("/fonts/bebas/bebas___-webfont.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'thirsty_roughregular'; src: url("/fonts/thirsty-rough-regular/thirstyroughregular-webfont.eot"); src: url("/fonts/thirsty-rough-regular/thirstyroughregular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/thirsty-rough-regular/thirstyroughregular-webfont.woff") format("woff"), url("/fonts/thirsty-rough-regular/thirstyroughregular-webfont.ttf") format("truetype"), url("/fonts/thirsty-rough-regular/thirstyroughregular-webfont.svg#thirsty_roughregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'thirsty_scriptbold'; src: url("/fonts/thirsty-script-bold/yellow_design_studio_-_thirstyscript-bold-webfont.eot"); src: url("/fonts/thirsty-script-bold/yellow_design_studio_-_thirstyscript-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/thirsty-script-bold/yellow_design_studio_-_thirstyscript-bold-webfont.woff") format("woff"), url("/fonts/thirsty-script-bold/yellow_design_studio_-_thirstyscript-bold-webfont.ttf") format("truetype"), url("/fonts/thirsty-script-bold/yellow_design_studio_-_thirstyscript-bold-webfont.svg#thirsty_scriptbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'feliceregular'; src: url("/fonts/nootype_-_felice_regular/nootype_-_felice_regular-webfont.eot"); src: url("/fonts/nootype_-_felice_regular/nootype_-_felice_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/nootype_-_felice_regular/nootype_-_felice_regular-webfont.woff") format("woff"), url("/fonts/nootype_-_felice_regular/nootype_-_felice_regular-webfont.ttf") format("truetype"), url("/fonts/nootype_-_felice_regular/nootype_-_felice_regular-webfont.svg#feliceregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'feliceitalic'; src: url("/fonts/nootype_-_felice_italic/nootype_-_felice_italic-webfont.eot"); src: url("/fonts/nootype_-_felice_italic/nootype_-_felice_italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/nootype_-_felice_italic/nootype_-_felice_italic-webfont.woff") format("woff"), url("/fonts/nootype_-_felice_italic/nootype_-_felice_italic-webfont.ttf") format("truetype"), url("/fonts/nootype_-_felice_italic/nootype_-_felice_italic-webfont.svg#feliceitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'iconicfill'; src: url("/fonts/iconic_fill/iconic_fill.eot"); src: url("/fonts/iconic_fill/iconic_fill.eot?#iefix") format("embedded-opentype"), url("/fonts/iconic_fill/iconic_fill.woff") format("woff"), url("/fonts/iconic_fill/iconic_fill.ttf") format("truetype"), url("/fonts/iconic_fill/iconic_fill.svg#iconicfill") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url("/fonts/font-awesome/fontawesome-webfont.eot?v=3.0.1"); src: url("/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("/fonts/font-awesome/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("/fonts/font-awesome/fontawesome-webfont.ttf?v=3.0.1") format("truetype"); font-weight: normal; font-style: normal; } html, body { min-height: 100%; } body { background-image: url(/images/color-bars.svg); background-size: 229px; background-color: #eeeeee; background-repeat: no-repeat; background-position: 50% 100%; /*@include retinize(/images/updates/color-bars,png,229px 16px);*/ margin: 0; padding: 0; font: 1em 'AvenirLTStd-Book',sans-serif; } a { color: #801214; text-decoration: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } a:hover { text-decoration: underline; } h1, h2, h3, h4 { font: normal 1em 'AvenirLTStd-Medium',sans-serif; } h1 { margin: .5em 6%; padding-top: .3em; clear: both; font: normal 2.8em/.9 'AvenirLTStd-Light',sans-serif; color: #9fa1a4; text-transform: uppercase; } h2 { margin: 1.3em 0 .3em; font-size: 1.6em; line-height: 1.1; } h3 { margin: 1.4em 0 .3em; font-weight: 500; font-size: 1.4em; } h2 + h3 { margin-top: 0; } h4 { font-weight: normal; font-size: 1.2em; color: #333; } p { margin: 0 0 1.4em; } li { margin: 0 0 .8em; list-style-position: outside; } b, strong { font-weight: normal; font-family: 'AvenirLTStd-Heavy',sans-serif; } em { font-style: normal; font-family: 'AvenirLTStd-BookOblique',sans-serif; } em strong, strong em { font-family: 'AvenirLTStd-HeavyOblique',sans-serif; } img { max-width: 100%; height: auto; border: none; } hr { display: none; } label { display: block; } ul.bullets { margin: 0 0 0 1.67em; list-style: disc; } ul.bullets ul { margin: .75em 0 1em 1.67em; list-style: circle; } ol { margin: 0 0 0 2.3em; } ol ol { list-style: lower-alpha; } iframe, object { width: 100%; max-width: 100%; margin-bottom: 25px; } q { font-style: italic; } q:before { content: "\201C"; } q:after { content: "\201D"; } blockquote { margin: 0 .5em 1.4em; } input[type=submit].button { padding: 2px 8px; border: none; font: 1em 'AvenirLTStd-Book','Avenir',sans-serif; cursor: pointer; } textarea { max-width: 95%; } figure { margin: 0; max-width: 100%; } figure img { margin: 0 0 .2em; } #main figure img { max-width: 100%; } figure img.alignleft, figure img.alignright { float: none; margin: 0 0 .2em; } figure figcaption { font-size: .8em; font-style: italic; color: #9fa1a4; } @media only screen and (min-width: 768px) { figure { max-width: 40%; } } dl { margin: 0 0 1.2em; } dt { margin: 1em 0 0; font-weight: bold; } dd { margin: 0 0 0 1.2em; } sup { margin-left: .2em; vertical-align: super; font-size: .6em; } ::selection { background: #801214; color: white; } #container-inner { margin: 0 auto; padding: 0; position: relative; } @media only screen and (min-width: 960px) { #container-inner { width: 960px; } } .mobile #container-inner { overflow-x: hidden; } #content { clear: both; overflow-y: auto; padding: 0; background: white; position: relative; border-bottom: #801214 4px solid; } .about #content { border-color: #b26729; } .ministries #content { border-color: #7e8245; } .events #content, .resources #content, .devotions #content { border-color: #e7ba1f; } .news #content { border-color: #758b97; } #head { padding: 0 3%; } @media only screen and (min-width: 960px) { #head { padding: 0; } } #head div.logo a { display: block; height: 4em; min-height: 20px; /*background: url(/images/updates/logomark-horizontal.png) 0 50% no-repeat;*/ background-image: url(/images/logomark-horizontal.svg); background-size: 200px; background-position: 0 50%; background-repeat: no-repeat; /*@include retinize(/images/updates/logomark-horizontal,png,200px 49px);*/ text-indent: -9999px; } #nav-global { float: right; font-size: .8em; } @media only screen and (min-width: 768px) { #nav-global { position: absolute; top: 1.75em; right: 0; float: none; } } #nav-global li { float: left; padding: 0 .75em; border-left: 1px solid #9fa1a4; } #nav-global li.first { border: none; } #nav-global a { display: block; padding: 1px 0 0; color: #9fa1a4; } #nav-global a:hover { color: #6c6e71; } #nav-site ul, #nav-global ul, #nav-section ul { margin: 0; padding: 0; list-style: none; } #nav-site { clear: both; overflow-y: auto; height: auto; padding: 0; background: #535557; } .mobile #nav-site { overflow-y: visible; } #nav-site ul { width: 100%; overflow-y: auto; } #nav-site ul li { float: left; margin: 0; } #nav-site ul li.give, #nav-site ul li.serve, #nav-site ul li.pray { float: right; clear: left; } @media only screen and (min-width: 960px) { #nav-site ul li.give, #nav-site ul li.serve, #nav-site ul li.pray { clear: none; } } #nav-site ul li a { display: block; margin: 0; padding: .6em .7em; font: normal 1.05em/1.1 'AvenirLTStd-Medium',sans-serif; color: white; text-decoration: none; text-transform: lowercase; } #nav-site ul li a:hover, #nav-site ul li.current a { background: #9fa1a4; } #nav-site ul li.about a:hover, #nav-site ul li.current.about a { background: #b26729; } #nav-site ul li.ministries a:hover, #nav-site ul li.current.ministries a { background: #7e8245; } #nav-site ul li.updates a:hover, #nav-site ul li.current.updates a, #nav-site ul li.current-menu-item.updates a, #nav-site ul li.current.video a, #nav-site ul li.current-menu-item.video a, .updates #nav-site ul li.updates a { background: #758b97; } #nav-site ul li.events a:hover, #nav-site ul li.events.current a, #nav-site ul li.resources a:hover, #nav-site ul li.resources.current a { background: #e7ba1f; } #nav-section { position: relative; background: #9fa1a4; text-transform: lowercase; } .about #nav-section, .africa #nav-section, .asia #nav-section, .europe #nav-section, .ncasia #nav-section, .latin #nav-section { background: #b26729; } .ministries #nav-section { background: #7e8245; } .events #nav-section, .resources #nav-section, .devotions #nav-section, .kidz #nav-section { background: #e7ba1f; } .news #nav-section, .updates #nav-section, .video #nav-section { background: #758b97; } #nav-section h2 { margin: 0; padding: .2em; overflow: hidden; text-transform: lowercase; color: white; text-align: right; } @media only screen and (min-width: 768px) { #nav-section h2 { top: .2em; right: .5em; position: absolute; padding: 0; } } #nav-section h2 a { color: white; } #nav-section li { display: inline-block; margin: 0; } #nav-section li a { display: block; padding: .3em .6em; color: white; line-height: 1.8em; } #nav-section li a:hover { background-color: #d3d4d6; color: #6c6e71; text-decoration: none; } @media only screen and (min-width: 768px) { #nav-section li { margin-top: .5em; } #nav-section li a { margin: 0 .6em; padding: 0 0 .2em; border-bottom: 5px solid transparent; } #nav-section li a:hover { background: none; border-bottom-color: white; color: white; } #nav-section li.current a { border-bottom-color: white; } } #nav-section li.current-menu-item a, #nav-section.series li.series a, #nav-section.location li.location a, #nav-section.genre li.genre a, body.alife #nav-section li.alife a, body.news #nav-section li.news a, body.video #nav-section li.video a { border-bottom-color: white; } body.video.search #nav-section li.video a { border-color: transparent; } body.video.search #nav-section li.video a:hover { border-color: white; } #video-browse ul.menu li { display: inline-block; margin-right: 1em; } #video-browse ul.menu li a { padding: .2em .4em; } #browse { /*overflow-y: auto;*/ } #browse ul.menu li { display: inline-block; margin-right: 1em; } #browse ul.menu li a { padding: .2em .4em; } #browse ul.menu li a:hover { background: #801214; color: white; text-decoration: none; } #browse form { position: relative; } #browse form > label, #browse form input[type="submit"] { z-index: 110; position: relative; } #browse form input[type="search"] { float: left; width: 75%; font-size: 1em; } #browse form input[type="submit"] { float: right; width: 20%; margin: 0; padding: 0; font-size: 1em; } #browse form fieldset#default-search { width: 100%; } #browse form fieldset#advanced-search { clear: both; margin-bottom: 10%; text-align: right; font-size: .8em; } #browse form fieldset#advanced-search div#advanced-fields { width: 100%; } #browse form fieldset#advanced-search div#advanced-fields ul.types { padding-right: 1em; } #browse form fieldset#advanced-search div#advanced-fields ul.types li { display: inline-block; width: auto; margin: 0 0 0 1.2em; } #browse form fieldset#advanced-search div#advanced-fields ul.types li label { width: 100%; } #browse form fieldset#advanced-search legend { display: none; } @media only screen and (min-width: 768px) { #browse h2 { display: none; } #browse div, #browse form { width: 48%; } #browse ul.menu li { margin-right: 0; } #browse ul.menu li a { padding: .2em 0; } #browse ul.menu li a:hover { background: transparent; } #browse form { position: absolute; bottom: 0; right: 0; padding: 0; } #browse form label { float: left; width: 75%; } #browse form input[type="search"] { width: 100%; float: none; } #browse form fieldset#default-search { position: relative; z-index: 110; width: auto; padding: 0 .6em .6em; background-color: #758b97; } #browse form fieldset#advanced-search { margin-bottom: 0; color: white; } .js #browse form fieldset#advanced-search { z-index: 109; position: absolute; right: 0; top: .75em; background-color: #758b97; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .js #browse form fieldset#advanced-search legend { display: block; position: absolute; bottom: -2em; right: .8em; cursor: pointer; padding: .8em .6em .3em; background-color: #758b97; border-radius: 0 0 .3em .3em; } .js #browse form fieldset#advanced-search.open { top: 2.5em; } } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .collapsible h2 { padding: .5em 0 .5em .25em; cursor: pointer; } .collapsible h2:before { display: inline-block; width: .7em; height: .7em; content: ""; background-size: contain; margin: auto .25em auto 0; } .collapsible.collapsed h2:before { background: url(/images/plus-sign.svg) no-repeat; } .collapsible.expanded h2:before { background: url(/images/minus-sign.svg) no-repeat; } .collapsible .collapser { padding: 0 0 0 1.925em; } .updates-home #main #news, .updates-home #main #alife, .updates-home #main #video { margin-bottom: 80px; } .updates-home #main #news h3 { margin: 0; } .updates-home #main #news p { font-size: .8em; } .updates-home #main #news p.post-date { margin-bottom: .5em; color: #666; } .updates-home #main #alife h3 { margin: 0; } .updates-home #main #alife #issue-info { margin-bottom: 1.5em; position: relative; } .updates-home #main #alife #issue-info strong { display: block; text-decoration: none; font: 1.4em 'AvenirLTStd-Roman',sans-serif; } .updates-home #main #alife #issue-info img { max-width: 100%; width: intrinsic; margin-bottom: .4em; } .updates-home #main #alife #issue-info a:after { position: absolute; top: 60%; left: -.45em; content: 'See Inside'; display: inline-block; padding: .2em 2em .2em 1em; background-color: rgba(128, 18, 20, 0.7); font: normal 1.3em 'AvenirLTStd-Medium',sans-serif; color: white; box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.35); } .updates-home #main #video img { max-width: none; } .updates-home #main #video .video-row { margin-bottom: 0; } .updates-home #main .article { margin-bottom: 2em; } @media only screen and (min-width: 768px) { .updates-home #main h1 { margin: .5em 6% .5em 0; padding-top: .3em; } .updates-home #news, .updates-home #alife { float: left; width: 45%; margin: 0 5% 5% 0; } .updates-home #video { clear: both; } } #nav-sibling { margin: 0 3% 3%; } @media only screen and (min-width: 768px) { #nav-sibling { width: 24%; margin: 0 3% 3% 1%; } #nav-sibling { clear: right; float: right; margin: 0 0 3% 3%; } #nav-sibling li a:hover, #nav-sibling li.current a { background: transparent; } } #crumbs { display: none; padding: 0 3% 3%; color: #9fa1a4; font-size: .8em; text-align: right; } @media only screen and (min-width: 768px) { #crumbs { position: absolute; top: 0; right: 0; padding-top: 1.5%; } } #main, #share { margin-left: 6%; margin-right: 6%; } #lead img, #main img { max-width: 50%; } @media only screen and (min-width: 768px) { #lead img, #main img { max-width: 40%; } } #lead ul.people img, #lead ul.photos img, #main ul.people img, #main ul.photos img { max-width: 100%; margin: 0 auto .2em; } #lead ul.people img, #lead ul.photos img, #main ul.people img, #main ul.photos img { clear: left; float: left; margin: 0 3% 3% 0; } #lead ul.people.cabinet img, #main ul.people.cabinet img { float: none; margin: 0; } #lead { position: relative; z-index: 5; font-size: 1.1em; } #content > #lead { margin-left: 6%; margin-right: 6%; } #content > #lead h2 { margin-left: 0; margin-right: 0; } .single #content > #lead { margin: 0; } .single-alife #content > #lead { margin-bottom: 5%; } #lead q { font-style: normal; } #lead q:before, #lead q:after { font: normal 3em/.2 'thirsty_roughregular'; color: #d3d4d6; vertical-align: bottom; } @media only screen and (min-width: 768px) { .secondary #lead, .tertiary #lead, .quad #lead, .events #lead { margin-bottom: 3%; } } #lead > p { margin: 0 6%; } #lead h2 { margin-top: 0; border-bottom: 0; font-style: italic; color: #333; } #lead .hook img { max-width: 100%; } #lead > h2 { margin: 0 6% .4em; } @-webkit-keyframes featuredMotion { 0% { -webkit-transform: translate(0, 0) scale(1); } 100% { -webkit-transform: translate(0, -20px) scale(1.03); } } @-moz-keyframes featuredMotion { 0% { -moz-transform: translate(0, 0) scale(1); } 100% { -moz-transform: translate(0, -20px) scale(1.03); } } @-o-keyframes featuredMotion { 0% { -o-transform: translate(0, 0) scale(1); } 100% { -o-transform: translate(0, -20px) scale(1.03); } } @keyframes featuredMotion { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(0, -20px) scale(1.03); } } @media only screen and (min-width: 960px) { #urgent .hook, .home #featured .hook { overflow: hidden; height: 300px; width: 960px; position: relative; } #urgent .hook img, .home #featured .hook img { position: absolute; -webkit-animation: featuredMotion 6s ease 1 alternate forwards; -moz-animation: featuredMotion 6s ease 1 alternate forwards; -o-animation: featuredMotion 6s ease 1 alternate forwards; animation: featuredMotion 6s ease 1 alternate forwards; } } #main h2:first-of-type, #sub h2:first-of-type { margin-top: 0; } #main { clear: left; float: left; position: relative; z-index: 5; width: 88%; margin: 0 6% 6%; } #main .infoList img { max-width: 100%; } #main .infoList ul { clear: left; } @media only screen and (min-width: 768px) { .secondary #main, .tertiary #main, .quad #main, .events #main, .single-alife #main { width: 58%; margin: 0 2% 3% 6%; } .events.council #main { width: 88%; margin: 0 6% 6%; } #main .infoList { margin-bottom: 5%; } #main .infoList img { max-width: 40%; } #main .infoList ul { padding-left: 42%; clear: none; } } #main div.group { overflow-y: auto; } #main div.group .item { clear: both; margin-bottom: 10%; } @media only screen and (min-width: 768px) { #main div.group .item.school { float: left; clear: none; width: 45%; margin-right: 5%; } #main div.group .item.school:nth-child(2n+1) { clear: left; } } #main h1 { margin: 0 0 .5em; padding: 0; } #main a.left img, #main a.right img { max-width: 100%; } #main a.avatar.small img { max-width: 40px; } #main .afg-table { overflow-y: auto; } #main .afg-table .afg-row { float: left; margin: 0 1em 1em 0; } #main .afg-table .afg-row a { display: block; } #main .afg-table .afg-row a img { max-width: 100%; } #main div#ftr-connect.clear { left: 0 !important; padding: 3% 6%; } #main div#ftr-connect.clear h4 { display: block; float: none; } #main div#ftr-connect.clear li a { color: #6c6e71; font-size: .8em; } #sub { width: 88%; margin: 6%; font-size: .9em; clear: both; } @media only screen and (min-width: 768px) { .secondary #sub, .tertiary #sub, .quad #sub, .events #sub, .single-alife #sub { clear: right; float: right; margin: 0 6% 6% 0%; width: 25%; } } #sub h2 img { max-width: 25%; } #resource-links li img { margin-right: .5em; } #regions, #sasquatch { width: 94%; margin: 3%; } #regions div, #sasquatch div { overflow-y: auto; clear: left; margin-bottom: 3%; border-bottom: solid 1px #9fa1a4; } #regions div:first-of-type h2, #sasquatch div:first-of-type h2 { margin-top: 0; } #regions div:last-of-type, #sasquatch div:last-of-type { border-bottom: none; } #regions h2, #sasquatch h2 { margin-bottom: 1em; } #regions li, #sasquatch li { float: left; width: 47%; margin: 0 3% 5% 0; } #regions li:nth-child(2n+1), #sasquatch li:nth-child(2n+1) { clear: left; } @media only screen and (min-width: 768px) { #regions li, #sasquatch li { width: 30%; } #regions li:nth-child(2n+1), #sasquatch li:nth-child(2n+1) { clear: none; } #regions li:nth-child(3n+1), #sasquatch li:nth-child(3n+1) { clear: left; } } #workers.workers div.imworker { clear: left; overflow-y: auto; margin-bottom: 5%; } #workers.workers div.imworker h3 { margin-top: 0; } #workers.workers div.imworker h3 a img { max-width: 20%; } #workers.workers div.imworker h3 a img { clear: left; float: left; margin: 0 3% 3% 0; } #share { clear: both; overflow-y: auto; margin-bottom: 1em; } #share h3 { float: left; margin: 0 1em 0 0; font-size: 1.2em; line-height: 30px; } #share li { float: left; margin: 0 10px 0 0; } #share li a { display: block; padding: .2em .4em .2em 35px; line-height: 30px; background-repeat: no-repeat; background-position: 0 50%; background-size: 40%; text-decoration: none; color: #9fa1a4; } #share li a:hover { background-color: #eeeeee; color: #6c6e71; } #share li.facebook a { background-image: url(/images/icons/facebook.svg); } #share li.twitter a { background-image: url(/images/icons/twitter.svg); } @media only screen and (min-width: 960px) { #share { position: fixed; right: -1px; top: 30%; z-index: 100; margin: 0; padding: .5em; background: #e9edef; background: rgba(233, 237, 239, 0.8); border: 1px #666 solid; } #share li { float: none; } #share h3 { display: none; } } #gps { display: none; position: relative; clear: both; overflow-y: auto; margin: 0; padding: 0 3% 3%; border-top: 5px solid #801214; } @media only screen and (min-width: 768px) { #gps { padding: 0; } } #gps h2 { margin: .5em 0 0; border-bottom: 0; font: 200 1.5em/1.2 'AvenirLTStd-Roman',sans-serif; text-transform: lowercase; color: #9fa1a4; } @media only screen and (min-width: 768px) { #gps h2 { margin: .5em 1em 0; } } #gps h3 { margin: 0 0 .5em; } #gps h3 a { font: normal 2.5em/1.1 'thirsty_roughregular'; color: #9fa1a4; text-transform: lowercase; text-decoration: none; } #gps h3 a:hover { color: #e7ba1f; } #gps p { margin: 0; } @media only screen and (min-width: 768px) { #gps div { float: left; margin: 0 0 2%; padding: 0 2%; width: 29%; } } #mc-embedded-subscribe-form { margin: 0; } #footer { clear: both; overflow-y: auto; padding: 15px 10px 0; color: #6c6e71; font-size: .8em; } #footer a { color: #9fa1a4; text-decoration: none; } #footer a:hover { color: #6c6e71; text-decoration: underline; } #footer h4 { margin: 0; } #ftr-connect, #ftr-info, #ftr-misc { clear: both; overflow-y: auto; margin: 0 0 3%; } @media only screen and (min-width: 768px) { #ftr-connect, #ftr-info, #ftr-misc { clear: none; } } #ftr-connect ul, #main-connect ul { margin: 0; padding: 0; list-style: none; } #ftr-connect li, #main-connect li { float: left; margin-right: 1.5em; } #ftr-connect li a, #main-connect li a { display: block; padding: .2em .6em .2em 35px; line-height: 30px; background-repeat: no-repeat; background-position: 0 50%; background-size: contain; } #ftr-connect li a:hover, #main-connect li a:hover { background-color: #fafafa; text-decoration: none; } #ftr-connect li a img, #main-connect li a img { float: left; margin-right: .3em; } #ftr-connect li.facebook a, #main-connect li.facebook a { background-image: url(/images/icons/facebook.svg); } #ftr-connect li.twitter a, #main-connect li.twitter a { background-image: url(/images/icons/twitter.svg); } #ftr-connect li.instagram a, #main-connect li.instagram a { background-image: url(/images/icons/instagram.svg); } #ftr-connect li.mycma a, #main-connect li.mycma a { background-image: url(/images/icons/mycma.svg); } #ftr-connect li.alife a, #main-connect li.alife a { background-image: url(/images/icons/al.svg); } #ftr-connect li.rss a, #main-connect li.rss a { background-image: url(/images/icons/rss.svg); } #ftr-connect li.podcast a, #main-connect li.podcast a { background-image: url(/images/icons/podcast.svg); } #ftr-connect li.email a, #main-connect li.email a { background-image: url(/images/icons/email.svg); } #ftr-connect li.text a, #main-connect li.text a { background-image: url(/images/icons/text.svg); } #ftr-connect { padding: 0; } #ftr-connect h4 { margin-bottom: .3em; } @media only screen and (min-width: 768px) { #ftr-connect h4 { float: left; margin-right: 1em; line-height: 30px; } } #main-connect { width: 90%; margin: 0 auto; } #main-connect p { text-align: center; margin-bottom: 0; text-transform: capitalize; font-size: 1.25em; } #main-connect ul { text-align: center; } #main-connect li { display: inline-block; float: none; margin-right: .5em; } #main-connect li a { background-size: 63%; background-position: center center; padding: 4em .1em 0; } @media only screen and (min-width: 768px) { #main-connect li { margin-right: 2.5em; } } #ftr-info { padding: 0 0 15px; border-bottom: solid 1px #9fa1a4; } #ftr-info h4 { float: left; margin: 0 30px 0 0; } #ftr-info ul { margin: 0; padding: 0; list-style: none; } #ftr-info ul li { float: left; margin-right: 20px; padding: 1px 0 0; } #ftr-info ul li a { display: block; } #ftr-misc { margin-bottom: 5%; } #ftr-misc ul { padding: 0; list-style: none; } #ftr-misc ul li { float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #9fa1a4; } #ftr-misc ul li.first { margin: 0; padding: 0; border: none; } #ftr-misc ul li:last-of-type { margin-bottom: 1em; } #ftr-misc ul li a { display: block; } #copyright { float: none; clear: both; margin-top: 1em; font-size: .8em; color: #999; } @media only screen and (min-width: 768px) { #copyright { float: right; } } @media only screen and (min-width: 768px) { #churchCountList { display: none; } } #churchCountMap { display: none; } @media only screen and (min-width: 768px) { #churchCountMap { display: inherit; position: absolute; bottom: 600px; left: 1%; margin-bottom: 0; } } #churchSearch { text-align: center; } #churchSearch label { display: inline-block; margin-bottom: .5em; } #churchSearch label input, #churchSearch label select { display: block; } #churchSearch label[for=city], #churchSearch label label[for=state] { margin-right: 1em; } #churchSearch label[for=state] select { width: 4em; font-size: 1.75em; } #churchSearch label[for=zip] input { width: 6em; margin-right: 1em; } #churchSearch input[type=submit] { display: inline-block; padding: .1em .4em; } #churchSearch input[type=button] { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; } #churchSearch input[type=button]:hover { background: #801214; color: white; } #churchSearch span { display: block; margin: 1em; } #churchSearch #currLocContainer, #churchSearch #currAreaContainer { margin-top: 3em; border-top: 1px #9fa1a4 solid; } #churchSearch #currLocContainer input, #churchSearch #currAreaContainer input { margin: 1em auto; } #churchSearch #currLocContainer span, #churchSearch #currAreaContainer span { position: relative; top: -.75em; width: 3em; margin: 0 auto; background: white; } @media only screen and (min-width: 768px) { #churchSearch span { display: inline; } #churchSearch #searchContainer input[type=submit] { display: block; margin: .5em auto 1em; } #churchSearch #currLocContainer input { float: left; margin-left: 10%; } #churchSearch #currLocContainer span { display: block; } #churchSearch #currAreaContainer { overflow-y: auto; margin: 0; border-top: 0; } #churchSearch #currAreaContainer input { float: right; margin-right: 10%; } #churchSearch #currAreaContainer span { display: none; } #churchSearch #gmap { clear: both; } } @media only screen and (min-width: 960px) { #churchSearch { overflow-y: auto; text-align: left; } #churchSearch input[type=submit] { display: block; margin: .5em auto; } #churchSearch span { display: inline; } #churchSearch #searchContainer, #churchSearch #currLocContainer { float: left; } #churchSearch #searchContainer { width: 65%; } #churchSearch #searchContainer label[for=zip] { margin-left: 0; } #churchSearch #currLocContainer, #churchSearch #currAreaContainer { float: right; width: 31%; margin: 0 0 0 -1px; padding: .25em 2%; border-top: 0; border-left: 1px #999 solid; text-align: center; } #churchSearch #currLocContainer input, #churchSearch #currAreaContainer input { display: block; float: none; margin: .5em auto; } #churchSearch #currLocContainer span { display: none; } #churchSearch #currAreaContainer { overflow-y: visible; } #churchSearch #currAreaContainer span { display: block; } } .gm-style-iw img, #churchList h3 { cursor: pointer; } #gmap { width: 100%; } .district #gmap { max-width: 400px; height: 300px; } #gmap h3, #gmap p { margin: 0 0 .1em; } #gmap img { max-width: none; } #gmap div.gm-style { max-width: 100%; width: 100%; } #respond { clear: both; } #commentform #comment { font-size: 1em; } #comments { clear: both; } ol.commentlist { list-style: none; margin-left: 0; } ol.commentlist li.comment { position: relative; padding: 4%; border-bottom: 1px solid #d3d4d6; } ol.commentlist li.comment:last-of-type { border: none; } ol.commentlist div.comment-metadata { position: absolute; right: 0; top: 0; font-size: .8em; } ol.commentlist div.comment-content { margin: .3em 0; padding: .4em; } ol.commentlist div.comment-content p { margin-bottom: .5em; } ol.commentlist div.comment-content p:last-of-type { margin-bottom: 0; } ol.commentlist ul.children { margin-top: 1em; } ol.commentlist ul.children li.comment { border-left: 4px #d3d4d6 solid; } .directions { font-weight: bold; padding: .25em .25em .25em 0; } .pray h2 { text-transform: uppercase; } .pray #printbtn { color: #9fa1a4; } .pray #printbtn img { margin-right: 5px; } .stat, .overlay .hook #desc { display: none; } @media only screen and (min-width: 480px) { .stat, .overlay .hook #desc { display: none; position: absolute; right: -10px; z-index: 99; width: 4em; height: 4em; padding: 0; background: #801214; background: rgba(174, 1, 1, 0.8); color: white; border-radius: 50em; font-size: 4em; text-align: center; } .stat h1, .overlay .hook #desc h1, .stat p, .overlay .hook #desc p { display: table-cell; vertical-align: middle; width: 16em; max-width: 16em; height: 11.5em; margin: 0; padding: 0; font: 100 .35em/1.5 'AvenirLTStd-Light',sans-serif; color: white; text-align: center; letter-spacing: .25em; text-transform: uppercase; } .stat strong, .overlay .hook #desc strong { display: block; margin: .2em 0; font: normal 2.6em/1 'thirsty_roughregular'; text-transform: none; letter-spacing: normal; } .stat strong[data-length='2'], .overlay .hook #desc strong[data-length='2'] { margin: 0; font-size: 4.75em; } .stat strong[data-length='3'], .overlay .hook #desc strong[data-length='3'] { margin: 0; font-size: 4.25em; } .stat strong[data-length='4'], .overlay .hook #desc strong[data-length='4'] { margin: .1em 0; font-size: 3.75em; } .stat strong[data-length='5'], .overlay .hook #desc strong[data-length='5'] { margin: .1em 0; font-size: 3.25em; } .stat strong[data-length='6'], .overlay .hook #desc strong[data-length='6'] { font-size: 3em; } } @media only screen and (min-width: 768px) { .stat, .overlay .hook #desc { display: block; position: absolute; right: 10%; top: 5%; } } .home h1 { display: none; } .home section { overflow: auto; position: relative; clear: both; } .home section header { margin: 0; padding: 3%; color: white; } .home section header h2 { margin: 0; font: 2.5em/1.1 'AvenirLTStd-Light',sans-serif; } .home section header p { display: none; margin: 0; font: 2em 'AvenirLTStd-Light',sans-serif; } .home section div.contents { position: relative; overflow: auto; padding: 3%; } .home section#whoweare header { background: #9fa1a4; } .home section#whoweare .excerpt { font-size: 1.2em; line-height: 1.4; color: #444; } .home section#whoweare .stat { top: auto; bottom: 5%; right: 40%; } @media only screen and (min-width: 768px) { .home section#whoweare div.contents { background: url(/images/african-woman.png) 100% 100% no-repeat; background-size: contain; } .home section#whoweare p { width: 60%; } } .home section#devotional header { background: #b26729; } .home section#devotional p.date { float: right; color: #9fa1a4; } .home section#devotional p.verse span { display: block; text-align: right; } @media only screen and (min-width: 768px) { .home section#devotional { background: url(/images/simpson-tozer-combo.png) 50% 100% no-repeat; background: url(/images/simpson-transparent.png) 0 100% no-repeat, url(/images/tozer-transparent.png) 100% 100% no-repeat; } .home section#devotional #simpson, .home section#devotional #tozer { position: absolute; width: 35%; } .home section#devotional #simpson { left: 31%; bottom: 70%; } .home section#devotional #tozer { right: 25%; bottom: 30%; text-align: right; } } .home section#churches header { margin: 0; background: #7e8245; } .home section#churches div.contents { padding: 0; } .home section#churches aside { z-index: 100; left: 0; top: 0; width: 94%; padding: 3%; background: rgba(255, 255, 255, 0.8); } .home section#churches #gmap, .home section#churches #currAreaContainer { display: none; } @media only screen and (min-width: 550px) { .home section#churches #gmap { display: block; height: 500px; width: 90%; margin: 0 5%; } .home section#churches #currAreaContainer { display: block; } .home section#churches #churchList { display: none; } } @media only screen and (min-width: 1200px) { .home section#churches #gmap { height: 600px; width: 100%; margin: 0; } } .home section#pray header { background: #758b97; } .home section#pray div.contents { background-image: url(/images/pray-home-world.png); background-position: -5% 30%; background-repeat: no-repeat; } .home section#pray[data-location="Africa Regional Office"] div.contents, .home section#pray[data-location="Burkina Faso"] div.contents, .home section#pray[data-location="Congo"] div.contents, .home section#pray[data-location="Côte d’Ivoire"] div.contents, .home section#pray[data-location="FATEAC Seminary (Côte d’Ivoire)"] div.contents, .home section#pray[data-location="Gabon"] div.contents, .home section#pray[data-location="Guinea"] div.contents, .home section#pray[data-location="Mali"] div.contents, .home section#pray[data-location="Republic of the Congo"] div.contents, .home section#pray[data-location="Senegal"] div.contents, .home section#pray[data-location="Dakar Academy (Senegal)"] div.contents { background-image: url(/images/pray-home-africa.png); background-position-x: 110%; } .home section#pray[data-location="Asia and Pacific Regional Office"] div.contents, .home section#pray[data-location="Cambodia"] div.contents, .home section#pray[data-location="Indonesia"] div.contents, .home section#pray[data-location="Japan"] div.contents, .home section#pray[data-location="South Korea"] div.contents, .home section#pray[data-location="Taiwan"] div.contents, .home section#pray[data-location="Thailand"] div.contents { background-image: url(/images/pray-home-asia-pacific.png); background-position-x: -10%; } @media only screen and (min-width: 768px) { .home section#pray[data-location="Asia and Pacific Regional Office"] div.contents, .home section#pray[data-location="Cambodia"] div.contents, .home section#pray[data-location="Indonesia"] div.contents, .home section#pray[data-location="Japan"] div.contents, .home section#pray[data-location="South Korea"] div.contents, .home section#pray[data-location="Taiwan"] div.contents, .home section#pray[data-location="Thailand"] div.contents { background-position-x: 250%; } } .home section#pray[data-location="Latin America Regional Office"] div.contents, .home section#pray[data-location="Argentina"] div.contents, .home section#pray[data-location="Bolivia"] div.contents, .home section#pray[data-location="Brazil"] div.contents, .home section#pray[data-location="Chile"] div.contents, .home section#pray[data-location="Colombia"] div.contents, .home section#pray[data-location="Costa Rica"] div.contents, .home section#pray[data-location="Dominican Republic"] div.contents, .home section#pray[data-location="Ecuador"] div.contents, .home section#pray[data-location="FATELA (Latin American Graduate School of Theology and World Missions)"] div.contents, .home section#pray[data-location="Mexico"] div.contents, .home section#pray[data-location="Panama"] div.contents, .home section#pray[data-location="Paraguay"] div.contents, .home section#pray[data-location="Peru"] div.contents, .home section#pray[data-location="Suriname"] div.contents, .home section#pray[data-location="Uruguay"] div.contents, .home section#pray[data-location="Venezuela"] div.contents { background-image: url(/images/pray-home-latin-america.png); background-position-x: 110%; } .home section#pray[data-location="Europe/Middle East Regional Office"] div.contents, .home section#pray[data-location="Bosnia"] div.contents, .home section#pray[data-location="France"] div.contents, .home section#pray[data-location="Germany"] div.contents, .home section#pray[data-location="Isreal"] div.contents, .home section#pray[data-location="Italy"] div.contents, .home section#pray[data-location="Kosovo"] div.contents, .home section#pray[data-location="Macedonia"] div.contents, .home section#pray[data-location="Poland"] div.contents, .home section#pray[data-location="Portugal"] div.contents, .home section#pray[data-location="Spain"] div.contents { background-image: url(/images/pray-home-europe.png); background-position: -10% 0; } @media only screen and (min-width: 768px) { .home section#pray[data-location="Europe/Middle East Regional Office"] div.contents, .home section#pray[data-location="Bosnia"] div.contents, .home section#pray[data-location="France"] div.contents, .home section#pray[data-location="Germany"] div.contents, .home section#pray[data-location="Isreal"] div.contents, .home section#pray[data-location="Italy"] div.contents, .home section#pray[data-location="Kosovo"] div.contents, .home section#pray[data-location="Macedonia"] div.contents, .home section#pray[data-location="Poland"] div.contents, .home section#pray[data-location="Portugal"] div.contents, .home section#pray[data-location="Spain"] div.contents { background-position-x: 135%; } } .home section#pray[data-location="North and Central Regional Office"] div.contents, .home section#pray[data-location="Mongolia"] div.contents, .home section#pray[data-location="Russia"] div.contents { background-image: url(/images/pray-home-north-central-asia.png); background-position-x: -100%; } .home section#pray[data-location="Church Ministries"] div.contents, .home section#pray[data-location="Alliance Northwest District"] div.contents, .home section#pray[data-location="Cambodian District"] div.contents, .home section#pray[data-location="Central District"] div.contents, .home section#pray[data-location="Central Pacific District"] div.contents, .home section#pray[data-location="Eastern PA District"] div.contents, .home section#pray[data-location="Great Lakes District"] div.contents, .home section#pray[data-location="Hmong District"] div.contents, .home section#pray[data-location="Korean District"] div.contents, .home section#pray[data-location="Metropolitan District"] div.contents, .home section#pray[data-location="Mid-Atlantic District"] div.contents, .home section#pray[data-location="MidAmerica District"] div.contents, .home section#pray[data-location="Midwest District"] div.contents, .home section#pray[data-location="New England District"] div.contents, .home section#pray[data-location="North Central District"] div.contents, .home section#pray[data-location="Northeastern District"] div.contents, .home section#pray[data-location="Ohio Valley District"] div.contents, .home section#pray[data-location="Puerto Rico District"] div.contents, .home section#pray[data-location="Rocky Mountain District"] div.contents, .home section#pray[data-location="South Atlantic District"] div.contents, .home section#pray[data-location="South Pacific District"] div.contents, .home section#pray[data-location="Southeastern District"] div.contents, .home section#pray[data-location="Southern District"] div.contents, .home section#pray[data-location="Southwestern District"] div.contents, .home section#pray[data-location="Spanish Central District"] div.contents, .home section#pray[data-location="Spanish Eastern District"] div.contents, .home section#pray[data-location="Vietnamese District"] div.contents, .home section#pray[data-location="Western Great Lakes District"] div.contents, .home section#pray[data-location="Western PA District"] div.contents, .home section#pray[data-location="Chaplain Ministries"] div.contents, .home section#pray[data-location="Children's Disciplemaking Ministries"] div.contents { background-image: url(/images/pray-home-north-america.png); background-position-x: 10%; } @media only screen and (min-width: 768px) { .home section#pray p { width: 70%; } } @media only screen and (min-width: 768px) { .home section header { margin: 0; } .home section header h2 { font-size: 4em; } .home section header p { display: block; } .home section#whoweare .excerpt { font-size: 1.5em; } .home section#updates .episode-grid li.episode { width: 22%; } .home section div.contents { min-height: 550px; } } .home #content { overflow-y: auto; padding-top: 0; } .home #content > #lead { margin: 0 0 3%; } .home #lead { position: relative; width: 100%; margin: 0 0 3%; } .home #lead #featured img { width: 100%; max-width: 100%; } .home #lead #featured img.clone { width: 100%; } .home #lead #featured.blur li.video div.hook img { display: none; } .home #lead #featured a { color: #6c6e71; text-decoration: none; } .home #lead #featured a h3 { margin-top: 0; font: 2em/1.1 'AvenirLTStd-Light',sans-serif; color: #535557; } .home #lead #featured .info { margin: 2% 4%; } .home #lead #cycle-prev, .home #lead #cycle-next { display: none; z-index: 100; position: absolute; top: 45px; width: 25px; height: 55px; background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: 50%; background-size: 50%; text-indent: -9999px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home #lead #cycle-prev:hover, .home #lead #cycle-next:hover { background-color: rgba(255, 255, 255, 0.5); } .home #lead #cycle-prev { left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAYAAABRYothAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP5JREFUeNrMl2ENwkAMhXcomAQkTAISNgfgAAlzgAQkTAISTsJwsDl49JItgcuO3bUvhJc0zf58ydq8tldV/yQADQNSS4wM0F0CVsgZi0x1kZgYII83aSE3RNJAWmxI0+qJAXogoRJIjy8qaTVMoNUCDNCADO1BrshUtgVUoKUuHgXKtkAxKGWBPbkIcpTkJepSDx6i70ED+QAFC0hqrCPzBKNcaLWwRu0vpWqkBznnZskdc1v2phrFm0HbubhG4RdnM0jq9ZR0YdbLblrqGKENNuqopQ5/6jrKnQ6/XdnUI4J61tAOLerpRz1Gqecx7WCnPiGojxraM2vVS4ABAAJJqfx8rqwsAAAAAElFTkSuQmCC); } .home #lead #cycle-next { right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAYAAABRYothAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAShJREFUeNrcl+ENgjAQhaETMAIjMIIjwAayAU4ATIAbMAJuoBvgBrqB3QB7hJIaoba998uXNCH++HL3eu+QaJqmgzpVxNUCImUcjjCeBwVLEKBUnQ7RmtYRBXqF+CU2fiOfegSIlKmqOm5rpnJuRVq960j8AhFkQIBI1HrD9chUxq3IKUI+oNQ2X8Jz7vK9lSMCUlVv+RUCSrbmSwQuDaqoRoBIlRkhDkhHKEWA1ghxQXrlNAjQPBIoUPS/oNZnH+1pRFQk1SkQoDKO4ycXdFaQC9fs+2ww89bk0pLkgloFuXNeR6QBMZB0OyUC9OVLCIh8uXFf2VdEaNcIcEFWX1xBHxEI/VszIhabtM2LD+i0GQHP1vrgpWKAHqiPmsL1qm2gMF8MvQUYAKtTjwTnXKtHAAAAAElFTkSuQmCC); } .home #lead #cycle-pager { display: none; position: absolute; z-index: 150; right: 20px; top: 10px; } .home #lead #cycle-pager span { color: #eeeeee; margin-left: .5em; cursor: pointer; font-size: 1.5em; } .home #lead #cycle-pager span.cycle-pager-active { color: #801214; } @media only screen and (min-width: 768px) { .home #lead #featured a h3 { font-size: 2.5em; } .home #lead #cycle-prev, .home #lead #cycle-next { display: block; top: 15%; width: 45px; height: 75px; } .home #lead #cycle-pager { display: block; } } @media only screen and (min-width: 960px) { .home #lead #featured img.clone { display: block; position: absolute; z-index: 100; left: 265px; top: 30px; width: 430px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .home #lead #featured.blur li.video div.hook img { display: block; } .home #lead #cycle-pager { top: 265px; } } .home #jumpmenu { margin: 5% 0; } .home #jumpmenu ul { overflow: auto; } .home #jumpmenu li { float: left; width: 25%; margin: 0 0 4% -1px; border-right: 1px #999 solid; text-align: center; } .home #jumpmenu li:nth-child(4n+4) { border: 0; } .home #jumpmenu li a { display: block; width: 80%; margin: 0 auto; padding-top: 80%; background-position: 50% 0; background-repeat: no-repeat; background-size: 90%; font-size: 1em; color: #6c6e71; opacity: .6; } .home #jumpmenu li a:hover { color: #535557; text-decoration: none; opacity: 1; } .home #jumpmenu li#jumpDevotional a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABkxJREFUeNrsXE2S6jYQNlNzAHIDv112YU7w4ACpgRM8e5fdwAl4PsHA7u3sG+BXOcBwg0d22Y1vEG6QSKl2VU/HgC21ZIl0V7lgfpDs/vprfWpJPCRiQdmDuEAAERNABBAxAUQAERNABBAxAUQAERNAxAQQAURMABFAxASQO7fHEG7i999+nl/4U/Prtz8bX/2pvo5j+2IyIgDP6tKvsxv/flaXdtR3ddXKaWfH/Z3a/sYAaOIZiEy9bNWVGjahwdira9cHGACitOhPs7NQfVV3BUgPxzRwYZteiWYNxupWBKt+dX/vPftLb9xf7oMxEw9gvKqXdcefKkhDx2vRrj6vQfmirmWHw/Jb0as+rwMh69Of+t8ppLVn+Aw1zcxNlIDAw711RHnRN+V0tLmGlDftCwrcRzK0P/hc2x8dYxYm9z8aIBfAOEGaaSzb1iw5oLbP4KCTo2eh/TkFxdU8hIJRqZt/4pCw0MYCjQEa/FdXTNf96XuHlNfaDJ4x/IkhjBkUjJzZSToycZvzK3MZrj5zCgo8a7iAgFPWLsEgkzjsoBfXAqUDlDV3IHAzBEfMyRUYyPbo/bIdwD2AcrrwzOEAApM+nKpyD845kfnE0tP8LSepKwuRIS8kVZ08OadG73/x0SE8m5N0+cDEjhlhR+GxIvMHUT++rCAsmYXEEJwqahcV2ivWkHJL4oklDWHnMiRAPqP33xO/1ozEEPqsn0MCZE5msYnnSB3LThd8MF7pBKTmX8hBE8M2bKIbz5oXps41rK/9jX78ybacwrFiOGNix4FpDDApaWgnfrJgyQz54hjSxNAoOiCq9iOmnr1FZLMWGINYUwfbgZ6fogd1NR7NSD+7UJzwyMyK1GJwPqt8rFmC1x9W3CVuGK/emdhBU7a1wLBOWWRGnjKw5IzmFGsHQbjmYgeslUw5FR/XGNKgm5zbsES94CXSF3hoLnakpMyxsWQHngweOe6RCxB8M8+WjKuSj4tPW0Z24OXfhmE3yRfuCTEXIPhmMob2cJ0o42AJtJFd6MOkPVq/q4MBREVajXO/bTmasCRhYglug4MdOPUduSoGnPOQitmBGy6WdLBjY8mOOSfbXAGCJ3YpbNmxZR0em0qL5koSzTUj246cG+jYAAHKYgm5Zcj9OPKMNjLAZ+aMY8easz3XpZOCKKSDzTo3RN7RMhWyRTMEGG6v4t5eygpIx/acmWWqsWIJNzuSjwXQs+1Y5IMhbVTjB1/a7F+C9mpDluD/rS3ZURKZm0ezc1Hd6Nfkv/uXbKTwhrAk6+HAjLBjYwHGmqiqHYMw8AcIcgCuc5WmGwFAMAyV1TTXN4Zg6PLIKxmHnO2AdwYI0HmRfKwGv1kor4LI6uwGO1LbsQMCCI+B/24YdxjEbg99doBirLwGssSaHXCPdBDPXR1D8AIIOPJE8reN8togcDsnn+p3XxE7bJTQG2HZysfmPy/HoqFuZK28OpZ6t5ht8B7XmPaGGxe6FNXRh6+8nVNnVF7XFrGsF586FFV1d4c+SQTTwzyLodEHaWmLHN/uGHlHgBQQBEMV1YEoqoVPH3n9Jgc0yONB9mAgh7tYYsWOMRTV6AwhD/+GHDj4zB6kuxIB0Psg6AXm/iBiYOFxB/84DCHKi9a8DgZCoUEsac1k8WkURRUMIODQuqMkMlQOFz1/F6SiCiZldTgks0g37yi6NTs+DfjsmpRFKg/H8MJkCGIKPbNXDlyI2lx430dR0RpVPrY/Qvm+LGPlhZZ6ey/NhqKoggUE1NWKSNlyQM2r6Dt2jFWjimYM8T0xU338sJ2Y/h9SFqfyikZRBQ8IgKJn2FhlZbZbipCiyoiiqkJ7/kkSqCkH6snanEzWasO2Rq9RRcsQDEDCsAQcsqKKiiHImbjmpaXxU19FFFKN6h4Y0ta8cDSnybBDncHUqO4CEABFqyD6ZS9lD3YEr6iiBARAqYYor1gUVXRjiInyiklRRcuQvsorNkUVPUOuKS94j9fUz6DIGgHEPShzorZa1uBB/Cl0RXU3gAAoWXJ5w10eyyAe+xhClVfXzpJdrGBEzRDEFK2o2gP8+gzIKubneUzitxzNxvNELAiWpJxfwSEmFv+gLoCICSACiJgAIiaACCBiAogAIiaACCBiAogAIiaAiAkg4do/AgwASnj8VuXBJeYAAAAASUVORK5CYII=); } .home #jumpmenu li#jumpChurches a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcxJREFUeNrs2sFtwjAUgGGoOgAj0A3YoDn12q7SAUqldqFw7YlOUDYoI7ABdSRHilALEcKJXb5fsswhKHZ+vxfb8WQCAAAAAMMyLb0DL28P+/b3+/Kj+P7cGJOEgBBCQAghuPZpb3eK25fSpsIihBBYqYsQEEIICCEEhBACQkAIITiLbLcaztnZ7UvOWywihBAc47aERl4ixaRMgSJEygIhhIAQEEIIyl2HhLVCFarHUJ4S3+c7VOtQVk0d1jm7XJ7BdGQB81C1Epp6NtLCsJHzGUod7rW5qggJD2YRI6CRsDhxeTuKL8FzR/whVSyvoX27g+jZ/qsICR2cRQH3sZ4dubx5GHVntO4StafqtGd+4i+bNoJCe+oihcQoqI6MyMMOr8ZKF33T5i9Ru07R3lRC9ieiYLSU0HNiUfVJqSm+qwwlZBtT0Sp0Yl3KFLST3tromacWMsRL/S63KOhLfIfVsbSp+KvohWGpMv7oS/J3nJW6rRMQQggIIQSEEAJCCEFOZHuU1Ol3EIKCUtalU4zT7yCEEBBCCAghBISAEEJACCEghBAQQggIASGEgBBCQAghGIjk57JyPA+V8xktEUIIAAAAAAAAcBY/AgwAPdaEOo1hF0MAAAAASUVORK5CYII=); } .home #jumpmenu li#jumpUpdates a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwFJREFUeNrsnctt20AQQFeBClDOOZhwA1IH1i3XdBB3kBIslZAOnA5y9Y2qIHQDAXXw2SohS2A2XhAUvyI5u3wPWKwM2ATFx53ZIeChMQAAAAAAAACaeXu53yzp+64CEPJup0JKakdmx1nm7MvXvxeETL863mt+5SJyTnbkxbCSUoSMJ2Rnpz89/jQTQa/usxWVIeR2YhI7FWNvx1Y+73ocKhVRZxcCtYW9VcjLW1bQTgQ9yJx0PIwLe//z05xhL2ghNaL2IupO5p1sDLqQyzhNGfaiFNIi7N15n/vmp59jrKSVkjt5tjAhYc/lpK0XAps42nM+3Pp81jPfuIWQJ7kws4QJOX4xflfcLImXn/qEveCEPJR+TsqhRET529hUROUji0orVtPB3UCxCvklu5ymMOES87fSioquep9ViL14z3Z6HhAm9uXEbI8RdPW+1nQyV8LExlsh2xa7o01ZVEXYU1u9r7XfMRKCUhlDqnc/7JlS2FNTvY8ipLhYEyRdtyNLB1bv/mpz+elij/85phXyaL/U0xxhwtvGDqneN1GtEI1hQvJT2lC9Py41h1SGCTPxQ75y2LPnsAghrlZoEyaqdkeTV++xCzn5z3x6PORTU71HGbIadkeJaf+QL8rqXU0dcsOHfG2q91TragqhMByjej/acUCIvuodITPmpx8a6owmPpkFIPnpHMK5LkJISCAEIYAQhABCEAIIQQggBCGAEEAIQgAhCAGEIAQQghBACCAEIYAQhABCEAIIQQggBBCinzWXoBO5+fhnoBwhM1NuJ0XIIocAQhACCAGEUId88P3t5b7o+uO6ymluBnNcgpDElDooaG3lOkbrcC1CmqrYumZlmQnwRSyqhbiKtkczGPf7TT0ao2hWNnnIatmsrHcrV6PoRSwh5ZAqUXXNyrq0cr0W9nIvP2Uhhb0QXpvnmpXtzbAXsVw8uUcNCVzNCum4mq41K+vaozGIF1QG+/hd24tYFi+kRlRaE/bcaopyhwYAAAAAAAAAAAAAAJX8E2AAf3yHIFl/N50AAAAASUVORK5CYII=); } .home #jumpmenu li#jumpPray a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABbxJREFUeNrsnU924jgQxhW/3g99giE3gBM0nCD0CQLb2WRY9Jpm3Yskm9kCJyA5QegT4DnBMDfgCKNiPnUqinEwlizJ1PeeXhxjY1s/l1SlfyglEolEIpFIJBKJRKKL1pVkwf/69uOvATbzH9/+2AuQcCC+6z93OnXY7ged5iHAXF04jIX+Mz7yca7TsGkomcD4pR2SUU+nP5u+r0xgHLTUqa+t4RrbRjfH6hudej7u7ZPAUEsNYsL+/5dtd9h5tD3jVqP3kUVN9flPAsQhDFTstwzADtsrBuMFxRhXV6e1/nyiv2cplbobGEUVO1XkU53Mm2/DMMAMwL3+rs8XA0RnGmXYwmRU1bexIgyuoU73FgxzLlnHlkEhj2zT+kqdwTBl+gL7XMMgN/croButUSy9q2/03511bPvjEAuGXaRcfxQjVIRxiDngPW3ZZxNYCRVfc51GeDH22O+0yPqUEIw9s5IOMmbpEoZ1LV7B93UaWEWUl+AxSwgGleePlofjFAas44VX1jhmgPvpWJc6HA8vrJ1AjsHQmUYZ87vjOqMMhoKnNSq4n6UF5b6VQEoso6M/o4DsmWXGxjMMEywWvRwTwDIatQ5ICQyTWfQW3iEzPtsuZoMwcnhZD0URfSuAfACD76c2pJFdiTYNg13TdjjSB1IBhtFtJDD4dz+2AkgFGPwNHEQGg675PfnAsCKMoRWsUTP5LBIYk+Qj9aowKFP0OS/MOvIj7UtNwtjh+42HdYjk+TlJFFnnwCj4mtAwTGA6slzfLTkdyQCpCaNnZeQ+IIwyLepE7lkKMDBEh/c9UHDYjwBGjmcYWm1t46iBOCimZmz7CYHZLgYYFKAiSH10EShmscPA+QO2a3Ukw0LAMNeia/ABEb9FCcQRDH7cE72NEcKwu3ifo3N7PcDYI/64jxxGrdjkKiEYdP5dm2F4ASIwIorUcaP/qLc9bk3A6Kr33avJwXBeqeOmjU/eCAzoXr0fvZ4cDJ91SI9F175h0PkEpGxgtC8Ypj1rgGuQS/5QZ9CDF7cXD94IDFyPulPnDcPg7VkdbM9wXHQWMj4RRhd1ztkwCr5vwQJJnzDKdPZY38wDjFGFVtuiJobZOTBMc4pOBPQrLKbfAAw6p69exwEby4nCyyoa1zQs6yP4oPx3NhDNIwwz4nGtXpvj5+f2ImYOYdADrKvAYOX/xCcMyCeMsXrbN7KJoVJfWKY6PLX3zDSnq9cmbB/z+3KPMHgRvakzCj5zZB0D6w2ZVu3KxPHXeNC+h8mWvM/CFwwzgj6sl6VvbMseYoOKNTpZdZwPGLWtOnPwkGP1vns1SsEK+7jH6GA4sRBrNIjzYTENWE00MGpbCAKxAds1FxhhGxfvLO9ip9LSIiYYLoBw61ip9NSJCUYtIDD3notgKKBWMcGoayFvmqETLK5MQJrHAsMlkFylq2ksMOoC4eXv36nSQDPHEGCCwiBd3OIzJVA2LNANAsNJpN4mhYYhQCKDIUAigyFAIoNRFwh3db8IjPBAdkdiEoERAgj6Fn7NGvK1KOQlwXBRh2zY9q3ACA+ET0wZCYzwQJ5YsdWtsvSewPAABA/DR+zNBEb4OIR323axrpXACAUE/SBLbiXoaxcYASP1qXo7cX4tMAICwUPy4T89a4EvgdGwhSgsSM+XvRuHgILR9EnCIPmYhcsHzpEaGzx34pq8FwekaPDZYRCyr4EQcCLWBddMCobTIsuqT4ZWs8ph+W4fLjF+amLbBhheLKSgPLchkJXM6/zeBqxwhEDUdrEfMAkoSXlf4o/NObRHCZoo//mUX6gBBKqbbtTrzFcbtNNfu2klEJaZM1U+l9w05/+09n9B5h9r3qdzHlXN+eEXBcSqfM2U57qrQZNFrNoCIgiQgqLsBsXQqU0tOZyFn6kXTdEBKSjSegDTPVKU5W2yBJFIJBKJRCKRSCQSiUQikUgkEolEjek/AQYAveJw0y1sqgIAAAAASUVORK5CYII=); } @media only screen and (min-width: 768px) { .home #jumpmenu { margin: 3%; } .home #jumpmenu li a { padding-top: 65%; font-size: 1.5em; background-size: auto; } } @media only screen and (min-width: 960px) { .home #jumpmenu li a { padding-top: 45%; } } .home #main { width: 100%; margin: 0; padding: 0; } .home section#updates header, .updates-home #main header { background: #e7ba1f; } .home section#updates #articles h3, .home section#updates #alife h3, .home section#updates #videos h3, .updates-home #main #articles h3, .updates-home #main #alife h3, .updates-home #main #videos h3 { margin-top: 0; } .home section#updates #articles li, .home section#updates #alife li, .home section#updates #videos li, .updates-home #main #articles li, .updates-home #main #alife li, .updates-home #main #videos li { overflow-y: auto; clear: both; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px #999 solid; } .home section#updates #articles li:last-of-type, .home section#updates #alife li:last-of-type, .home section#updates #videos li:last-of-type, .updates-home #main #articles li:last-of-type, .updates-home #main #alife li:last-of-type, .updates-home #main #videos li:last-of-type { padding-bottom: 0; border: 0; } .home section#updates #articles li a, .home section#updates #alife li a, .home section#updates #videos li a, .updates-home #main #articles li a, .updates-home #main #alife li a, .updates-home #main #videos li a { display: block; overflow: auto; } .home section#updates #articles li a:hover, .home section#updates #alife li a:hover, .home section#updates #videos li a:hover, .updates-home #main #articles li a:hover, .updates-home #main #alife li a:hover, .updates-home #main #videos li a:hover { text-decoration: none; } .home section#updates #articles li a:hover h4, .home section#updates #alife li a:hover h4, .home section#updates #videos li a:hover h4, .updates-home #main #articles li a:hover h4, .updates-home #main #alife li a:hover h4, .updates-home #main #videos li a:hover h4 { color: #801214; } .home section#updates #articles li a:hover img, .home section#updates #alife li a:hover img, .home section#updates #videos li a:hover img, .updates-home #main #articles li a:hover img, .updates-home #main #alife li a:hover img, .updates-home #main #videos li a:hover img { opacity: .8; } .home section#updates #articles li a h4, .home section#updates #alife li a h4, .home section#updates #videos li a h4, .updates-home #main #articles li a h4, .updates-home #main #alife li a h4, .updates-home #main #videos li a h4 { color: #6c6e71; } .home section#updates #articles li a p, .home section#updates #alife li a p, .home section#updates #videos li a p, .updates-home #main #articles li a p, .updates-home #main #alife li a p, .updates-home #main #videos li a p { margin-bottom: .2em; color: #9fa1a4; font-size: .9em; } .home section#updates #articles li a img, .home section#updates #alife li a img, .home section#updates #videos li a img, .updates-home #main #articles li a img, .updates-home #main #alife li a img, .updates-home #main #videos li a img { max-height: 75px; width: auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home section#updates #articles li a img, .home section#updates #alife li a img, .home section#updates #videos li a img, .updates-home #main #articles li a img, .updates-home #main #alife li a img, .updates-home #main #videos li a img { clear: left; float: left; margin: 0 3% 3% 0; } .home section#updates div#alife a, .updates-home #main div#alife a { display: inline; } .home section#updates div#alife ul, .updates-home #main div#alife ul { clear: both; } .home section#updates div#alife a.issue img, .updates-home #main div#alife a.issue img { float: left; max-width: 33%; margin: 0 2% 4% 0; } .home section#updates div#alife a.issue strong, .updates-home #main div#alife a.issue strong { font-size: 1.4em; } .home section#updates div#videos, .updates-home #main div#videos { clear: both; } .home section#updates div#videos .episode, .updates-home #main div#videos .episode { padding: 0; border: 0; clear: none; } .home section#updates div#videos .episode img.thumb, .updates-home #main div#videos .episode img.thumb { max-width: 100%; max-height: none; } .home section#updates div#videos .episode p.date, .updates-home #main div#videos .episode p.date { float: left; margin: 0 5%; } .home section#updates div > p, .updates-home #main div > p { clear: both; } @media only screen and (min-width: 768px) { .home section#updates div#articles, .home section#updates div#videos, .home section#updates div#alife, .updates-home #main div#articles, .updates-home #main div#videos, .updates-home #main div#alife { margin: 4% 0; } .home section#updates div#articles, .home section#updates div#alife, .updates-home #main div#articles, .updates-home #main div#alife { width: 48%; } .home section#updates div#articles, .updates-home #main div#articles { float: left; margin-right: 4%; } .home section#updates div#alife, .updates-home #main div#alife { float: right; } } .updates-home #main #articles li { padding: 0; } .updates-home #main #articles li a { display: inline; } .icon-list { overflow-y: auto; } .icon-list li { float: left; width: 50%; text-align: center; } #main .icon-list li img { max-width: 100%; } .icon-list li strong { display: block; font: normal 2.6em/1 'thirsty_roughregular'; } .icon-list li:nth-child(4n+1) { clear: left; } .icon-list li:nth-child(4n+1) strong { color: #b26729; } .icon-list li:nth-child(4n+2) strong { color: #7e8245; } .icon-list li:nth-child(4n+3) { clear: left; } .icon-list li:nth-child(4n+3) strong { color: #e7ba1f; } .icon-list li:nth-child(4n+4) strong { color: #758b97; } @media only screen and (min-width: 768px) { .icon-list li:nth-child(4n+3) { clear: none; } .icon-list[data-children='3'] li { width: 33.333333%; } .icon-list[data-children='4'] li { width: 25%; } } .tagline { padding: 0 0 0 50%; } .note, .tagline { color: #9fa1a4; font-size: .8em; font-family: 'AvenirLTStd-BookOblique',sans-serif; font-weight: 100; } .church-locator form { margin: 0 3% 2%; } .church-locator input#city, .church-locator select#state, .church-locator input#zip { margin-right: 2em; } .church-locator #zip { width: auto; } .church-locator label[for=zip] { margin-left: 1.5em; } .church-locator .churches h2 { margin-top: 0; } .church-locator #currAreaContainer { display: none; } @media only screen and (min-width: 768px) { .church-locator #currAreaContainer { display: block; } } #sub form input#zip { width: 5em; } #sub form input#city { width: 95%; } #sub form select#state, #sub form select#country { width: 95%; } #churchList dt { display: none; } #churchList dd { margin: 0 0 .2em 0; } #churchList * { word-wrap: break-word; } #churchList h2 { margin-top: 0; display: none; } .mycma h1 a { max-width: 25%; } .mycma h2 { text-align: left; } .mycma h4 span.note, .mycma h4 span.tagline { font-style: normal; } .mycma #content { padding: 0; } .mycma #crumbs { float: right; } .mycma #lead { clear: left; } .mycma #lead li { display: inline-block; margin-right: .5em; } .mycma #lead li a { color: #6c6e71; font-size: .8em; } .mycma #lead li a:hover { color: #801214; } .mycma #main, .mycma #sub, .mycma #nav-sibling { width: 94%; margin-right: 3%; margin-left: 3%; } .mycma #sub #rolenav { margin-bottom: 2em; } .mycma #sub #rolenav li { margin: 0; border-top: 1px solid #999; background-color: white; } .mycma #sub #rolenav li:last-of-type { border-bottom: 1px solid #999; } .mycma #sub #rolenav li.current a, .mycma #sub #rolenav li.current a:hover { background-color: #801214; color: white; } .mycma #sub #rolenav li a { display: block; padding: .75em; font-size: 1.2em; } .mycma #sub #rolenav li a:hover { background-color: #eeeeee; color: #535557; text-decoration: none; } .mycma #nav-section a { color: white; } .mycma #nav-sibling #appslist li { margin: 0; } .mycma #nav-sibling #appslist li a { position: relative; display: block; padding: 1em .5em .75em 1em; text-indent: 37px; } .mycma #nav-sibling #appslist li a:hover { background-color: #eeeeee; color: #535557; text-decoration: none; } .mycma #nav-sibling #appslist li a img { position: absolute; left: .5em; top: .5em; } .mycma #gps h2 { text-align: left; } .mycma #annual-report.infobox.history { overflow-y: auto; } .mycma #mod-annual-report form#churchlist select { font-size: 1em; } .mycma #mod-annual-report form#churchlist input { display: inline-block; margin: 0 1.4em; padding: .2em .35em; } .mycma #mod-annual-report .history img { max-width: 100%; } .mycma .infobox { width: 100%; margin: 0 0 3%; } .mycma .infobox h3:first-of-type { margin-top: .3em; } .mycma .infobox li.clear { clear: left; overflow-y: auto; margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px solid #999; } .mycma .infobox li.clear:last-of-type { border: none; } .mycma .infobox li.clear span.note, .mycma .infobox li.clear span.tagline { display: block; } .mycma div.righty { /*width: 40%; @include float(right);*/ } .mycma a.avatar { margin-bottom: 1.5%; } .mycma a.avatar.small { max-width: 40px; } .mycma a.avatar.medium { max-width: 60px; } .mycma a.avatar.large { max-width: 110px; margin: 0 2% 1% 0; } @media only screen and (min-width: 768px) { .mycma #crumbs { float: none; } .mycma #lead { clear: none; } .mycma #lead li { margin-right: 1em; } .mycma #main { float: left; width: 67%; margin-right: 0; padding-right: 2%; border-right: 1px solid #999; } .mycma #sub { float: left; width: 24%; margin: 0; } .mycma #nav-sibling { float: left; width: 24%; margin: 0 3% 3% 0; } .mycma .infobox { padding-bottom: 3%; border-bottom: 1px solid #999; } .mycma .infobox:last-of-type { border-bottom: 0; } } .intro, #lead > p { margin: 0 0 1em; font: 1.2em/1.7 'AvenirLTStd-Light',sans-serif; color: #6c6e71; /*text-align: center;*/ } @media only screen and (min-width: 768px) { .intro, #lead > p { font-size: 1.4em; } } .intro strong, #lead > p strong { font-weight: normal; font-family: 'AvenirLTStd-Light',sans-serif; } .box { overflow-y: auto; padding: 3%; background: #f8f9fa; } #sub .box { padding: 5%; } .box .box { background: white; } div.resources div.box div { overflow: auto; margin: .5em 0 2em; } div.resources div.box div p { margin-bottom: .4em; } div.resources div.box div:last-of-type { margin-bottom: 0; } .mybox { overflow-y: auto; margin-top: 12px; margin-bottom: 12px; padding: 0 0 1em; background-color: #e9edef; font-size: .85em; } .about .mybox { background-color: #fcf7f2; } .about .mybox h3 { background: #b26729; } .ministries .mybox { background-color: #f2f3e8; } .ministries .mybox h3 { background: #7e8245; } .events .mybox, .resources .mybox, .devotions .mybox { background-color: #fdf8ea; } .events .mybox h3, .resources .mybox h3, .devotions .mybox h3 { background: #e7ba1f; } .mybox h3 { margin: 0 0 1em; padding: .3em; background: #758b97; color: white; } .mybox h3 strong { font-size: 28px; font-weight: normal; } .mybox > * { margin: 0 1em .5em; } .mybox img { width: 25%; height: auto; } .mybox li { list-style-position: outside; clear: both; overflow-y: auto; } .mybox li p { margin-bottom: .2em; } .mybox li a.avatar.small.left { float: none; margin: 0; } .mybox li a.avatar.small.left img { max-width: 45px; } .mybox li a.avatar.small.left img { clear: left; float: left; margin: 0 3% 3% 0; } .mybox li span.note, .mybox li span.tagline { display: block; margin: .5em 0 1.5em; text-align: right; font-style: italic; color: #6c6e71; } #sub .mybox { clear: right; } .mybox a.button { margin: .3em 0; } .mybox a.note.right, .mybox a.right.tagline, .mybox a.more { display: block; margin-bottom: 1em; text-align: right; } .campaign { margin-bottom: 3%; } @media only screen and (min-width: 960px) { .campaign { background: black; } } .campaign .hook { position: relative; } .campaign .hook h2 { margin: 3%; color: #6c6e71; font-family: 'AvenirLTStd-MediumOblique'; } @media only screen and (min-width: 768px) { .campaign .hook h2 { z-index: 100; position: absolute; right: 1em; bottom: .2em; margin: 0; color: white; } } .campaign .menu { list-style: none; margin: 0; padding: 0; } .campaign .menu li { display: inline-block; } .campaign .menu li a { display: block; padding: .5em; line-height: 1.2em; color: #6c6e71; font-size: .9em; text-decoration: none; } .campaign .menu li a strong { display: block; font-size: 1.3em; text-transform: uppercase; } .campaign .menu li a:hover { background: #801214; color: white; text-decoration: none; } .campaign .menu li:last-child { margin: 0; } @media only screen and (min-width: 960px) { .campaign .menu { position: absolute; right: 1.5em; top: 2.5em; width: 240px; z-index: 50; /*font-size: 1.2em;*/ } .campaign .menu li { display: list-item; } .campaign .menu li a { margin: 0 0 20px; padding: 0; text-transform: uppercase; font-size: 1em; } .campaign .menu li a:hover { color: #801214; background: transparent; } .campaign .menu li a strong { font-size: 1.2em; } } .overlay h1, .overlay h1 strong { font-family: 'AvenirLTStd-Book',sans-serif; } @media only screen and (min-width: 768px) { .overlay.quad h1 { display: block; } .overlay #lead { margin-bottom: 0; } .about .overlay .hook #desc { background: #b26729; background: rgba(178, 103, 41, 0.8); } .ministries .overlay .hook #desc { background: #7e8245; background: rgba(126, 130, 69, 0.8); } .events .overlay .hook #desc, .resources .overlay .hook #desc, .devotions .overlay .hook #desc { background: #e7ba1f; background: rgba(231, 186, 31, 0.8); } .news .overlay .hook #desc { background: #758b97; background: rgba(117, 139, 151, 0.8); } } .about.family div#sasquatch.modified h2, .about.family div#sasquatch.modified h3 { clear: left; } .about.family div#sasquatch.modified div { width: 100%; } .about.family div#sasquatch.modified li { width: 48%; margin: 0 2% 5% 0; } @media only screen and (min-width: 768px) { .about.family div#sasquatch.modified li { width: 31%; } } .about.family div#sasquatch.modified li span.title, .about.family div#sasquatch.modified li a { display: block; } .about.family div#sasquatch.modified li span.title { font-size: .9em; font-family: 'AvenirLTStd-LightOblique',sans-serif; color: #6c6e71; } .about.family div#sasquatch.modified li a { font-size: .8em; } .devotions #lead > p.right { margin-bottom: .3em; float: none; } .devotions #main, .devotions #sub { width: 88%; float: none; margin: 0 6%; } .devotions #main h2 { clear: left; } .devotions .entry { clear: both; font-size: 1.3em; } .devotions .actions div.verse em { display: block; text-align: right; } .devotions .devo-nav { clear: both; text-align: center; margin-bottom: 4em; } .devotions .devo-nav li { display: inline-block; margin: 0 1em 5%; } .devotions.tozer.audio #main div { margin-bottom: 1em; } .devotions.tozer.audio #main div h2 { padding: .3em; cursor: pointer; } .devotions.tozer.audio #main div h2:hover { background: #eeeeee; } .devotions.tozer.audio #main div ul li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #999; } .devotions.tozer.audio #main div ul li:last-of-type { border: none; } .devotions.tozer.audio #main div ul li p { margin-bottom: .3em; } .devotions.tozer.audio #main div ul li p:last-of-type span { margin-right: 2em; color: #9fa1a4; } .devotions.tozer.audio #main div ul li span.playit { display: block; font-size: 1.4em; } .devotions.tozer form, .devotions.tozer form input, .devotions.simpson form, .devotions.simpson form input { display: inline-block; margin: 0; padding: 0; font-size: 1em; height: 3.5em; width: 5em; } .devotions.tozer form #saveButton, .devotions.tozer form input #saveButton, .devotions.simpson form #saveButton, .devotions.simpson form input #saveButton { margin-right: 2em; } .devotions.tozer label, .devotions.simpson label { font-weight: 500; font-size: 75%; } .devotions.tozer input[type=text], .devotions.tozer textarea, .devotions.simpson input[type=text], .devotions.simpson textarea { font-size: 85%; } .devotions.tozer form, .devotions.tozer #editButton, .devotions.simpson form, .devotions.simpson #editButton { position: absolute; right: 2em; top: 3em; width: 12em; height: 3.5em; } .devotions.tozer #chapter, .devotions.simpson #chapter { display: none; } .devotions.tozer #editButton, .devotions.simpson #editButton { border: none; cursor: pointer; font-size: 100%; } .devotions.tozer .devotion, .devotions.simpson .devotion { margin: 0 0 1.4em; } @media only screen and (min-width: 768px) { .devotions #lead > p.right { float: right; margin-bottom: 1em; } .devotions #sub { clear: left; float: left; width: 63%; margin: 0 0 3% 3%; } .devotions .actions div { float: left; width: 29%; margin: 0 -1px 3% 0; padding: 0 2%; border: 1px #999 solid; border-top: none; border-bottom: none; } .devotions .actions div:first-of-type { border-left: none; } .devotions .actions div:last-of-type { border-right: none; } .devotions .mybox { clear: right; float: right; width: 30%; margin: 0 0 3% 0; } .devotions .primary #main { float: left; width: 62%; margin-right: 3%; } .devotions .primary #sub { clear: right; float: right; width: 23%; margin: 0 6% 0 0; } .devotions .primary #sub .mybox { width: 100%; margin: 0; } .devotions.tozer form, .devotions.tozer #editButton, .devotions.simpson form, .devotions.simpson #editButton { top: 2em; } } .serve { /* US Work / International Work */ } .serve #lead { margin-bottom: 0; } .serve #main { margin-right: 0; } .serve #information div { padding: 0; text-align: center; } .serve #information p { background-color: #758b97; color: white; font-size: 1.5em; padding: .1em .3em; } .serve #information a:hover { text-decoration: none; } .serve #information img { max-width: 100%; } @media only screen and (min-width: 768px) { .serve #information div { width: 48%; } .serve #information .iwork { float: left; clear: left; } .serve #information .uwork { float: right; clear: right; } } .serve #exploring, .serve #ready { overflow-y: auto; padding: 1% 1% 2%; } .serve #exploring, .serve #information { overflow-y: auto; border-bottom: 1px solid #666; margin: 15px 0 20px; } .serve #exploring div.right, .serve #information div.right { text-align: center; } .serve #exploring h2, .serve #ready h2 { font-size: 2.4em; } .serve #listings { clear: both; border-top: 1px solid #666; } .serve .listing ul { margin-bottom: 10%; padding-left: 1em; } .serve .listing h4 { margin-bottom: .3em; } @media only screen and (min-width: 768px) { .serve.new .listing div { float: left; width: 50%; } .serve.new .listing div.desc { float: none; width: auto; } .serve.new .listing div:nth-child(2n+1) { clear: left; } } .serve #national-office { clear: left; } .serve #national-office, .serve #related-ministries, .serve #us-church { border-top: 1px solid #666; } .serve .qMark { margin-left: .3em; font-weight: bold; text-decoration: none; color: #666; } .serve .qMark:hover { color: #7d2a07; } .serve div.right, .serve div.left { float: none; } .serve .index li { margin-bottom: 5%; padding-left: 60px; background-repeat: no-repeat; /*font-size: 1.4em;*/ } .serve .index li.int { background-image: url(/serve/images/inter-work-thumb-small.jpg); } .serve .index li.us { background-image: url(/serve/images/us-work-thumb-small.jpg); } .serve .index li.no { background-image: url(/serve/images/national-office-thumb-small.jpg); } .serve .index li.partners { background-image: url(/serve/images/other-thumb-small.jpg); } .serve .index li.envision { background-image: url(/serve/images/envision-thumb-small.jpg); } .serve .index li p { color: #999; font-style: italic; font-weight: 100; } .serve .index li a { font-size: 1.4em; text-decoration: none; } .serve .index li a:hover { text-decoration: underline; } .serve .index li span { font-weight: 200; color: #666; } .serve .next-steps { display: inline-block; padding: .3em .6em; font-size: 2em; font-weight: bold; } .serve .next-steps:hover { cursor: pointer; } @media only screen and (min-width: 768px) { .serve div.left, .serve div.right { width: 48%; padding: 0 2% 0 0; margin: 0; } .serve div.left { float: left; clear: left; } .serve div.right { float: right; clear: right; } .serve div.listing { clear: both; } .serve div.listing div { float: left; width: 50%; } .serve div.listing div.desc { float: none; width: auto; margin-bottom: 8%; } .serve div.listing div:nth-of-type(2n) { clear: left; } .serve div.listing div div { float: none; width: 90%; } .serve div.listing div div h4 { display: none; } .serve div.listing div ul { margin: 0; } } .serve .serve-start { padding: 2%; } .serve .serve-start li { height: 75px; margin-bottom: 3em; padding-left: 85px; background-repeat: no-repeat; } .serve .serve-start li.steps { background-image: url(/serve/images/steps-serve-thumb.jpg); } .serve .serve-start li.placement { background-image: url(/serve/images/placement-thumb.jpg); } .serve .serve-start li.chaplain { background-image: url(/serve/images/chaplain-min-thumb.jpg); } .serve .serve-start li.clergy { background-image: url(/serve/images/intr-wkr-clergy-thumb.jpg); } .serve .serve-start li.vocational { background-image: url(/serve/images/intr-wkr-voc-thumb.jpg); } .serve .serve-start li.rad { background-image: url(/serve/images/relief-thumb.jpg); } .serve .serve-start li.mm { background-image: url(/serve/images/marketplace-thumb.jpg); } .serve .serve-start li.envision { background-image: url(/serve/images/envision-thumb.jpg); } .serve .serve-start li.coaching { background-image: url(/serve/images/coaching-thumb.jpg); } .serve .serve-start li.candidate { background-image: url(/serve/images/intr-candidate-thumb.jpg); } .serve .serve-start li.loan { background-image: url(/serve/images/loan-repay-thumb.jpg); } .serve .serve-start li.youth { background-image: url(/serve/images/teens-thumb.jpg); } .serve .serve-start p { font-size: 1.1em; line-height: 1.1; color: #6c6e71; } .serve .serve-start li a.track { display: block; text-decoration: none; } .serve .serve-start li a.track:hover { text-decoration: underline; } .serve .serve-start span { font-weight: 200; color: #666; } @media screen and (max-width: 1024px) { .serve h2 { margin-top: 1.2em; } .serve .serve-start li { height: auto; min-height: 75px; } } .connect h2 { margin: 1em 0 .5em; } .connect input[type=number] { max-width: 90%; font: bold 1.3em 'Helvetica','Arial',sans-serif; padding: .3em; } .connect #main, .connect #sub { float: none; clear: none; width: 94%; } .connect #main h2:first-of-type, .connect #sub h2:first-of-type { margin-top: 0; padding-top: 0; border: none; } .connect #main h2 { padding: 2em 0 0; } .connect #main label { display: inline-block; margin-right: 1em; font-weight: bold; } .connect #main a.button { width: 12em; } .connect #sub h2 { margin-top: 2em; } .connect #sub a.button.app { height: 70px; padding: 5px 5px 10px 85px; background-image: url(/images/icons/apple-app-75.png); background-position-y: 5px; font-size: 1.4em; line-height: 1.1; } .connect #sub a.button.app:hover { background-color: #efefef; } .connect #sub a.button.app strong { display: block; } .connect #social { padding: 0; } .connect #social a.button { position: relative; display: inline-block; width: 36px; height: 36px; margin: 0 8px 3em; padding: 20px; border-radius: 100px; background-position: 50%; } .connect #social a.button span { display: inline-block; position: absolute; top: 90px; left: -1em; right: -1em; /*width: 4.5em;*/ text-align: center; color: transparent; font-size: .8em; font-weight: 100; line-height: 1.1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .connect #social a.button:hover span { color: #444; } .connect #textAlerts { background: url(/images/icons/text-75.png) 0 -5px no-repeat; } .connect #textAlerts p { margin-left: 75px; min-height: 65px; } .connect #textAlerts input[type=submit] { display: block; margin-top: 1em; } .connect #textAlerts input#phone { display: block; margin-bottom: .75em; } .connect #textAlerts #optintext { font-size: .8em; color: #666; } .connect a.button { display: table-cell; vertical-align: middle; max-width: 100%; font-size: 1.3em; width: 9em; padding: .75em 1em 1em 65px; background-color: #e6e4dc; color: #333; font-weight: normal; text-shadow: none; border-radius: 0; box-shadow: none; background-repeat: no-repeat; background-position: 10px 50%; transition: all .2s ease; } .connect a.button:hover { background-color: #efefef; background-position: 10px 50%; background-repeat: no-repeat; } .connect a.button.community { background-image: url(/images/icons/mycma-50.png); } .connect a.button.email { background-image: url(/images/icons/email-50.png); } .connect a.button.twitter { background-image: url(/images/icons/twitter-50.png); } .connect a.button.instagram { background-image: url(/images/icons/instagram-50.png); } .connect a.button.facebook { background-image: url(/images/icons/facebook-50.png); } .connect a.button.rss { background-image: url(/images/icons/rss-50.png); } .connect a.button.podcast { background-image: url(/images/icons/podcast-50.png); } .connect a.button.alife { background-image: url(/images/icons/alife-50.png); } @media only screen and (min-width: 768px) { .connect #main { float: left; clear: left; width: 60%; margin-right: 1%; } .connect #sub { float: right; clear: right; width: 22%; margin: 0 6% 2% -1px; padding-left: 2%; border-left: 1px solid #666; } .connect #textAlerts input#phone { width: 100%; } } .geo h1 { position: relative; line-height: 1; } .geo h1 img { float: left; margin: 0 15px 0 0; border: 1px #999 solid; } .geo #main { margin: 0 3% 3%; } .geo #main .mybox li { margin: 0 2% 4%; } .geo #main .mybox li:nth-child(2n+1) { clear: left; } .geo #main .mybox li p, .geo #main .mybox li p.clear { clear: none; } .geo #main .mybox li > a:first-of-type { max-width: 75px; } .geo #main .mybox li > a:first-of-type { clear: left; float: left; margin: 0 3% 3% 0; } .geo #main .mybox li > a:first-of-type img { width: auto; max-width: 100%; } .geo #main .mybox li h4 a { float: none; width: auto; max-width: none; } .geo #main .mybox p { clear: both; } @media only screen and (min-width: 768px) { .geo #main .mybox li { clear: none; float: left; width: 48%; margin: 0 2% 4% 0; } } .no-flash .geo #map { display: none; } .geo #sub { margin: 0 3% 3%; } .geo #office { margin: 0 10px 15px 0; } @media only screen and (min-width: 768px) { .geo #office p.info { position: relative; margin-left: 8.5em; } .geo #office p.info strong { position: absolute; left: -8.5em; } } .geo #map { float: none; margin: 0 0 3% 0; width: 100%; max-width: 100%; } .geo #nav-sibling ul#fieldlist { margin: 0; padding: 0; list-style: none; } .geo #nav-sibling ul#fieldlist li { margin: 0; } .geo #nav-sibling ul#fieldlist li.current a, .geo #nav-sibling ul#fieldlist li a:hover { color: white; text-decoration: none; } .about .geo #nav-sibling ul#fieldlist li.current a { background: #b26729; } .about .geo #nav-sibling ul#fieldlist li a:hover { background: #d78d51; } .district .geo #nav-sibling ul#fieldlist li.current a { background: #53144c; } .district .geo #nav-sibling ul#fieldlist li a:hover { background: #912384; } .ncasia .geo #nav-sibling ul#fieldlist li.current a { background: #ab5400; } .ncasia .geo #nav-sibling ul#fieldlist li a:hover { background: #f77a00; } .africa .geo #nav-sibling ul#fieldlist li.current a { background: #b26b28; } .africa .geo #nav-sibling ul#fieldlist li a:hover { background: #d7914f; } .asia .geo #nav-sibling ul#fieldlist li.current a { background: #5a0602; } .asia .geo #nav-sibling ul#fieldlist li a:hover { background: #a50b04; } .europe .geo #nav-sibling ul#fieldlist li.current a { background: #003366; } .europe .geo #nav-sibling ul#fieldlist li a:hover { background: #0059b3; } .latin .geo #nav-sibling ul#fieldlist li.current a { background: #344d24; } .latin .geo #nav-sibling ul#fieldlist li a:hover { background: #57813c; } .geo #nav-sibling h2 { margin-top: 0; } .geo #nav-sibling a { display: block; padding: 3px 0 5px 3px; } .geo #nav-sibling img { position: relative; top: 4px; margin-right: 6px; } .geo .workers { overflow-y: auto; clear: both; margin: 0 0 15px; } .geo .workers h2 { margin: 0 0 10px; } .geo .workers h3:first-of-type { margin-top: 0; } .geo .workers .worker { position: relative; min-height: 75px; margin: 0 2% 2% 0; padding: 0; } .geo .workers .worker h3 { margin: 0 0 .3em; } .geo .workers .worker h3 img { clear: left; float: left; margin: 0 3% 3% 0; } .geo .workers .worker ul { position: relative; margin: 0 0 0 45px; padding: 0; list-style: none; } .region .geo > h2 { margin: 0 0 3% 3%; } @media only screen and (min-width: 480px) { .geo .workers .worker { float: left; width: 48%; } } @media only screen and (min-width: 768px) { .geo #main { width: 65%; margin: 0 1% 3% 6%; } .geo #sub, .geo #nav-sibling { float: right; clear: right; width: 21%; margin: 3% 6% 3% 1%; } .geo #nav-sibling { margin-top: 0; } } .people, .photos { overflow-y: auto; clear: left; } .people li, .photos li { float: left; margin: 0 2% 4% 0; } .people li { width: 31%; } .people li:nth-child(3n+1) { clear: left; } .people.cabinet li { text-align: center; } .people.bod li .ex-officio:after { content: "*"; margin-left: 3px; } .people.bod li span.title { display: block; font-size: .9em; color: #6c6e71; } .photos li { width: 48%; } .photos li:nth-child(2n+1) { clear: left; } @media only screen and (min-width: 768px) { .photos li { width: 23%; } .photos li:nth-child(2n+1) { clear: none; } .photos li:nth-child(4n+1) { clear: left; } } .kidz #main { width: 88%; float: none; margin-top: 0; } .kidz #clubhouse { overflow-y: auto; position: relative; margin-bottom: 6%; } .kidz object#clubhouse { display: none; } .kidz #clubhouse p { text-align: center; } .kidz #clubhouse a { display: block; margin: 1em 0 0 45%; padding: .4em .8em; background: #801214; text-decoration: none; font-size: 20px; font-weight: bold; line-height: 24px; color: white; } .kidz #clubhouse a:hover { background: #530c0d; text-decoration: none; } .kidz #no-flash { width: 100%; max-width: 100%; float: left; } .kidz #flash-logo { vertical-align: middle; margin: 10px 20px; float: left; } .kidz #video { clear: both; } .kidz a[href$='.pdf'] { display: inline-block; background: url(/images/icons/pdf.png) no-repeat; padding-left: 20px; } @media only screen and (min-width: 768px) { .kidz #video { width: 47%; margin: 0 3% 6%; float: left; } .kidz #clubhouse p { position: absolute; right: 0; bottom: 5%; width: 50%; text-align: center; } } @media only screen and (min-width: 960px) { .kidz #no-flash { width: 50%; max-width: 50%; } .kidz #clubhouse p { bottom: auto; top: 30%; } .kidz object#clubhouse { display: block; width: 842px; height: 530px; } } section.highlight { clear: both; margin-bottom: 10%; border-top: 2.4px solid #9fa1a4; text-align: center; } section.highlight h2 { display: inline; top: -.65em; position: relative; padding: 0 .5em; background-color: white; font: 1.3em 'AvenirLTStd-Black',sans-serif; color: black; text-transform: uppercase; text-align: center; letter-spacing: .2em; } section.highlight h2 strong { display: block; margin: .1em 0 .25em; background-color: transparent; font-size: 2.5em; line-height: .9; } section.highlight:nth-of-type(4n+1) h2 strong { color: #b26729; } section.highlight:nth-of-type(4n+2) h2 strong { color: #7e8245; } section.highlight:nth-of-type(4n+3) h2 strong { color: #e7ba1f; } section.highlight:nth-of-type(4n+4) h2 strong { color: #758b97; } @media only screen and (min-width: 768px) { section.highlight h2 { font-size: 1.5em; } section.highlight h2 strong { font-size: 3.5em; } } div.highlight { margin: 2em auto; padding: 1em 2em; background-color: #ccc; color: #828282; text-align: center; font-size: 1.2em; } div.highlight h2 { margin-bottom: .6em; font-family: 'AvenirLTStd-Black',sans-serif; color: white; text-transform: uppercase; } div.highlight :last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { div.highlight { width: 38em; max-width: 60%; font-size: 1.5em; } } .mcpk15 section h3 { margin: 0; font: 2em 'thirsty_roughregular',sans-serif; color: #9fa1a4; text-transform: none; text-align: center; } .mcpk15 section h3 strong { position: relative; z-index: -1; margin-left: 0; font: 1.1em 'AvenirLTStd-Black',sans-serif; color: #e7ba1f; text-transform: uppercase; } .mcpk15 section div { max-width: 100%; text-align: left; } .mcpk15 section div#english ul, .mcpk15 section div#spanish ul { margin: 1em 0 5em; } .mcpk15 section > p { text-align: left; } .mcpk15 section#access:after { display: block; width: 100%; height: 200px; content: ""; background: url(/resources/missions/mcpk15/images/family.svg) 50% 0 no-repeat; background-size: contain; } .mcpk15 section:first-of-type h2 strong { color: #758b97; } .mcpk15 #lead { margin-bottom: 10%; } .mcpk15 #lead > p strong { font-family: 'AvenirLTStd-Heavy',sans-serif; text-transform: uppercase; color: black; } .mcpk15 .callout { font: 1.6em 'thirsty_roughregular',sans-serif; color: #7e8245; text-align: center; } @media only screen and (min-width: 768px) { .mcpk15 section div { width: 35em; margin: 0 auto 6%; } .mcpk15 section div#english, .mcpk15 section div#spanish { float: left; width: 50%; margin: 0; } .mcpk15 section div#english li, .mcpk15 section div#spanish li { margin-left: 2em; } .mcpk15 section#access:after { height: 300px; } } .mcpk15 #videoLinks, .mcpk15-poster #videoLinks { margin: 0 6% 6%; } @media only screen and (min-width: 480px) { .mcpk15 #videoLinks li.download, .mcpk15-poster #videoLinks li.download { float: left; } .mcpk15 #videoLinks li.spanish, .mcpk15-poster #videoLinks li.spanish { float: right; } } .mcpk15-poster section { position: relative; z-index: 100; clear: both; margin: 8% 0; border-top: 2.4px solid #9fa1a4; text-align: center; } .mcpk15-poster section h1 { display: inline; position: relative; top: -.55em; background-color: white; font: 1.5em 'AvenirLTStd-Black',sans-serif; color: black; text-align: center; letter-spacing: .2em; } .mcpk15-poster section#story h2 { font: 3em/.95 'AvenirLTStd-Heavy',sans-serif; text-transform: uppercase; color: #758b97; } .mcpk15-poster section#question p { position: relative; font: 3em/1.05 'AvenirLTStd-Book',sans-serif; text-transform: uppercase; color: #b26729; text-align: left; } .mcpk15-poster section#question p span.ref { display: block; font: .4em 'AvenirLTStd-Light',sans-serif; text-transform: none; } .mcpk15-poster section#answer p { margin: .15em 0 .5em; text-transform: uppercase; font-size: 3em; line-height: .8; } .mcpk15-poster section#answer p em { font: .8em 'thirsty_roughregular',sans-serif; text-transform: lowercase; } .mcpk15-poster section#answer p strong { font-family: 'AvenirLTStd-Black',sans-serif; color: #758b97; } .mcpk15-poster section#response h2 { font: 2.15em/1.1 'AvenirLTStd-BookOblique',sans-serif; } .mcpk15-poster section#response h2 strong { font-family: 'AvenirLTStd-BlackOblique',sans-serif; text-transform: uppercase; } .mcpk15-poster section#response p { font: 1.2em 'AvenirLTStd-Black',sans-serif; text-transform: uppercase; } .mcpk15-poster section#response p span { display: block; padding: 0; background-position: 50%; background-repeat: no-repeat; background-size: contain; } .mcpk15-poster section#response p span#nearby { padding-bottom: 8em; background-image: url(/resources/missions/mcpk15/images/outside-nearby.svg); } .mcpk15-poster section#response p span#lacking { padding-bottom: 15em; background-image: url(/resources/missions/mcpk15/images/outside-lacking.svg); } .mcpk15-poster section#response p span#own { padding-bottom: 11em; background-image: url(/resources/missions/mcpk15/images/inside-networks.svg); } .mcpk15-poster section#response p span#others { padding-bottom: 13em; background-image: url(/resources/missions/mcpk15/images/inside-beyond.svg); } .mcpk15-poster section#response #outside strong, .mcpk15-poster section#response #outside p { color: #b26729; } .mcpk15-poster section#response #inside strong, .mcpk15-poster section#response #inside p { color: #7e8245; } .mcpk15-poster section footer, .mcpk15-poster div#beginningEnd footer { clear: both; padding: .6em; background-color: #758b97; font: 2em 'thirsty_roughregular',sans-serif; color: white; text-align: center; } .mcpk15-poster div#beginningEnd { position: relative; } .mcpk15-poster div#beginningEnd section { border: none; } .mcpk15-poster div#beginningEnd section h1 { display: block; position: static; margin-bottom: .4em; background-color: transparent; font: 2em 'thirsty_roughregular',sans-serif; color: #9fa1a4; text-transform: none; letter-spacing: 0; } .mcpk15-poster div#beginningEnd section h1 strong { position: relative; z-index: -1; margin-left: 0; font: 1.1em 'AvenirLTStd-Black',sans-serif; text-transform: uppercase; } .mcpk15-poster div#beginningEnd section p { font: .9em/1.8 'AvenirLTStd-Medium',sans-serif; } .mcpk15-poster div#beginningEnd section p.callout { width: 80%; margin: 0 auto .5em; font: 1.4em/1.2 'AvenirLTStd-MediumOblique',sans-serif; } .mcpk15-poster div#beginningEnd section p.callout strong { font-family: 'AvenirLTStd-BlackOblique',sans-serif; text-transform: uppercase; color: #758b97; } .mcpk15-poster div#beginningEnd section#beginning h1 strong { color: #e7ba1f; } .mcpk15-poster div#beginningEnd section#ending h1 strong { color: #b26729; } .mcpk15-poster #heart { display: inline-block; width: 1.4em; background: url(/resources/missions/mcpk15/images/heart.png) 50% no-repeat; background-size: contain; text-indent: -9999px; line-height: 1.3; } @media only screen and (min-width: 480px) { .mcpk15-poster section#response h2 { width: 70%; margin: 0 auto 1em; } .mcpk15-poster section#response p span { padding: 0 0 0 65%; } .mcpk15-poster section#response p span:after, .mcpk15-poster section#response p span:before { display: block; content: ""; width: 100%; background-image: url(/resources/missions/mcpk15/images/arrows.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; } .mcpk15-poster section#response p span#nearby { background-position: 10% 0; background-repeat: no-repeat; background-size: 55%; } .mcpk15-poster section#response p span#lacking { background-position: 25% 0; background-repeat: no-repeat; background-size: 40%; } .mcpk15-poster section#response p span#own { background-position: 25% 0; background-repeat: no-repeat; background-size: 45%; } .mcpk15-poster section#response p span#others { background-position: 25% 0; background-repeat: no-repeat; background-size: 40%; } .mcpk15-poster section#response #outside p span { padding-top: 1em; padding-bottom: 3em; } .mcpk15-poster section#response #outside p span:after { height: 3em; margin-top: 1em; } .mcpk15-poster section#response #inside p span { padding-top: 3em; padding-bottom: 1em; } .mcpk15-poster section#response #inside p span:before { height: 3em; margin-bottom: 1em; } } @media only screen and (min-width: 768px) { .mcpk15-poster section h1 { font-size: 2em; letter-spacing: .4em; } .mcpk15-poster section#story h2 { font-size: 4em; } .mcpk15-poster section#question p { padding-right: 2.75em; font-size: 5em; } .mcpk15-poster section#question p span.questionMark { display: block; position: absolute; right: 0; top: 0; font: 7em/.85 'AvenirLTStd-Book',sans-serif; color: #758b97; } .mcpk15-poster section#question p span.ref { margin-left: 2em; font-size: .2em; } .mcpk15-poster section#answer { background: url(/resources/missions/mcpk15/images/all-peoples.svg) 50% 65% no-repeat; background-size: 90%; } .mcpk15-poster section#answer p { margin-bottom: 40%; font-size: 4em; } } @media only screen and (min-width: 960px) { .mcpk15-poster section#story h2 { font-size: 6em; } .mcpk15-poster section#question { background: url(/resources/missions/mcpk15/images/question-man.svg) 80% 65% no-repeat; background-size: 17%; } .mcpk15-poster section#answer p { font-size: 5.75em; } .mcpk15-poster div#beginningEnd { height: 67%; background: url(/resources/missions/mcpk15/images/book.svg) 50% 0 no-repeat; background-size: contain; } .mcpk15-poster div#beginningEnd section { float: left; clear: none; width: 36%; margin: 10% 7% 40%; } .mcpk15-poster div#beginningEnd section#beginning { margin-right: 3.5%; margin-left: 10%; } .mcpk15-poster div#beginningEnd section#ending { margin-right: 10.5%; margin-left: 4%; } .mcpk15-poster div#beginningEnd:after { display: block; position: absolute; bottom: 125px; width: 100%; height: 275px; content: ""; background: url(/resources/missions/mcpk15/images/family.svg) 50% 0 no-repeat; background-size: contain; } } .mcpk15-poster #main section h1, .mcpk15 #main section h1 { padding: 0 0 0 .5em; } .mcpk14 section { clear: both; margin-bottom: 15%; text-align: center; } .mcpk14 section header { max-width: 100%; margin-bottom: 4%; } .mcpk14 section header h1 { display: inline; padding: 0 .3em; background-color: white; font: 1em 'AvenirLTStd-Black',sans-serif; color: black; text-align: center; letter-spacing: .4em; } .mcpk14 section header h1 strong { position: relative; z-index: -1; display: block; margin-bottom: -.2em; padding-bottom: .2em; border-bottom: 2px solid #9fa1a4; font-size: 2.2em; line-height: .9em; letter-spacing: normal; } .mcpk14 section h2 { margin: 2em 0 .4em; color: #9fa1a4; text-transform: uppercase; font: 1.3em 'AvenirLTStd-Black',sans-serif; } .mcpk14 section:nth-of-type(4n+1) header h1 strong { color: #7e8245; } .mcpk14 section:nth-of-type(4n+2) header h1 strong { color: #758b97; } .mcpk14 section:nth-of-type(4n+3) header h1 strong { color: #b26729; } .mcpk14 section:nth-of-type(4n+4) header h1 strong { color: #e7ba1f; } .mcpk14 h1, .mcpk14 h2, .mcpk14 p { clear: both; } .mcpk14 .intro, .mcpk14 #lead > p { margin-bottom: 8%; } .mcpk14 .overwhelmed div { margin: 0 2% 10%; text-align: center; } .mcpk14 .overwhelmed div h2 { margin-bottom: 0; font: 2em 'thirsty_roughregular',sans-serif; color: #9fa1a4; text-transform: none; } .mcpk14 .overwhelmed div h2 strong { position: relative; z-index: -1; margin-left: -.3em; font: 1.1em 'AvenirLTStd-Black',sans-serif; text-transform: uppercase; } .mcpk14 .overwhelmed div q { font: normal 1em 'AvenirLTStd-Light',sans-serif; color: #9fa1a4; } .mcpk14 .overwhelmed div cite { display: block; font: normal 1.1em 'thirsty_roughregular',sans-serif; color: #9fa1a4; } .mcpk14 .overwhelmed div:nth-of-type(4n+1) h2 strong { color: #b26729; } .mcpk14 .overwhelmed div:nth-of-type(4n+2) h2 strong { color: #758b97; } .mcpk14 .overwhelmed div:nth-of-type(4n+3) h2 strong { color: #e7ba1f; } .mcpk14 .overwhelmed div:nth-of-type(4n+4) h2 strong { color: #7e8245; } .mcpk14 .overwhelmed div:last-of-type { margin-bottom: 15%; } .mcpk14 .overflow p span { display: block; width: 100%; min-height: 115px; margin-bottom: 15%; background-repeat: no-repeat; background-position: 50% 100%; font: normal 1em 'thirsty_roughregular',sans-serif; } .mcpk14 .overflow p span.love { /*height: 115px;*/ background-image: url("/images/resources/missions/mcpk14/heart.png"); background-size: contain; font-size: 6.2em; color: #801214; text-transform: capitalize; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .overflow p span.love { background-image: url("/images/resources/missions/mcpk14/heart-2x.png"); } } .mcpk14 .overflow p span.love strong { display: block; float: right; margin: .4em 0 -1.3em; font: .5em 'AvenirLTStd-Black',sans-serif; text-transform: uppercase; text-align: right; } .mcpk14 .overflow p span.contained, .mcpk14 .overflow p span.go { /*height: 114px;*/ background-image: url("/images/resources/missions/mcpk14/blue-arrows.png"); background-size: contain; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .overflow p span.contained, .mcpk14 .overflow p span.go { background-image: url("/images/resources/missions/mcpk14/blue-arrows-2x.png"); } } .mcpk14 .overflow p span.contained { font-size: 2.3em; color: #758b97; } .mcpk14 .overflow p span.contained strong { display: block; margin-top: -.2em; font: normal 1.3em 'AvenirLTStd-BlackOblique',sans-serif; text-transform: uppercase; } .mcpk14 .overflow p span.go { font-size: 1.8em; color: #9fa1a4; } .mcpk14 .overflow p span.go strong { display: block; margin-top: -.1em; font: 2.2em 'AvenirLTStd-BlackOblique',sans-serif; color: #e7ba1f; text-transform: uppercase; text-align: right; } .mcpk14 .overflow p span.man { position: absolute; clear: left; width: 90px; height: 150px; margin-top: 3em; background-image: url("/images/resources/missions/mcpk14/walking-man.png"); background-size: contain; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .overflow p span.man { background-image: url("/images/resources/missions/mcpk14/walking-man-2x.png"); } } .mcpk14 .overflow .scripture { clear: right; margin: -3em 0 5em 100px; font: normal 1em 'AvenirLTStd-Light',sans-serif; color: #6c6e71; text-align: left; } .mcpk14 .overflow .scripture cite { display: block; text-align: right; } .mcpk14 .access-map { position: relative; z-index: -2; clear: none; padding-top: 47%; background-image: url("/images/resources/missions/mcpk14/access-map-detail.png"); background-size: contain; background-repeat: no-repeat; background-position: 50% 0; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .access-map { background-image: url("/images/resources/missions/mcpk14/access-map-detail-2x.png"); } } .mcpk14 .access-map p { padding-left: 6em; color: #758b97; text-align: left; } .mcpk14 .access-map p em { display: block; position: absolute; left: 0; bottom: .3em; font: normal 3em/1 'thirsty_roughregular',sans-serif; } .mcpk14 .stats-list { position: relative; min-height: 350px; margin-bottom: 10%; background-image: url("/images/resources/missions/mcpk14/grey-map.png"); background-size: contain; background-repeat: no-repeat; background-position: 50%; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .stats-list { background-image: url("/images/resources/missions/mcpk14/grey-map-2x.png"); } } .mcpk14 .stats-list li { color: #6c6e71; width: 15em; } .mcpk14 .stats-list li.us strong, .mcpk14 .stats-list li.world strong { font: normal 3em/1 'thirsty_roughregular',sans-serif; } .mcpk14 .stats-list li.us { position: absolute; left: 10%; top: 0; } .mcpk14 .stats-list li.us strong { color: #758b97; } .mcpk14 .stats-list li.world { position: absolute; bottom: 0; left: 20%; } .mcpk14 .stats-list li.world strong { color: #b26729; } .mcpk14 .stats-list li.fruit .stat, .mcpk14 .stats-list li.languages .stat { top: auto; width: 2.3em; height: 2.3em; } .mcpk14 .stats-list li.fruit .stat p, .mcpk14 .stats-list li.languages .stat p { height: 15em; } .mcpk14 .stats-list li.fruit .stat { right: 1.8em; bottom: 0; } .mcpk14 .stats-list li.languages .stat { right: 0; bottom: 1.3em; background-color: rgba(178, 103, 41, 0.8); } .mcpk14 .access li { position: relative; height: 185px; max-width: 20em; margin: 0 auto 4%; background-repeat: no-repeat; background-position: 100%; } .mcpk14 .access li p { position: absolute; left: 15%; bottom: 0; width: 50%; padding: .5em .7em; font-size: .9em; line-height: .9; z-index: -1; border: 2px solid #9fa1a4; border-radius: 1em; } .mcpk14 .access li p strong, .mcpk14 .access li p em { display: block; } .mcpk14 .access li p strong { margin: .2em 0 0; font: normal 1.7em/.9 'AvenirLTStd-Black',sans-serif; text-transform: uppercase; } .mcpk14 .access li p em { margin: .1em 0 0; font: normal 2.5em/.9 'thirsty_roughregular',sans-serif; } .mcpk14 .access li.high { color: #7e8245; background-image: url("/images/resources/missions/mcpk14/high-access-man.png"); background-size: contain; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .access li.high { background-image: url("/images/resources/missions/mcpk14/high-access-man-2x.png"); } } .mcpk14 .access li.high p { background-color: #eaecda; border-color: #7e8245; } .mcpk14 .access li.low { color: #b26729; background-image: url("/images/resources/missions/mcpk14/low-access-man.png"); background-size: contain; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .access li.low { background-image: url("/images/resources/missions/mcpk14/low-access-man-2x.png"); } } .mcpk14 .access li.low p { background-color: #f8ece2; border-color: #b26729; } .mcpk14 .access li.no { color: #801214; background-image: url("/images/resources/missions/mcpk14/no-access-man.png"); background-size: contain; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .access li.no { background-image: url("/images/resources/missions/mcpk14/no-access-man-2x.png"); } } .mcpk14 .access li.no p { background-color: #f5b6b7; border-color: #801214; } .mcpk14 .call p { clear: none; margin: 0 5%; color: #6c6e71; } .mcpk14 .call p strong { display: block; font: 1em/1 'AvenirLTStd-Black',sans-serif; text-transform: uppercase; } .mcpk14 .call .scripture { margin-bottom: 2em; padding-top: 5em; background-image: url("/images/resources/missions/mcpk14/praising-man.png"); background-size: contain; background-position: 100%; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .call .scripture { background-image: url("/images/resources/missions/mcpk14/praising-man-2x.png"); } } .mcpk14 .call .scripture q, .mcpk14 .call .scripture cite { display: block; text-align: left; } .mcpk14 .call .scripture q { text-transform: uppercase; font-size: 2em; } .mcpk14 .call .scripture q:before, .mcpk14 .call .scripture q:after { content: none; } .mcpk14 .call .scripture q strong { font-size: 2.5em; } .mcpk14 .call .scripture cite { font: normal 1em 'thirsty_roughregular',sans-serif; color: #7e8245; } .mcpk14 .call .how { margin-bottom: 15%; padding: .8em 0; background-image: url("/images/resources/missions/mcpk14/question-mark.png"); background-size: contain; background-position: 50%; background-repeat: no-repeat; font-size: 2.6em; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .call .how { background-image: url("/images/resources/missions/mcpk14/question-mark-2x.png"); } } .mcpk14 .call .how strong { display: inline; } .mcpk14 .together { position: relative; margin-top: 10%; padding-top: 58%; background-repeat: no-repeat; background-position: 50% 0; background-image: url("/images/resources/missions/mcpk14/together.png"); background-size: contain; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .together { background-image: url("/images/resources/missions/mcpk14/together-2x.png"); } } .mcpk14 .together .statement { font-size: 1.1em; color: #6c6e71; text-align: left; } .mcpk14 .together .statement strong { display: block; font: 1.3em 'AvenirLTStd-Black',sans-serif; text-transform: uppercase; } .mcpk14 .together .stat.workers { top: 0; right: 10%; background-color: rgba(117, 139, 151, 0.8); } .mcpk14 .together .stat.countries { top: 50%; right: 0; background-color: rgba(126, 130, 69, 0.8); } .mcpk14 .how-many { width: 15em; margin: 0 auto 1em; color: #6c6e71; font-size: 1.3em; } .mcpk14 .how-many strong { display: block; font: normal 1.7em/1 'AvenirLTStd-Black',sans-serif; } .mcpk14 .stat { width: 2em; height: 2em; background-color: rgba(117, 139, 151, 0.8); } .mcpk14 .stat p { height: 13em; font-size: .15em; } .mcpk14 .moved-quote { margin-bottom: 10%; } .mcpk14 .every-list { margin-top: 5%; } .mcpk14 .every-list li { min-height: 120px; background-repeat: no-repeat; } .mcpk14 .every-list li p { margin-left: 95px; } .mcpk14 .every-list li strong { display: block; font: normal 2.5em/1 'thirsty_roughregular',sans-serif; } .mcpk14 .every-list li.pray { background-image: url("/images/resources/missions/mcpk14/hourglass.png"); background-size: 100px auto; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .every-list li.pray { background-image: url("/images/resources/missions/mcpk14/hourglass-2x.png"); } } .mcpk14 .every-list li.medical { background-image: url("/images/resources/missions/mcpk14/medical.png"); background-size: 100px auto; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .every-list li.medical { background-image: url("/images/resources/missions/mcpk14/medical-2x.png"); } } .mcpk14 .every-list li.baptize { background-image: url("/images/resources/missions/mcpk14/water-drop.png"); background-size: 100px auto; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .every-list li.baptize { background-image: url("/images/resources/missions/mcpk14/water-drop-2x.png"); } } .mcpk14 .every-list li.family { background-image: url("/images/resources/missions/mcpk14/calendar.png"); background-size: 100px auto; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .every-list li.family { background-image: url("/images/resources/missions/mcpk14/calendar-2x.png"); } } .mcpk14 .every-list li.radio { background-image: url("/images/resources/missions/mcpk14/boombox.png"); background-size: 100px auto; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .every-list li.radio { background-image: url("/images/resources/missions/mcpk14/boombox-2x.png"); } } .mcpk14 .every-list li.school { background-image: url("/images/resources/missions/mcpk14/pencil.png"); background-size: 100px auto; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mcpk14 .every-list li.school { background-image: url("/images/resources/missions/mcpk14/pencil-2x.png"); } } .mcpk14 .every-list li:nth-of-type(4n+1) strong { color: #7e8245; } .mcpk14 .every-list li:nth-of-type(4n+2) strong { color: #758b97; } .mcpk14 .every-list li:nth-of-type(4n+3) strong { color: #b26729; } .mcpk14 .every-list li:nth-of-type(4n+4) strong { color: #e7ba1f; } .mcpk14 .every-list li:last-of-type { margin-bottom: 15%; } @media only screen and (min-width: 480px) { .mcpk14 section header h1 { font-size: 1.3em; } .mcpk14 .overwhelmed div { float: left; width: 46%; margin-bottom: 4%; } .mcpk14 .overwhelmed div h2 { font-size: 2.2em; } .mcpk14 .overwhelmed div:nth-of-type(2n+1) { clear: left; } .mcpk14 section.overflow span { float: left; width: 50%; margin-bottom: 5%; } .mcpk14 section.overflow span.love { font-size: 4.2em; } .mcpk14 section.overflow span.contained { font-size: 1.3em; } .mcpk14 section.overflow span.go { margin-left: -30px; font-size: 1.3em; } .mcpk14 section.overflow span.man { position: static; float: left; margin-top: 0; } .mcpk14 section.overflow .scripture { float: right; clear: both; width: 70%; margin-top: -5em; } .mcpk14 .together { height: 212px; padding: 0 75% 0 0; background-position: 100%; background-size: 55%; } .mcpk14 .together .statement { position: absolute; bottom: 0; left: .5em; width: 40%; } .mcpk14 .access-map p em { bottom: 0; } } @media only screen and (min-width: 768px) { .mcpk14 section header h1 { font-size: 2em; } .mcpk14 section header h1 strong { font-size: 2.4em; } .mcpk14 .overwhelmed div h2 { font-size: 2.5em; } .mcpk14 section.overflow span { width: 28%; } .mcpk14 section.overflow span.man { clear: none; } .mcpk14 section.overflow span.go { width: 35%; } .mcpk14 section.overflow .scripture { width: 30%; } .mcpk14 .access li { float: left; width: 33%; } .mcpk14 .access-map { height: 20em; margin: 0 -6.5% -15%; background-image: url("/images/resources/missions/mcpk14/access-map.png"); background-size: 1200px auto; background-repeat: no-repeat; background-position: 120% 0; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) { .mcpk14 .access-map { background-image: url("/images/resources/missions/mcpk14/access-map-2x.png"); } } @media only screen and (min-width: 768px) { .mcpk14 .access-map p { display: table-cell; vertical-align: middle; position: absolute; top: 32%; right: 1%; width: 18%; margin: 0; padding: 4.2em .5em 4.2em 10em; background-image: url(/images/resources/missions/mcpk14/grey-arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: 100% 50%; } .mcpk14 .access-map p em { left: 1.5em; top: 1.8em; bottom: auto; } .mcpk14 .together { background-position-x: 50%; background-size: contain; } .mcpk14 .together .statement { width: 20%; } .mcpk14 .together .stat.countries { top: 40%; } .mcpk14 .every-list li { float: left; width: 46%; margin: 0 2% 4%; } .mcpk14 .every-list li:nth-of-type(2n+1) { clear: left; } .mcpk14 .call { overflow-y: auto; margin-bottom: 10%; background-image: url("/images/resources/missions/mcpk14/red-arrows.png"); background-size: 100px auto; background-position: 50%; background-repeat: no-repeat; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 1.5dppx) { .mcpk14 .call { background-image: url("/images/resources/missions/mcpk14/red-arrows-2x.png"); } } @media only screen and (min-width: 768px) { .mcpk14 .call p { clear: none; width: 50%; margin: 0; } .mcpk14 .call p.scripture { float: left; margin-bottom: 0; padding: 0; } .mcpk14 .call p.scripture q, .mcpk14 .call p.scripture cite { width: 50%; text-align: center; } .mcpk14 .call p.how { float: right; margin-bottom: 0; } } @media only screen and (min-width: 960px) { .mcpk14 section header h1 strong { font-size: 2.8em; } .mcpk14 .overwhelmed div { width: 29%; } .mcpk14 .overwhelmed div:nth-of-type(2n+1) { clear: none; } .mcpk14 .overwhelmed div:nth-of-type(3n+1) { clear: left; } .mcpk14 section.overflow span.go { font-size: 1.9em; } .mcpk14 .access li { width: 29%; margin: 0 2% 4%; } .mcpk14 .access-map { background-position: 150% 50%; } .mcpk14 .every-list li { float: left; width: 29%; } .mcpk14 .every-list li:nth-of-type(2n+1) { clear: none; } .mcpk14 .every-list li:nth-of-type(3n+1) { clear: left; } .mcpk14 .call p { width: 40%; } } .mobile #menus #nav-global li { margin: 1em 0; } .mobile #menus #nav-site li { float: none; } .mobile #menus #nav-section { border-top: 1px #ccc solid; } .mobile #menus #nav-section li a { font: 1em 'AvenirLTStd-Light',sans-serif; } .mobile #menus #nav-section li a:hover { background: white; } .mobile #head div.logo a { background-position-x: 45px; } #nav-menu-link { position: absolute; top: 0; left: 8px; display: block; padding: .2em .4em .3em; background-color: #999; border: 1px solid #fff; border-top: none; font: normal 1.5em/1 'iconicfill',sans-serif; color: #eee; border-radius: 0 0 .2em .2em; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #nav-menu-link:hover { text-decoration: none; } /************** Video ************/ #content.video h2, body.video h2 { clear: both; } .home #updates li.episode, #main div.episode.embed, .video .episode { display: block; position: relative; /*@include transition();*/ } .video .home #updates li.episode h3, .home #updates .video li.episode h3, .video #main div.episode.embed h3, #main .video div.episode.embed h3, .video .episode h3, .home #updates li.episode h4, .home #updates #main div.episode.embed h4, #main .home #updates div.episode.embed h4, .home #updates .video .episode h4, .video .home #updates .episode h4 { margin: 0 5% .2em; font-size: 1em; } .home #updates li.episode p.date, #main div.episode.embed p.date, .video .episode p.date, .home #updates li.episode p.duration, #main div.episode.embed p.duration, .video .episode p.duration, .home #updates li.episode p.location, #main div.episode.embed p.location, .video .episode p.location { font: 300 .9em 'AvenirLTStd-BookOblique',sans-serif; color: #9fa1a4; } .home #updates li.episode a, #main div.episode.embed a, .video .episode a { text-decoration: none; -webkit-transition: none 0.2s ease; -moz-transition: none 0.2s ease; -o-transition: none 0.2s ease; transition: none 0.2s ease; } .home #updates li.episode a:hover, #main div.episode.embed a:hover, .video .episode a:hover { color: #6c6e71; text-decoration: none; } .home #updates li.episode img.wp-post-image, #main div.episode.embed img.wp-post-image, .video .episode img.wp-post-image { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .home #updates li.episode br, #main div.episode.embed br, .video .episode br { display: none; } .home #updates li.episode:hover img.wp-post-image, #main div.episode.embed:hover img.wp-post-image, .video .episode:hover img.wp-post-image { opacity: .7; } .home #updates li.embed.episode, #main div.embed.episode, .video .embed.episode { padding-bottom: .6em; } .episode-grid .home #updates li.episode, .home #updates .episode-grid li.episode, .episode-grid #main div.episode.embed, #main .episode-grid div.episode.embed, .episode-grid .video .episode, .video .episode-grid .episode, .home #updates li.embed.episode, #main div.embed.episode, .video .embed.episode { float: left; width: 47%; margin: 0 3% 5% 0; } .episode-grid .home #updates li.episode img.wp-post-image, .home #updates .episode-grid li.episode img.wp-post-image, .episode-grid #main div.episode.embed img.wp-post-image, #main .episode-grid div.episode.embed img.wp-post-image, .episode-grid .video .episode img.wp-post-image, .video .episode-grid .episode img.wp-post-image, .home #updates li.embed.episode img.wp-post-image, #main div.embed.episode img.wp-post-image, .video .embed.episode img.wp-post-image { width: 100%; max-width: 100%; margin-bottom: .3em; } .episode-grid .home #updates li.episode p.duration, .home #updates .episode-grid li.episode p.duration, .episode-grid #main div.episode.embed p.duration, #main .episode-grid div.episode.embed p.duration, .episode-grid .video .episode p.duration, .video .episode-grid .episode p.duration, .home #updates li.embed.episode p.duration, #main div.embed.episode p.duration, .video .embed.episode p.duration { margin: 0 5%; text-align: right; } .episode-grid .home #updates li.episode p.subhead, .home #updates .episode-grid li.episode p.subhead, .episode-grid #main div.episode.embed p.subhead, #main .episode-grid div.episode.embed p.subhead, .episode-grid .video .episode p.subhead, .video .episode-grid .episode p.subhead, .episode-grid .home #updates li.episode p.date, .home #updates .episode-grid li.episode p.date, .episode-grid #main div.episode.embed p.date, #main .episode-grid div.episode.embed p.date, .episode-grid .video .episode p.date, .video .episode-grid .episode p.date, .episode-grid .home #updates li.episode p.location, .home #updates .episode-grid li.episode p.location, .episode-grid #main div.episode.embed p.location, #main .episode-grid div.episode.embed p.location, .episode-grid .video .episode p.location, .video .episode-grid .episode p.location, .episode-grid .home #updates li.episode p.excerpt, .home #updates .episode-grid li.episode p.excerpt, .episode-grid #main div.episode.embed p.excerpt, #main .episode-grid div.episode.embed p.excerpt, .episode-grid .video .episode p.excerpt, .video .episode-grid .episode p.excerpt, .home #updates li.embed.episode p.subhead, #main div.embed.episode p.subhead, .video .embed.episode p.subhead, .home #updates li.embed.episode p.date, #main div.embed.episode p.date, .video .embed.episode p.date, .home #updates li.embed.episode p.location, #main div.embed.episode p.location, .video .embed.episode p.location, .home #updates li.embed.episode p.excerpt, #main div.embed.episode p.excerpt, .video .embed.episode p.excerpt { display: none; } .episode-grid .home #updates li.episode:hover, .home #updates .episode-grid li.episode:hover, .episode-grid #main div.episode.embed:hover, #main .episode-grid div.episode.embed:hover, .episode-grid .video .episode:hover, .video .episode-grid .episode:hover, .home #updates li.embed.episode:hover, #main div.embed.episode:hover, .video .embed.episode:hover { background: #eeeeee; } .video .episode-grid .home #updates li.episode, .home #updates .video .episode-grid li.episode, .video .episode-grid #main div.episode.embed, #main .video .episode-grid div.episode.embed, .video .episode-grid .episode, .video .home #updates li.embed.episode, .home #updates .video li.embed.episode, .video #main div.embed.episode, #main .video div.embed.episode, .video .embed.episode { min-height: 175px; } .video .episode-grid .home #updates li.episode:nth-of-type(1n), .home #updates .video .episode-grid li.episode:nth-of-type(1n), .video .episode-grid #main div.episode.embed:nth-of-type(1n), #main .video .episode-grid div.episode.embed:nth-of-type(1n), .video .episode-grid .episode:nth-of-type(1n), .video .home #updates li.embed.episode:nth-of-type(1n), .home #updates .video li.embed.episode:nth-of-type(1n), .video #main div.embed.episode:nth-of-type(1n), #main .video div.embed.episode:nth-of-type(1n), .video .embed.episode:nth-of-type(1n) { width: 48.5%; } .video .episode-grid .home #updates li.episode:nth-of-type(2n+1), .home #updates .video .episode-grid li.episode:nth-of-type(2n+1), .video .episode-grid #main div.episode.embed:nth-of-type(2n+1), #main .video .episode-grid div.episode.embed:nth-of-type(2n+1), .video .episode-grid .episode:nth-of-type(2n+1), .video .home #updates li.embed.episode:nth-of-type(2n+1), .home #updates .video li.embed.episode:nth-of-type(2n+1), .video #main div.embed.episode:nth-of-type(2n+1), #main .video div.embed.episode:nth-of-type(2n+1), .video .embed.episode:nth-of-type(2n+1) { clear: left; } .video .episode-grid .home #updates li.episode:nth-of-type(2n+2), .home #updates .video .episode-grid li.episode:nth-of-type(2n+2), .video .episode-grid #main div.episode.embed:nth-of-type(2n+2), #main .video .episode-grid div.episode.embed:nth-of-type(2n+2), .video .episode-grid .episode:nth-of-type(2n+2), .video .home #updates li.embed.episode:nth-of-type(2n+2), .home #updates .video li.embed.episode:nth-of-type(2n+2), .video #main div.embed.episode:nth-of-type(2n+2), #main .video div.embed.episode:nth-of-type(2n+2), .video .embed.episode:nth-of-type(2n+2) { margin-right: 0; } @media only screen and (min-width: 480px) { .episode-grid .home #updates li.episode, .home #updates .episode-grid li.episode, .episode-grid #main div.episode.embed, #main .episode-grid div.episode.embed, .episode-grid .video .episode, .video .episode-grid .episode, .home #updates li.embed.episode, #main div.embed.episode, .video .embed.episode { width: 30%; } .video .episode-grid .home #updates li.episode, .home #updates .video .episode-grid li.episode, .video .episode-grid #main div.episode.embed, #main .video .episode-grid div.episode.embed, .video .episode-grid .episode, .video .home #updates li.embed.episode, .home #updates .video li.embed.episode, .video #main div.embed.episode, #main .video div.embed.episode, .video .embed.episode { min-height: 185px; } .video .episode-grid .home #updates li.episode:nth-of-type(1n), .home #updates .video .episode-grid li.episode:nth-of-type(1n), .video .episode-grid #main div.episode.embed:nth-of-type(1n), #main .video .episode-grid div.episode.embed:nth-of-type(1n), .video .episode-grid .episode:nth-of-type(1n), .video .home #updates li.embed.episode:nth-of-type(1n), .home #updates .video li.embed.episode:nth-of-type(1n), .video #main div.embed.episode:nth-of-type(1n), #main .video div.embed.episode:nth-of-type(1n), .video .embed.episode:nth-of-type(1n) { width: 31.25%; } .video .episode-grid .home #updates li.episode:nth-of-type(2n+1), .home #updates .video .episode-grid li.episode:nth-of-type(2n+1), .video .episode-grid #main div.episode.embed:nth-of-type(2n+1), #main .video .episode-grid div.episode.embed:nth-of-type(2n+1), .video .episode-grid .episode:nth-of-type(2n+1), .video .home #updates li.embed.episode:nth-of-type(2n+1), .home #updates .video li.embed.episode:nth-of-type(2n+1), .video #main div.embed.episode:nth-of-type(2n+1), #main .video div.embed.episode:nth-of-type(2n+1), .video .embed.episode:nth-of-type(2n+1) { clear: none; } .video .episode-grid .home #updates li.episode:nth-of-type(2n+2), .home #updates .video .episode-grid li.episode:nth-of-type(2n+2), .video .episode-grid #main div.episode.embed:nth-of-type(2n+2), #main .video .episode-grid div.episode.embed:nth-of-type(2n+2), .video .episode-grid .episode:nth-of-type(2n+2), .video .home #updates li.embed.episode:nth-of-type(2n+2), .home #updates .video li.embed.episode:nth-of-type(2n+2), .video #main div.embed.episode:nth-of-type(2n+2), #main .video div.embed.episode:nth-of-type(2n+2), .video .embed.episode:nth-of-type(2n+2) { margin-right: 3%; } .video .episode-grid .home #updates li.episode:nth-of-type(3n+3), .home #updates .video .episode-grid li.episode:nth-of-type(3n+3), .video .episode-grid #main div.episode.embed:nth-of-type(3n+3), #main .video .episode-grid div.episode.embed:nth-of-type(3n+3), .video .episode-grid .episode:nth-of-type(3n+3), .video .home #updates li.embed.episode:nth-of-type(3n+3), .home #updates .video li.embed.episode:nth-of-type(3n+3), .video #main div.embed.episode:nth-of-type(3n+3), #main .video div.embed.episode:nth-of-type(3n+3), .video .embed.episode:nth-of-type(3n+3) { margin-right: 0; } .video .episode-grid .home #updates li.episode:nth-of-type(3n+1), .home #updates .video .episode-grid li.episode:nth-of-type(3n+1), .video .episode-grid #main div.episode.embed:nth-of-type(3n+1), #main .video .episode-grid div.episode.embed:nth-of-type(3n+1), .video .episode-grid .episode:nth-of-type(3n+1), .video .home #updates li.embed.episode:nth-of-type(3n+1), .home #updates .video li.embed.episode:nth-of-type(3n+1), .video #main div.embed.episode:nth-of-type(3n+1), #main .video div.embed.episode:nth-of-type(3n+1), .video .embed.episode:nth-of-type(3n+1) { clear: left; } } @media only screen and (min-width: 768px) { .video .episode-grid .home #updates li.episode, .home #updates .video .episode-grid li.episode, .video .episode-grid #main div.episode.embed, #main .video .episode-grid div.episode.embed, .video .episode-grid .episode, .video .home #updates li.embed.episode, .home #updates .video li.embed.episode, .video #main div.embed.episode, #main .video div.embed.episode, .video .embed.episode { width: 22%; } .video .episode-grid .home #updates li.episode:nth-of-type(1n), .home #updates .video .episode-grid li.episode:nth-of-type(1n), .video .episode-grid #main div.episode.embed:nth-of-type(1n), #main .video .episode-grid div.episode.embed:nth-of-type(1n), .video .episode-grid .episode:nth-of-type(1n), .video .home #updates li.embed.episode:nth-of-type(1n), .home #updates .video li.embed.episode:nth-of-type(1n), .video #main div.embed.episode:nth-of-type(1n), #main .video div.embed.episode:nth-of-type(1n), .video .embed.episode:nth-of-type(1n) { width: 22.75%; } .video .episode-grid .home #updates li.episode:nth-of-type(3n+1), .home #updates .video .episode-grid li.episode:nth-of-type(3n+1), .video .episode-grid #main div.episode.embed:nth-of-type(3n+1), #main .video .episode-grid div.episode.embed:nth-of-type(3n+1), .video .episode-grid .episode:nth-of-type(3n+1), .video .home #updates li.embed.episode:nth-of-type(3n+1), .home #updates .video li.embed.episode:nth-of-type(3n+1), .video #main div.embed.episode:nth-of-type(3n+1), #main .video div.embed.episode:nth-of-type(3n+1), .video .embed.episode:nth-of-type(3n+1) { clear: none; } .video .episode-grid .home #updates li.episode:nth-of-type(3n+3), .home #updates .video .episode-grid li.episode:nth-of-type(3n+3), .video .episode-grid #main div.episode.embed:nth-of-type(3n+3), #main .video .episode-grid div.episode.embed:nth-of-type(3n+3), .video .episode-grid .episode:nth-of-type(3n+3), .video .home #updates li.embed.episode:nth-of-type(3n+3), .home #updates .video li.embed.episode:nth-of-type(3n+3), .video #main div.embed.episode:nth-of-type(3n+3), #main .video div.embed.episode:nth-of-type(3n+3), .video .embed.episode:nth-of-type(3n+3) { margin-right: 3%; } .video .episode-grid .home #updates li.episode:nth-of-type(4n+4), .home #updates .video .episode-grid li.episode:nth-of-type(4n+4), .video .episode-grid #main div.episode.embed:nth-of-type(4n+4), #main .video .episode-grid div.episode.embed:nth-of-type(4n+4), .video .episode-grid .episode:nth-of-type(4n+4), .video .home #updates li.embed.episode:nth-of-type(4n+4), .home #updates .video li.embed.episode:nth-of-type(4n+4), .video #main div.embed.episode:nth-of-type(4n+4), #main .video div.embed.episode:nth-of-type(4n+4), .video .embed.episode:nth-of-type(4n+4) { margin-right: 0; } .video .episode-grid .home #updates li.episode:nth-of-type(4n+1), .home #updates .video .episode-grid li.episode:nth-of-type(4n+1), .video .episode-grid #main div.episode.embed:nth-of-type(4n+1), #main .video .episode-grid div.episode.embed:nth-of-type(4n+1), .video .episode-grid .episode:nth-of-type(4n+1), .video .home #updates li.embed.episode:nth-of-type(4n+1), .home #updates .video li.embed.episode:nth-of-type(4n+1), .video #main div.embed.episode:nth-of-type(4n+1), #main .video div.embed.episode:nth-of-type(4n+1), .video .embed.episode:nth-of-type(4n+1) { clear: left; } } .episode-list .home #updates li.episode, .home #updates .episode-list li.episode, .episode-list #main div.episode.embed, #main .episode-list div.episode.embed, .episode-list .video .episode, .video .episode-list .episode { clear: both; overflow-y: auto; margin-bottom: 6%; } .episode-list .home #updates li.episode img.wp-post-image, .home #updates .episode-list li.episode img.wp-post-image, .episode-list #main div.episode.embed img.wp-post-image, #main .episode-list div.episode.embed img.wp-post-image, .episode-list .video .episode img.wp-post-image, .video .episode-list .episode img.wp-post-image { width: 30%; } .episode-list .home #updates li.episode img.wp-post-image, .home #updates .episode-list li.episode img.wp-post-image, .episode-list #main div.episode.embed img.wp-post-image, #main .episode-list div.episode.embed img.wp-post-image, .episode-list .video .episode img.wp-post-image, .video .episode-list .episode img.wp-post-image { clear: left; float: left; margin: 0 3% 3% 0; } .episode-list .home #updates li.episode img.play-icon, .home #updates .episode-list li.episode img.play-icon, .episode-list #main div.episode.embed img.play-icon, #main .episode-list div.episode.embed img.play-icon, .episode-list .video .episode img.play-icon, .video .episode-list .episode img.play-icon { width: 9%; left: 10%; top: 25px; } .episode-list .home #updates li.episode p.subhead, .home #updates .episode-list li.episode p.subhead, .episode-list #main div.episode.embed p.subhead, #main .episode-list div.episode.embed p.subhead, .episode-list .video .episode p.subhead, .video .episode-list .episode p.subhead { margin: .1em; } .episode-list .home #updates li.episode p.date, .home #updates .episode-list li.episode p.date, .episode-list #main div.episode.embed p.date, #main .episode-list div.episode.embed p.date, .episode-list .video .episode p.date, .video .episode-list .episode p.date, .episode-list .home #updates li.episode p.duration, .home #updates .episode-list li.episode p.duration, .episode-list #main div.episode.embed p.duration, #main .episode-list div.episode.embed p.duration, .episode-list .video .episode p.duration, .video .episode-list .episode p.duration, .episode-list .home #updates li.episode p.location, .home #updates .episode-list li.episode p.location, .episode-list #main div.episode.embed p.location, #main .episode-list div.episode.embed p.location, .episode-list .video .episode p.location, .video .episode-list .episode p.location { display: inline-block; margin-bottom: .4em; line-height: 1em; } .episode-list .home #updates li.episode p.date, .home #updates .episode-list li.episode p.date, .episode-list #main div.episode.embed p.date, #main .episode-list div.episode.embed p.date, .episode-list .video .episode p.date, .video .episode-list .episode p.date, .episode-list .home #updates li.episode p.location, .home #updates .episode-list li.episode p.location, .episode-list #main div.episode.embed p.location, #main .episode-list div.episode.embed p.location, .episode-list .video .episode p.location, .video .episode-list .episode p.location { margin-right: .2em; padding: .2em .5em 0 0; border-right: solid #9fa1a4 1px; } .episode-grid, .episode-list { clear: right; } ul.grid-toggle { float: right; } ul.grid-toggle li { display: inline-block; width: 2em; height: 1.5em; margin-left: 1em; color: #9fa1a4; cursor: pointer; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; opacity: .4; } ul.grid-toggle li.current, ul.grid-toggle li.current:hover { color: #801214; cursor: auto; opacity: 1; } ul.grid-toggle li:hover { color: #6c6e71; opacity: .6; } ul.grid-toggle li.grid-select { background-image: url(/images/episode-grid.svg); } ul.grid-toggle li.grid-select.current { background-image: url(/images/episode-grid-current.svg); } ul.grid-toggle li.list-select { background-image: url(/images/episode-list.svg); } ul.grid-toggle li.list-select.current { background-image: url(/images/episode-list-current.svg); } #main div.episode.embed h3 { margin: 0 .2em .3em; font-size: 1em; } img.play-icon { display: block; position: absolute; z-index: 100; height: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; cursor: pointer; } .campaign .hook ul.cycle li a img.play-icon { left: 35%; top: 20%; width: 30%; max-width: 30% !important; } .episode img.play-icon { left: 35%; top: 12%; width: 30%; max-width: 30%; } .campaign .hook ul.cycle li a:hover img.play-icon, .episode:hover img.play-icon { opacity: .7; } .video { /*a.row-more { width: 9%; background: #bbb; color: #888; text-indent: 0; text-align: center; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } a.row-more:hover { background: #aaa; }*/ } .video * { -webkit-text-size-adjust: 100%; } .video h1 { margin: .4em 0 .2em; padding: 0; line-height: 1.1; text-transform: none; font-size: 3.5em; } .video h1 span.label { display: block; margin: 0 0 .1em; font-weight: 300; font-size: .45em; color: #999; } @media only screen and (min-width: 768px) { .archive .video h1, .search .video h1 { margin-top: 0; } } .video h3 { font-size: 1em; } .video h3 img { display: block; margin: 0 0 10px; } .video .story { margin: 0 0 30px; padding: 0; border: 0; } .video #content div.series { float: left; clear: none; width: 18%; margin-right: 2%; } .video #content div.series.group { float: none; clear: left; width: auto; margin: 0 0 40px; padding-bottom: 40px; border-bottom: 1px solid #999; } .video #content div.series.group:last-of-type { border: none; } .video .parent-videos { position: absolute; right: 0; top: 0; text-align: right; } .video .video-row { position: relative; overflow-y: auto; margin-bottom: 5%; } .search .video div.series.group, .search .video div.season.group { margin-bottom: 40px; padding-bottom: 10px; } .search .video div.series.group, .search .video .group { overflow-y: auto; margin-bottom: 30px; padding: 10px; background: #e9edef; border: 0; } .search .video div.series.group a.episode, .search .video .group a.episode { margin-bottom: 0; background: #dbe1e4; } .search .video div.series.group a.episode:hover, .search .video .group a.episode:hover { background: #ccd4d9; } .search .video .group h2 { margin-top: 0; border-color: #666; } .search .video div.series.group .seasons { overflow-y: auto; } .video div.season { clear: right; } .tax-series .video div.season { overflow-y: auto; margin: 40px 0; padding-bottom: 40px; border-bottom: 1px solid #999; } .tax-series .video div.season:last-of-type { border: none; } .season.group .video div.season.group .season-info { width: 100%; } .video div.season.group .season-info p { margin-bottom: .2em; } .video div.season.group .season-info img { display: none; } .video div.season.group .season-info ul.stumbo-year-index li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaa; } .video div.season.group .season-info ul.stumbo-year-index li:last-of-type { border-bottom: none; } .video div.season.group .season-info ul.stumbo-year-index p.location { font-size: .9em; } .video div.season.group .season-info ul.stumbo-year-index p.stumbo-keywords { font: .8em 'AvenirLTStd-BookOblique',sans-serif; } .video div.season.group .episodes { width: 100%; } @media only screen and (min-width: 768px) { .video div.season.group .season-info { float: left; clear: left; width: 20%; margin-bottom: 5%; text-align: center; } .video div.season.group .season-info img { display: block; width: 100%; margin: 0 auto 10px; } .video div.season.group .episodes { width: 75%; float: right; } } .video #story-info { position: relative; margin: 0 3% 30px; } @media only screen and (min-width: 768px) { .video #story-info { overflow-y: auto; } .video #story-info h1 { width: 80%; } .video #story-info p.date, .video #story-info ul#languages { position: absolute; right: 0; } } .video #story-info h1 { margin: 0 0 .2em; line-height: 1; } .video #story-info p.date { top: 5px; font-size: 1.3em; color: #666; margin: 0 0 .2em; } .author .video #story-info p.date { margin-bottom: .5em; color: #666; } .video #story-info p.duration { margin-bottom: .5em; color: #666; } .video #story-info p.download { clear: left; } .video #story-info p.download a { display: inline-block; margin-right: 1.5em; } .video #story-info p.excerpt { clear: both; width: 100%; font-size: 1.1em; } @media only screen and (min-width: 768px) { .video #story-info p.excerpt { clear: both; float: left; width: 72%; } } .video #story-info ul#languages { top: 2.5em; clear: right; } .video #story-info ul#languages li { float: left; margin: 0 1em .5em 0; } @media only screen and (min-width: 768px) { .video #story-info ul#languages li { margin: 0 0 .5em 1em; } } .video #story-info a#transcriptToggle { display: inline-block; clear: left; font-size: .8em; } .video #social { overflow: auto; clear: none; margin-bottom: 2%; padding: 1em; border: 1px solid #999; } .video #social h2 { float: left; margin: 0 1em 0 0; } .video #social li { display: inline-block; margin: 0 1em 0 0; } .video #social li a { display: block; width: 30px; height: 30px; margin-top: .4em; background: no-repeat left center; background-size: contain; color: #999; text-decoration: none; font-size: .9em; text-indent: -9999px; } .video #social li a:hover { color: #333; } .video #social li.facebook a { background-image: url(/images/icons/facebook-30.png); } .video #social li.twitter a { background-image: url(/images/icons/twitter-30.png); } .video #social li.vimeo a { background-image: url(/images/icons/vimeo-30.png); } .video #social li.youtube a { background-image: url(/images/icons/youtube-30.png); } @media only screen and (min-width: 768px) { .video #social { overflow: visible; clear: right; float: right; width: 20%; } .video #social h2 { float: none; margin: 0 0 .3em 0; } .video #social li { display: list-item; margin: 0 0 .75em; } .video #social li a { width: auto; height: auto; margin: 0; padding: 0 0 0 25px; text-indent: 0; line-height: 20px; } } @media only screen and (min-width: 960px) { .video #social { padding: 2%; } } @media only screen and (min-width: 960px) { .video { /************* Video ************/ /************* End Video ************/ } .video .page-template-video-home-php .campaign .hook { height: auto; } .video .story { margin: 0 0 30px; } .video .search .video .video-row.group a.row-more { background: none; } .video .search .video .video-row.group a.row-more:hover { background: #dad6ca; color: #666; } } .video#content { padding-top: 0; } .video #main img { max-width: 100%; } .single-video .video #main { width: 100%; margin: 0; } @media only screen and (min-width: 960px) { .video #lead { padding: 0; } } .video #tags { clear: both; } .video a.row-more { position: absolute; display: block; right: 0; top: 0; margin: 0; text-decoration: none; color: #9fa1a4; } .video a.row-more:hover { color: #801214; } .search .video a.row-more { top: .75em; right: .75em; } .video li.archive-group.location, .video li.archive-group.genre { float: left; width: 48%; margin: 0 2% 2% 0; background: #000; } .video li.archive-group.location:nth-child(1n), .video li.archive-group.genre:nth-child(1n) { width: 49%; } .video li.archive-group.location:nth-child(2n+1), .video li.archive-group.genre:nth-child(2n+1) { clear: left; } .video li.archive-group.location:nth-child(2n+2), .video li.archive-group.genre:nth-child(2n+2) { margin-right: 0; } @media only screen and (min-width: 480px) { .video li.archive-group.location, .video li.archive-group.genre { width: 31%; } .video li.archive-group.location:nth-child(1n), .video li.archive-group.genre:nth-child(1n) { width: 32%; } .video li.archive-group.location:nth-child(2n+1), .video li.archive-group.genre:nth-child(2n+1) { clear: none; } .video li.archive-group.location:nth-child(3n+1), .video li.archive-group.genre:nth-child(3n+1) { clear: left; } .video li.archive-group.location:nth-child(2n+2), .video li.archive-group.genre:nth-child(2n+2) { margin-right: 2%; } .video li.archive-group.location:nth-child(3n+3), .video li.archive-group.genre:nth-child(3n+3) { margin-right: 0; } } @media only screen and (min-width: 768px) { .video li.archive-group.location, .video li.archive-group.genre { width: 23%; } .video li.archive-group.location:nth-child(1n), .video li.archive-group.genre:nth-child(1n) { width: 23%; } .video li.archive-group.location:nth-child(3n+1), .video li.archive-group.genre:nth-child(3n+1) { clear: none; } .video li.archive-group.location:nth-child(4n+1), .video li.archive-group.genre:nth-child(4n+1) { clear: left; } .video li.archive-group.location:nth-child(3n+3), .video li.archive-group.genre:nth-child(3n+3) { margin-right: 2%; } .video li.archive-group.location:nth-child(4n+4), .video li.archive-group.genre:nth-child(4n+4) { margin-right: 0; } .video li.archive-group.location a h2, .video li.archive-group.genre a h2 { font-size: 1.8em; } } .video li.archive-group.location a, .video li.archive-group.genre a { display: block; position: relative; background-size: cover; background-position: 50%; text-decoration: none; } .video li.archive-group.location a h2, .video li.archive-group.genre a h2 { display: block; position: absolute; z-index: 100; left: 5px; bottom: 5px; margin: 0; font-weight: 200; font-size: 1.5em; color: #fff; line-height: 1.1; text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.7); } .video li.archive-group.location a img, .video li.archive-group.genre a img { display: block; width: 100%; } .video li.archive-group.location a:hover img, .video li.archive-group.genre a:hover img { opacity: .7; } .video.news .story iframe { max-width: 100%; width: 100%; margin: 0 0 3%; } .video .box { clear: both; } .video .show { clear: left; } .video div.seasons { clear: both; border: 0; } .video #results { clear: both; } .video .video-row { clear: both; } .video .video-row h2 { margin: 2em 0 .5em; padding-bottom: .35em; border-bottom: 1px solid #999; font-size: 1.4em; } .video .video-row h2 a { text-decoration: none; color: #000; } .video .video-row h2 a:hover { text-decoration: underline; color: #7d2a07; } .video #related { margin: 0 3% 3%; } .video #related div.group { overflow-y: auto; padding-bottom: .2em; } .page-template-video-home-php h1 { display: none; } .page-template-video-home-php #content div.series { float: left; width: 31%; margin: 0 2% 5% 0; } .page-template-video-home-php #content div.series:nth-of-type(1n) { width: 31.95%; } .page-template-video-home-php #content div.series:nth-of-type(3n+1) { clear: left; } .page-template-video-home-php #content div.series:nth-of-type(3n+3) { margin-right: 0; } @media only screen and (min-width: 480px) { .page-template-video-home-php #content div.series { width: 23%; } .page-template-video-home-php #content div.series:nth-of-type(1n) { width: 23.5%; } .page-template-video-home-php #content div.series:nth-of-type(3n+1) { clear: none; } .page-template-video-home-php #content div.series:nth-of-type(3n+3) { margin-right: 2%; } .page-template-video-home-php #content div.series:nth-of-type(4n+1) { clear: left; } .page-template-video-home-php #content div.series:nth-of-type(4n+4) { margin-right: 0; } } @media only screen and (min-width: 768px) { .page-template-video-home-php #content div.series { width: 12.2857143%; } .page-template-video-home-php #content div.series:nth-of-type(1n) { width: 12.5714286%; } .page-template-video-home-php #content div.series:nth-of-type(4n+1) { clear: none; } .page-template-video-home-php #content div.series:nth-of-type(4n+4) { margin-right: 2%; } .page-template-video-home-php #content div.series:nth-of-type(7n+1) { clear: left; } .page-template-video-home-php #content div.series:nth-of-type(7n+7) { margin-right: 0; } } .page-template-video-home-php #content div.series h3 { margin: .2em 0; } .page-template-video-home-php #content div.series img { width: 100%; height: auto; } .page-template-video-home-php #content div.series a { display: block; width: 100%; text-decoration: none; } .page-template-video-home-php #content div.series a:hover { text-decoration: underline; } .page-template-video-home-php div.campaign h2 { display: none; } @media only screen and (min-width: 768px) { .page-template-video-home-php div.campaign h2 { display: block; } } .page-template-video-home-php .video .video-row { clear: right; } .page-template-video-home-php a.language { float: right; margin-top: 15px; } .author .bio { margin-bottom: 15px; } .author .bio p { margin: 0; } .author .post, .author #main .video { overflow-y: auto; clear: both; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #999; } .author .post:last-of-type, .author #main .video:last-of-type { border-bottom: none; } .author .post a, .author #main .video a { display: block; clear: none; position: relative; } #main .author .post a h2, #main .author #main .video a h2 { display: block; clear: none; margin-bottom: .1em; line-height: 1.2; } .author .post a h2, .author .post p, .author #main .video a h2, .author #main .video p { margin-left: 149px; } .author .post p.post-date, .author #main .video p.post-date { margin-bottom: .4em; color: #666; } .author .post img, .author #main .video img { float: left; width: 75px; height: auto; margin: 0 15px 20px 0; } .author .video img { width: 134px; } .author .post img { margin-left: 59px; } .author #main.articles.videos .media-type { float: left; width: 48%; margin: 0 2% 0 0; } .author #nav-site li.video { clear: none; margin: 0; padding: 0; border: 0; } .page-template-archive-video-php h2, .search .video div.series.group h2 { font-size: 2em; margin-bottom: .2em; } .page-template-archive-video-php div.season, .search .video div.series.group div.season { float: left; width: 31%; margin-right: 2%; text-align: center; } .page-template-archive-video-php div.season:nth-child(1n), .search .video div.series.group div.season:nth-child(1n) { width: 32%; } .page-template-archive-video-php div.season:nth-child(3n+3), .search .video div.series.group div.season:nth-child(3n+3) { margin-right: 0; } @media only screen and (min-width: 480px) { .page-template-archive-video-php div.season, .search .video div.series.group div.season { width: 23%; } .page-template-archive-video-php div.season:nth-child(1n), .search .video div.series.group div.season:nth-child(1n) { width: 23.5%; } .page-template-archive-video-php div.season:nth-child(3n+3), .search .video div.series.group div.season:nth-child(3n+3) { margin-right: 2%; } .page-template-archive-video-php div.season:nth-child(4n+4), .search .video div.series.group div.season:nth-child(4n+4) { margin-right: 0; } } @media only screen and (min-width: 768px) { .page-template-archive-video-php div.season, .search .video div.series.group div.season { width: 18%; } .page-template-archive-video-php div.season:nth-child(1n), .search .video div.series.group div.season:nth-child(1n) { width: 18.35%; } .page-template-archive-video-php div.season:nth-child(4n+4), .search .video div.series.group div.season:nth-child(4n+4) { margin-right: 2%; } .page-template-archive-video-php div.season:nth-child(5n+5), .search .video div.series.group div.season:nth-child(5n+5) { margin-right: 0; } } @media only screen and (min-width: 960px) { .page-template-archive-video-php div.season, .search .video div.series.group div.season { width: 14.6666666%; } .page-template-archive-video-php div.season:nth-child(1n), .search .video div.series.group div.season:nth-child(1n) { width: 15%; } .page-template-archive-video-php div.season:nth-child(5n+5), .search .video div.series.group div.season:nth-child(5n+5) { margin-right: 2%; } .page-template-archive-video-php div.season:nth-child(6n+6), .search .video div.series.group div.season:nth-child(6n+6) { margin-right: 0; } } .page-template-archive-video-php div.season a, .search .video div.series.group div.season a { text-decoration: none; } .page-template-archive-video-php div.season a:hover, .search .video div.series.group div.season a:hover { color: #666; } .page-template-archive-video-php div.season h3, .search .video div.series.group div.season h3 { margin: 0; font-size: 1.8em; line-height: 1.1; } .page-template-archive-video-php div.season img, .search .video div.series.group div.season img { width: 100%; height: auto; margin-bottom: .7em; } .search-results #results li, .search-results .post-list__item, .post-list #results li, .post-list .post-list__item { position: relative; clear: left; min-height: 5em; margin-bottom: 2%; padding: 0 0 2% 95px; border-bottom: 1px solid #999; } .search-results #results li h3, .search-results .post-list__item h3, .post-list #results li h3, .post-list .post-list__item h3 { margin-bottom: .1em; font-size: 1.3em; } .search-results #results li a img, .search-results .post-list__item a img, .post-list #results li a img, .post-list .post-list__item a img { position: absolute; float: left; left: 0; width: 75px; height: 75px; margin-bottom: 2%; } .search-results #results li p.post-type, .search-results #results li p.date, .search-results .post-list__item p.post-type, .search-results .post-list__item p.date, .post-list #results li p.post-type, .post-list #results li p.date, .post-list .post-list__item p.post-type, .post-list .post-list__item p.date { margin-bottom: 0; font-size: .8em; color: #999; } .search-results #results li p.date, .search-results .post-list__item p.date, .post-list #results li p.date, .post-list .post-list__item p.date { margin-bottom: .6em; } @media only screen and (min-width: 480px) { .search-results #results li p.post-type, .search-results #results li p.date, .search-results .post-list__item p.post-type, .search-results .post-list__item p.date, .post-list #results li p.post-type, .post-list #results li p.date, .post-list .post-list__item p.post-type, .post-list .post-list__item p.date { margin-bottom: .6em; } .search-results #results li p.date, .search-results .post-list__item p.date, .post-list #results li p.date, .post-list .post-list__item p.date { float: left; padding-right: .5em; margin-right: .5em; border-right: 1px solid #d3d4d6; } } .archive #content, .page-template-archive-video-php #content { padding-top: 2%; } .page-template-archive-video-php .video div.series.group .season a:hover img, .search .video div.series.group .season a:hover img, .page-template-video-home-php div.series a:hover img { opacity: .7; } #cboxLoadedContent p { position: absolute; margin: 0; } #cboxLoadedContent p.caption { background-color: transparent; width: 11em; padding: 0; font: normal 1em/1.2 'feliceitalic', serif; color: white; text-shadow: 0 0 0.15em black; } #cboxLoadedContent p.caption cite { display: block; font-size: .7em; font-style: normal; text-align: right; } #cboxLoadedContent p.caption.top-left { top: 5%; left: 5%; right: auto; bottom: auto; } #cboxLoadedContent p.caption.top-right { top: 5%; left: auto; right: 5%; bottom: auto; text-align: right; } #cboxLoadedContent p.caption.bottom-left { top: auto; left: 5%; right: auto; bottom: 12%; } #cboxLoadedContent p.caption.bottom-right { top: auto; left: auto; right: 5%; bottom: 12%; text-align: right; } #cboxLoadedContent p.desc { left: 5px; right: 5px; bottom: 5px; padding: 1em; background-color: #eee; background-color: rgba(255, 255, 255, 0.8); } #cboxLoadedContent p.desc #descBtn { position: absolute; z-index: 500; display: block; top: -2em; left: 75%; width: 1em; height: 1em; padding: .5em; background-color: #eee; background-color: rgba(255, 255, 255, 0.8); font-size: 1.4em; text-align: center; } @media only screen and (min-width: 768px) { #cboxLoadedContent p.caption { font-size: 3em; } } #cboxCurrent { visibility: hidden; } @media only screen and (min-width: 768px) { #cboxCurrent { visibility: visible; } } .news .campaign, .news .campaign .hook ul.cycle, .news .campaign .hook ul.cycle li, .news .campaign .hook ul.cycle li a, .news .campaign .hook ul.cycle li a img, .updates .campaign, .updates .campaign .hook ul.cycle, .updates .campaign .hook ul.cycle li, .updates .campaign .hook ul.cycle li a, .updates .campaign .hook ul.cycle li a img { width: 100% !important; margin: 0; } .news .campaign, .updates .campaign, .video .campaign { position: relative; margin-bottom: 5%; } .news .campaign .hook ul.cycle li, .updates .campaign .hook ul.cycle li, .video .campaign .hook ul.cycle li { margin: 0; } .news .campaign .hook ul.cycle li div.info, .updates .campaign .hook ul.cycle li div.info, .video .campaign .hook ul.cycle li div.info { position: absolute; top: .5em; left: 0; } .news .campaign .hook ul.cycle li div.info h2, .updates .campaign .hook ul.cycle li div.info h2, .video .campaign .hook ul.cycle li div.info h2 { display: none; } .news .campaign .hook ul.cycle li div.info div.excerpt, .updates .campaign .hook ul.cycle li div.info div.excerpt, .video .campaign .hook ul.cycle li div.info div.excerpt { display: none; } .news .campaign .hook ul.cycle li div.info div.excerpt p, .updates .campaign .hook ul.cycle li div.info div.excerpt p, .video .campaign .hook ul.cycle li div.info div.excerpt p { text-align: left; } .news .campaign .hook ul.cycle li div.info div.excerpt h2, .updates .campaign .hook ul.cycle li div.info div.excerpt h2, .video .campaign .hook ul.cycle li div.info div.excerpt h2 { margin: 0 0 .2em .5em; text-align: left; } .news .campaign .hook ul.cycle li div.info div.excerpt p, .updates .campaign .hook ul.cycle li div.info div.excerpt p, .video .campaign .hook ul.cycle li div.info div.excerpt p { color: #535557; } .news .campaign .hook ul.cycle li div.info div.excerpt span, .updates .campaign .hook ul.cycle li div.info div.excerpt span, .video .campaign .hook ul.cycle li div.info div.excerpt span { color: #801214; } .news .campaign .hook ul.cycle li div.info div.excerpt span:hover, .updates .campaign .hook ul.cycle li div.info div.excerpt span:hover, .video .campaign .hook ul.cycle li div.info div.excerpt span:hover { text-decoration: underline; } @media only screen and (min-width: 768px) { .news .campaign .hook ul.cycle li div.info, .updates .campaign .hook ul.cycle li div.info, .video .campaign .hook ul.cycle li div.info { z-index: 200; left: auto; right: 0; top: auto; bottom: 0; width: 100%; text-align: right; } .news .campaign .hook ul.cycle li div.info h2, .updates .campaign .hook ul.cycle li div.info h2, .video .campaign .hook ul.cycle li div.info h2 { display: block; position: static; padding-right: .5em; font-size: 2.6em; line-height: 1.15em; text-align: right; text-shadow: 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.8); } .news .campaign .hook ul.cycle li div.info h2 a, .updates .campaign .hook ul.cycle li div.info h2 a, .video .campaign .hook ul.cycle li div.info h2 a { color: white; } .news .campaign .hook ul.cycle li div.info h2 a:hover, .updates .campaign .hook ul.cycle li div.info h2 a:hover, .video .campaign .hook ul.cycle li div.info h2 a:hover { text-decoration: none; } .news .campaign .hook ul.cycle li div.info div.excerpt, .updates .campaign .hook ul.cycle li div.info div.excerpt, .video .campaign .hook ul.cycle li div.info div.excerpt { display: block; width: 80%; margin-left: 18%; padding: 1%; background: rgba(255, 255, 255, 0.8); } .news .campaign .hook ul.cycle li div.info div.excerpt p, .updates .campaign .hook ul.cycle li div.info div.excerpt p, .video .campaign .hook ul.cycle li div.info div.excerpt p { text-align: right; } } .news #main div.story.excerpt { clear: left; overflow-y: auto; margin-bottom: 5%; } .news #main div.story.excerpt img.wp-post-image { max-width: 75px; height: auto; } .news #main div.story.excerpt img.wp-post-image { clear: left; float: left; margin: 0 3% 3% 0; } #nav-story ul { overflow: auto; margin: 5% 0; } #nav-story ul li[rel=prev] { float: left; } #nav-story ul li[rel=next] { float: right; } .news div.story { clear: left; overflow-y: auto; margin-bottom: 7%; } .news div.story img.attachment-thumbnail { max-width: 65px; } .news div.story img.attachment-thumbnail { clear: left; float: left; margin: 0 3% 3% 0; } .news div.story p.post-date { margin-bottom: .5em; color: #6c6e71; font-size: .9em; } .news div.story .box { clear: both; } .news #headlines div.excerpt { margin-bottom: 4em; } .news #headlines h3 { margin: 0; } .news #headlines p.post-date { margin-bottom: .3em; font-size: .8em; font-style: italic; color: #9fa1a4; } .news #giveoptions li { /*overflow-y: auto;*/ display: inline-block; } .news #giveoptions li .button { padding: .3em .6em; font-size: 1.5em; } .news #related { margin-bottom: 3em; } .news.single-post #main, .news.single-post #sub, .news.single-alife #main, .news.single-alife #sub { padding-top: 3%; } .news.single-post .featured #main, .news.single-post .featured #sub, .news.single-alife .featured #main, .news.single-alife .featured #sub { padding-top: 0; } p.author { font-size: .8em; } .page-template-archive-alife-php #main h2, .tax-issue #main h2 { float: left; max-width: 30%; margin: 0 2% 4% 0; } .page-template-archive-alife-php #main h2 img, .tax-issue #main h2 img { display: block; max-width: 100%; margin-bottom: .3em; } .page-template-archive-alife-php #main h3, .tax-issue #main h3 { margin: .2em 0; } .page-template-archive-alife-php #main #cover-art, .tax-issue #main #cover-art { max-width: 30%; } .page-template-archive-alife-php #main #cover-art, .tax-issue #main #cover-art { clear: left; float: left; margin: 0 3% 3% 0; } .page-template-archive-alife-php #main #cover-art img, .tax-issue #main #cover-art img { max-width: 100%; width: 100%; } .page-template-archive-alife-php #main #lead-article p.note, .page-template-archive-alife-php #main #lead-article p.tagline, .tax-issue #main #lead-article p.note, .tax-issue #main #lead-article p.tagline { margin-bottom: .3em; } .page-template-archive-alife-php #main div.excerpt p, .tax-issue #main div.excerpt p { display: inline; } .page-template-archive-alife-php #main ul.articles li.article, .tax-issue #main ul.articles li.article { float: left; width: 48%; margin: 0 2% 4% 0; } .page-template-archive-alife-php #main ul.articles li.article img, .tax-issue #main ul.articles li.article img { max-width: 100%; width: 100%; } .page-template-archive-alife-php #main ul.articles li.article p.author, .tax-issue #main ul.articles li.article p.author { margin-bottom: .3em; } .page-template-archive-alife-php #main ul.articles li.article:nth-of-type(2n+0), .tax-issue #main ul.articles li.article:nth-of-type(2n+0) { margin-right: 0; } .page-template-archive-alife-php #main ul.articles li.article:nth-of-type(2n+1), .tax-issue #main ul.articles li.article:nth-of-type(2n+1) { clear: left; margin-right: 4%; } #progress { z-index: 1000; position: absolute; top: 0; height: 2px; background-color: #801214; } .single-alife { /*#cboxLoadedContent { position: relative; background: #000; p { position: absolute; right: 0; left: 0; bottom: 0; width: auto; margin: 0; padding: .5em; background-color: rgba(0,0,0,.7); color: $white; font-size: .9em; } img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; } //&:hover p { display: none; } }*/ } .single-alife #main h1 { margin-bottom: .2em; } .single-alife #main p.subhead { font-size: 1.1em; color: #666; } .single-alife #main p.reporting-issue { font: .9em 'AvenirLTStd-BookOblique',sans-serif; color: #535557; } .single-alife #main #story-info img.legacy { max-width: 100%; width: 100%; margin-bottom: 2%; } .single-alife #main div.story.sidebar { padding: 3%; background: #eeeeee; font-size: .8em; } .single-alife #main div.story.sidebar h3:first-of-type { margin-top: 0; } .single-alife #main div.story.sidebar p { color: #535557; } .single-alife #sub h2 { font-size: 1.3em; } .single-alife #sub a.issue-meta { display: block; margin-bottom: 2em; font-size: 1.5em; } .single-alife #sub a.issue-meta img { margin-bottom: 2%; border: .5px #aaa solid; } .single-alife #sub .article { clear: left; overflow: auto; margin: 0 0 .4em; font-size: .8em; } .single-alife #sub .article h3 { margin-top: 0; } .single-alife #sub .article img { max-width: 69px; } .single-alife #sub .article img { clear: left; float: left; margin: 0 3% 3% 0; } .single-alife #sub .article p.author { font-size: 1em; } .single-alife #lead p.article_type { position: absolute; z-index: 10; bottom: -1.8em; left: -1px; padding: .2em 2em .2em 6.25em; background: url(/images/brand-arrow-marker.svg) 0 50% no-repeat; background-size: cover; color: white; text-transform: uppercase; font: normal .8em 'AvenirLTStd-Heavy',sans-serif; } #past-issues-cont { clear: both; margin: 4% 6%; } .js #past-issues div.scroll { max-width: 100%; position: relative; overflow-x: scroll; overflow: -moz-scrollbars-none; -ms-overflow-style: -ms-autohiding-scrollbar; } .js #past-issues div.scroll::-webkit-scrollbar { display: none; } .js #past-issues li.year { display: none; } .js #past-issues li.year.current { display: block; } .js #past-issues li.year ul { width: 1224px; min-width: 1224px; } .js #past-issues li.issue { margin-right: 17px; } .js #past-issues li.issue:nth-of-type(8n+1) { clear: none; } #years-tabs { position: relative; text-align: right; font-size: .9em; } #years-tabs li { display: inline-block; margin-left: .5em; padding-left: .5em; border-left: 1px solid #999; color: #999; cursor: pointer; } #years-tabs li:first-of-type { margin: 0; padding: 0; border: 0; } #years-tabs li:hover, #years-tabs li.current { color: #333; } #years-tabs li.current { cursor: auto; } @media only screen and (min-width: 960px) { #years-tabs { top: -1.75em; margin-bottom: -2.5em; } } li.year { clear: both; display: block; } li.issue { display: block; float: left; width: 10.5%; max-width: 85px; margin: 10px 2% 2% 0; } li.issue h2, li.issue h3 { margin: 0; font-size: 1em; } li.issue a { max-width: 100%; width: 100%; } li.issue:nth-of-type(8n+1) { clear: left; } li.issue img { margin-bottom: 5px; } #main li.issue img { max-width: none; width: 100%; } body.single-attachment #main img.attachment-full { max-width: 100%; width: 100%; } .jobs #nav-section { display: none; } .jobs #search-story { margin: 0 0 2em; /*input { &[type=text] { width: 70%; } &[type=submit] { width: 25%; } }*/ } .jobs #search-story label { font-size: 1.4em; } .jobs #position_type { float: right; clear: both; width: 88%; margin: 6%; } .jobs #position_type ul { list-style: disc; margin: 0 0 0 1.67em; } @media only screen and (min-width: 768px) { .jobs #position_type { clear: right; float: right; margin: 0 0 6% 3%; width: 32%; } } .jobs #main img.attachment-large.wp-post-image, .jobs #main iframe { max-width: 65%; margin-bottom: 2%; } .jobs #sub #topics ul li a { font-weight: normal; } .jobs #sub #topics ul li.cat-item a { font: normal 1.4em 'AvenirLTStd-Heavy',sans-serif; } .jobs #sub #topics ul li.cat-item ul.children { margin: .4em 0 1.5em; } .jobs #sub #topics ul li.cat-item ul.children .cat-item a { font: normal 1em 'AvenirLTStd-Book',sans-serif; } .jobs #ftr-connect li a { padding-left: 0; } .jobs a.button.apply { font-size: 1.2em; } div.gallery { clear: both; overflow: auto; width: 100%; } div.gallery li { float: left; display: block; width: 18%; margin: 0 2% 2% 0; } div.gallery li a, div.gallery li img { display: block; width: 100%; } #main div.gallery li img { max-width: none; } div.gallery.cols-4 li { width: 23%; } div.gallery.cols-3 li { width: 31%; } div.gallery.cols-2 li { width: 48%; } div.gallery.cols-1 li { width: 100%; margin-right: 0; } div.slickr-flickr-gallery { padding: 0; } #main div.slickr-flickr-gallery li { margin: 0 1% 1% 0; padding: 0; } #main div.slickr-flickr-gallery li img { max-width: 100%; width: 100%; padding: 0; border: 0; opacity: .7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #main div.slickr-flickr-gallery li a:hover img, #main div.slickr-flickr-gallery li.active a img { opacity: 1; } #pager { display: none; } @media only screen and (min-width: 768px) { #pager { display: block; position: absolute; z-index: 100; right: 0; top: 6%; } #pager a { display: block; padding: .2em .4em; background: #fff; background: rgba(255, 255, 255, 0.4); font-size: 1.2em; font-weight: bold; text-align: center; color: #000; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease; } #pager a:hover, #pager a.activeSlide, #pager a.cycle-pager-active { background: #7d2a07; background: rgba(122, 42, 7, 0.8); color: #fff; } } /************** End Video ************/ /******************* Give *********************/ /*@font-face { font-family: 'BebasRegular'; src: url('fonts/bebas/bebas___-webfont.eot'); src: url('fonts/bebas/bebas___-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebas/bebas___-webfont.woff') format('woff'), url('fonts/bebas/bebas___-webfont.ttf') format('truetype'), url('fonts/bebas/bebas___-webfont.svg#BebasRegular') format('svg'); font-weight: normal; font-style: normal; }*/ form h2, form h2:first-of-type { margin: 1.2em 0 .2em; } form h3 { margin: 0; } form hr { display: block; clear: both; width: 100%; border: 1px solid #aaa; } form input { background: #efede8; border: 1px solid #ccc; color: #333; font: normal 1.3em 'AvenirLTStd-Medium',sans-serif; } form input[type=submit], form input[type=reset] { display: block; width: auto; margin: .7em 0; padding: .4em .7em; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; } form input[type=submit]:hover, form input[type=reset]:hover { background: #801214; color: white; } form fieldset.box > div { padding: 10px 0; } form fieldset.box h2 { margin-top: 0; } form fieldset.gifts, form fieldset.info { margin: 5px 0 5%; } form fieldset.gifts .total label { display: inline; margin-right: .5em; } form fieldset.info ol { list-style: none; margin-left: 0; } form fieldset.info ol li { float: left; margin-right: 5%; padding: 1% 2.5% 1% 1.5%; } form fieldset.info ol li input, form fieldset.info ol li select { width: 100%; max-width: 100%; } #addProjForm { position: relative; display: block; padding: 0; } #projSearch { display: block; position: absolute; right: 0; top: 3.5em; width: 38%; text-align: right; /*width: 80%;*/ } #addProjForm a { display: block; } /*#addProjForm a.add { display: block; position: static; float: right; width: 7%; text-align: center; }*/ #addProjForm a.delete { clear: both; margin-right: 1em; font-size: .8em; } #projects-list-cont { margin-top: 40px; padding-top: 40px; border-top: 1px dotted #666; } #projects-list-cont.empty { margin-top: 0; padding-top: 0; border: 0; } #projects-list-cont h3 { margin-bottom: .2em; } #first-name, #phone, #street, #city, #country, #cc-expire-month { clear: left; } #email, #street { width: 91%; } #first-name, #last-name { width: 41%; } #phone, #city, #country { width: 41%; } #state { width: 21%; } #zip { width: 11%; } #cc-name { width: 46%; } #cc-number { width: 36%; } #cc-expire { width: 46%; } #cc-expire select { float: left; width: auto; margin-right: 2.5%; } #continue { display: inline-block; margin: 1em 0; font-size: 1.3em; } form fieldset.box div.gcf, #addProjForm label { padding-right: 40%; } form fieldset.box div.gcf, li.project { position: relative; } form fieldset.box div.gcf, form fieldset.box div.dg { padding-top: 40px; padding-bottom: 40px; } li.project { overflow: auto; margin: 0; padding: 10px; border-top: 1px solid #999; } li.project:first-of-type { border: none; } li.project p.amount { right: 10px; } div.recipient img { width: 70px; } p.desc { font-size: .9em; line-height: 1.2em; color: #555; } p.amount, p.acct, p.type { margin-bottom: 0; } p.amount { position: absolute; right: 0; top: 4em; width: 30%; text-align: right; } div.dg p.amount { top: 1em; } p.amount input { display: inline-block; width: 85%; text-align: right; } p.amount input.disabled { color: #aaa; } form fieldset.gifts p.amount { font-size: 1.3em; } form fieldset.gifts p.amount input { margin-left: .2em; } form p.divider { position: absolute; bottom: -2.2em; left: 45%; padding: 0 .4em; background: #e6e4dc; font: bold 2em 'Helvetica','Arial',sans-serif; } p.acct { display: none; } div.total { text-align: right; } p.total { margin-bottom: 10px; font: normal 2em 'AvenirLTStd-Heavy',sans-serif; color: #333; } a.addProject { margin: 0 0 15px 0; } .error { background-color: #DAB7B7; } .error label { font-weight: bold; } p.error { padding: .5em; font-weight: bold; } .project p.type { width: 68%; } .ui-autocomplete-category { clear: both; margin: 0; padding-left: .4em; font-weight: bold; } .ui-autocomplete-category:not(:first-child) { margin-top: 2.5em; } .ui-menu .ui-menu-item.worker-project, .ui-menu li.repeat { display: block; float: left; clear: none; width: auto; } .ui-menu .ui-menu-item a { display: inline !important; font-size: .8em; } .ui-menu li.repeat { margin: 0; padding: .2em .4em; font-size: .8em; font-style: italic; color: #999; } iframe { margin-bottom: 20px; } #sub div#chart { width: 250px; margin: 0 auto; } #canvas_container { width: 500px; border: 1px solid #aaa; } #expenses { width: 100%; border-collapse: separate; border-spacing: 10px 10px; text-align: right; } #expenses tr { margin-bottom: 8px; } #expenses tr td { padding: .2em .2em .2em .8em; font: normal 1.8em/1.1 'AvenirLTStd-Black',sans-serif; color: #333; vertical-align: middle; } #expenses tr.im td { background: #F2E168; } #expenses tr.cm td { background: #D97B44; } #expenses tr.ed td { background: #6A9957; } #expenses tr.gen td { background: #3885BA; } #expenses th { color: #444; font: normal 1.15em/1.1 'AvenirLTStd-Medium',sans-serif; vertical-align: middle; } .hook { position: relative; } ul#stories, ul#stories li { height: 330px; width: 100%; } ul#stories { position: absolute; right: 0; top: 30px; margin: 0; padding: 0; } ul#stories li { position: absolute; margin-bottom: .8em; width: 100% !important; } ul#stories li:not(:first-of-type) { display: none; } ul#stories li h2 { position: relative; z-index: 11; margin: 0 20px; font: normal 2em/1.1 'BebasRegular','Helvetica',sans-serif; text-align: right; text-shadow: 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.6); } ul#stories li.current h2 a, ul#stories li h2 a:hover { color: #F2E168; } ul#stories li.current h2 { font-size: 3em; } ul#stories li li h2 a { color: #777; text-decoration: none; } ul#stories li p.excerpt { z-index: 10; position: absolute; right: 0; bottom: 0; width: 50%; padding: 1.5% 2.5%; background: #aaa; background: rgba(255, 255, 255, 0.75); } ul#stories li img { position: absolute; top: -30px; left: 0; } ul#h2List { position: absolute; z-index: 12; width: 100%; margin-top: 30px; text-align: right; } ul#h2List li, ul#h2List li a { word-spacing: .15em; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } ul#h2List li a { position: relative; z-index: 11; margin: 0 20px; font: normal 2em/1.1 'BebasRegular','Helvetica',sans-serif; text-align: right; text-shadow: 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.6); color: #777; text-decoration: none; } ul#h2List li.current a, ul#h2List li a:hover { color: #F2E168; } ul#h2List li.current a { font-size: 3em; } #savedCCInfo li { width: 100%; } #savedCCInfo span { font-size: 1.3em; font-weight: bold; color: #333; } #savedCCInfo #cc-number { position: relative; } #savedCCInfo #cc-number span { margin-left: 60px; line-height: 31px; } #savedCCInfo #cc-number img { position: absolute; } #otherways h3 { float: left; width: 30%; height: auto; min-height: 30px; margin: 0 3% 0 0; padding: 35px 0 0; background-repeat: no-repeat; background-position: center top; text-align: center; color: #333; font-weight: normal; font-size: 1.1em; transition: all 2s ease; } #otherways h3:hover { cursor: pointer; } #otherways hr { display: block; width: 100%; margin-bottom: 15px; border: 1px #bbb solid; } #otherways #check { background-image: url(/images/give/check-icon.png); } #otherways #call { background-image: url(/images/give/phone-icon.png); } #otherways #questions { background-image: url(/images/give/questions-icon.png); } @media screen and (min-width: 1025px) { ul#stories li { width: 960px; } } @media screen and (max-width: 1024px) { ul#stories, ul#stories li { position: static; top: 0; width: 100% !important; height: 0 !important; padding-top: 37.5%; } ul#stories li h2 { top: 30px; } ul#stories li img { top: 0; width: 100%; max-width: none !important; } #projects-list-cont { margin-top: 50px; } div.dg p.amount { top: 0; } p.amount input { width: 80%; } li.project p.amount { top: 10px; } } @media screen and (max-width: 920px) { #chart { display: none; } #otherways h3 { width: 100%; margin-right: 0; } } @media screen and (max-width: 768px) { .primary #main { padding: 0; } #sub div#distribution { float: none; width: 100%; margin-bottom: 60px; } #sub div#chart, #sub table#expenses { display: block; float: left; width: 50%; } #sub table#expenses { margin-top: 55px; } #givebycheck { float: right; width: 46%; padding: 0 2%; } ul.ui-menu { font-size: 1em; } ul#stories, ul#stories li, ul#stories li h2, ul#stories li h2 a { width: 100% !important; height: 0 !important; margin: 0; padding-top: 37.5%; } ul#stories li, ul#stories li h2, ul#stories li h2 a { position: absolute; top: 0; } ul#stories li p { display: none; } ul#stories li a, ul#stories li.current a { display: block; font-size: 0em; } #otherways { clear: both; } #otherways h3 { width: 30%; margin-right: 3%; } } @media screen and (max-width: 500px) { #distribution, #givebycheck { float: none; width: 100%; padding: 0; } } @media screen and (max-width: 480px) { #sub div#distribution { float: none; width: 100%; margin-bottom: 60px; } #sub div#chart, #sub table#expenses { float: none; width: 250px; margin: 0 auto; } form fieldset.box div.gcf, li.project, form fieldset.box div.dg h2, form fieldset.box div.dg p.desc, #addProjForm, #addProjForm label { padding-right: 0; } .project p.type { width: 96%; } form input:not([type=checkbox]) { width: 95%; } form input[type=submit] { width: auto; } form.amount { width: 90%; } form #first-name, form #last-name, form #phone, form #city, form #cc-name, form #cc-number { width: 90%; } form #state, form #zip { width: 45%; } form #city, form #country, form #cc-expire-month { clear: left; } form #cc-name, form #cc-number { width: 90%; } form #cc-expire-month { width: 90%; } form #cc-expire-month select { float: left; width: auto; } ul.ui-menu { width: 90% !important; left: 5% !important; } #addProjForm { overflow-y: auto; } #addProjForm label { margin-bottom: 15px; } #projSearch { position: static; width: 73%; float: right; } p.amount { position: static; float: right; width: 100%; margin-bottom: 20px; } p.amount input { width: 70%; margin-left: 2%; } li.project p.amount { margin-right: 10px; } li.project h3 img { display: none; } a.addProject { margin-right: 0; } } @media screen and (max-width: 250px) { #chart { display: none; } } /******************/ .alert { background-color: #7A2A07; color: #fff; position: relative; } .alert span { font-style: italic; right: 15px; position: absolute; } .pad { padding: 5px; } #projlist h3 { margin: 0 0 3px; } #projlist p { margin: 0; } #projlist p em { margin: 0 0 20px; color: #666; } u { text-decoration: underline; } #repeatnote { float: left; clear: both; margin: 10px 0 30px; width: 100%; } /***************** End Give *******************/ ul.nestedNav { clear: both; margin-top: 10%; } ul.nestedNav li { display: inline-block; margin-right: 1.5em; } #main ul.nestedNav:first-child { margin-top: 0; } ul.nested h3:first-of-type { margin-top: .4em; } ul.nested div.resources > ul > li { clear: left; overflow-y: auto; margin-bottom: 10%; } ul.nested div.resources > ul > li h4 { margin-bottom: .4em; } ul.nested div.resources > ul > li img { clear: left; float: left; margin: 0 3% 3% 0; } .resource { clear: both; margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px solid #999; } .resource:last-of-type { border-bottom: none; } .timeline h2 { padding-top: 1em; border-top: 1px solid #999; } .timeline h2:first-of-type { border: none; } .timeline dl { clear: left; } .timeline dl dt { float: left; clear: left; margin: 0 0 1.5em; } .timeline dl dd { margin: 0 0 1.5em 6em; } #main div.event { margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px solid #999; } #main div.event h2 img { clear: left; float: left; margin: 0 3% 3% 0; } .iconlist li { clear: left; } .iconlist img { clear: left; float: left; margin: 0 3% 3% 0; } .iconlist + div { clear: left; } .button { display: inline-block; margin-right: 5px; padding: 2px 8px; color: #fff; background: #801214; text-decoration: none; } .button:hover { background: #530c0d; text-decoration: none; } .button.green { background-color: #7e8245; } .button.green:hover { background: #5e6133; } .left, .alignleft { clear: left; float: left; margin: 0 3% 3% 0; } .right, .alignright { clear: right; float: right; margin: 0 0 3% 3%; } /******************* Council JG *********************/ summary { display: block; cursor: pointer; font-weight: bold; text-align: left; padding: .75em 0 .75em .35em; } summary::-webkit-details-marker { display: none; } @-webkit-keyframes span { 0% { opacity: 0.25; } 25% { opacity: 1; } 50% { opacity: 0.25; } 75% { opacity: 1; } 100% { opacity: 0.25; } } @-moz-keyframes span { 0% { opacity: 0.25; } 25% { opacity: 1; } 50% { opacity: 0.25; } 75% { opacity: 1; } 100% { opacity: 0.25; } } @keyframes span { 0% { opacity: 0.25; } 25% { opacity: 1; } 50% { opacity: 0.25; } 75% { opacity: 1; } 100% { opacity: 0.25; } } @-webkit-keyframes image { 0% { opacity: 1; } 25% { opacity: 0.25; } 50% { opacity: 1; } 75% { opacity: 0.25; } 100% { opacity: 1; } } @-moz-keyframes image { 0% { opacity: 1; } 25% { opacity: 0.25; } 50% { opacity: 1; } 75% { opacity: 0.25; } 100% { opacity: 1; } } @keyframes image { 0% { opacity: 1; } 25% { opacity: 0.25; } 50% { opacity: 1; } 75% { opacity: 0.25; } 100% { opacity: 1; } } .council section { margin: 0 0 1.4em 0; } .council p.loading { margin-top: 2em; text-align: center; font-size: x-large; } .council p.loading span { display: block; -webkit-animation: span 3s infinite; animation: span 3s infinite; } .council p.loading img { display: block; -webkit-animation: image 3s infinite; animation: image 3s infinite; } .council #map, .council #pmap, .council #smap { margin: .5em 0; max-height: 300px; } .council #map h3, .council #map p, .council #pmap h3, .council #pmap p, .council #smap h3, .council #smap p { margin: 0 0 .1em; } .council #map img, .council #pmap img, .council #smap img { max-width: none; } .council #map .infoImg, .council #pmap .infoImg, .council #smap .infoImg { max-height: 5em; max-width: 18em; margin: .75em 0; } .council #smap img { max-width: 100%; max-height: 100%; } .council button { appearance: none; } .council #pmap, .council #map { display: none; } .council h4 { margin-top: 0.8em; } .council h5, .council h6 { text-transform: capitalize; font-weight: bold; } .council header h2 { text-transform: uppercase; } .council li, .council details details { margin: 0 0 .3em .25em; } .council #registration ul { margin: 0 0 2em 0; } .council #registration li span { margin: 0 0 .3em 2em; } .council #scheduleMainPage { /* li {margin-left: 6%;} */ } .council #scheduleMainPage h4 { margin-top: 1.5em; border-bottom: 2px solid black; } .council #scheduleMainPage .liveInfo h4 { border: none; } .council #location_main li { color: #801214; cursor: pointer; } .council button, .council .advertisementButton a { background-color: #efede8; transition: 0.2s all ease; color: #333; margin: .5em 0; cursor: pointer; padding: .25em .4em; border: 1px solid #ccc; font: normal 1.3em 'AvenirLTStd-Medium',sans-serif; font-size: medium; display: inline-block; width: 10em; } .council button:hover, .council button.selected, .council .advertisementButton a:hover, .council .advertisementButton a.selected { background-color: #801214; color: white; } .council #buttons { text-align: center; } .council p.speakerFacebook:before { content: "\f082"; font-family: "FontAwesome"; } .council p.speakerTwitter:before { content: "\f081"; font-family: "FontAwesome"; } .council p.speakerWebsite:before { content: "\f14c"; font-family: "FontAwesome"; } .council p.speakerFacebook, .council p.speakerTwitter, .council p.speakerWebsite { margin: 0 0 .1em; } .council summary { color: white; text-transform: uppercase; } .council summary.before:before { content: ""; background-image: url(/events/2015/council/images/svg/plus-sign.svg); height: 1em; width: 1em; margin: 0 .45em 0 0; display: inline-block; background-repeat: no-repeat; background-position: 0 0; background-size: contain; } .council summary h2, .council summary h3, .council summary h4 { display: inline; } .council #app { margin: 4% 0; border: 1px solid #9fa1a4; border-right: none; border-left: none; } .council #app div { margin: 4% auto; padding-left: 35%; background: url(/images/events/council-2015-iphone.png) no-repeat; background-size: 30%; } .council #app ul { margin-bottom: 1.5em; } .council #app ul li strong { text-transform: uppercase; } .council #app a.app { display: inline-block; width: 187px; height: 57px; margin: 0 1em 1em 0; background-repeat: no-repeat; background-position: 0; text-indent: -9999px; } .council #app a.app.apple { background-image: url(/images/icons/app-store-icon-apple.png); } .council #app a.app.google { background-image: url(/images/icons/app-store-icon-google.png); } @media only screen and (min-width: 768px) { .council #app div { background-size: contain; background-position: 10% 50%; } } @media only screen and (min-width: 960px) { .council #app div { max-width: 500px; padding-left: 175px; background-position: 0 50%; } .council #app a.app { margin: 0; } .council #app a.app.apple { margin-right: 30px; } } .council #advertisement { border: .2em solid red; padding: .75em; text-align: center; margin-bottom: 1.4em; } .council #advertisement a { font-size: x-large; } .council #advertisement p { margin: 0; } .council #advertisement span { font-weight: bolder; font-size: large; } .council .advertisementButton { margin: 0 0 1.4em; } .council .advertisementButton a { text-align: center; } .council .advertisementButton a:hover { text-decoration: none; } .council .speakersItem { padding: 1em .5em 0 .5em; } .council.speakersPage #main img, .council.schedulePage #main img { max-width: 100%; height: 8em; width: auto; } .council.speakersPage #main summary, .council.schedulePage #main summary { color: black; text-transform: capitalize; padding: .2em .1em; margin-bottom: 1em; } .council.speakersPage #main summary.before:before, .council.schedulePage #main summary.before:before { height: .75em; width: .75em; vertical-align: middle; } .council.speakersPage #main summary.noBefore, .council.schedulePage #main summary.noBefore { cursor: inherit; padding-left: 1.62em; } .council.speakersPage #main h1, .council.schedulePage #main h1 { margin-top: .4em; } .council.speakersPage #main h3, .council.schedulePage #main h3 { font-size: small; color: #9fa1a4; margin-top: .2em; } .council.speakersPage #main h4, .council.schedulePage #main h4 { font: small; } .council.speakersPage #main .speakerBio, .council.schedulePage #main .speakerBio { clear: left; } .council.speakersPage #main ul, .council.speakersPage #main div.speakersItem, .council.schedulePage #main ul, .council.schedulePage #main div.speakersItem { margin-bottom: 4em; border-bottom: 0.1em solid #758b97; } .council.speakersPage #main #bioParagraph, .council.schedulePage #main #bioParagraph { display: none; } .council.speakersPage #main .keynote, .council.schedulePage #main .keynote { background-color: #e9edef; } .council.speakersPage #main .keynote:after, .council.schedulePage #main .keynote:after { content: "keynote speaker"; text-transform: uppercase; font-size: x-small; } .council.schedulePage #main #schedule ul { margin-bottom: .25em; } .council.schedulePage #main #schedule summary { background-color: inherit; position: relative; margin-bottom: 0.5em; } .council.schedulePage #main #schedule button { margin: 0 0 2em 0; } .council.schedulePage #main #schedule .scheduleChild { padding: .3em; border-top: 0.1em solid #fbe3e3; } .council.schedulePage #main #schedule .scheduleChild:nth-of-type(odd) { background-color: #e9edef; } .council.schedulePage #main #schedule .scheduleChild:last-of-type { margin: 0 0 .3em; } .council.schedulePage #main #schedule h2 { padding: .2em 0; font-size: 2em; color: white; text-align: center; background-color: #758b97; } .council.schedulePage #main #schedule .location { margin-left: 1.8em; } .council.schedulePage #main #schedule .scheduleChild .location { margin-left: 0; } .council.schedulePage #main #schedule h3 { font-size: 1.2em; color: inherit; display: block; max-width: 16em; margin-left: 1.2em; } .council.schedulePage #main #schedule .noBefore h3 { margin-left: 0; } .council.schedulePage #main #schedule h4 { max-width: 16em; font-size: 1em; font-weight: bold; margin: 0; } .council.schedulePage #main #schedule .location, .council.schedulePage #main #schedule .time { font-size: 0.8em; color: #636363; } .council.schedulePage #main #schedule ul { border: none; margin-top: .5em; } .council.schedulePage #main #schedule img { height: 3em; width: auto; } .council.schedulePage #main #schedule details { border-bottom: 0.1em solid #758b97; margin-bottom: 1.75em; } .council.schedulePage #main #schedule details.soldOut h3, .council.schedulePage #main #schedule details.soldOut h4, .council.schedulePage #main #schedule details div.soldOut h3, .council.schedulePage #main #schedule details div.soldOut h4 { color: #9fa1a4; } .council.schedulePage #main #schedule details.soldOut h3:before, .council.schedulePage #main #schedule details.soldOut h4:before, .council.schedulePage #main #schedule details div.soldOut h3:before, .council.schedulePage #main #schedule details div.soldOut h4:before { content: "sold out"; margin-right: .25em; text-transform: uppercase; color: #b26729; } .council.schedulePage #main #schedule details > div { margin-left: 1.2em; } .council.schedulePage #main #schedule div div { position: relative; } .council.mainPage { /* #countDown{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; clear: right; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; padding: 0 0 2em; .percTicker, .percBox{ display: none; } >div{ margin: 0 .25em; &:nth-of-type(1) li.label{color: $orange;} &:nth-of-type(2) li.label{color: $green;} &:nth-of-type(3) li.label{color: $yellow;} &:nth-of-type(4) li.label{color: $blue;} &:not(:last-of-type){ li.amt:after{ content: ":"; margin-left: .2em; color: lighten($black, 30%); } li.label{ margin-left: -1.75em; } } ul{ text-align: center; } li{ margin: 0; &.amt{ font-size: 2.5em; } &.label{ font-size: .75em; } } } } */ } .council.mainPage #liveCallout h2 { text-transform: uppercase; } .council.mainPage .button { margin: 0 .75em .75em 0; padding: .25em .5em; } .council.mainPage .archiveDay ul { padding: .5em 0 .25em 1em; } .council.mainPage .archiveDay ul li { padding: .25em 0; } .council.mainPage .socialPosts { margin-bottom: 2em; } .council.mainPage .socialPosts div { width: 100%; } .council.mainPage .socialPosts .newsPosts { margin-top: 2em; } .council.mainPage .socialPosts .newsPosts h2 { margin-bottom: 1em; } .council.mainPage .socialPosts .newsPosts li { margin-bottom: 2em; } .council.mainPage .socialPosts .newsPosts h3 { margin-top: 0; } .council.mainPage .socialPosts .newsPosts p { margin: 0 0 .25em 0; } .council.mainPage .liveSession { background-color: #e9edef; } .council.mainPage .liveSession li:last-of-type { margin-bottom: 2em; } .council.mainPage .photoGalleryLink { vertical-align: top; padding: 0 0 1em 0; } .council.mainPage #photoGalleries li div { margin: 1em 2em; } .council.mainPage #photoGalleries li div img { margin: 0 .5em 0 0; } .council.mainPage #speakerArchives h3 { margin-top: 1em; } .council.mainPage #speakerArchives img { margin: 0 2% 0 0; } .council.mainPage section:nth-of-type(2) summary { background-color: #9fa1a4; } .council.mainPage section:nth-of-type(3) summary { background-color: #b26729; } .council.mainPage section:nth-of-type(4) summary { background-color: #7e8245; } .council.mainPage section:nth-of-type(5) summary { background-color: #e7ba1f; } .council.mainPage section:nth-of-type(6) summary { background-color: #758b97; } .council #hotels summary { color: black; background-color: #d3d4d6; padding: .05em 0 .05em .15em; margin: 0 0 .20em 0; text-align: inherit; text-transform: lowercase; } .council #hotels summary.before:before { height: .5em; width: .5em; margin: 0 .25em 0 0; vertical-align: middle; } .council details[open] > summary.before:before { background-image: url(/events/2015/council/images/svg/minus-sign.svg); } .council #offCanvasBack { background-color: black; opacity: 0; position: fixed; top: 0; width: 100%; height: 100%; z-index: 500; display: none; transition: opacity 0.1s; } .council #offCanvasBack.show { display: inherit; opacity: 0.4; } .council #offCanvasContent { background-color: white; box-shadow: -1em 0 10em black; position: fixed; height: 100%; width: 80%; overflow: scroll; top: 0; right: -200%; z-index: 1000; transition: right 0.4s ease-in-out; } .council #offCanvasContent.show { right: 0; transition: right 0.4s ease-in-out; } .council #offCanvasContent #offCanvasClose { display: inline-block; cursor: pointer; float: right; padding: .25em .5em 1em 1em; } .council #offCanvasContent #offCanvasClose:before { content: "\f00d"; font-family: "FontAwesome"; font-size: 3em; color: #801214; } .council #offCanvasContent #theContent { float: left; } @media only screen and (min-width: 768px) { .council #map, .council #smap, .council #pmap { max-height: 450px; } .council.mainPage { /* #countDown{ > div { position: relative; margin: 0 .75em; height: 96px; width: 96px; -moz-box-shadow: 1px 1px 10px 0px lightgrey inset; -webkit-box-shadow: 1px 1px 10px 0px lightgrey inset; box-shadow: 1px 1px 10px 0px lightgrey inset; &:nth-of-type(1) li.label{color: $black;} &:nth-of-type(2) li.label{color: $black;} &:nth-of-type(3) li.label{color: $black;} &:nth-of-type(4) li.label{color: $black;} &:nth-of-type(5) li.label{color: $black;} &:not(:last-of-type){ li.amt:after{ content: ""; } li.label{ margin-left: 0; } } .percBox{ z-index: -500; } .percBox, .percTicker{ position: absolute; left: 0.2px; top: 0.2px; display: block; width: 0px; height: 0px; margin: 0; padding: 0; -ms-transform: rotate(-$degreeTurn); -webkit-transform: rotate(-$degreeTurn); transform: rotate(-$degreeTurn); border-top: $percBordTrans; } &#days{ .percBox { border-right: $percBordOrange; border-top: $percBordTrans; border-left: $percBordOrange; border-bottom: $percBordOrange; } .percTicker{ border-top: $percBordOrange; border-right: $percBordTrans; border-bottom: $percBordTrans; border-left: $percBordTrans; z-index: -1000; } } &#hours{ .percBox { border-right: $percBordGreen; border-top: $percBordTrans; border-left: $percBordGreen; border-bottom: $percBordGreen; } .percTicker{ border-top: $percBordGreen; border-right: $percBordTrans; border-bottom: $percBordTrans; border-left: $percBordTrans; z-index: -1000; } } &#minutes{ .percBox { border-right: $percBordYellow; border-top: $percBordTrans; border-left: $percBordYellow; border-bottom: $percBordYellow; } .percTicker{ border-top: $percBordYellow; border-right: $percBordTrans; border-bottom: $percBordTrans; border-left: $percBordTrans; z-index: -1000; } } &#seconds{ .percBox { border-right: $percBordBlue; border-top: $percBordTrans; border-left: $percBordBlue; border-bottom: $percBordBlue; } .percTicker{ border-top: $percBordBlue; border-right: $percBordTrans; border-bottom: $percBordTrans; border-left: $percBordTrans; z-index: -1000; } } ul{ display: inline-block; margin: 19.25px 0; li{ &.amt, &.label{ font-size: 1em; } } } .dataBox { z-index: 200; width: 77px; height: 77px; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-box-shadow: 1px 1px 10px 0px lightgrey; -webkit-box-shadow: 1px 1px 10px 0px lightgrey; box-shadow: 1px 1px 10px 0px lightgrey; text-align: center; background-color: white; } &, .percBox, .percTicker, .dataBox{ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid white; } } } */ } .council.mainPage .socialPosts div { float: left; } .council.mainPage .socialPosts .twitter { width: 58%; } .council.mainPage .socialPosts .newsPosts { width: 38%; margin: 0 0 0 4%; } .council.mainPage .resourceGuts { padding-left: 175px; } .council.mainPage #speakerArchives .speakerText { vertical-align: 125%; } .council.speakersPage #main img { margin-bottom: 1%; } .council.schedulePage #main #schedule span.time { display: inline-block; position: static; width: 10.5em; } .council.schedulePage #main #schedule h3 { position: static; display: inline-block; max-width: 24em; margin-left: 0; } .council.schedulePage #main #schedule h4 { display: inline-block; max-width: 23em; } .council.schedulePage #main #schedule .location { float: right; margin: .8em 0 0 0; } .council.schedulePage #main #schedule .scheduleChild .location { margin: .2em 0 0 0; } .council.schedulePage #main #schedule details div div .location { left: 15.5em; } .council.schedulePage #main #schedule ul { display: -webkit-flex; display: flex; } .council.schedulePage #main #schedule ul li { -webkit-flex-basis: 32.5%; flex-basis: 32.5%; font-size: .8em; } .council.schedulePage #main #schedule ul li:first-of-type { margin-left: 0; } .council.schedulePage #main #schedule details > div { margin-left: 10.3em; } } @media only screen and (min-width: 960px) { .council #location .contents div, .council #hotels > ul > li { float: left; margin: 0 .8em 0 0; } .council #location .contents div:last-of-type, .council #hotels > ul > li:last-of-type { margin: 0 0 1.4em 0; } .council #location li { margin: 0 .8em .3em 0; } .council #location_other span { display: block; font-size: small; } .council #travel { clear: left; } .council #map, .council #pmap, .council #smap { margin: .5em -6.8%; max-height: 600px; } .council.schedulePage #main #schedule h3 { max-width: 31em; } .council.schedulePage #main #schedule h4 { max-width: 30em; } .council.schedulePage #main #schedule ul li { font-size: .9em; } } /******************* YearEnd 2014 JG *********************/ .yEnd2014 a.yeButton { transition: 0.2s all ease; margin: 1em 0; padding: .25em .4em; border: 1px solid #ccc; font: normal 1.3em 'AvenirLTStd-Medium',sans-serif; } .yEnd2014 summary:before { content: "\f067"; font-family: "FontAwesome"; margin: 0 .35em 0 0; } .yEnd2014 details[open] > summary:before { content: "\f068"; font-family: "FontAwesome"; } .yEnd2014 #main img { max-width: 100%; } .yEnd2014 #main h3 { margin-top: .5em; } .yEnd2014 #main ul { margin: .5em 0 2em; } .yEnd2014 #main .introduction { display: none; } .yEnd2014 #main .yeButton { text-align: center; padding: .25em 0; width: 100%; } .yEnd2014 #main .meat { margin: 6% 0 0 0; } .yEnd2014 #main .meat #syria h3 { background: #eaecda; } .yEnd2014 #main .meat #iraq h3 { background: #fbe3e3; } .yEnd2014 #main .meat #ebola h3 { background: #fbf3d7; } .yEnd2014 #main .storyReference { margin: 0 0 2em 0; } .yEnd2014 #main .storyReference p { margin: .25em 0; } .yEnd2014 #main .storyReference a { padding: 0 1em 1em 0; } @media only screen and (min-width: 768px) { .yEnd2014 #main .introduction { display: inherit; } .yEnd2014 #main .introduction h1 { font-size: 1.5em; margin: 0 5%; } .yEnd2014 #main .meat a.yeButton { width: 70%; margin-left: 15%; margin-right: 15%; } .yEnd2014 #main .meat .storyReference { position: relative; } .yEnd2014 #main .meat .storyReference p { position: absolute; background: rgba(255, 255, 255, 0.7); bottom: 2em; max-width: 60%; padding: .5em; } } /******************* YearEnd 2015 JG *********************/ .yEnd2015 #main h2 strong { color: #758b97; } .yEnd2015 #main h3 { color: #6c6e71; font-size: 3em; text-transform: uppercase; } .yEnd2015 #main img { max-width: 75%; } .yEnd2015 .ye-part-container:not(#summary) { border-bottom: 2.4px solid #9fa1a4; padding-bottom: 10%; } .yEnd2015 img, .yEnd2015 a.give { margin: .5em 1em; } .yEnd2015 a.give { font-size: 1.5em; padding: .5em 4em; margin-top: 10%; } @media only screen and (min-width: 768px) { .yEnd2015 #main img { max-width: 25%; } .yEnd2015 #main p.text-left { text-align: left; } .yEnd2015 section.highlight:last-of-type { margin-bottom: 2.5%; } .yEnd2015 .ye-part-sub { width: 60%; margin: 0 20%; } .yEnd2015 .ye-part-sub a { white-space: nowrap; } .yEnd2015 .ye-part-sub .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; text-align: left; margin-bottom: 1.4em; } .yEnd2015 a.give { margin-top: 5%; } } /******************* Peoples JG *********************/ .peoples #main section { margin-bottom: 1.5em; } .peoples #main h3 { margin-bottom: .75em; } .peoples #main em { font-family: 'AvenirLTStd-Heavy'; } .peoples #main .pplCluster h2 { color: white; } .peoples #main .de-emphasis { color: #9fa1a4; font-size: .75em; } .peoples #main #wap h2 { background-color: #f2d790; } .peoples #main #mmp h2 { background-color: #b4b391; } .peoples #main #pcel h2 { background-color: #b47865; } .peoples #main #tptp h2 { background-color: #d2a57f; } .peoples #main #sap h2 { background-color: #99aec6; } .peoples #main #seap h2 { background-color: #c09eca; } .peoples #main #eamp h2 { background-color: #b6ddf5; } .peoples #main #resources #map, .peoples #main #resources #prayerCards { float: left; margin: 0 0 2em 0; } .peoples #main #resources #map img, .peoples #main #resources #prayerCards img { max-width: 95%; margin: 1em 0; } @media only screen and (min-width: 768px) { .peoples #main #map, .peoples #main #prayerCards { width: 50%; } } /******************* Resources CMA DNA JG *********************/ .resources.cma-dna #main h1 { display: none; } .resources.cma-dna #main .downloads .button { margin-top: 1em; } .resources.cma-dna #main .video-segments li:first-of-type { margin-top: 4%; } .resources.cma-dna #main .video-segments img { max-width: 100%; } .resources.cma-dna #main .video-segments .duration { font-size: 75%; font-family: 'AvenirLTStd-LightOblique'; color: #9fa1a4; } @media only screen and (min-width: 768px) { .resources.cma-dna #main .intro-vid { max-width: 40%; } .resources.cma-dna #main .video-segments li, .resources.cma-dna #main .resources li { padding-bottom: 1.5em; } .resources.cma-dna #main .video-segments .resourceInfo-noVideo, .resources.cma-dna #main .resources .resourceInfo-noVideo { padding-left: 30%; } .resources.cma-dna #main .video-segments .resourceInfo, .resources.cma-dna #main .resources .resourceInfo { padding-left: 43%; } } /******************* Converge 2015 JG *********************/ .converge-2015 #main { width: 88%; margin: 0 6% 6%; } .converge-2015 .converge-video-promo, .converge-2015 .button, .converge-2015 .quote { text-align: center; } .converge-2015 .button, .converge-2015 .quote { font-size: 1.5em; } .converge-2015 .button { display: block; padding: .25em 0; margin-bottom: 5%; } .converge-2015 .collapsible h2 { color: white; } .converge-2015 .join-section h2 { background-color: #6c6e71; } .converge-2015 .testimonies-section h2 { background-color: #b26729; } .converge-2015 .testimonies-section .quote { color: #9fa1a4; } .converge-2015 .leadership-section h2 { background-color: #7e8245; } .converge-2015 .leadership-section h3 { margin: 0 0 .1em; } .converge-2015.converge-schedule section { margin-bottom: 3%; } .converge-2015.converge-schedule section.thursday { padding-bottom: 5%; border-bottom: 0.2em solid #9fa1a4; } .converge-2015.converge-schedule section.contact p { margin: 0; } .converge-2015.converge-schedule td { padding: 0 0 .25em; } .converge-2015.converge-schedule .schedule-time { width: 10em; } .converge-2015.converge-schedule .schedule-info { padding-left: 2em; } @media only screen and (min-width: 768px) { .converge-2015 .button, .converge-2015 .quote { font-size: 2em; } .converge-2015 .button { display: inline-block; margin: 0 0 3% 11%; width: 33.5%; } .converge-2015.converge-registration .button, .converge-2015.converge-schedule .button { margin-left: 33.25%; } } /******************* NAE 2015 JG *********************/ .nae section { border-top: 2.4px solid #9fa1a4; padding: 5% 0; } .nae section .mission-list li { text-align: center; } .nae section .mission-list li strong { font-size: .85em; text-transform: uppercase; } .nae section .mission-list li strong span { display: block; font-size: 2.5em; } .nae section .mission-list li:nth-of-type(1) span { color: #801214; } .nae section .mission-list li:nth-of-type(2) span { color: #7e8245; } .nae section .mission-list li:nth-of-type(3) span { color: #e7ba1f; } .nae section .mission-list li:nth-of-type(4) span { color: #758b97; } .nae section article { margin-bottom: 2.5%; } .nae section article h3 { margin: 0; font-weight: normal; font-size: 1.1em; } .nae section article p { margin: 2% 0 0 0; } @media only screen and (min-width: 768px) { .nae .mission-list li { display: inline-block; width: 24%; } .nae .mission-list li p { margin-top: 5%; } .nae article { float: left; width: 49%; } } /******************* GCD 2016 MH *********************/ .gcd2016 #main h2 { color: #758b97; } .gcd2016 #main h3 { color: #6c6e71; font-size: 3em; text-transform: uppercase; margin-top: 2%; } .gcd2016 #main img { max-width: 75%; margin: .5em 1em; } .gcd2016 #main .ye-part-container:not(#summary) { border-bottom: 2.4px solid #9fa1a4; padding-bottom: 10%; } .gcd2016 #main a.give { font-size: 1.5em; padding: .5em 4em; margin-top: 2%; } @media only screen and (min-width: 768px) { .gcd2016 #main img { max-width: 25%; margin: .5em 1em; } .gcd2016 #main p.text-left { text-align: left; } .gcd2016 #main section.highlight:last-of-type { margin-bottom: 2.5%; } .gcd2016 #main .ye-part-sub { width: 60%; margin: 0 20%; } .gcd2016 #main .ye-part-sub a { white-space: nowrap; } .gcd2016 #main .ye-part-sub .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; text-align: left; margin-bottom: 1.4em; } .gcd2016 #main a.give { margin-top: 2%; } } /******************* SERVE High School *********************/ body.high-school cite { font: normal 1em 'AvenirLTStd-HeavyOblique',sans-serif; } body.high-school #lead p:first-of-type { margin-bottom: 0; } body.high-school .serve-high-school-options li { margin-bottom: 2em; } body.high-school .serve-high-school-wufoo { text-align: center; text-transform: uppercase; } body.high-school .button { font-size: 150%; padding: .45em 2.5em; } body.high-school .serve-high-school-links { border-top: solid 1px #9fa1a4; margin-top: 3em; } body.high-school .serve-high-school-links h3 { font: normal 1.4em 'AvenirLTStd-Light',sans-serif; margin-bottom: 1em; } body.high-school .serve-high-school-links li img { margin-right: .75em; position: relative; top: .5em; left: 0; } /******************* Purchsing Program *********************/ .purchasePlan #main .infoList .nestedBullet { padding-left: 10%; } .purchasePlan table { float: left; width: 100%; font-size: 80%; margin-bottom: 1em; } .purchasePlan table, .purchasePlan th, .purchasePlan td { border: 1.5px solid black; } .purchasePlan th, .purchasePlan td { width: 20%; padding: .25em; } .purchasePlan thead, .purchasePlan tbody tr:nth-of-type(2) { font-family: 'AvenirLTStd-Heavy', sans-serif; } @media only screen and (min-width: 768px) { .purchasePlan #main { width: 88%; margin: 0 6% 6%; border: none; } .purchasePlan #main > ul > li:not(:last-of-type) { border-bottom: 1px solid #758b97; padding-bottom: 2%; } } @media only screen and (min-width: 960px) { .purchasePlan table { width: 45%; } .purchasePlan table.firstTable { margin-left: 5%; } .purchasePlan table.secondTable, .purchasePlan th:first-of-type, .purchasePlan td:first-of-type { border-left: 0; } } /*# sourceMappingURL=style.css.map */