/*
Theme Name: Strandbummler Portfolio (Suidobashi)
Theme URI:
Description: Your child theme description text...
Author: Your Name
Author URI: http://www.yourdomain.com/
Template: suidobashi
Version: 1.0
Tags: Suidobashi Child Theme
*/

/*
Now you can start adding your own styles here. Use !important to overwrite styles if needed. */

body {
        font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
        word-break: normal;
        word-wrap: normal;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;
}

p.intro a:link { 
        font-weight: 800;
        text-decoration: none;
        border-bottom: 0px; 
} 
p.intro a:visited { 
        text-decoration: none;
        border-bottom: 0px;
} 
p.intro a:hover { 
        text-decoration: none;
        border-bottom: 0px; 
} 
p.intro a:active { 
        text-decoration: none;
        border-bottom: 0px; 
}

h1, h1.entry-title a {
	font-size: 1.6rem;
        text-decoration: none;
}

h2 {
	font-size: 1.5rem;
}

h2.entry-title a {
	font-size: 1.5rem;
}

.entry-header h1.entry-title a, .entry-header h2.entry-title a, .nav-previous a span {
	border-bottom: 0px;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.comment a, .entry-content a, .nav-wrap a, #infinite-handle a, a.top, #mobile-menu-toggle, .intro-slogan a, .footer-slogan a, .author-description a {
	border-bottom: 0px;
}

.contact-info a:hover {
	color: #ffffff;
}

.jetpack-portfolio-primary {
    max-width: 1300px;
}

.entry-thumbnail {
    max-width: 1300px;
}

.search-results .site-content .page {
        max-width: 1300px;
}

.template-about .page .entry-content {
    max-width: 1300px !important;
}

#site-title {
	max-width: 120px;
}

.single-jetpack-portfolio .jetpack-portfolio .entry-content {
    max-width: 1300px;
}

.site-content .entry-header {
    max-width: 1300px;
}

@media screen and (min-width: 767px) {
        #site-title {
		max-width: 150px;
		padding: 0 0 0 30px;
        }
}

@media screen and (min-width: 1023px) {
        #site-title {
		max-width: 200px;
		padding: 0 10px 0 50px;
        }
}

@media screen and (min-width: 1150px) {
	#site-title {
                max-width: 200px;
                padding: 0 0 24px 70px;
        }
}

@media screen and (min-width: 1260px) {
	max-width: 1300px;
	#site-title {
                max-width: 250px;
                padding: 0 70px 24px 0;
        }
}

@media screen and (min-width: 1400px) {
	#site-title {
                max-width: 250px;
		padding: 0 70px 24px 0;
        }
}

@media screen and (min-width: 1800px) {
	#site-title {
                max-width: 250px;
	padding: 0 70px 0 0;
        }
	.single-jetpack-portfolio .jetpack-portfolio .entry-header,
	.single-jetpack-portfolio .jetpack-portfolio .entry-meta,
	.single-jetpack-portfolio .jetpack-portfolio .entry-content,
	.single-jetpack-portfolio #comments {
		max-width: 1300px;
	}
}

@media screen and (min-width: 2400px) {
	#site-title {
                max-width: 250px;
		padding: 0 70px 0 0;
        }
}