/*
Welcome to Custom CSS!
To learn how this works, see https://wp.me/PEmnE-Bt
*/
/* make top menu nav bar very dark with white font */
nav {
	background-color: #0e1015;
/*#41270e;*/
	color: #fff;
}

/* make top menu text white */
.menu li a {
	color: #fff;
}

/* make buttons on homepage parallax bits transparent with white borders */
.image-bg .btn.btn-filled {
	border-color: #fff;
	background-color: transparent;
}

/* optionally make big-image parallax h1 title darker than white */
.image-bg h1 {
	color: #ffffff;
}

/* bigger content font for parallax wigets */
.image-bg p {
	font-size: 20px;
	line-height: 25px;
/* were 14 and 24 */
}

/* remove double page title on new pages */
body.page h1.entry-title {
	display: none;
}

/* reduce font-size of "Portfolio" title on single project pages */
.single-jetpack-portfolio h3.page-title {
	font-size: 170%;
}

/* adding to single project title "Portfolio" */
.single-jetpack-portfolio h3.page-title:after {
	content: ": DRAW theory & practice";
}

/* reduce font size in portfolio shortcode titles (was 40,48) */
h2.portfolio-entry-title {
	font-size: 20px;
	line-height: 23px;
}

/* reduce/change appearance of contact-us form response in footer */
#contact-form-widget-text-7 h3 {
	font-size: 14px;
}

#contact-form-widget-text-7 blockquote {
	font-size: 12px;
	line-height: 15px;
	background: #555555;
}

/* add to footer credits */
.footer-credits:before {
	content: "© Alex Macdonald  -- ";
}

/* add dropcap to 1st letter of para of class dropcap */
p.dropcap:first-letter {
	font-family: "Verdana", sans-serif;
/* text-shadow: #690 .05em .05em; */
	font-size: 300%;
/* font-weight: bold; */
	float: left;
	width: 1em;
	margin-right: .05em;
	color: #00c;
}

/* create link that looks like a button */
a.buttonlink {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	color: initial;
}

/* hide post meta-data */
ul.post-meta {
	display: none !important;
}

/* hide author bio in posts [portfolio projects] */
.author-bio {
	display: none;
}

/* make footer only 3 cols wide by hiding Footer Widget 4 
this first bit is supposed to hide the 4th col if not empty
but it isn't needed if it is empty
.footer .col-md-3:last-child {
	display: none;
} 
footer .col-sm-6 {
	width: 100%;
}

footer .col-md-3 {
	width: 33%;
}
@media only screen and (max-width:768px) {
	[class*="col-"] {
		width: 100%;
	}
}

@media not screen and (max-width:768px) {
	[class*="col-"] {
		width: 33%;
	}
}
*/
/* text widget stuff -- experimental only */
.tw {
	background-color: #eee;
}