/*
Theme Name: 865 V2
Author: Contexture Media
Author URI: http://contexturemedia.com/
Description: Mission 865 website. Version 2.
Version: 0.8.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/*===== COLOR KEY ======

  > Dark Blue: header, footer, site bg
     #101a26

  > Dark Red-Brown: spacers
     #3a0706

  > Dark Brown: sidebar
     #49301D

  > Generic Brown: nav, outside bg
     #5b3913

  > Light Brown: content bg
     #cea767

=======================*/


/*----- LIBRARY:Padding -----*/
.unpad      { padding:0; }
.pad        { padding:0.5em; }
.pad-x      { padding-left:0.5em;padding-right:0.5em; }
.pad-y      { padding-top:0.5em;padding-bottom:0.5em; }
.pad-top    { padding-top:0.5em; }
.pad-bottom { padding-bottom:0.5em; }
.pad-more   { padding:1em; }
.pad-x-more { padding-left:1em;padding-right:1em; }
.pad-y-more { padding-top:1em;padding-bottom:1em; }
.pad-top-more { padding-top:1em; }
.pad-bottom-more { padding-bottom:1em; }
.pad-most   { padding:2em; }
.pad-x-most { padding-left:2em;padding-right:2em; }
.pad-y-most { padding-top:2em;padding-bottom:2em; }
.pad-top-most { padding-top:2em; }

/*----- LIBRARY: Headers -----*/
h1, h2, h3, h4, h5, h6 { font-family:futura-pt, helvetica, arial, sans-serif; font-weight:100; color:white; }

.separated { border-top:1px solid rgba(58, 7, 6, 0.5); padding-top:0.5em; }
.thick.separated { border-top:2px solid rgba(58, 7, 6, 0.5); }

/*----- LIBRARY: Responsive Elements -----*/
iframe { background:black; }
.polaroid,
.box-shadow { box-shadow:0 3px 13px rgba(0, 0, 0, 0.6); }
.tape { display:block; position:relative; overflow:visible; }
.tape:before { top:-6px; left:50%; margin-left:-30px; content:''; opacity:0.4; filter:opacity(alpha=40); background:url(assets/images/tape-scotch.png) no-repeat; background-size:100% 100%; width:60px; height:20px; position:absolute; z-index:2; }

body {
/*overflow:hidden;*/
}

/*----- LIBRARY: Progress Bars -----*/
.progressbar {
	position:relative; overflow:hidden; z-index:2;
	border:1px solid #313131;
	border-bottom:1px solid #7A7878;
    -moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius:			10px;
    height: 10px; 
	background:silver url(assets/images/progress-bar-bg.png) 0 -47px repeat-x;
}
.progressbar .percentage { 
	color:white; text-align:center; position:relative; z-index:4; font-size: 14px; line-height:15px; text-shadow:1px 1px 2px #333; }
.progressbar .fillbar { 
	position:absolute; top:0; left:0; width:50%; height:100%; z-index:3; 
	-moz-border-radius:		10px 0 0 10px;
	-webkit-border-radius:	10px 0 0 10px;
	border-radius:			10px 0 0 10px;
	background:url(assets/images/progress-bar-bg.png) 0 -26px repeat-x;
	background:url(assets/images/progress-bar-bg.png) right -6px no-repeat,
	           url(assets/images/progress-bar-bg.png) 0 -26px repeat-x;
} 

/*----- BASE SITE STYLES -----*/
#page-header { position:relative; }
#page-header h2 { font-size:5em; margin:0; padding:0; margin-top:0.6em; text-align:center; -webkit-text-shadow:0 5px 10px black; text-shadow:0 5px 10px black; }

a:hover { text-decoration:underline !important; }
body { background-color:#0b2b5b; /*background-image:url(assets/images/banner-bg.jpg); background-position:top center;*/ font-family:myriad-pro,helvetica,sans-serif; }
#header, #main { background:#5C3C18 url(assets/images/container-bg.jpg) top center repeat-x; position:relative; z-index:3;
                 -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#header { height:50px; border-bottom:1px solid rgba(153, 128, 73, 0.39); }
    #header > .row { position:relative; }
    #branding { background:#49301D url(assets/images/container-dark-bg.jpg); position:absolute;
                -webkit-box-shadow:0 0 26px black; box-shadow:0 0 26px black; }
    #branding:before,
    #branding:after  { content:''; display:block; position:absolute; height:50px; width:8px; top:0; left:-8px; 
                       background:brown url(assets/images/ribbon.jpg) top left; }
    #branding:after  { left:auto; right:-8px; background-position:top right; }
        #site-title  { margin:0; }
        #site-title a { display:block; margin-bottom:-5px; padding:5px 10px 0 10px; }
    
#menu-button { display:block; clear:none; height:43px; width:43px; background:url(assets/images/mobile-menu.png); overflow:hidden; text-indent:-100px; margin:0; margin-top:4px; float:right; }

#main { position:relative; color:white; border-top:1px solid rgba(153, 128, 73, 0.39); }
    #main > .row { position:relative; }
    #sidebar-left { background:#270E06 url(assets/images/container-dark-bg.jpg) left -60px no-repeat; min-height:100%; position:absolute; top:0; left:0; 
                    margin:0 -1px;/*correction for borders*/
                    border-left:1px solid #3F291A; border-right:1px solid #5C3C23;
                    -webkit-box-shadow: 0 5px 10px black; box-shadow: 0 5px 10px black;  }
    #col-content { background:rgba(206, 167, 103, 0.45); -pie-background:rgba(206, 167, 103, 0.45); min-height:100%; 
                   -webkit-box-shadow:inset -13px -8px 42px rgba(255, 255, 255, 0.25); box-shadow:inset -13px -8px 42px rgba(255, 255, 255, 0.25); 
                   min-height:350px; behavior:url(/PIE.htc); }
    #main h1,
    #main h2,
    #main h3,
    #main h4,
    #main h5 { text-shadow:0 2px 3px rgba(0, 0, 0, 0.58); font-weight:500; }
    .jfp-widget { max-width: 90%; margin-left: auto; margin-right: auto; display: block; }
#copyright { text-align:center; color:white; }
#wpadminbar { border-bottom:1px solid #272727; }
p { font-size:16px; font-size:1.6rem; color:black; }
.widget_recent_entries li > a:after { content:' »'; }


/*----- MENUS -----*/
#mobile-nav h2 { font-size:3em; border-bottom:1px solid rgba(221, 221, 221, 0.03); margin:0;padding-bottom:10px; }
#menu-primary,
#menu-mobile { background:transparent; border:none; font-family:futura-pt,sans-serif; text-shadow:0 3px 5px black; }
#menu-mobile a { font-size:1.8em; border-top:1px solid rgba(0, 0, 0, 0.42); border-bottom:1px solid rgba(221, 221, 221, 0.03);  }
#menu-mobile a:after { content:'>'; font-size:1.8em; float:right; }

/*----- BANNER -----*/
#banner { min-height:115px; position:relative; z-index:1; background:url(assets/images/banner-bg.jpg) center -170px; }
#banner .row,
#banner .twelve.columns,
#banner .orbit-wrapper,
#showcase,
#showcase-wrapper { height:100% !important; }
#banner .twelve.columns {  overflow:hidden; /*margin-top:-12px;*/ }

#showcase .content { background:url(assets/images/banner-bg.jpg) top center; }
#showcase a.content { display:block; height:100%; width:100%; }

ul.orbit-bullets { position:absolute; bottom:-20px !important; z-index:1000; left:60%; }
ul.orbit-bullets li { background:black; border:2px solid silver; -webkit-border-radius:20px; border-radius:20px; -webkit-box-shadow:0 5px 10px black; box-shadow:0 5px 10px black; }
ul.orbit-bullets li.active { background:gray; }

/*----- SHOWCASE -----*/
#showcase .sc-1 { background:url(assets/images/showcase/showcase-1.jpg) top center; }
#showcase .sc-2 { background:url(assets/images/showcase/showcase-2.jpg) top center; }
#showcase .sc-3 { background:url(assets/images/showcase/showcase-3.jpg) top center; }
#showcase .sc-4 { background:url(assets/images/showcase/showcase-4.jpg) top center; }

/*----- SITE MENU -----*/
#navigation { height:50px; overflow:hidden; }
.nav-bar { margin-top:0; }
#navigation .nav-bar > li { line-height:50px; width:25%; margin-right:-2px; text-align:center; border-right:1px solid rgba(0, 0, 0, 0.31); border-left:1px solid rgba(255, 255, 255, 0.10); }
#navigation .nav-bar > li:first-child { border-left:none; }
#navigation .nav-bar > li:last-child { position:relative; }
#navigation .nav-bar > li:last-child:after { content:'';height:50px;position:absolute;top:0;right:0;border-right:1px solid rgba(255, 255, 255, 0.10);  }
#menu-mobile { width:100%; }

/*----- SITE SUBNAV -----*/
ul.sub-nav { position:absolute; }
ul.sub-nav li { float:left; }
ul.sub-nav li a { display:block; padding:10px 20px; }
ul.sub-nav li.current_page_item a { opacity:0.5; filter:alpha(opacity=50); text-decoration:underline; }

/*----- SITE PAGINATION -----*/
#blog-paginate-top              { border-bottom: 1px solid rgba(58, 7, 6, 0.24);border-top: 1px solid rgba(58, 7, 6, 0.24);background: rgba(58, 7, 6, 0.24); }
#blog-paginate-bottom           { border-bottom: 1px solid rgba(58, 7, 6, 0.24);border-top: 1px solid rgba(58, 7, 6, 0.24);background: rgba(58, 7, 6, 0.24); }
ul.pagination                   { margin-bottom:4px; }
ul.pagination li.current a,
ul.pagination li:hover a        { border-bottom:solid 2px #3a0706; text-decoration:none !important; }
ul.pagination li,
ul.pagination li a,
ul.pagination li.current a,
ul.pagination li:hover a, 
ul.pagination li a:focus        { color:white; }
ul.pagination li.unavailable    { opacity:0.3; filter:alpha(opacity=30); }
ul.pagination li.unavailable a  { color:white; text-decoration:none !important; }

/*----- BREADCRUMBS -----*/
ul.breadcrumbs { background:transparent; border:none; margin-bottom:0; }

/*----- HOME -----*/
.home #banner { background-position:center top; }
.home .breadcrumbs,
.home .entry-header { display:none; }
.home #banner { height:350px; }
.home .callout { color:white; font-family:myriad-pro,helvetica,sans-serif; -webkit-text-shadow:0 1px 0 black; text-shadow:0 1px 0 black; }

.home .home-feat img { clear:both; display:block; margin-left:auto; margin-right:auto; }
.home .home-feat .tape-box  { background-image:url(assets/images/tape-masking.png); background-repeat:repeat-y; -webkit-background-size:100% 100%; background-size:100% 100%; 
            font-style:italic; font-size:15px; font-size:1.5rem; behavior:url(/PIE.htc); }
.home .home-feat .tape-box a { float:right; color:#8f0b16; }

/*----- PAGES -----*/
.page #col-content article { padding:10px; }
.page #col-content article .entry-header { display:none; }
.form-allowed-tags { font-size:10px; font-size:1rem; }
#topquote { font-family:futura-pt, helvetica, arial, sans-serif; color:white; font-size:3rem; 
            text-shadow:0 2px 3px rgba(0,0,0,0.58); line-height:2.8rem; border-bottom:2px solid rgba(58, 7, 6, 0.5);
            padding:0 0 0.6em 0; margin:0; }
			
#link-language-list { display:none; }

/*----- PAGE: GIVING -----*/
.givelink { text-shadow:0 1px 3px rgba(0, 0, 0, 0.52); float:right; }
.give.row { padding-bottom:0.5em; }

/*----- PAGE: TRANSLATION -----*/
.page-id-15 .translation.row { border-top:1px solid rgba(58, 7, 6, 0.5); padding-top:5px; }

/*----- PAGE: PARTNERS -----*/
.page-id-12 .partners.row { padding-bottom:0.5em; color:black; font-size:16px; font-size:1.6rem; }
.page-id-12 .partners.row a { color:black; text-decoration:underline; }
.page-id-12 .partners.row a.partner { float:left; margin-right:10px; position:relative; }
.page-id-12 .partners.row a.partner:before { content:''; opacity:0.3; filter:opacity(alpha=30); background:url(assets/images/tape-scotch.png) no-repeat; background-size:100% 100%; width:80%; height:20px; position:absolute; top:-12%; left:10%; }
.page-id-12 .partners.row a > strong:after { /*content:' »';*/ }
.page-id-12 .partners.row img {  }
.page-id-12 .partners.row p { padding-left:80px; }

/*----- PAGE: LANGUAGE LIST ------*/
thead, th { color:black; font-weight:bold; text-align:left; border-bottom:1px solid black; }
th { padding:5px; }
#lang-list { background: rgba(255, 255, 255, 0.15); color:black; }
#lang-list .region {  }
#lang-list .finished td { color:white; text-decoration:line-through; }
#lang-list .where td { color:black; font-weight:bold; }
#lang-list tbody tr:nth-child(even) {
    background: rgba(249, 249, 249, 0.17);
}

/*----- PAGE: BLOG ARCHIVE -----*/
.blog article,
.archive article { padding-bottom:1em; border-bottom:1px solid #3a0706; }
.blog article:last-child,
.archive article:last-child { border-bottom:none; }
.blog article .entry-header h1,
.archive article .entry-header h1 { font-size:35px; font-size:3.5rem; margin-bottom:0; }
.blog article .entry-header,
.archive article .entry-header  { margin-bottom:1em; }
.blog .entry-content .more-link,
.archive .entry-content .more-link { display:block; float:right; margin:0.75em 0; clear:both; }
footer.entry-meta       { clear:both; opacity:0.5; filter:alpha(opacity=50); }
footer.entry-meta:hover { opacity:1; filter:alpha(opacity=100); }
.widget_categories ul { margin:0; }
.widget_categories ul li {  }
.widget_categories ul li a { display:block; }
.widget_categories ul li a:after { content:'»'; float:right; font-size:2em; } 
.widget_categories ul li a:hover:after { text-decoration:underline; }

/*----- PAGE: BLOG SINGLES -----*/
.single #comments { margin-top:1em; border-top:1px solid #3a0706; }
.single #reply-title { margin-bottom:0; }
.single .logged-in-as { font-size:10px; font-size:1rem; }
.single .logged-in-as a { color:black; }
.single h1 { font-size:35px; font-size:3.5rem; margin-bottom:0; }
.single article .entry-header { margin-bottom:1em; }

/*----- PAGE: CUSTOM GIFT -----*/
#donateprompt .donatebutton { padding-left: 40px; width: 180px; }

#customdonation {}
	#customdonationform h2 { margin-bottom:0.2em; }
	/*.page #main #customdonationform fieldset h2 { font-size:1.4em !important; }*/
	#customdonation label { display:block; clear:both; }
	#customdonation input { color:black; }
	#customdonation fieldset { border:none; margin:0; }
#dnatfeedbk { position:relative; color:white; float:right; width:295px; height:228px; font-family:'ff-meta-web-pro',helvetica,arial,sans-serif; margin-top:10px }
#dnatfeedbk img { position:absolute; top:0; left:0; z-index:0; }
    #dnatfeedbk > div { padding:0 60px; text-align:center; white-space:nowrap; z-index:1; position:relative; }
    #dnatfeedbk .first { margin-top:50px; }
    #dnatfeedbk .second {  }
    #dnatfeedbk .third {  }
	#dnatfeedbk .bottomlink { position:absolute; top:200px; }
		#dnatfeedbk .bottomlink a { color:black; font-style:italic; }
		#dnatfeedbk .bottomlink a:hover { color:#7b0000; }
	#dnt-calc-time { font-size:35px; font-size:3.5rem; padding:10px !important; }
	#dnt-frequency label { font-size:16px; font-size:1.6rem; color:black; }
#customdonationform #Amount { border-radius:5px; border:1px solid #646464; border-top:1px solid black; box-shadow:inset 0 3px 5px silver; padding-left:5px; }
#customdonationform button { 
    margin-top:1em; height:38px; color:white; background:blue url(assets/images/blue-button.png); 
    border:1px solid #b0b0b0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  
    padding:0 20px; font-style:italic; text-shadow:-1px -1px 0 black; cursor:pointer; font-size:17px; font-size:1.7rem;
}
    #customdonationform button:hover { background-position:0 -38px; }
    #customdonationform button:disabled { background-position:0 38px !important; cursor:default; }
    

/*----- SIDEBAR -----*/
#sidebar-left h3.widget-title { font-size:1.9em; }
#sidebar-left aside.widget { border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(0,0,0,0.4); padding-top:10px; padding-bottom:10px; }
#sidebar-left aside.widget:first-child { border-top:none; padding-top:0; padding-bottom:0; }
#sidebar-left aside.widget:first-child ul { padding:0; margin:0; }
#sidebar-left aside.widget:last-child { border-bottom:none; }

/*----- Minor corrective rule for main menu -----*/
@media only screen and (max-width: 871px) and (min-width: 768px) {
    .nav-bar > li > a.main { font-size:15px; font-size:1.5rem; }
}

/*----- iPad 3 retina backgrounds correction -----*/
@media only screen and (max-width: 1280px) and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    #header, #main { background-position:-450px 0; }
    #banner { padding:0 !important; }
    #showcase .orbit-slide { /*background-position:-150px 0;*/ background-position:top right; }
}

@media only screen and (max-width: 786px) {
  #customdonation .columns > * {
    margin-left:auto;
    margin-right:auto;
    float: none;
  }
  form#customdonationform {
    width:350px;
  }
  #dnatfeedbk .first {
    padding-top:30px;
  }
  form#customdonationform #Amount {
    height:28px;
    width:300px;
  }
  button#contdnt { 
    font-size:0.7em;
    width:100%;
  }
}

/*----- Phone-only corrections -----*/
@media only screen and (max-width: 767px) {
    #page-header h2 { font-size:3em; margin-bottom:-0.5em; margin-top:0.75em; line-height:0.8em; overflow:hidden; height:104px; }
    #mobile-header { height:100%; }
    #mobile-title img { float:left; width:200px; margin-top:12px; }
    #main, #banner { margin: 0; padding: 0; width: 100%; }
    #mobile-showcase { height:100%; }
    #mobile-showcase a.content { display:block; height:100%; width:100%; }
    #mobile-showcase a.content.sc-1 { background:url(assets/images/showcase/mobile-showcase-1.jpg) center center; background-size:cover }
    .page-id-17 #extra-videos { border-top:none; }
    .page-id-17 #extra-videos .four.columns { border-top:1px solid rgba(58, 7, 6, 0.5); }
    .home #banner { height:250px; }
    .flex-video { box-shadow:0 3px 7px rgba(0,0,0,0.52); }
    .translation.row .show-on-phones img { margin-bottom: 10px; }
    #topquote { font-size:2rem; line-height:2rem; }
}