@import url('../twentyfourteen/style.css');
/*   
Theme Name: Child of 2014
Theme URI: 
Description: Customized for Charlottesville Tai Chi Center off of WordPress default theme 2014
Author: Johnny Mac
Version: 1.0
Tags: simple, right sidebar, responsive, custom header
Template: twentyfourteen
Copyright (c) 2014 Johnny Mac
*/

body, button, input, select, textarea {  font-family: 'source sans pro',Lato,sans-serif;  }
body {background-color: #F1F1FF;}

/* PAGE WIDTH - reduce max-width of site from 1260px */
#page, .site-header {margin: 0 auto; max-width: 960px; }

/* Style the Site Header  */
header.site-header { background-color:#ffffff; }

/* NAV BAR STYLES - including search button */

/* Style header-main div which includes all of nav bar */
div.header-main {   	padding-left:0; height:44px;  min-height:40px;  box-shadow: 0px 2px 3px #aaaaaa;  }

/* Change menu selection and search button green color indicator */
::selection {background:#3E993C;}
::-moz-selection {background:#3E993C;}
.search-toggle:hover, .search-toggle.active {background-color: #3E993C;}
.search-toggle { height: 44px; }
.menu-toggle { height: 44px; }

/* Move site title off page  */
h1.site-title { margin-left:-2000px; height:36px; }

/* Style global nav */
.primary-navigation {float:left; margin:0 1px 0 0;}
.primary-navigation a {padding:0 8px; text-transform:none; color:#000000; }
.primary-navigation li { height:44px; line-height:44px;}
.primary-navigation ul ul { top: 44px; }

/* Increase font size of all text in main section -- not sidebar */
div#content, div#content div, div#content span, /* div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6,*/ div#content p, div#content blockquote, div#content pre, div#content a, div#content abbr, div#content acronym, div#content address, div#content big, div#content cite, div#content code, div#content del, div#content dfn, div#content em, div#content font, div#content ins, div#content kbd, div#content q, div#content s, div#content samp, div#content small, div#content strike, div#content strong, div#content sub, div#content sup, div#content tt, div#content var, div#content dl, div#content dt, div#content dd, div#content ol, div#content ul, div#content li, div#content fieldset, div#content form, div#content label, div#content legend, div#content table, div#content caption, div#content tbody, div#content tfoot, div#content thead, div#content tr, div#content th, div#content td {
font-size:104%;
} 
/* Reduce font size on Schedule Calendar on schedule page and on pull down payment options */
table#new-schedule, table#new-schedule th, table#new-schedule tr, table#new-schedule td  { font-size:100%; }
table#policiesnavtable tr#mobile1 td a { font-size:100%; }
table#policiesnavtable tr#mobile2 td a { font-size:100%; }
select { font-size:15px; white-space:normal; }
option { word-wrap: break-word; white-space:normal;  }
div#content table#monthlyPass td { font-size:18px; }

/* STYLES TO REMOVE 2014 THEME LEFT SIDEBAR */

/* Hide left sidebar */
#secondary {display:none; margin:0; padding:0;}
.site:before {width: 0;}

/* Remove main content text left margin */
.site-content, .site-main .widecolumn { margin-left: 0px; }

/* Remove the left padding on the home page featured slides */
.featured-content {padding-left: 0px;}

/* 2014 THEME FEATURED POST STYLES */

/* Reduce black space beneath the captions of the home page featured slides */
.grid .featured-content .entry-header { height:auto; max-height: 120px; }

/* Remove Author byline from posts */
.entry-meta .byline { display: none; }

/* MAIN CONTENT STYLES */
div#content { margin-left:24px;  }

/* Reduce white space under Nav Bar */
.content-area, .content-sidebar {padding-top: 24px;}

/* Expand page content width on Full-Width template pgs */
.full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, .full-width .post-navigation, .full-width .site-content .entry-header, .full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta  {
	max-width:960px;
}

/* Fix negative margins and width on attachment pages */
.attachment .entry-attachment .attachment {  margin-left:0; margin-right:0; max-width:900px;  }

/* Style breadcrumbs above page titles */
div.breadcrumbs {font-size: .7em; margin:-1em 0.5em 1em 2em; }	

/* increase width of main column */
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {     max-width: 660px;  margin-right:0;  margin-left:0;  }

/* Reduce space around page title */
h1.entry-title{ margin:0;  }
header.entry-header {  margin-bottom:0;  }

/* Add the border around the captions */
.wp-caption {   background: none repeat scroll 0 0 #EEEEEE; margin-bottom: 1.625em;  max-width: 96%; padding: 9px; 	color: #454545  }

/* Define indented para */
p.indent { margin-left:5%; }

/* Remove end of line word-hyphenation */
.entry-content, .entry-summary, .page-content {   -webkit-hyphens:none;  -moz-hyphens:none;  -ms-hyphens:none; hyphens:none; word-wrap: none;  }

/* Adjust blockquote pull spacing and styles */
.site-content blockquote.alignright {  margin-right: -5%   }
.site-content blockquote.alignleft {  margin-left: 0   }
.full-width .site-content blockquote.alignright {   width: 47%;  margin-right:0;  }
.full-width .site-content blockquote.alignleft  {  width: 47%;  margin-left:0;  }
.site-content blockquote.smaller {  font-size:15px; width:25% }

/* Style offset pictable on What Is TC page*/
table.pictable {  border:none;  }
table.pictable td  {   border:none;  font-size:24px; font-style:italic; vertical-align:middle; line-height:.8; }
table.pictable td p {  vertical-align:middle; padding-top: 84px;  }
table.pictable td a {  color: #2b2b2b; text-decoration: none;  }
table.pictable td a:hover {  color: #939393; text-decoration: underline;  }

/* SIDEBAR STYLES */
.content-sidebar .widget .widget-title {    border-top: 2px solid #000000; font-size: 16px; font-weight: 900; margin: 0 0 0px; padding-top: 7px; text-transform: none; }
.widget p { margin-bottom: 12px; }
.widget { margin-bottom: 8px; }

/* style the dojo closings widget -- won't display without content  */
ul.postsbycategory { border-top: 2px solid #000000;  }
.content-sidebar .widget ul.postsbycategory li a { color:black; font-size: 16px; font-weight:bold; padding-top: 7px;}
.content-sidebar .widget ul.postsbycategory li  {    }

/* Hide the date and author on ephemera sidebar videos */
article.format-video span.entry-date, article.format-video span.byline { display:none;  }
article.format-video .entry-title:after { content:""  }

/* POST STYLES */
.hentry {  margin-bottom: 8px;  }

/* Style the caption under featured images on post pages */
span.post-thumbnail-caption { font-style:italic; text-transform:none; float:right; }

/* Center featured images on post pgs */
img.wp-post-image { display:block; margin-left:auto; margin-right:auto; }

/* Top header graphic on posts */
#primary article.post { 
	/*background: url("images/post-header-672.jpg") no-repeat scroll left top; */
	background: url("images/bg_entry_650.jpg") no-repeat scroll left top; 
	padding:16px 16px 0 1px;
}

/* Remove top header graphic on single post pages */
.single #primary article.post {   padding:8px 16px 0 1px;  background-image: none;  }

/* INDIVIDUAL PAGE STYLES */

/* Class schedule page */
table#schedule .tc {  background-color:#9C6  }
table#schedule .hi {  background-color:#6CF  }
table#new-schedule .tg {   }
#new-schedule .ctitle { font-weight: bold; font-size: 105%;}
#new-schedule .color-tccl { background-color: #99cc66; }
#new-schedule .color-hi { background-color: #bdd7ee; }
#new-schedule .color-in { background-color: #f4b183; }
#new-schedule .color-tccm { background-color: #ef4ee7; }
#new-schedule .color-qg { background-color: #fff2cc; }
#new-schedule .color-gp { background-color: #00aaff; }
#new-schedule .color-plus { background-color: #ffff00; }
table#schedule tr.newday td {  border-top:2px black solid;  }

/* Enrichment page and Online Payments page PayPal plugin adjustment */
div#accept_paypal_payment_form {  margin-top:0; }
select#amount { display:none  }

/* Online payments and monthly giving pages */
table#monthlygiving { margin-top:-48px;  }
table.purchaseclasses, table#monthlygiving  { border:1px solid #dddddd; box-shadow: 1px 2px 3px #777777}
table.purchaseclasses td, table#monthlygiving td {  border:none; text-align:center;  }
table.purchaseclasses td input#studentname { width:250px; }

/* Donation pages */
fieldset#give-payment-mode-select  {  display: none;  }

/* Fees and Policies Page */
table.navtable td { font-size:13px }

/* FOOTER STYLES */
footer .copyright { color: #FFFFFF; font-size: 10px; margin:0;  }
.footer-sidebar { padding-top: 24px;  }

/*Style the Give Donation form */
li button.give-btn { color: #444;  }

/* Student resource page */
textarea.wpcf7-form-control  {   height:150px; border: black solid 1px   }

/* Subnav on Fees and Policies page */
table#policiesnavtable tr#desktop  { display:block;  }
table#policiesnavtable tr#mobile1  { display:none;  }
table#policiesnavtable tr#mobile2  { display:none;  }

/* get rid of Ultimate Auction footer and huge annoying ad in dashboard */
div#ult-auc-footer-credit  {  display: none;  }
div.get_uwa_pro  {  display:none  }
/* style the PayPal Cart Add to Cart button */
input.wspsc_add_cart_submit  {  padding:4px; font-size:10px; }
div.wp_cart_button_wrapper  { display:inline;  }

/* MEDIA QUERIES */
@media screen and (min-width: 1160px) {
}

@media screen and (min-width: 1080px) {
	
/* put Kanji on sides of website */
div#large_container {
    background-image: url("images/HTC_characters_side.jpg");
    background-position: 0 0;
    background-repeat: repeat-y;
    margin: 0 auto;
    width: 1160px;
}

}

@media screen and (min-width: 1040px) {
}

@media screen and (min-width: 1008px) {
	
/* Increase menu item font size */
.primary-navigation a { font-size: 1.3em; }

}

@media screen and (max-width: 1007px) {

/* Reduce nav menu item font size so menu doesn't span two lines */
.primary-navigation a { font-size: 1.2em; }
table#policiesnavtable tr#desktop  { display:none;  }
table#policiesnavtable tr#mobile1  { display:block;  }
table#policiesnavtable tr#mobile2  { display:block;  }

}

@media screen and (max-width: 860px) {

.primary-navigation a { font-size: 1.1em; }

}

@media screen and (max-width: 830px) {

.primary-navigation a { font-size: 1em; }

}

@media screen and (min-width: 783px) {

/* NAV STYLES - Non-mobile screens */
.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
	background-color: #F1F1FF;
	color: #000;
}
.primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a {  background-color: #F1F1FF;  }
.site-navigation li .current_page_item > a, .site-navigation li .current_page_ancestor > a, .site-navigation li .current-menu-item > a, .site-navigation li .current-menu-ancestor > a {
    color: #000000;
	font-style:italic;
	font-size:1.4em;
}
.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {  color: #000000; font-weight: 900; }

/* Put grey spacer between nav items at nav breakpoint */
.primary-navigation ul#menu-htc_nav li::before { 
    content: '';
    position: absolute;
    height: 60%;
    top: 20%;
    border-right: 2px #f8f8f8 solid; 
	}
.primary-navigation ul#menu-htc_nav li:first-child::before {border:none;}
.primary-navigation ul#menu-htc_nav li li::before {    content: '';   border: none;  }
.primary-navigation ul#menu-htc_nav li li {	height:48px; }
.primary-navigation ul ul a { padding: 18px 12px; }
.primary-navigation ul ul {background-color:#ffffff; box-shadow:0 3px 3px #555555; }

}

@media screen and (max-width: 782px) {

/* NAV STYLES - mobile */
header.site-header { background-color:#F1F1FF; }
.site-navigation li { border-top: 1px solid #FFFFFF; height:inherit; }
.primary-navigation a { font-size: 1.2em; padding-top: 4px; padding-bottom: 4px;}
.primary-navigation.toggled-on { padding:48px 0 0px; width:90%;}

}



@media screen and (min-width: 673px) {
}


@media screen and (max-width: 673px) {
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-size:1.03em;
	}
.widget p, .widget p a {  font-size: 18px; }
	
}

@media screen and (min-width: 594px) {
}

@media screen and (min-width: 401px) {
}

@media screen and (max-width: 400px) {
}