/*
Theme Name: Sprinters Compendium
Theme URI: http://www.gridsandspaces.com
Author: Matt Johnson
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Permanent+Marker');
@import './assets/css/theme.css';

html, body {
    font-family: "Roboto Slab", sans-serif;
}

.tbl-out {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.tbl-in {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

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

.btn-sprint {
    background-color: #783652;
    color: #fff;
    transition: 300ms ease-out;
}

.btn-sprint:hover {
    background-color: #000;
    color: #fff;
}

.landing-break {
    background:#666 url("/wp-content/uploads/2017/07/sc-watercolor.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 5px;
}

#topnav {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-color: #fff;
    color: #666;
}

#topnav-links {
    margin: 0px;
    padding: 0px;
    float: right;
}

#bio-photo {
	background: #fff url("/wp-content/uploads/2017/07/sc-bio.png") center center no-repeat;
	display:inline-block;
	width:125px;
	height: 125px;
	border: #783652 2px solid;;
	border-radius: 50%;
	background-size: contain;
}

#bio-name {
	display:inline-block;
	margin: 50px 0px 0px 10px;
	vertical-align: top;
	color: #783652;
}

#page-content {
    margin-top: 150px;
    margin-bottom: 75px;
}

#landing-info {
    padding: 0px 0px 50px 0px;
}

#landing-info {
    margin-top: 150px;
}

#landing-info h1 {
    font-family: "Permanent Marker";
    color: #783652;
    padding: 0px 0px 10px 0px;
}

.marker {
	font-family: "Permanent Marker";
    color: #783652;
}

#landing-reviews {
    background: rgba(0,0,0,0.05);
    text-align: center;
    padding: 0px;
    overflow: hidden;
}

#landing-reviews i {
    color: #783652;
    font-size: 1.5em;
    border: #783652 1px solid;
    border-radius: 50%;
    padding: 10px;
}

#landing-reviews .slide {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

#landing-reviews .quote-copy {
    margin: 10px 0px;
}

#landing-reviews .quote-copy p:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#landing-reviews .quote-name {
    margin: 20px 0px 0px 0px;
    font-family: "Permanent Marker";
    font-size: 2em;
    color: #783652;
}

#landing-reviews .quote-title {
    margin: 5px 0px 0px 0px;
    font-style: italic;
}

#landing-learn {
    margin: 0px auto;
    padding: 30px 0px 60px 0px;
    width: 100%;
    max-width: 650px;
    text-align: center;
}

#landing-learn h2 {
    font-family: "Roboto Slab", sans-serif;
    font-weight: normal;
    font-size: 3em;
    color: #333;
    padding: 0px 0px;
    color: #292a3f;
}

#landing-learn #feature-list {
    padding: 20px 0px 0px 0px;
    text-align: left;
}

#landing-learn .feature {
    font-size: 1.25em;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    background-color: #eee;
}

#landing-learn .feature i {
    font-size: 1.25em;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    color: #fff;
}

#landing-learn .feature .row {
    background-color: #eee;
}

#landing-learn .feature .row div:first-child {
    background-color: #783652;
    text-align: center;
}

#landing-learn .feature .row div:last-child {
    background-color: #eee;
    text-align: left;
    height: 60px;
}

#landing-learn .feature span {
    display: block;
}

#landing-contrib {
    background: rgba(0,0,0,0.05);
    text-align: center;
    padding: 20px 0px 20px 0px;
    overflow: hidden;
}

#landing-contrib h2 {
    font-family: "Permanent Marker";
    font-weight: normal;
    font-size: 3em;
    color: #333;
    padding: 0px 0px;
    color: #783652;
}

#landing-contrib ul {
    list-style: none;
    text-align: left;
}

#author-page h4 {
    color: #783652;
}

#footer {
    background: #333;
    color: #fff;
    font-weight: normal;
    font-family: sans-serif;
    font-size: 0.9em;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer a {
    color: #ccc;
}

#footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer h3 {
    font-family: "Permanent Marker";
    color: #666;
}

#footer #copyright {
    padding: 10px 0px;
    text-align: center;
    color:#666;
}

@media (max-width: 768px) {
	.navbar-brand {
		position: absolute;
		top: -2px;
		left: 0px;
		width: 75%;
		overflow: hidden;
	}

	.navbar-brand img {
		width: 100%;
		height: auto !important;
	}

    #landing-info, #landing-reviews, #landing-learn {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    #landing-learn #feature-list {
        padding: 10px;
        font-size: 0.8em;
    }

    #landing-learn .feature i {
        font-size: 1.75em;
        margin: 0px;
        padding: 20px 0px;
        background-color: #783652;
        color: #fff;
    }

    #landing-learn .feature span {
        text-align: left;
    }
}