/*
Theme Name:     Oxygen Child
Theme URI:      https://51oakland.org/
Description:    Child theme for 51Oakland NPO
Author:         Aliya Marder
Author URI:     http://aliyamarder.com/
Template:       oxygen
Version:        0.1.0
*/

@import url("../oxygen/style.min.css");


@font-face
{
font-family: "Big";
src: url('/wp-content/themes/oxygen-child/fonts/phillysansps.otf');
}

@font-face
{
font-family: "Small";
src: url('/wp-content/themes/oxygen-child/fonts/juice.ttf');
}

@font-face
{
font-family: 'Futura';
src: url('/wp-content/themes/oxygen-child/fonts/futura.ttf');
}

@font-face 
{
font-family: 'Futura';
src: url('/wp-content/themes/oxygen-child/fonts/futura.ttf');
}

h2.post-title.entry-title, .tribe-events-schedule.updated.published h3, #tribe-events-header h6, dl dt {font-family: 'Futura', 'sans-serif' ! important; letter-spacing: 0px; text-transform: none ! important;}
.post-title.entry-title.slider-title, h1, h2, h3, h4, h5, h6, .hfeed h1, .hfeed h2, .hfeed h3, .hfeed h4, .hfeed h5, .hfeed h6,  #menu-primary li.menu-item a, h3.widget-title, h4.section-title, blockquote, blockquote blockquote blockquote, #site-title, #menu-primary li a {letter-spacing: 2.2px;}
a:hover {border:none;} 
li a:hover {border-bottom: 1px solid #0da4d3;}
body {font-family:'Futura', 'sans-serif' ! important;}

/* PAGE STYLE */ 

.wrap{max-width: 1200px; border: 1px solid lightgrey; background:white; box-shadow: 0 0 200px lightslategray;}
.singular-page .entry-title {color:#bb0052;}
h1.page-title.entry-title {font-family: 'Futura' ! important;}
.single_page_content#content {width: 80%;} 
.home-content#content{width: 56.666667%; margin: 10px 0 65px 6.5%; }  
#content {width: 82%; margin: 10px 0 65px 65px; }
.entry-summary {width: 70%; padding-top: 10px;}
.medium.news-image {padding-left: 15px;}

/* HEADER */
#header{border-top: 10px solid #0B504F; border-bottom: 10px solid #0B504F; background: #FFFFFF url('https://51oakland.org/wp-content/uploads/2013/08/long-e1375925067739.png') repeat-x; padding-top: 10px; font-size: 1.2em;}  
.top-widget-cta { float: right; padding-right: 15px; padding-top:4px}
.search  {display: inline;}
.header-cta {font-family: 'Futura' ! important; position: absolute; top: 23px; right: 220px;}
.padding-right-header {padding-right: 15px;}
.top-widget-cta-mobile {display: none;}
.donate-header-button {background: rgb(76, 170, 24);padding: 6px 10px;border-radius: 10px;border: 2px solid white;display: inline;color: white ! important; letter-spacing: .8px;font-size: .8em;}
.donate-header-button:hover {background: #6fb846;border: 2px solid white;}
.donate-header-button:active {border: 2px inset white;}

/*FOOTER*/
.footer-float-right {float: right; padding-top: 15px; text-align: right;}
#footer {width: inherit; max-width: inherit; margin: 0 auto; padding: 26px 20px 10px 20px; border-top: 4px solid #0B504F; background: #F1F1F1;}
div#menu-subsidiary div.wrap {border:none; box-shadow: none;}

/* MENU */
.site-navigation .nav-menu {font-size: 1.1em;}
#menu-primary li a{text-transform: uppercase; } 
#menu-primary li{background: none;} 
/*#menu-primary li.current-menu-item a { color: #01090E; text-shadow: 0px 0px 2px white;}*/
#menu-primary li ul {top: 30px;}
#menu-primary {padding:2% 0 0 3%;}
ul.sub-menu {width: 9em ! important; font-size: .7em; margin-left: 10%; }
ul.sub-menu li ul.sub-menu {width: 10em ! important; left: 10em ! important;}

/* BANNER */
.big-banner {margin-left: -20px;margin-right: -5px;margin-top: -10px; margin-bottom: 11px;}
.banner {background: #0B504F; text-align: center; padding-bottom: 1px;}
.dotted-border {border: 2px dotted whitesmoke; border-left: none; border-right: none; margin: 10px; padding: 10px;color: white; text-align: left;}
.banner-logo {padding-bottom: 4%;padding-top:4%;}
.donate-tree {margin-top: -2px;}

/*SLIDER*/
.logo_spot {z-index: 7; top: 2%; left: 2%; position: absolute; } 
.featured-post {max-height: 530px;}
.featured-wrapper{width: 78%;}  
#featured-content {border: 10px solid #0B504F; border-top: none; max-width: 97.9%;}  
.featured-thumbnail{width: 100%; }  
#slider-nav li {background: #0B504F; padding: 5px; width:10.667%; height:auto;}   
#slider-nav{padding-left: 10%;margin-top: -7.5%;z-index: 8;}  
#slider-nav li.activeSlide {background:#B8BBBF;}
.activeSlide img {opacity: 1;}

/* SIDEBAR */
.section-title {border: none; float: left; width: 95.2%; color: #0B504F; background:#0B504F; padding: .25em .6em .35em .6em; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2.5px;} 
#text-4 .widget-title {background:#0B504F;}
#text-7 .widget-title {background: #0B504F;}
#text-6 .widget-title{background: rgb(11, 80, 79);}
#smcwidget-2 .widget-title {background: #0B504F;}
#text-3 .widget-title{background: #0B504F;}
.sidebar .widget-title{color: #ffffff; margin-left: -5px; padding: 5px; padding-right: 60px; font-size: 1.2em; letter-spacing: 2.5px;} 
#sidebar-primary {padding: 10px 0 0 20px;}  
#sidebar-subsidiary{padding: 0 0 0 13%;}  
#sidebar-secondary{ padding: 10px 20px 0 0; width: 29.3333%}   
.hentry {border-bottom: 1px solid lightgrey}
.aside {width: 20%}
#sidebar-header{width: 100%; overflow: visible;} 
#drop-1 {cursor: pointer;}
.toggle-more, .toggle-more:visited {color: #0da4d3;text-decoration: none; display:inline-block; cursor:pointer;}
.toggle-more:hover {text-decoration: none;color: #000;border-bottom: 1px solid #0da4d3;}
.toggle-more:focus { outline: none; }
.toggle-more:hover, .toggle-more:active { outline: 0; }

/* DONATE BUTTON */
.donate_button.orange:hover {background: #FFF042;}
.donate_button.orange {background: #FFD83D;} 
.donate_button.pink:hover {background:#6497FF;}
.donate_button.pink {background:#5b8cf3;}
.donate_page p {font-size: .4em; font-family: 'Furtura';color: #333; text-shadow: none; margin: 0; line-height: 1.1em;}
.donate_button.green {background: rgb(76, 170, 24);}
.donate_button.green:hover {background: #6fb846;}
.donate_button:active {border: 2px inset ! important;}
.donate_button:hover{background: #0B504F;} 
a.big-button .donate_button {letter-spacing: 2.5px; color: #fff; border: 3px solid white; text-shadow: 0px 0px 1px #000;} 
.donate_button{border-radius: 10px; line-height: 2.3em; font-family: 'Big','Small','Shadows Into Light'; font-size: 2.3em; border:1px solid lightskyblue; text-align: center; margin-bottom: 10px; margin-left: -5px; background: #626263;}

/* DONATE */
#donate-page-content {float: left; width: 110%;}
.donate_button.stripe_dropdown {border: 1px solid greenyellow;background: rgb(205, 255, 158); cursor: pointer;}
.donate_button.stripe_dropdown:hover {background: rgb(146, 233, 52);border: 1px solid greenyellow;}
.donate_button.donate_page {line-height: 1.3em; margin-left: 30%;}
.color-box {background: rgba(102, 255, 102, 0.38); padding: 10px; padding-bottom: 0;}
.donor-chart {margin-top: 10px;}
.mint-border {border: 3px solid #0B504F; margin-bottom: 20px;}
.donors {width: 100%;}
.donate-even {width: 33.333333%; }
.donate-half {width: 50%; color: black;}
.half-width {width:50%;}
.main-donate-section {width: 65%; background: white; border:3px solid #0B504F;}
.donate-form {padding-left: 10%;}
td {color: black;}
.light-text {color: #888;}
.hotpink {background: rgb(13, 164, 223); cursor: pointer;}
.hotpink:hover {background: rgb(241, 63, 94);}
.hotpink:active {border: 2px inset;}

.stripe-payment-form-row input[type="text"], .stripe-payment-form-row input[type="number"], .stripe-payment-form-row input[type="password"], .stripe-payment-form-row select, .stripe-payment-form-row input[type="email"], .stripe-payment-form-row textarea {margin-top:7px; color: black;}
.cardExpiryMonth {display:inline;}
.cardExpiryYear {display:inline;}
.by-mail {padding-top: 30px;}
.stripe-payment-form-submit {background: #5b8cf3;color: white;border: 2px outset;font-size: 3em;padding: 6px; border-radius: 14px; margin-bottom: 15px;}
.stripe-payment-form-submit:hover {background: #6497FF;}
.stripe-payment-form-submit:active {background: #6497FF; border: 2px inset;}
input[type="radio"] {vertical-align: text-top;}
.anchor-pad {font-size: 0.8em;padding-left: 184px;}
.email-cancel-link {margin-left: 170px;margin-top: -15px;}
h3.stripe-payment-form-section {font-family: 'Futura' ! important; font-weight: bold;font-size: 1.4em; letter-spacing:0px; padding-bottom: 10px;}



/* CALENDAR */
#tribe-bar-views .tribe-bar-views-list {z-index: 1 ! important;}
table.tribe-events-calendar {font-family: "Big","Small","Shadows Into Light" ! important;}
.tribe-events-calendar th {background: #369093 ! important;}
.tribe-events-calendar div[id*="tribe-events-daynum-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] a {background: #D4D4D6 ! important;}
.tribe-events-month-event-title.summary, .tribe-events-event-body {font-family: 'Futura' ! important;}
.hfeed .vcalendar {background: white;}
.tribe-events-single-section.tribe-events-event-meta.tribe-clearfix {border-top: 1px solid grey;padding-top: 10px;}
.tribe-events-meta-group {display: inline-block;width: 30%;vertical-align: top;}
input#tribe-bar-date {z-index: 9 ! important;}

/*SEARCH*/
.entry-summary.search-summary {width: 66%; padding-top:20px;}
.read-more, .read-more:visited {top: 90px;}

/* MAP */
.inline-header {display: inline;}
.mobile-screen-link {display: none;}

/*MAIL CHIMP*/
.newsletter {font-family: 'Big','Small','Shadows Into Light'; letter-spacing: 2.5px;}

/* MOBILE */

/* PHONE */
@media only screen and (max-width: 780px) {
	#header {background:rgba(223, 223, 223, 0.66);}
	.header-cta {right: 40%;}
	#sidebar-subsidiary{padding: 2% 0 0 0;}
	.aside {width: 100%; display: none;}
	.wrap {max-width: 600px;}
	.featured-wrapper {width: 100%;}
	#sidebar-primary, #sidebar-secondary {width: 98%; padding: 1% 0 0 2%;}
	.sidebar .widget-title, .donate_button {margin: 0 0 3% -2%;}
	.section-title {width: 96%;}
	.page-template-front .hentry, .archive .hentry, .search .hentry {max-width: 96%; margin-left: 2%;}
	.green, .orange, .pink {margin:0 3%;}
	.twitter-widget {display: none;}
	#featured-content {border-left: none; border-right: none; max-width: 100%;}
	#slider-nav {margin-top: 0; padding: 0;}
	#slider-nav li {height: inherit; width: 15%; padding: 3px;}
	ul.sub-menu {width: 15em ! important;}
	#menu-primary li ul {top:0;}
	#menu-primary {padding:0; padding-top: 20px; background: rgba(223, 223, 223, 0.66);}
	img.logo {width: 75px;}
	.featured-post h2.entry-title a {bottom: 47px;}
	#menu-subsidiary {float: right;}
	#menu-subsidiary li {float: inherit;}
	.footer-float-right {float: inherit; text-align: left; padding: 0;}
	.top-widget-cta-mobile {display: inline;}
	.top-widget-cta {display: none;}
	#short_code_si_icon {text-align: right ! important; padding-right: 10%;}
	#content.home-content {width: 100%; margin: 0;}
	.single_page_content#content {width: 84%; padding: 2% 2%;}
	.menu-toggle {background: #5b8cf3; font-family:  'Big','Small','Shadows Into Light'; text-shadow: 0 0 2px #333; border-top: 1px solid #333; border-bottom: 1px solid #333; font-size: 2.4em;}
	.page-template-front .hentry .entry-title {font-size: 1em;}
	.align-right {width: 58%;}
	.big-screen-link {display: none;}
	.mobile-screen-link {display: inline;}
	.small-header-img {padding-right: 5px;}
	.donate-form{ padding:0;}
	.stripe-payment-form-row select.card-expiry-month, .stripe-payment-form-row select.card-expiry-year {width: 60px;}
	.donate-page-side {display: none;}
	#donate-page-content {margin-left: -5%; max-width: 80%;}
	.donate-form {padding-left: 0;}
	.entry-summary {width: 60%;}
	.main-donate-section {max-width: 300px;}
	.stripe-payment-form-row label {width: 120px;}
	.stripe-payment-form-row-submit button {margin-left: 120px;}
	.email-cancel-link {margin-left: 100px;}

#suboptions-widget-5 {
    margin-bottom: 19px;
}