#inner{padding-top:0;margin-bottom:0px!important}
#content{margin: 0}
.hentry {padding: 0;}
#inner, #content-container {max-width:100%;}

/*Additional Resets*/
.entry-content,ul,ul li{margin: 0}
li{list-style-type: none}
.entry-content {margin: 0 !important}
a.ubermenu-target{max-height: 72px!important}


*{box-sizing: border-box;padding: 0; margin: 0}
html{font-size: 16px;line-height: 26px}

body{
    background-color: #fdfcfb;
    color: #3c3c3c !important;
    font-size: 1rem;
    line-height: 1.625;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "kern" 1;
            font-feature-settings: "kern" 1;
    font-variant-ligatures: common-ligatures;

}

h1 {
    font-size: 2.625rem; 	
    text-align: left;
    margin: 0 auto;
font-weight: 700;
line-height: 1
}

h3 {
    line-height: 1.5;
}

h4, h5 {
    font-size: 1.25rem;
    line-height: 1.625rem;
margin-bottom: 0.425rem;}

h2,h3,h4,h5{margin-top: 1.625rem;font-weight: 700;}

.lg-content h4 {margin-top: 0.425rem;}
     
p{
    font-size: 1rem;
    line-height: 1.625!important;
    hanging-punctuation: first force-end last}

p {
    margin-top: 0rem;
    /*margin-bottom: 1.625rem - messes up the OCC sub-nav*/
	}

p a{
    color: #06c;
    font-weight: 700;
    text-decoration: none}

em{
    font-family:  georgia, serif;
    font-size: 1.0625rem;
    color: #555
}
    
/* ------------------------- Begin main containers --------------------------- */    

.parent-container {
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
}

.pattern {
	display: flex;
    min-height: calc(100vh / 6);
max-height: calc(100vh - 950px);
    align-items: flex-start;
    justify-content: flex-end;
	background:center right no-repeat url('https://sp-comm-arkfiles.s3.theark.cloud/website/occ/occ-country-pages/Shoeboxes_1@2x.jpg');
	background-size: 100%;
}

.section {
    display: flex;
    width: calc((100% / 3) * 2);
    align-items: flex-start;
    justify-content: flex-end;
    /*max-width: 47rem;*/
    position: relative;
    margin-top: -3.875rem;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
    border-bottom: none;
}

/* ------------------------- End main containers --------------------------- */    
.lg-content{
    width:100%; 
    max-width: 47rem;
    margin: 0 auto;
    position:relative; 
    display:block;
}

.section img:not(.logo):not(.product-inset){
    border-radius: .125rem;
    box-shadow: 0 .0375rem .375rem rgba(0,0,0,.25),
                0 0 1rem rgba(0,0,0,.1);
	  margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
}

.logo {
	width: 7rem;
	height: 7rem;
	margin-bottom:1.625rem;
}

.CTA-Button,.CTA-Button:hover,.CTA-Button:active,.CTA-Button:focus {transition: all 0.4s ease}
 .CTA-Button {
border-radius: 4px;
border: 2px solid #0d72c7;
 box-shadow: 0 5px 8px rgba(0,0,0,.3);
display:block; 
width: 226px;
margin:0 0 1.625rem 0; 
padding: 13px 0;
line-height: 26px; 
background-color: #FFFFFF; 
color: #00d72c7;
 text-align: center; 
text-decoration:none !important;
}
.CTA-Button:hover,.CTA-Button:focus {
box-shadow: 0 3px 6px rgba(0,0,0,.15) !important; 
color: #FFFFFF !important; 
background-color: #0d72c7 !important;
}


.pum-theme-54752 .pum-content + .pum-close, .pum-theme-default-theme-2 .pum-content + .pum-close {
    background-color: #0d72c7;
    padding: 16px;
    font-size: 18px;
}

blockquote {
    font: 400 1.625rem/1.625 georgia, serif;
    color: #555;
    max-width: 29rem;
    padding: 1.625rem 0 1.625rem .75rem;
    border-top: .0625rem solid #d1d1d1;
    border-bottom: .0625rem solid #d1d1d1;
    border-left: none;
}
blockquote span.quote{
    margin-left: -.75rem
}
blockquote span.said {
    display: block;
    text-align: right;
    font-size: 1rem
}

/*---Donation Calculator Popups---*/

@media only screen and (min-width: 1024px) {
	.pum-container.pum-responsive.pum-responsive-normal {
	    margin-left: auto;
	    width: 70%;
	}
}

.pum-theme-54752.pum-theme-default-theme-2 {background-color: rgba(0,0,0,.8)!important;}

.pum-overlay, .pum-overlay *, .pum-overlay :after, .pum-overlay :before, .pum-overlay:after, .pum-overlay:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


#popmake-86149 {border-radius:0 !important;}
img#occ-logo {display:block !important; margin:0 auto !important;}
#tgj-donate-once > p {font-size:14px; line-height:normal; font-weight:300;}
#tgj-donate-once h2 {font-size:32px; line-height:36px; font-weight:300; text-align:center; color:#555; margin:15px auto 0;}
#tgj-donate-once h3 {font-size:18px; line-height:24px; font-weight:300; text-align:center; color:#555; margin:0 auto 20px;}
#tgj-donate-once h4 {font-size:14px; line-height:normal; font-weight:300; text-align:center; color:#555; margin:0 auto 10px;}

.pum-theme-54752 .pum-content + .pum-close, .pum-theme-default-theme-2 .pum-content + .pum-close {
    height: auto;
    width: auto;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    padding: 12px;
    color: #aaa;
    font-family: inherit;
    font-weight: 300;
    font-size: 24px;
    font-style: normal;
    border-radius: 0;
    background-color: rgba(239,239,239,1);
}

div[id|="popmake"].pum-container {padding:15px 20px; border-radius:0; border:0px none #555; box-shadow:-5px 5px 20px 5px rgba(2,2,2,0.2); background-color:rgba(255,255,255,1); margin:0 auto; left:0 !important; right:0 !important;}

#pum_popup_title_86149, #pum_popup_title_86218 {text-align:left; text-shadow:0px 0px 0px rgba(2,2,2,0.25); font-family:inherit; font-weight:400; font-size:18px; font-style:normal; line-height:normal; color:#555;}

div[id|="popmake"].pum-container > button, div[id|="popmake"].pum-container > button {height:auto; width: auto; left:auto; right:0px; bottom:auto; top:0px; padding:12px; color:#aaa; font-family:inherit; font-weight:300; font-size:24px; font-style:normal; border-radius: 0 10px 0 0; background-color:rgba(239,239,239,1);}
div[id|="popmake"] > button:hover, #popmake-86218 > button:hover {background-color:rgba(229,229,229,1); color:#777; transition:0.25s;}

/*---Popup Donation Form Fields---*/
.dis-checkout h2 {font-size:32px; line-height:36px; font-weight:300; text-align:center; color:#555; margin:15px auto 0;}
.dis-checkout h3 {font-size:16px; line-height:24px; font-weight:300; text-align:center; color:#555; margin:10px auto 20px;}
.dis-checkout h4 {font-size:14px; line-height:normal; font-weight:300; text-align:center; color:#555; margin:0 auto 10px;}
.main-tagline img {display:block; margin:0 auto;}
#dis-checkout-singlections {margin-top:5px;}
#dis-checkout-singlections p {color:#996633; font-size:1.3em;}
#dis-checkout-singlections a {background-color:#69BE28; border:medium none; color:white; font-size:1.2em;}
#dis-input-count-single,#dis-input-count-single2,#dis-input-count-monthly,#dis-input-count-monthly2 {color:#555; text-align:right; border-width:1px 0 1px 1px; border-style:solid; border-color:#aaa;}


#dis-count-single .input-group-addon, #dis-count-single2 .input-group-addon, #dis-count-monthly .input-group-addon, #dis-count-monthly2 .input-group-addon {padding:0 10px; background-color:#eee; border:1px solid #aaa;     border-left: 0;}


#dis-count-single a:first-child,#dis-count-single2 a:first-child,#dis-count-monthly a:first-child,#dis-count-monthly2 a:first-child {padding:.4em .65em 0;}
#dis-checkout-singlections a#dis-action-onetime {background-color:#666633;}
.dis-dollar {height:46px; text-align:center; margin:10px auto; width:150px; padding:10px; border:1px solid #aaa; border-radius:6px; background-color:#fff;}
.dis-dollar span {color:#555; font-size:18px; line-height:normal;}
#dis-count-single,#dis-count-single2,#dis-count-monthly,#dis-count-monthly2 {width:150px; margin:0 auto 20px;}

/*--------------- Pulled from Bootstrap -----------------*/

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}

#dis-input-count-single, #dis-input-count-single2, #dis-input-count-monthly, #dis-input-count-monthly2 {
    color: #555;
    text-align: right;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #aaa;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}


.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

input#dis-input-count-monthly {
height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 46px;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-lg, .form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}


.input-group-addon:last-child {
    border-left: 0;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


#dis-count-single, #dis-count-single2, #dis-count-monthly, #dis-count-monthly2 {
    width: 150px;
    margin: 0 auto 20px;
}

#dis-count-single a, #dis-count-single2 a, #dis-count-monthly a, #dis-count-monthly2 a {
    background-color: transparent !important;
    color: #aaa;
    font-size: 16px;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

#dis-count-single a:first-child, #dis-count-single2 a:first-child, #dis-count-monthly a:first-child, #dis-count-monthly2 a:first-child {
    padding: 0 3px 3px 3px;
    top: 0;
}

.glyphicon {
    position: relative;
    top: 0;
    display: inline-block;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-weight: 700;
}

.glyphicon-chevron-up:before {
    content: "∧";
}

.glyphicon-chevron-down:before {
    content: "∨";
}

.input-group-addon.input-increment br {
display: none;
}

/*---Checkout Buttons---*/
.btn-block {border:1px solid #00853E; max-width:240px; border-radius:4px; margin:30px auto 20px !important; padding:14px 0; text-decoration:none; font-size:16px; font-weight:400; line-height:normal;}
.btn-success {border-width:0; border:1px solid #00853E; background-color:#00853E; color:#fff;}
.btn-success:hover {border-width:1px; border:1px solid #69be28; background-color:#69be28; color:#fff; text-decoration:none; transition:0.25s;}

/* --- Begin MAX-Width Section --- */    

/* 832px */
@media screen and (max-width: 52rem) {	
	.section {width: calc((100% / 5) * 4); margin-top: -3rem; margin-bottom: 2rem; margin-left: auto; margin-right: auto;}
	.pattern {background: url('https://sp-comm-arkfiles.s3.theark.cloud/website/occ/occ-country-pages/Shoeboxes_832px@2x.jpg') no-repeat fixed top center;
	background-size: 120%;
    height: calc(100vh / 5.25);
    width: 100%;
	}
.lg-content p {max-width: 100%}
}
/* 528px */
@media screen and (max-width: 33rem) {
	.pattern {height: calc(100vh / 7.25);}
	.section {margin-top: -2.2rem;}
	img.logo {margin-bottom: .625rem; width: 6rem; height: 6rem;}
}

    
/* --- Begin Min-Width Section --- */    


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	h1{font-weight: 800}
	}

/* 464px */
@media screen and (min-width:29rem){
    h1 {font-size: 4.25rem}
    h2 {font-size: 2.625rem}
    h3 {font-size: 1.625rem}    
	.logo {width: 9rem; height: 9rem;}
}

@media screen and (min-width: 728px) {
	.lg-content, .lg-content p {
	/*margin-left: calc((100% - 600px) / 2);
    margin-right: 0;*/
	width: 100%;
	}
}

/* 752px */
@media screen and (min-width: 47rem){
    /*h1,h2.subhead{max-width: 47rem}*/
    #lp-header{background-position: 50% 50%; }
    .social-container{max-width: 11rem}
	.logo {width: 11rem; height: 11rem;}
}
/* 832px */
@media screen and (min-width: 52rem) {
blockquote{max-width: 18rem;margin: 1.625rem 1.625rem 1.625rem 2.625rem;float:right}
h2,h3,h4,h5,.lg-content p{max-width: 29rem}
}


/* 1024px */
@media screen and (min-width: 64rem) {
    blockquote{margin-right: 0;}
    p a:hover{text-decoration: underline}
    .prev,.next:hover{color: #fff!important}
}

/* 1216px */
@media screen and (min-width: 76rem) {
    html,.entry-content p,p{font-size: calc(16px + (20 - 16) * (100vw - 1216px)/(1920 - 1216))}
   /* #lp-header{background-attachment: fixed;}*/
    .section{
        flex-direction: row;
        flex-wrap: nowrap;
        margin-top: -4rem;
        padding: 0 1.625rem;
        margin-bottom: 2rem;
	}
}

/* 1920px */
@media screen and (min-width:120rem){
    html,.entry-content p,p{font-size: 20px !important}
}


.pum-theme-54752.pum-theme-default-theme-2 {background-color: rgba(0,0,0,.8)!important;}

.pum-overlay, .pum-overlay *, .pum-overlay :after, .pum-overlay :before, .pum-overlay:after, .pum-overlay:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}