/*
 Theme Name:   CENTAURI
 Theme URI:    ######
 Description:  Our nearest neighbor
 Author:       John C. Osborn
 Author URI:   http://bayreporta.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         ########
 Text Domain:  centauri
*/


/* CSS RESET ====================================*/ 
html,body,div,span,applet,
object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,ci
te,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u
,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfo
ot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{borde
r:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}art
icle,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{dis
play:block}body{line-height:1}blockquote,q{quotes:none}b
lockquote:before,blockquote:after,q:before,q:after{content:none}table{border-
collapse:collapse;border-spacing:0} /* Eric Meyer's Reset CSS v2.0 -
http://cssreset.com */




/* CENTAURI ADDITIONS
====================================*/
.flow {padding: 0 2%; width: 96%;margin: 20px auto;}

@media screen and (min-width:768px){
	.flow {padding: 0 2%; width: 70%;}
}


/* IMPORT CRIMSON
====================================*/
@font-face {font-family: crim;src: url(styles/fonts/Crimson_Text/CrimsonText-Italic.ttf);font-weight:400;font-style:italic;}
@font-face {font-family: crim;src: url(styles/fonts/Crimson_Text/CrimsonText-Roman.ttf);font-weight:400;}
@font-face {font-family: crim;src: url(styles/fonts/Crimson_Text/CrimsonText-BoldItalic.ttf);font-weight:700;font-style:italic;}
@font-face {font-family: crim;src: url(styles/fonts/Crimson_Text/CrimsonText-Bold.ttf);font-weight:700;}
@font-face {font-family: crim;src: url(styles/fonts/Crimson_Text/CrimsonText-SemiboldItalic.ttf);font-weight:500;font-style:italic;}
@font-face {font-family: crim;src: url(styles/fonts/Crimson_Text/CrimsonText-Semibold.ttf);font-weight:500;}

/* IMPORT CABIN SANS
====================================*/
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-Regular.ttf);font-weight:400;}
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-Italic.ttf);font-weight:400;font-style:italic;}
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-Medium.ttf);font-weight:500;}
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-MediumItalic.ttf);font-weight:500;font-style:italic;}
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-SemiBold.ttf);font-weight:600;}
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-SemiBoldItalic.ttf);font-weight:600;font-style:italic;}
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-Bold.ttf);font-weight:700;}
@font-face {font-family: Cabin;src: url(styles/fonts/Cabin/Cabin-BoldItalic.ttf);font-weight:700;font-style:italic;}


/* BASE STYLES
====================================*/
body {font-size:100%;width:100%;margin:0 auto;}
h1, h2, h3, h4, h5 {font-family:Cabin,san-serif;color:#333;}
h2 a {font-family:Cabin,san-serif;}
h1 {margin: 30px 5%;font-size: 3em;font-weight: 700;}
h2 {margin: 25px 5%;font-size: 2em;font-weight: 700;}
h3 {margin: 20px 5%;font-size: 1.5em;font-weight: 700;}
strong, b {font-weight:700;}
em {font-style: italic;}
p, span, li, a {font-family:crim,san-serif;margin:20px 0;line-height: 1.5em;font-size:1em;}
a {text-decoration: none;color:#007C8F;cursor:pointer;}
a:hover {text-decoration: underline; color:#72B0B4;}


#wrapper {margin-top: 40px;}

blockquote {margin:0 10%;}
	.entry-content blockquote p {font-size: .8em; font-family: 'crim', san-serif;line-height:1.3em; color:#7b8484;}
	.entry-content blockquote a {line-height:1.3em;}

@media screen and (min-width: 768px){
	blockquote {margin:40px 10%;}
	.entry-content blockquote p {font-size:.9em;}
}

/* IFRAME STYLES
====================================*/
.contain-response {position: relative;padding-bottom: 56.25%;padding-top: 35px;overflow: hidden;}
.iframe-response {position: absolute;top:0;left: 0;width: 100%;height: 100%;}

/* GENERAL CLASS STYLES
====================================*/
.border {border: 1px #aaa solid;}
.tags {font-style: italic;color:#aaa;}
.meta, .entry-content article[type="index"] .meta {color: #aaa; font-size: .9em;}
.fa-quote-left {float: left;margin-right: 5px;font-size: 1.2em;color: #333;height: 100px;}

/* FONT AND TEXT STYLES
====================================*/
.san-serif {font-family: "Cabin", "san-serif";}
.serif {font-family:"crim", "serif";}
.uppercase {text-transform: uppercase;}

/* CLEARS AND FLOAT STYLES
====================================*/
.clearleft {clear:left;}
.clearright {clear:right;}
.clear {clear:both;}
.floatleft {float:left;}
.floatleft:last-of-type {float:none;}
.floatright {float:right;}
.floatright:last-of-type {float:none;}

/* SCREEN STYLES
====================================*/
.desktop-only {display:none !important;}
.mobile-only {display:block !important;}
@media screen and (min-width:768px){
	.desktop-only {display:block !important;}
	.mobile-only {display:none !important;}
}

/* ALIGNMENT STYLES
====================================*/
.aligncenter {text-align:center;}
.alignjustify {text-align: justify;}
.centerjustify {text-align: justify;margin: 0 auto;width:18em;}
.center {margin:0 auto;display:block;}

/* BUFFER STYLES
====================================*/
.topbuff {margin-top:20px;}
.botbuff {margin-bottom:20px;}
.botbuff-sm {margin-bottom: 10px;}
.vertbuff {margin:20px 0;}
.vertpad {padding:20px 0;}

/* ?????? STYLES
====================================*/
.full-head {padding:10px 1%;width:98%;}
.full-head h3 {color:#fff;margin:0;text-transform: uppercase;font-size: 1.2em;}

.content-adjust {margin:10px 5% !important;}

/* COLUMN STYLES
====================================*/
.three-column {width:100%;}
.three-column>div {float:none;width:98%;padding:0 1%;margin:30px 0;}
.three-column>div h3 {padding: 10px 5%;background: #14435D;color: #fff;margin: 0 5%;}
@media screen and (min-width:768px){
	.three-column>div {float:left;width:31.333333333%;}
}

.two-column {width:100%;}
.two-column>div {float:none;width:98%;padding:0 1%;margin:30px 0;}
@media screen and (min-width:768px){
	.two-column>div {float:left;width:48%;}
}

/* XXXXX STYLES
====================================*/
.inline {display:inline-block;}
.thick {width:70%;background:#aaa;height:2px;border:none;}
.thin {background:#dddddc;width:96%;height:1px;border:none;}
.index-buff {margin:50px auto;}
#content .thick:last-of-type:not(.index-buff), #content .thin:last-of-type {display:none;}

/* COLOR STYLES
====================================*/
.dark {color:#333;}
.dark:hover {color:#404040;}
.blue {background:#14435D;}





/* HOME STYLES
====================================*/
#home-content #home-hed div[type="image"] img {width:100%;} 
#home-content #home-hed div[type="text"] p:first-of-type {text-align: center;}
#home-content #home-hed div[type="text"] p:last-of-type {text-align: left;}

#home-content #home-projects article[type="project"] h2, #home-content article[type="blog"] h2 {margin:15px 0;font-size:1.5em;font-weight:600;}

#home-content #home-projects {overflow:hidden;}
#home-content #home-projects article[type="project"] {  width: 90%;  padding: 20px 5%;min-height:0;margin: 0;}
#home-content #home-projects article[type="project"]>div:first-of-type img {display:none;border:1px #aaa solid;}
#home-content #home-projects .thin:last-of-type {display:none;}

#home-content article[type="blog"] {overflow:hidden;margin-bottom: 20px;padding:0 5%;}
#home-content article[type="blog"]>div:nth-of-type(2)>div:first-of-type {width:225px;margin:0 auto;}
#home-content article[type="blog"]>div:nth-of-type(2)>div:last-of-type {}
#home-content #home-blog hr:last-of-type {display:none;}
#home-content article[type="blog"] img {border: 1px #aaa solid;max-width:200px;}

.entry-content article[type="index"] {clear:both;margin: 0 2% 20px 2%;overflow:hidden;}
.entry-content article[type="index"] h2 {margin:10px 0;font-size:1.3em;}
.entry-content article[type="index"]>div:nth-of-type(2)>div:first-of-type {width:225px;float: left;min-height: 0;}
.entry-content article[type="index"]>div:nth-of-type(2)>div:last-of-type {}
.entry-content article[type="index"] img {display:none;}


@media screen and (min-width:768px){
	#home-content #home-projects article[type="project"] {  min-height:320px;}
	#home-content #home-projects article[type="project"] {  width: 46%;  padding: 20px 2%;float:left;max-height:320px;margin:20px 0;}
	#home-content #home-projects article[type="project"]>div:first-of-type img {display:block;margin:0 auto;}
	#home-content #home-projects .thin {display:none;}

	#home-content article[type="blog"] {padding:0;}
	#home-content article[type="blog"]>div:nth-of-type(2)>div:first-of-type {float: left;margin:0;}

	.entry-content article[type="index"]>div:nth-of-type(2)>div:first-of-type {min-height:225px;}
	.entry-content article[type="index"] img {max-width:200px;display:block;border: 1px #aaa solid;height:auto;}
}

@media screen and (min-width:1024px){
	.entry-content article[type="index"]>div:nth-of-type(2)>div:first-of-type {min-height: 0;}
	#home-content #home-projects article[type="project"] {  width: 30%;  padding: 20px 1.6666666667%;}
}



/* BASE PAGES
====================================*/
.button {padding:10px 0;border-radius:15px;background:#007C8F;cursor:pointer;width:50%;margin-bottom:40px;margin-top:40px;min-width:0;}
.button:hover {background:#72B0B4;}
.button a {color:#fff;text-decoration:none;}

@media screen and (min-width:768px){
	.button {width:35%;}
}

@media screen and (min-width:1024px){
	.button {width:25%;}	
}

.page-no-header .attachment-post-thumbnail {width: 95%; height: auto; margin: 0px auto 20px auto; display: block; max-width: 300px; padding: 0 2%;}


/* IDEA STYLES
====================================*/
.idea {margin:20px 5%;clear:both;padding:30px 0;}
.idea-photo {width:100%;}
.idea-meta {width:100%;}
	.idea-meta p {font-size: 1em;color: #424747;line-height: 1.6em;font-weight: 400;}
	.idea-meta h3 {font-size: 1.5em;margin-bottom: 15px;}

@media screen and (min-width:768px){
	.idea-photo img {float:left;max-width:300px;width:20%;height:auto;}
	.idea-meta {float:right;width:78%;padding:0 1%;}
}

/* HEADER STYLES
====================================*/
#burger-menu {display:none;position: absolute;top:0;right: 0;z-index: 10000;background: #333;padding: 20px;}
	#burger-menu .fa {float:right;margin: -14px -5px 0 0;clear:left;font-size:1.7em;}
	#burger-menu ul {list-style-type: none;}
	#burger-menu li {font-size:1.2em;cursor:pointer;margin: 0 0 0 0;margin: 20px 0 0 0;}
	#burger-menu a {color:#fff;}
#header {width:100%;height:40px;background:#14435D;overflow:hidden;position: fixed;top:0;left:0;z-index:100;}
	#branding {float:left;margin:0 10% 0 0;width:47%;position:relative;}
		#site-title {margin:10px;z-index:100;position:relative;overflow:hidden;}
			#site-title img {width: 25px;margin-right: 10px;float:left;}
			#site-title a {color:#fff;text-decoration:none;font-weight:300;font-family:Cabin,san-serif;font-size:1.1em;}
			#site-title a:hover {color:#ddd;}
		#site-description {display:none;}
	#social-head {float:right;margin:0;display:none;}
		#social-head > li {display:inline-block;margin:0 20px 0 0;}
		#social-head a, #social-foot a, #menu a {color:#fff;font-size:1.7em;cursor:pointer;}
		#social-head a:hover, #social-foot a:hover, #menu a:hover {color:#ddd;}
	#menu {float:right;margin:5px 15px 0 0;}
	#main-menu {display:none;}
		#main-menu a {font-family: "Cabin", "san-serif";}


@media screen and (min-width:768px){
	#branding {width:18%;margin-right: 5%;}
	#social-head {width:12%;display:block;}
	#menu {display: none;}
	#main-menu {display:block;width:50%;margin:13px 5% 0 5%;float:right;}
		#main-menu li {display:inline-block;font-size: 0.9em;margin: 0 1.6%;}
		#main-menu a {color:#fff;}
		#main-menu a:hover {color:#ddd;text-decoration: none;}
}

@media screen and (min-width: 1024px){
	#main-menu li {margin: 0 2%;}
}

/* FOOTER STYLES
====================================*/
#footer {width:100%;height:40px;background:#14435D;}
	#copyright {float:left;color:#fff;font-size:1em;font-family: crim,san-serif;font-weight:300; margin:10px 0 0 5px;}
	#social-foot {float:right;margin:5px 0 0 0;}
		#social-foot > li {display:inline-block;margin:0 20px 0 0;}



/* CONTENT STYLES
====================================*/
#content>article {max-width:1280px;}

.post-edit-link {margin: 0 5%;font-size: 1.5em;}
.page-title {text-align:center;width:100%;}
.entry-title {font-size:2em;color:#14435D;font-weight:700;margin: 25px 5% 0 0;}
	.entry-title a {color:#333;text-decoration: none; font-family: Cabin, san-serif;}
	.entry-title a:hover {color:#404040;text-decoration: underline;}
.entry-meta {margin:10px 5% 0 0;}
	.author, .entry-date {font-size:.9em;font-family: cabin, san-serif;}
.entry-content {width:100%;}	
	.entry-content p,.entry-content li {font-family:crim,serif;font-size:1em;color:#424747;line-height:1.6em;font-weight:400;margin:20px 5% 20px 0;}
	.entry-content a {line-height:1.6em;font-weight:400;}
.entry-footer {margin: 30px 5% 30px 0;font-size: .9em;}
.entry-summary {margin:0 5%;}
	.entry-summary p {font-family:crim, serif;font-size:1em;color:#424747;line-height:1.6em;font-weight:400;margin:20px 0;}
.cat-links, .tag-links {font-weight:700;}
#content {float:none;width:98%;padding:10px 1%;}
.index-container {margin:0 auto; width: 94%;}
.entry-content ul, .entry-content ol {margin-left: 5%;}
	.entry-content ul>li, .entry-content ol>li {list-style-type: square;}

@media screen and (min-width:768px){
	.edit-button {margin-top:20px;}
	#content {float:none;width:80%;padding:10px 10%;}
}



/* IMAGE STYLES
====================================*/
.post-thumb {width:100%;} /* DIV CONTAINER FOR THUMBNAILS */
.post-thumb p,.post-large p, .wp-caption-text {padding-bottom: 10px;border-bottom: 1px #aaa solid;font-style: italic;color: #aaa;}

.post-large {width:100%;display:block;clear:both;}

.attachment-post-thumbnail {width:95%;height:auto;margin:25px auto;display:block;}

#home-content .attachment-small {max-width: 395px;  padding: 10px 1%;  height: auto;  margin: 0 auto;  width: 100%;}

.size-thumbnail {}
.size-medium {width:85%;height:auto;max-width:300px;}
.size-large {max-width:640px;width:95%;}
.size-full {width:100%;}
.wp-caption {margin: 10px 5%;}
.size-large, .size-full, .wp-caption {height:auto;display: block;}

img.aligncenter, img.alignleft, img.alignright {text-align:none;margin:0 auto;display:block;margin-top:20px;margin-bottom:20px;}

@media screen and (min-width:768px){
	.post-thumb {width:40%;float: right;padding-left:2%;}

	.post-large {width:100%;margin:20px 0;}

	.attachment-post-thumbnail {width: 90%;height: auto;margin: 0 5% 25px 0;display: block;border: 1px #aaa solid;}
	.page-header .attachment-post-thumbnail {width: 100%;float: none;margin:25px 0;}

	img.aligncenter {text-align:none;margin:0 auto;display:block;}
	img.alignleft {text-align:none;float:left;display:block;}
	img.alignright {text-align:none;float:right;display:block;}
}


.entry-content div.wp-caption {max-width:95%;margin:0 auto;display:block;}
.entry-content .wp-caption-text {margin: 10px 0 0 0;padding: 4px 0 0 0;border-top: #aaa solid 1px;font-size: .8em;font-family: crim, san-serif;color: #424747;}
	


/* INDEX AND ARCHIVE STYLES
====================================*/
.index article {padding-bottom: 10px;border-bottom:1px #aaa solid;margin:0 5%;}
.index article:last-of-type {margin-bottom: 25px;border-bottom:none;}
.index .cat-links, .index .tag-links {display:none;}

.nav-next {float:right;}
.nav-previous {float:left;}

/* COMMENTS STYLES
====================================*/
#comments {margin:10px 5%;}
	.comment-body {margin-bottom:20px;padding-bottom: 30px;border-bottom: 1px #ddd solid}
	.comment-body:last-of-type {border:none;}
		.comment-body p {font-size:.8em;color:#424747;line-height:1.4em;font-weight:400;}
	.comments-title {font-size:1.2em;color:#29446e;line-height:1.5em;font-weight:700;margin:20px 0;}
	.comment-author {margin:20px 0;}
		.comment-author img {margin-right:5px;}
	.reply {margin-top:10px;font-size:.8em;}
		#reply-title {font-weight:700;margin:10px 0;font-size:1em;}
		.comment-notes {line-height: 1.4em;margin-bottom:25px;}
		.comment-input {border: 1px solid #aaa;padding: 10px;margin-left: 10px;}
		.comment-form-email .comment-input {margin-left: 11px;}
		.logged-in-as {margin-bottom: 15px;}
	.comment-meta {font-size:.8em;margin-bottom:10px}

@media screen and (min-width: 768px){
	.comment-body p {font-size: .9em;}
}