@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');
@import url('https://fonts.googleapis.com/css?family=Arvo:400,700');



body {
	color: #111;
	font-family: 'Inconsolata', 'ヒラギノ角ゴ Pro W1', 'BIZ UDPGothic';
	font-size: 15px;
}

h1,
.entry-title {
	font-family: 'Arvo', 'ヒラギノ角ゴ Pro W1', 'BIZ UDPGothic';
}

/* Heading 1 Font Weight */
h1,
.entry-title {
	font-weight: 700;
}

/* Heading 1 Font Size */
@media screen and (min-width: 768px) {
	h1 {
		font-size: 58px;
	}
}


/* Intro Text Font Size */
@media only screen and (min-width: 992px) {
	.card-intro p {
		font-size: 19px;
	}
}



/* Grid Title Font Size */
@media screen and (min-width: 768px) {
	.media-grid h3 {
		font-size: 14px;
	}
}

/* Grid Title Text Transform */
.media-grid h3 {
	text-transform: uppercase;
}

/* Grid Title Letter Spacing */
.media-grid h3 {
	letter-spacing: 2px;
}




/* Buttons Font Size */
input[type=submit],
input[type=button],
button,
.button {
	font-size: 12px;
}

/* Buttons Letter Spacing */
input[type=submit],
input[type=button],
button,
.button {
	letter-spacing: 2px;
}



/* Card Image Mask Color */
.card-3d-right-side:after,
.card-3d-bottom-side:after,
.header:before {
	background: #375d84;
}


/* PRIMARY COLOR */
.pagination a:hover,
a.more-link:hover,
.event:nth-of-type(2):after,
.portfolio-nav a:hover,
.skill-unit .bar .progress,
#nprogress .bar {
	background-color: #333;
}

.bypostauthor>article,
.event h3,
input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
input:focus,
select:focus,
.tabs .tab-titles li a.active {
	border-color: #333
}

.event h3,
.entry-title a:hover {
	color: #333
}

#nprogress .spinner-icon {
	border-top-color: #333;
	border-left-color: #333;
}



/* Primary Button Color */
input[type=submit],
input[type=button],
button,
.button {
	color: #111;
	border-color: #111;
}

input[type=submit]:hover,
input[type=button]:hover,
button:not(.button):hover,
.button:after {
	background: #111;
}


/* Secondary Button Color */
.button.secondary {
	color: #111;
	border-color: #111;
}

.button.secondary:after {
	background: #111;
}

/* Card Title Background Color */
.card-info h2 {
	background: #111;
}