<style>

/*--STATIC PAGE TEMPLATE updates
--------------------------------------------------*/
html {scroll-behavior:smooth !important;}
#inner, #content-container {max-width:100%; margin-bottom:0 !important; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
#postTitleWrap {display:none;}
#footerMoreArts {display:none;}
#moreArts {display:none;}
#site-wrapper {background-color:#fff;}
#content {margin-top:0;}
.entry-content {margin:0;}
.entry-content p {margin:0;}
span.nobr {white-space:nowrap;}
*, *:before, *:after {box-sizing:border-box; outline:none; -webkit-tap-highlight-color:transparent;}
.sub-footer-a, .sub-footer-b {position:relative;}
/*--Social (on all OCC pages)--*/
div.social-bar {text-align:center; margin:0 !important; border-bottom:0px solid #c2c2c2; border-top:0px solid #c2c2c2; padding:0 0 60px 40px !important; background-color:#fff;}
div.social.social-rss {display:none !important;}
div.social.social-in {display:none !important;}

/*--Inline Text Links (used on all OCC pages)--*/
.text-hover, .text-hover4 {-webkit-transition:.5s;-o-transition:.5s;transition:.5s; border-bottom:1px dotted #fff;}
.text-hover2 {-webkit-transition:.5s;-o-transition:.5s;transition:.5s; border-bottom:1px dotted #eee;}
.text-hover3 {-webkit-transition:.5s;-o-transition:.5s;transition:.5s; border-bottom:1px dotted #f5f5f5;}
.text-hover:hover, .text-hover2:hover, .text-hover3:hover {border-bottom:1px dotted #0D72C4;}
.text-hover4:hover {border-bottom:1px solid #fff;}
a, a:visited {text-decoration:none !important;}

/*--Back to Top Text Link--*/
.back-to-top-text {width:100%; padding:5px 0; font-size:10.5px; text-align:center; text-transform:uppercase;}

/*--Back to Top Button--*/
.back-to-top-button {background-color:transparent; padding:2px 6px; border-radius:10px; -webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.back-to-top-button:hover {background-color:#0D72C4; color:#fff;}

/*--Back to Top Icon (as used on Mission & History page)--*/
.back-top-icon img {text-align:center; margin:20px auto 0; display:block; opacity:1;}
.back-top-icon img:hover {opacity:.8; transition:.5s;}

/*--Section Spacer--(used on some Resource pages which also uses Collapesomatic like Web Banners and Photos pages)*/
.section-spacer {width:100%; margin:0 auto; padding:0 0 60px;}


/*--Page Title (on all OCC pages)
--------------------------*/
.title-container {max-width:100%; margin:0 auto; padding:30px 20px;}
.title-container-logo {width:120px; margin:0 auto;}
.title-container-content {max-width:800px; margin:0 auto;}
.title-container-content h1 {margin:10px auto 0; text-align:center; color:#555; font-size:36px; font-weight:400; line-height:1.1em;}
.title-container-content p {font-size:21px; font-weight:300; text-align:center; line-height:34px; color:#555; margin:10px auto 0;}


/*--Intro Text with #eee gray background (as used on Resource HUB page)
--------------------------*/
.intro-container {width:100%; padding:30px 30px 0; background-color:#eee;}
.intro-content {max-width:800px; margin:0 auto;}
.intro-content p {font-size:18px; line-height:28px; font-weight:300; color:#555; padding:0 0 30px;}


/*--Intro Text (2-column) - Used on Media Resources Page (pre-Spring 2020)
--------------------------*/
.intro-text {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 auto; padding:0 0 15px;}

/*--Intro Text Left--*/
.intro-text-left {width:63%; padding:0 15px 0 0;}
.intro-text-left p {font-size:18px; line-height:28px; font-weight:300; color:#555; padding:0 0 15px;}

/*--Intro Text Right--*/
.intro-text-right {width:37%; max-width:400px; margin:0 auto;}
.intro-text-right p {font-size:18px; line-height:28px; font-weight:300; color:#555; padding:0 0 15px;}

/*--Contact Info--*/
.contact-info {background-color:#fff; border:5px solid #ddd; padding:15px; margin:0 0 15px; display:-webkit-box; display:-ms-flexbox; display:flex;}
.contact-info-icon {min-width:32px; max-width:32px;}
.contact-info-body {padding:0 0 0 10px;}
.contact-info-body h3 {font-size:16px; line-height:normal; font-weight:400; color:#555; margin:0; padding:0 0 5px;}
.contact-info p {font-size:14px; line-height:normal; font-weight:300; color:#555; text-align:left; margin:5px auto; padding:0;}
.contact-info p a {color:#0d72c7;}
#sp-contact-logo {width:28px;}


/*--Anchors
--------------------------*/
.anchors {margin:0 auto; padding:0 0 30px;}
.media-resources-anchors {max-width:600px;}
.anchors li {display:block; margin:5px !important;}
.anchors li a {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:170px; height:40px; font-size:13px; text-align:center; background-color:#fff; line-height:1.025rem; font-weight:400; padding:0 3px; border:1px solid #aaa; color:#555; border-radius:4px; -webkit-transition:.5s; -o-transition:.5s; transition:.5s;}
.anchors li a:hover {background-color:#0D72C4; border:1px solid #0D72C4; color:#fff; text-decoration:none;}

/*--Sub-anchors--*/
.sub-anchors {padding:15px 0;}
.sub-anchors h4 {font-size:16px; line-height:normal; font-weight:300; text-align:center; color:#555; margin:10px 0; text-transform:uppercase; letter-spacing:.1em;}
.sub-anchors li {display:block; margin:5px !important;}
.sub-anchors li a {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:170px; height:40px; margin:5px !important; text-align:center; font-size:12px; line-height:12px; font-weight:400; color:#555; border:1px solid #aaa; border-radius:4px; -webkit-transition:.5s; -o-transition:.5s; transition:.5s;}
.sub-anchors li a:hover {background-color:#fff; border:1px solid #aaa; text-decoration:none;}

ul.category-buttons {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0;}



/*--Content Grid 
(Used on 2018 OCC Special Report JH)
--------------------------*/
.content-section-container {width:100%; position:relative; display:inline-block; padding:1em 0 3em; background-color:#fff; margin:0 auto;}
.content-box {max-width:800px; margin:0 auto; display:flex;}
.content-box h4 {font-size:24px; font-weight:300; letter-spacing:.2em; color:#777; text-align:center; margin:0 0 15px; text-transform:uppercase;}
.content-box h5 {font-size:18px; line-height:normal; font-weight:300; font-style:italic; color:#aaa; text-align:center; margin:0 auto 60px; max-width:85%;}
.content-box h6 {font-size:24px; line-height:normal; font-weight:300; color:#777; text-align:left; margin:40px auto 10px;}
.content-box img {width:100%; max-width:800px; margin:0 auto 5px; display:block;}
.content-box h1 {color:#555; text-align:left; font-size:30px; line-height:normal; margin:15px 0 20px; font-weight:400;}
.content-box p {font-size:21px; line-height:34px; font-weight:300; text-align:left; color:#555; margin:0 auto 15px; padding:0 10px 0 0; display:inline-block;}

/*2 column content 70-30*/
.content-left-70 {width:70%; margin:0 auto 30px; border-right:1px solid #ccc;}
.content-left-70 p {font-size:21px; line-height:34px; font-weight:300; text-align:left; color:#555; margin:0 auto 15px; padding:0 10px 0 0;}
.content-right-30 {width:30%; padding:0 0 1em 1em; margin:0 0 30px; position:relative;}
.content-right-30 img {margin:0 auto 7px;}
.content-right-30 h4 {font-size:1em; line-height:normal; font-weight:300; color:#888; text-align:center; margin:10px auto 50px; max-width:200px; font-family: 'Roboto slab', Serif; text-transform:uppercase; letter-spacing:.4em; padding:0 0 0 .5em;}

/*3 column content 50-25-25*/
.content-left-50 {width:50%; margin:0 auto 30px; border-right:1px solid #ccc;}
.content-left-50 p {font-size:21px; line-height:34px; font-weight:300; text-align:left; color:#555; margin:0 auto 15px; padding:0 10px 0 0;}
.content-right-25 {width:25%; display:inline-block; padding:0 0 1em 1em; position:relative;}
.content-right-25 img {margin:0 auto 7px;}
.content-right-25 h4 {font-size:1em; line-height:normal; font-weight:300; color:#888; text-align:right; margin:0; padding:.5em 0 0 0; letter-spacing:0; text-transform:none; max-width:200px;}

/*2 column content 50-50*/
.content-left-50 {width:50%; margin:0 auto 30px; border-right:1px solid #ccc;}
.content-left-50 p {font-size:21px; line-height:34px; font-weight:300; text-align:left; color:#555; margin:0 auto 15px; padding:0 10px 0 0;}
.content-right-50 {width:50%; padding:0 0 1em 1em; position:relative;}
.content-right-50 img {max-height:250px; margin:0 auto 7px;}
.content-right-50 h4 {font-size:1em; line-height:normal; font-weight:300; color:#888; text-align:center; margin:0 auto; padding:.5em 0 0 0; letter-spacing:0; text-transform:none;}

/*1 column content 100-0*/
.content-100 {width:100%; margin:0 auto 30px;}
.content-100 p {font-size:21px; line-height:34px; font-weight:300; text-align:left; color:#555; margin:0 auto 15px; padding:0 10px 0 0;}
p.content-100-caption {display:block; font-size:16px; line-height:normal; font-weight:300; text-align:left; color:#555; margin:0 auto 15px; padding:0;}

.content-margin-below {margin:0 auto;}
p.note {font-size:14px; line-height:34px; font-weight:300; text-align:left; font-style:italic; color:#555; margin:0 auto 15px; padding:0 10px 0 0;}
p.multiphoto-photo-caption {display:block; font-size:16px; line-height:normal; font-weight:300; text-align:right; color:#555; margin:10px auto 0; padding:0;}


/*--Content Global Styles
--------------------------*/
/*--PHOTOS OCC--*/
.bkg-section {height:100vh; min-height:300px; position:relative;}
.bkg-section:before {position:absolute; z-index:2; width:100%; height:100%; top:0; content:''; opacity:1; background-image: linear-gradient(to bottom, rgba(55,55,55,.8)0%, rgba(55,55,55,0)90%);}
.bkg-content-photos {height:100vh; position:relative; /*border-bottom:6px solid #aaa;*/}

/*insets*/
.inset {margin:0 auto;}

/*photo captions*/
.photo-content {max-width:14em; position:absolute; top:50%; transform: translateY(-50%); background-color:rgba(72,72,72,.9); padding:.75em 1em 0em 3em; border-radius: 0 10px 10px 0; z-index:2;}
p.photo-caption {font-size:.9em; font-weight:400; color:rgba(180,160,140,1); color:#fff; text-align:left; margin:0 auto; padding:1em 0;}
p.photo-caption span {font-weight:600; font-size:17px; letter-spacing:.1em; color:rgba(255,255,255,1); text-transform:uppercase; background-color:rgba(255,173,55,1); background-color:#69be28; margin:0 2px 0 -48px; padding:0 2px 0 20px;}

/*initial cap*/
p.initial-cap span {font-weight:600; font-size:2em; display:inline-block; font-family: 'Roboto slab', Serif; background-color:#69be28; line-height:40px; width:40px; color:#fff; margin:0 7px 0 0; text-align:center;}

/*cutline*/
p.cutline {font-size:28px; line-height:42px; font-weight:400; font-family: 'Roboto slab', Serif; color:#69be28; text-align:left; margin:0 auto; padding:1em 0 0; transform: translateY(-50%); top:50%; position:absolute;}

/*pull quote*/
p.pull-quote {font-size:28px; line-height:42px; font-weight:400; font-family: 'Roboto slab', Serif; color:#69be28; text-align:left; margin:0 auto;}
p.pull-quote span {font-size:21px; line-height:28px; font-weight:300; color:#555; display:block; margin:15px auto; font-family: 'Roboto', sans-serif;}

/*ordered list text (used on Liberty Challenge Page - Rules Section)*/
ol {font-size:15px; line-height:18px; font-weight:500; margin-left:15px !important;}
ol li {margin:10px 0 0 0 !important;}
ol li span, li span {}
.rule-text {font-weight:300; margin:5px 0; font-size:15px; line-height:normal;}
ol.lc {margin-left:50px; list-style-type:lower-alpha;}
lh {font-weight:300; font-size:15px; margin:10px 0 0; display:block;}
.bold-text {font-weight:400;}
.topic {margin:25px 0 0 !important;}
.roman {margin-left:40px !important;}

/*Disclaimer Italics text*/
.disclaimer-text {max-width:800px; margin:0 auto;}
.disclaimer-text p {font-size:16px; line-height:26px; font-weight:300; font-style:italic; color:#555; text-align:center; margin:0 auto 15px;}


/*--Multiphoto Section (as used on Mission & History page)
-----------------------*/
.multiphoto-container {width:100%; height:100%; background-color:#fff; padding:0 3em;}
.multiphoto-content {width:100%; max-width:1200px; margin:0 auto; display:flex;}
.multiphoto-content-left {width:66%; max-width:800px; margin:0 3em 0 0;}
.multiphoto-photo1 {}
.multiphoto-photo2 {margin:0 0 3em;}
.multiphoto-photo3 {}
.multiphoto-content-right {width:33%; max-width:400px; margin:0 auto;}
.multiphoto-content2 {width:100%; max-width:800px; margin:40px auto 0; display:flex;}
.multiphoto-content2-left {margin:0 3em 0 0;}
img.map2-img {max-width:160px; border:1px solid #aaa; border-radius:8px; margin:0 auto 20px;}
.multiphoto-content2-right {}
.multiphoto-content2-right h1 {text-align:left; margin:30px auto 20px; padding:0; font-weight:300; font-size:30px; line-height:42px; letter-spacing:0; color:#555;}
.multiphoto-content2-right p {margin:0 auto 15px; font-size:21px; line-height:34px; font-weight:300; text-align:left; color:#555;}


/*--Items Content (Used on Resources pages like Resource HUB page, Printable Resources, Family & Children's Resources, etc.)
--------------------------*/
#items-container {width:100%; margin:0 auto; padding:30px 20px; background-color:#eee;}
#items-content {max-width:800px; margin:0 auto; padding:0;}
.items-container {width:100%; margin:0 auto; padding:30px 20px; background-color:#eee;}
.items-content {max-width:800px; margin:0 auto; padding:0;}

.items li, .items2 li {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; background-color:#fff; width:170px; margin:0 15px 20px !important; padding:5px !important;}
.items2 li {background-color:transparent;}
.items-image, .items-image-var-size {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.items-image-var-size {min-height:110px;}
.items-image-var-size img {max-height:110px;}
#occ-logo-thumb {padding:5px; height:110px;}
.items-text {width:100%; padding:10px 5px;}
.items-title p {text-align:left; font-size:13px; font-weight:500; line-height:16px; color:#555; padding:0 0 5px;}
.items-title p span {text-align:left; font-size:12px; font-weight:400; line-height:16px; color:#c60000;}
.items-subtitle p {text-align:left; font-size:11px; line-height:15px; color:#555; padding:0 0 5px;}
.items-description p {text-align:left; font-size:11px; line-height:15px; color:#888; padding:0 0 5px;}
.items-download-text a {font-size:11px; line-height:normal; display:inline-block; border-bottom:1px solid #fff; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; padding:5px 0 0;}
.items-download-text a:hover {border-bottom:1px dotted #0d72c7;}
.items-embed-code p {text-align:left; font-size:11px; line-height:15px; font-style:italic; margin:10px 0 5px; color:#777;}
.embed-text-area {color:#777; width:100%; height:95px; font-size:11px; line-height:13px; background-color:#f5f5f5; padding:4%; border-color:#ccc;}

/*--Section Header (used on Resource Hub page)
--------------------------*/
ul.items-space {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 0 5px;}
.section-header h4 {display:block; color:#555; font-size:30px; font-weight:400; border-bottom:1px solid #aaa; padding:0 0 5px; margin:0;}
.section-header p {font-size:18px; line-height:30px; font-weight:300; color:#555; padding:5px 0 15px;}
.section-subhead h4 {color:#555; font-size:21px; line-height:normal; font-weight:400; margin:0 auto; padding:30px 0 15px;}
.section-subhead p {color:#555; font-size:18px; line-height:normal; font-weight:300; padding: 0 0 15px;}


/*--Audio PSAs
--------------------------*/
.onlineradio {background:url('//s3.amazonaws.com/static.samaritanspurse.org/occ/images/occ-media-resources/audio_image.jpg') center center no-repeat; position:relative; width:100%; margin:0 auto;}
.audioControl {position:relative; text-align:center; display:block; padding:10px;}
.audioControl img {margin:0 auto;}
.pause {display:none;}


/*--Press Releases - Short Code Overrides
--------------------------*/
ul.pressGrid2 {padding:0;}
.pressGrid2 {color:#555; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
ul li div.gcWrap div.catDate {display:block; padding:5px;}
.cat {display:none;}
.date {display:block; font-style:italic; font-size:12px; font-weight:300; line-height:normal; color:#555;}
ul.pressGrid2 br {display:none;}
ul.pressGrid2 li div.gcWrap div.diTitle {font-size:13px; font-weight:500; line-height:normal; padding:0 5px;}
.gcShortCodeTitle {color:#555;}
ul.pressGrid2 li div.gcWrap span.diExcerpt {display:block; font-size:11px; font-weight:400; line-height:normal; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; padding:5px 0;}
ul.pressGrid2 li div.gcWrap span.diExcerpt:hover {text-decoration:underline;}


/*--Button 3 - CTA Buttons used within a tile item
--------------------------*/
.button-link3 {background-color:#fff; border:1px solid #ccc; width:94%; height:40px; margin:15px auto 10px; padding:0 8px; border-radius:4px; display:flex; align-items:center; justify-content:center; color:#555; text-align:center; font-size:13px; line-height:1.1em; font-weight:400; box-shadow:-2px 2px 7px rgba(0,0,0,.1); transition:0.3s;}
.button-title3 {width:100%;}
.button-link3:hover {background-color:rgba(255,69,0,1); background-color:rgba(13,114,196,1); border:1px solid rgba(255,69,0,1); border:1px solid rgba(13,114,196,1); color:#fff;}
.button-link3 > .arw {border-right:2px solid #999; border-bottom:2px solid #999; width:9px; height:9px; transform:rotate(-45deg);}
.button-link3:hover > .arw {border-right:2px solid #fff; border-bottom:2px solid #fff;}


/*--FAQ Content (as used on FAQ page)
--------------------------*/
#faq-container {width:100%; max-width:800px; margin:0 auto 30px;}
#faq-container p {font-size:21px; font-weight:300; line-height:34px; color:#555;}
.entry-content ul {padding:0 !important;}
.entry-content ol {margin:0; padding:5px; color:#555; font-weight:300; font-size:18px; line-height:28px;}
#faq-content {max-width:800px; margin:0 auto; padding:30px 0;}
#faq-content h3 {font-size:28px; line-height:normal; font-weight:400; letter-spacing:.01em; text-transform:none; color:#555; margin:0; padding:7% 0 1%; border-bottom:1px solid #ccc;}
#faq-content h4 {font-size:21px; line-height:normal; font-weight:400; letter-spacing:.01em; text-transform:none; color:#555; margin:0; padding:40px 0 10px; font-style:italic;}
#faq-content h5 {margin:0; padding:0;}
#faq-content p {font-size:18px; font-weight:300; line-height:28px; color:#555; margin:0 0 4px 4px;}
#faq-content ul {font-size:18px; font-weight:300; line-height:28px; color:#555; margin:10px 0 5px 20px;}
#faq-content p span {font-weight:500;}
.answer-container {width:100%; border:1px solid #ccc; padding:10px; border-radius:6px; margin:0 0 20px 4px;}
.answer-container p {font-size:18px; font-weight:300; line-height:28px; color:#555;}

/*--Collapseomatic (as used on FAQ page)
--------------------------*/
.collapseomatic {background-position:left center; display:block; padding:10px 0 10px 20px; color:#0d72c4; font-size:18px; line-height:normal; font-weight:300;}
.collapseomatic_content {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0;}
.collapseomatic.colomat-hover {text-decoration:none !important;}
.back-to-top-text a {display:inline-block; margin:15px 0 0; font-size:11px; border-bottom:1px dotted #fff; color:#999;}
.back-to-top-text a:hover {border-bottom:1px dotted #999; text-decoration:none;}


/*--Connect Via Social (as used on Resources HUB page)
--------------------------*/
.connect-via-social-container {width:100%; margin:0 auto; padding:50px 30px 0; background-color:#fff;}
.connect-via-social-content {max-width:600px; margin:0 auto; padding:30px; border:1px solid #aaa;}
.connect-via-social-content h1 {margin:0 auto; padding:0 0 10px; font-size:21px; font-weight:400; line-height:normal; text-align:center; letter-spacing:.01em; color:#555;}
.connect-via-social-content p {font-size:16px; line-height:24px; font-weight:300; color:#555; padding:0 0 15px;}
.social-share-icons {text-align:center;}
.social-share-icons img {width:34px; margin:0 15px;}


/*--Helpful Links Section (as used on most OCC pages)
--------------------------*/
.more-container {width:100%; padding:50px 30px 0; background-color:#fff;}
.more-content {max-width:600px; margin:0 auto; background-color:#fff; border:1px solid #aaa; padding:30px 10px;}
.more-content h1 {margin:0 auto; padding:0 0 10px; font-size:21px; font-weight:400; line-height:normal; text-align:center; letter-spacing:.01em; color:#555;}
.more-content p {font-size:18px; font-weight:300; text-align:center; line-height:normal; text-transform:none; color:#555; margin:0 auto;}
.more-content a {color:#0D72C4; border-bottom:1px solid #fff; display:inline-block; padding:15px 0 0;}
#questions-text {max-width:600px; padding:30px 10px; margin:0 auto; border-width: 0px 1px 1px 1px; border-style:solid; border-color:#aaa; background-color:#fff;}
#questions-text p {margin:0 auto; font-size:16px; line-height:24px; font-weight:300; text-align:center; color:#555;}
#questions-text a {color:#0D72C4; border-bottom:1px dotted #fff;}
#questions-text a:hover {border-bottom:1px dotted #0D72C4; text-decoration:none;}

/*--No Time to Pack Your Own Shoeobx? text (as used on How to Pack and related pages)
--------------------------*/
.basbo-text {width:100%; padding:50px 10px 0; text-align:center; letter-spacing:.01em;}
.basbo-text p {font-size:18px; font-weight:300; line-height:normal; text-align:center; color:#555; margin:0; padding:10px 0 0;}
.basbo-text p span {font-weight:500;}
.basbo-text p a {color:#0D72C4; margin:0; border-bottom:1px dotted #fff; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.basbo-text p a:hover {border-bottom:1px dotted #0D72C4; text-decoration:none; margin:0;}

/*--Share This Page text (as used on most OCC pages, if used make sure page has up-to-date share image.)
--------------------------*/
#share-text p {font-size:14px; color:#888; line-height:normal; margin:30px auto 5px; text-align:center;}

/*--Optional Store Ads in Helpful Links Section (as used on Family and Children's Resources page)
--------------------------*/
#store {width:100%; max-width:600px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; border-width:0px 1px 1px 1px; border-style:solid; border-color:#aaa; background-color:#fff;}
#store a {width:50%; margin:0 auto;}
#store-middle-l {height:200px; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; background-image: url(//s3.amazonaws.com/static.samaritanspurse.org/occ/2019-HOME/quad-order-free-materials19.png); background-repeat: no-repeat; background-size: 210px; background-position: 50% -5px; background-color:rgba(50,50,50,0); background-color:#f5f5f5;}
#mid-l-ad:before {content:""; display:block; height:100%; width:100%; position:absolute; -webkit-transition:.5s; -o-transition:.5s; transition:.5s;}
#mid-l-ad:hover:before {background-color:rgba(13,114,196,.25); background-color:rgba(0,0,0,.125); position:absolute;}
#store-middle-r {height:200px; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; background-image: url("//s3.amazonaws.com/static.samaritanspurse.org/occ/2018-HOME/helpful-links/hl-occ-store18c.png"); background-repeat:no-repeat; background-position:50% 25%; background-color:rgba(50,50,50,0); background-color:#f5f5f5; border-left: 1px solid #aaa;}
#mid-r-ad:before {content:""; display:block; height:100%; width:100%; position:absolute; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
#mid-r-ad:hover:before {background-color:rgba(13,114,196,.25); background-color:rgba(0,0,0,.125); position:absolute;}
p.store-title {font-size:18px; line-height:normal; font-weight:300; color:#0D72C4; text-align:center; bottom:35px; left:0; right:0; background-color:#fff; border:1px solid #aaa; position:absolute; width:200px; padding:8px 0; margin:0 auto; border-radius:4px; -webkit-transition:.5s; -o-transition:.5s; transition:.5s;}
#mid-l-ad > p.store-title:hover, #mid-r-ad > p.store-title:hover {bottom:40px;}



/*-------------------------------------------------------------*/
/*---------------------   MEDIA QUERIES  ----------------------*/
/*-------------------------------------------------------------*/

/*--------------  BEGIN 15 Inch Laptops  ----------------------*/
@media (min-width: 1025px) and (max-width: 1440px){

}
/*--------------  END 15 Inch Laptops  ------------------------*/




/*--------------  BEGIN IPad Landscape  -----------------------*/
@media (min-width: 320px) and (max-width: 1024px){

}
/*--------------  END IPad Landscape  -------------------------*/



@media (min-width: 320px) and (max-width: 835px){
#items-content {max-width:500px;}
.collapseomatic_content {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
ul.items-space, ul.category-buttons, ul.pressGrid2 {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin:0 auto;}
}




/*--------------  BEGIN IPad Portrait  ------------------------*/
@media (min-width: 320px) and (max-width: 769px){

}
/*--------------  END IPad Portrait  --------------------------*/




/*--------------  BEGIN IPhone 6 Plus Landscape  --------------*/
@media (min-width: 320px) and (max-width: 736px){

}
/*--------------  END IPhone 6 Plus Landscape  ----------------*/




/*--------------  BEGIN IPhone 6 Landscape  -------------------*/
@media (min-width: 320px) and (max-width: 667px){
.intro-text {display:initial;}
.intro-text-left, .intro-text-right {width:100%; padding:0;}
.multiphoto-container {padding:0; margin:15px auto;}
.multiphoto-content {display:block;}
.multiphoto-content-left {width:100%; margin:0 0 5px;}
.multiphoto-content-right {width:100%; max-width:unset;}
.multiphoto-photo2 {margin:0 0 5px;}
.multiphoto-photo3 {margin:0 0 30px;}
}
/*--------------  END IPhone 6 Landscape  ---------------------*/




/*--------------  BEGIN IPhone 5, 5s Landscape  ---------------*/
@media (min-width: 320px) and (max-width: 568px){
.content-box {display:block;}
.content-left-70 {width:100%; border-right:0px solid #ccc;}
.content-right-30 {width:100%; padding:0; margin:0 auto;}
p.content-100-caption {margin:0 auto 50px;}
p.pull-quote {padding:15px 0 5px; transform:inherit; top:auto; position:inherit; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin:15px 0 30px;}
#store {display:block;}
#store-middle-r {border-left:0px solid #aaa; border-top:1px solid #aaa;}
.disclaimer-text p {text-align:left;}
}
/*--------------  END IPhone 5, 5s Landscape  -----------------*/




/*--------------  BEGIN IPhone 4 Landscape  -------------------*/
@media (min-width: 320px) and (max-width: 480px){
.title-container {margin:0 auto;}
.title-container h4 {display:none;}
.anchors li a, .sub-anchors li a {width:150px; font-size:12px; margin:0 !important;}
.items li, .items2 li {margin:0 8px 20px !important;}
}
/*--------------  END IPhone 4 Landscape  ---------------------*/




/*--------------  BEGIN IPhone 6 Plus Portrait  ---------------*/
@media (min-width: 320px) and (max-width: 414px){
.section-header h4 {font-size:26px;}
.section-subhead h4 {font-size:18px;}
.section-header p, .section-subhead p {font-size:16px; line-height:26px;}
#faq-content h3 {padding:15% 0 1%;}
}
/*--------------  END IPhone 6 Plus Portrait  -----------------*/




/*--------------  BEGIN IPhone 6 Portrait  --------------------*/
@media (min-width: 320px) and (max-width: 375px){
.content-section-container {padding:2em 2em 0;}
.anchors li a, .sub-anchors li a {width:130px;}
.sub-anchors li a {font-size:11px;}
.faq-anchors li {width:80%;}
#faq-content p {font-size:16px; line-height:24px;}
}
/*--------------  END IPhone 6 Portrait  ----------------------*/




/*--------------  BEGIN IPhone 4, 5 Portrait  -----------------*/
@media  (max-width: 320px) {

}
/*--------------  END IPhone 4, 5 Portrait  -------------------*/
</style>