/*
Theme Name: Carol Mertz Portfolio Theme
Theme URI: http://www.carolmertz.com
Description: Wordpress theme for Carol Mertz portfolio website
Version: 1.0
Author: Carol Mertz
Author URI: http://www.carolmertz.com 
*/



/*
Rampant Creative Group
Basic Template Styles
*/


/*basic styles*/

body, html {
	margin: 0; 
	padding: 0;
	font-family: 'PT Serif', serif;
	color:#333;
	text-decoration:none;
	background-color: #fff;
	font-size: 1em;
}
h1, h2, h3 { 
	font-family: 'Advent Pro', sans-serif;
}

a, a:visited {
	font-style: italic;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
a:hover, a:active {
	text-decoration: underline;
}
input, textarea {
	max-width: 100%;
}
button, input[type="submit"] {
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
.alignright {
	float: right;
	padding: 0 0 15px 15px;
}
.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}
.aligncenter {
	text-align: center;
	margin: 10px auto;	
}
.clear {
	clear: both;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
}
.hidden {
	display: none;	
}
.xs-only {
	display: none;
}
.block-anchor {
	display: block;
	position: relative;
}
.no-gutter {
	padding: 0;
}
img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
.wp-caption-text, p.caption {
	text-align: center;
	color: #666;
	font-size: .9em;
	font-style: italic;
	padding: 5px 10px;
	background: #eee;
}

/* Buttons */

.btn {
	font-style: normal;
	font-family: 'Advent Pro', sans-serif;
	font-size: 18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.btn-orange {
	color: #fff;
	background: #e89134;
}
.btn-orange:hover {
	color: #fff;
	background: #c66600;
}
.btn-purple, .newscontent .btn-purple {
	color: #fff;
	background: #7834e8;
}
.btn-purple:hover, .newscontent .btn-purple:hover {
	color: #fff;
	background: #470ea6;
}


/* Header */
.navbar-inverse a.navbar-brand {
	color: #fff;
	font-style: normal;
	font-weight: 100;
	font-size: 36px;
	font-family: 'Advent Pro', sans-serif;
}
.navbar-inverse a.navbar-brand span {
	letter-spacing: -2px;
}
.navbar-inverse a.navbar-brand:hover {
	color: #ec008c;
}
.navbar-nav {
	float: right;
}
.menu-item a {
	color: #fff;
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;	
	font-size: 24px;
	font-family: 'Advent Pro', sans-serif;

}
.navbar .container {
	position: relative;
}

.navbar-nav>li {
	position: relative;
}

.navbar-nav>li span {
	transition: height .2s ease-out;
	-webkit-transition: height .2s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: none;
	z-index: 1;
}
.navbar-nav>li:hover span {
	background: #999;
	height: 100%;
}
.navbar-nav>li.blue:hover span {
	background: #00aeef;
}
.navbar-nav>li.pink:hover span {
	background: #ec008c;
}
.navbar-nav>li.green:hover span {
	background: #00c64b;
}
.navbar-nav>li.purple:hover span {
	background: #7834e8;
}
.navbar-nav>li.orange:hover span {
	background: #e89134;
}
.navbar-nav>li.current-menu-item a, .navbar-nav>li.current_page_parent a {
	color: #999;
}
.navbar-nav>li.blue.current-menu-item a, .navbar-nav>li.blue.current_page_parent a {
	color: #00aeef;
}
.navbar-nav>li.pink.current-menu-item a, .navbar-nav>li.pink.current_page_parent a  {
	color: #ec008c;
}
.navbar-nav>li.green.current-menu-item a, .navbar-nav>li.green.current_page_parent a {
	color: #00c64b;
}
.navbar-nav>li.purple.current-menu-item a, .navbar-nav>li.purple.current_page_parent a {
	color: #7834e8;
}
.navbar-nav>li.orange.current-menu-item a, .navbar-nav>li.orange.current_page_parent a {
	color: #e89134;
}
.menu.navbar-nav>li.current-menu-item a:hover, .menu.navbar-nav>li.current_page_parent a:hover {
	color: #fff;
}
.single-game .navbar-nav>li.current_page_parent a, .single-project .navbar-nav>li.current_page_parent a {
	color: #777;
}

.navbar-nav>li a {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	position: relative;
	z-index: 2;
}


.admin-bar .navbar-fixed-top { /* Logged In */ 
	top: 30px;
}

/* Footer */

.footerwrapper {
	margin: 50px 0 50px;
	border-top: 10px solid #ec008c;
	padding-top: 30px;
	color: #999;
}

/* Homepage */

.homepage .block-anchor .overlay {
	transition: height .2s ease-out;
	-webkit-transition: height .2s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 10;
	color: #fff;
	overflow: hidden;	

}
.homepage .block-anchor .overlay h2 {
	font-style: normal;
	font-family: 'Advent Pro', sans-serif;
	text-align: center;
	font-size: 36px;
	margin-top: 40%;
	padding: 0 20px;
	text-shadow: 1px 1px 1px #000;

}
.homepage .block-anchor:hover .overlay {
	height: 100%;
}
.homepage .block-anchor .pink .overlay {
	background: url(images/t40-pink.png) repeat;
}
.homepage .block-anchor .blue .overlay {
	background: url(images/t40-blue.png) repeat;
}
.homepage .block-anchor .green .overlay {
	background: url(images/t40-green.png) repeat;
}
.homepage .block-anchor .purple .overlay {
	background: url(images/t40-purple.png) repeat;
}
.homepage .block-anchor .orange .overlay {
	background: url(images/t40-orange.png) repeat;
}

/* Page */
.pagetagline {
	display: block;
	float: left;
	margin: -1px 0 30px 0;
	font-size: 18px;
	height: 25px;
	padding: 0px 10px;
	background: #fff;
	color: #333;
	max-width: 100%;
}
.sidebar h2 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fff;
	margin: 0 0 15px 0;
}
.sidebar p {
	margin-bottom: 20px;
}
.blue .pagetagline, .blue .sidebar {
	color: #fff;
	background: #00aeef;
}
.pink .pagetagline, .pink .sidebar {
	color: #fff;
	background: #ec008c;
}
.green .pagetagline, .green .sidebar {
	color: #fff;
	background: #00c64b;
}
.purple .pagetagline, .purple .sidebar {
	color: #fff;
	background: #7834e8;
}
.orange .pagetagline, .orange .sidebar {
	color: #fff;
	background: #e89134;
}
.sidebar .btn {
	font-style: normal;
	font-family: 'Advent Pro', sans-serif;
	font-size: 22px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.blue .sidebar .btn {
	color: #00aeef;
}
.pink .sidebar .btn {
	color: #ec008c;
}
.green .sidebar .btn {
	color: #00c64b;
}
.purple .sidebar .btn {
	color: #7834e8;
}
.orange .sidebar .btn {
	color: #e89134;
}



.pagecontent {
	margin-top: 50px;
}

.sidebar {
	padding: 20px;
}
.sidebar a {
	color: #fff;
}
.sidebar ul {
	list-style-type: square;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;	
}
.sidebar ul li {
	margin-bottom: 10px;
	line-height: 1.1em;
}

/* About */
.aboutpictures .black {
	border-bottom: 10px solid #000;
}
.aboutpictures .blue {
	border-bottom: 10px solid #00aeef;
}
.aboutpictures .pink {
	border-bottom: 10px solid #ec008c;
}
.aboutpictures .green {
	border-bottom: 10px solid #00c64b;
}
.aboutpictures .purple {
	border-bottom: 10px solid #7834e8;
}
.aboutpictures .orange {
	border-bottom: 10px solid #e89134;
}

/* Games */
.projectgrid .col-md-3 {
	margin:0;
}

.projectgrid .block-anchor .overlay {
	transition: height .2s ease-out;
	-webkit-transition: height .2s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 0;
	z-index: 10;
	color: #fff;
	overflow: hidden;	

}
.projectgrid .block-anchor .overlay h2 {
	font-style: normal;
	font-family: 'Advent Pro', sans-serif;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	margin-top: 30%;
	padding: 0 20px;
	text-shadow: 1px 1px 1px #000;

}

.projectgrid .block-anchor:hover .overlay {
	height: 100%;
}
.pink .projectgrid .block-anchor .overlay {
	background: url(images/t40-pink.png) repeat;
}
.blue .projectgrid .block-anchor .overlay {
	background: url(images/t40-blue.png) repeat;
}
.green .projectgrid .block-anchor .overlay {
	background: url(images/t40-green.png) repeat;
}
.purple .projectgrid .block-anchor .overlay {
	background: url(images/t40-purple.png) repeat;
}
.orange .projectgrid .block-anchor .overlay {
	background: url(images/t40-orange.png) repeat;
}

/* Contact */



/* News */
.newscontent a {
	color: #7834e8;
}
.newscontent a:hover {
	color: #470ea6;
}
.newscontent article {
	margin: 0 15px 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #999;
}
.pagecontent .newstext {
	margin: 0 15px 15px 0;
}
.newstext h3 {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
/* Archive */


/* Comments */
.comments {
	margin-top: 35px;
	padding-top: 35px;
}
h3#comments {
	font-size: 1.3em;
}
.comments ul, .comments ol {
	list-style-type: none;
}
.comments #respond {
	margin-top: 35px;
}
li.comment {
	margin-top: 25px;
}
.comments .children {
	margin-left: 30px;
}
#respond h3 {
	padding: 0 0 15px 0;
	font-size: 1.2em;	
}

@media (min-width: 992px) { /* lg */
	.homepage .block-anchor .overlay h2, .projectgrid .block-anchor .overlay h2 {
	}

}
@media (min-width: 768px) and (max-width: 991px) { /* med */
	.homepage .block-anchor .overlay h2, .projectgrid .block-anchor .overlay h2 {
		font-size: 30px;
		margin-top: 30%;
	}
}
@media (max-width: 767px) { /* Phone */
	.xs-hide {
		display: none;
	}
	.xs-only {
		display: block;
	}
	.navbar-nav {
		float: left;
		width: 100%;
	}
	.homepage .block-anchor .overlay h2, .projectgrid .block-anchor .overlay h2 {
		font-size: 22px;
		margin-top: 20%;
	}
	.pagetagline {
		font-size: 14px;
		height: auto;
	}
	.newscontent h1 {
		font-size: 22px;
	}
}