/*
Theme Name: Christopher Ross Taft
Theme URI: https://christopherross.org/themes/taft/
Author: Christopher Ross
Author URI: https://thisismyurl.com/
Description: The default WordPress newspaper theme for Christopher Ross.
Version: 17.06.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: christopherross-taft
*/


* {
	font-size: 100%;
	line-height: 130%;
	box-sizing: border-box;
}



.font-serif { font-family: 'Times', serif; }
.font-sans-serif { font-family: 'Arial', sans-serif; }

.post-image .background-image {
	background-size:  cover;
	width: 100%;
}

/* column sizes */



.row {
	content: "";
	clear: both;
	display: table;
	width: 100%;
}

.column {
	box-sizing: border-box;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}





.large-1 {width: 8.33%;}
.large-2 {width: 16.66%;}
.large-3 {width: 25%;}
.large-4 {width: 33.33%;}
.large-5 {width: 41.66%;}
.large-6 {width: 50%;}
.large-7 {width: 58.33%;}
.large-8 {width: 66.66%;}
.large-9 {width: 75%;}
.large-10 {width: 83.33%;}
.large-11 {width: 91.66%;}
.large-12 {width: 100%;}



/* column specals */

.small-align-center {}
.medium-align-center {}
.large-align-center {}

.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align:  right;
}

/* font sizes */

.text-extra-large { font-size: 180%; }
.text-large { font-size: 140%; }
.text-normal { font-size: 100%; }
.text-small { font-size: 75%; }
.text-extra-small { font-size: 60%; }

.text-bold { font-weight: bolder; }





/* For mobile phones: */

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

	.small-1 {width: 8.33%;}
	.small-2 {width: 16.66%;}
	.small-3 {width: 25%;}
	.small-4 {width: 33.33%;}
	.small-5 {width: 41.66%;}
	.small-6 {width: 50%;}
	.small-7 {width: 58.33%;}
	.small-8 {width: 66.66%;}
	.small-9 {width: 75%;}
	.small-10 {width: 83.33%;}
	.small-11 {width: 91.66%;}
	.small-12 {width: 100%;}

}

/* For ipads: */

@media only screen and (max-width: 800px) {
	
	.medium-1 {width: 8.33%;}
	.medium-2 {width: 16.66%;}
	.medium-3 {width: 25%;}
	.medium-4 {width: 33.33%;}
	.medium-5 {width: 41.66%;}
	.medium-6 {width: 50%;}
	.medium-7 {width: 58.33%;}
	.medium-8 {width: 66.66%;}
	.medium-9 {width: 75%;}
	.medium-10 {width: 83.33%;}
	.medium-11 {width: 91.66%;}
	.medium-12 {width: 100%;}

}