/*!
 * Theme Name: Cedaro
 * Theme URI: http://www.cedaro.com/
 * Author: Cedaro
 * Author URI: http://www.cedaro.com/
 * Description: Shrake child theme for Cedaro.
 * Version: 1.2.1
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Domain Path: /languages
 * Text Domain: cedaro
 * Template: shrake
 */
/* Gutters */
/* Media Break Points */


/* Typography
------------------------------------------------------------------------------*/

body {
	font-size: 21px;
	font-weight: 300;
	line-height: 1.61904762;
}

body,
button,
input,
select,
textarea {
	font-family: "freight-text-pro", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
button[type=submit],
input[type=submit],
input[type=button],
.button,
.byline,
.content-social-links,
.lead,
.site-navigation {
	font-family: "futura-pt", sans-serif;
}

ul,
ol {
	list-style-position: inside;
}

blockquote {
	border-left: 4px solid rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.7);
	font-size: 1em;
	padding-left: 0.95238095em;
}

code {
	background-color: rgba(0, 0, 0, 0.02);
	color: #666;
	font-size: 70%;
	padding: 2px 5px;
}

pre code {
	background-color: transparent;
	border-radius: 0;
	color: #666;
	padding: 0;
}


/* Accessibility
------------------------------------------------------------------------------*/

.home .page-title {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}


/* Forms
------------------------------------------------------------------------------*/

.button,
button[type=submit],
input[type=submit],
input[type=button] {
	border-color: #f24922;
	color: #f24922;
}

.button:hover,
button[type=submit]:hover,
input[type=submit]:hover,
input[type=button]:hover,
.button:focus,
button[type=submit]:focus,
input[type=submit]:focus,
input[type=button]:focus {
	background-color: transparent;
	color: #f24922;
}

.button-alt,
.button-alt:hover,
.button-alt:focus {
	background-color: #f24922;
	color: #fff;
}


/* Navigations
------------------------------------------------------------------------------*/

a:hover,
a:focus,
.social-navigation a:hover,
.social-navigation a:focus,
.site-navigation a:hover,
.site-navigation a:focus,
.site-navigation .current_page_parent a,
.site-navigation .current-page-ancestor a,
.site-navigation .current-menu-item a,
.site-navigation .current-menu-item a {
	color: #f24922;
}

.site-navigation .menu {
	font-size: 14px;
	font-size: 1.4rem;
}


/* Header
------------------------------------------------------------------------------*/

.site-navigation-toggle {
	display: none;
}

.site-logo-link {
	height: 60px;
	text-align: left;
	width: 211px;
}

.is-compact .site-logo-link {
	height: 46px;
	width: 162px;
}

.site-logo {
	vertical-align: middle;
}

.site-navigation {
	text-align: left;
}

.site-navigation .menu {
	display: block;
	margin-top: 20px;
}


/* Content
------------------------------------------------------------------------------*/

.entry-image-letterbox .entry-image-inside {
	background-color: rgba(0, 0, 0, 0.07);
	margin: auto;
	max-width: 1280px;
	overflow: hidden;
	padding: 20px 20px 0;
}

.entry-image-letterbox .entry-image-inside img {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.entry-title {
	font-size: 34px;
	font-size: 3.4rem;
}

.entry-content h3 {
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

.product-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product-links a,
.product-links li {
	display: inline-block;
	margin-bottom: 0;
}

.comments-header:hover,
.comments-header:focus,
.comments-header:hover a,
.comments-header:focus a,
.comments-header:hover .comments-title,
.comments-header:focus .comments-title {
	color: #f24922;
}

.notes {
	background-color: rgba(0, 0, 0, 0.07);
	margin: 1.61904762em 0;
	padding: 1.38095238em 1.61904762em;
}

.notes ul,
.notes ol {
	font-size: 16px;
	font-size: 1.6rem;
}


/* Home
------------------------------------------------------------------------------*/

.home .page-content {
	max-width: 1040px;
}

.content-social-links {
	letter-spacing: 0.075em;
}

.content-social-links a {
	color: #f24922;
	text-decoration: none;
}

.content-social-links a:hover,
.content-social-links a:focus {
	text-decoration: underline;
}

.content-social-links li {
	margin-bottom: 0;
}

.content-social-links h2,
.content-social-links ul {
	color: rgba(0, 0, 0, 0.9);
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
}

.content-social-links ul {
	list-style: none;
	padding: 0;
}


/* Product
------------------------------------------------------------------------------*/

.single-product .entry-header {
	margin-bottom: 0;
}

.single-product .product-links li {
	margin-right: 0.47619048em;
}

.single-product .product-links li:last-child {
	margin-right: 0;
}


/* Widgets
------------------------------------------------------------------------------*/

/* GitHub Cards */
.github-widget h3 {
	letter-spacing: normal;
	text-transform: none;
}


/* Block Grid
------------------------------------------------------------------------------*/

.block-grid .block-grid-item-thumbnail {
	padding-top: 68.1%;
}

.block-grid-item-thumbnail:hover {
	box-shadow: 0 0 0 1px #f24922;
}

.block-grid-item-title {
	margin-bottom: 0;
}

.block-grid-item .product-links {
	margin-bottom: 0.47619048em;
}

.block-grid-item .product-links a {
	color: inherit;
	text-decoration: none;
}

.block-grid-item .product-links a:hover {
	text-decoration: underline;
}

.block-grid-item .product-links li:after {
	color: rgba(0, 0, 0, 0.07);
	content: "|";
	margin: 0 0.47619048em;
}

.block-grid-item .product-links li:last-child:after {
	display: none;
}

.block-grid-item .purchase a {
	color: #f24922;
}


/* Content
------------------------------------------------------------------------------*/

.github-widget {
	margin: 0 0 1.61111111em;
}


/* Layout
------------------------------------------------------------------------------*/

@media (min-width: 480px) {
	.content-social-links h2,
	.content-social-links ul,
	.content-social-links li {
		display: inline-block;
	}

	.content-social-links li:before {
		content: "/";
		margin: 0 5px;
	}

	.content-social-links li:first-child:before {
		content: "";
	}

	.single-product .entry-title {
		display: inline-block;
	}

	.single-product .product-links {
		float: right;
	}
}

@media (min-width: 768px) {
	blockquote {
		padding-left: 1.9047619em;
	}

	.site-navigation .menu {
		margin-top: 0;
	}

	.entry-title {
		font-size: 55px;
		font-size: 5.5rem;
	}

	.product-links .button {
		padding: 0.42857143em 0.9047619em;
	}
}

@media (min-width: 1024px) {
	.lead,
	.block-grid-item-title {
		font-size: 34px;
		font-size: 3.4rem;
	}
}

@media (min-width: 1080px) {
	.entry-image-letterbox .entry-image-inside {
		padding: 40px 80px 0;
	}
}