/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
body {
	color: #4D4D4D;
}

h1, h2, h3, h4, h5, h6 {
	color: #6d6e70;
	font-weight: 700;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
	font-weight: 700;
}

h2.site-description {
	color: #222;
}

h1 a:visited,h2 a:visited, h3 a:visited {
	color: #222;
}

/*p,ul,ol,blockqoute {
	font-family: proxima-nova, "Oxygen", sans-serif !important;
}*/
p,ul,ol,blockqoute {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Sans-Serif !important;
}

.wf-active .post-header .post-title,.wf-active .site-title,.site-title {
	font-family: Georgia, Times, "Times New Roman", serif !important;
	font-weight: 700;
}

.site-branding.site-headerfix {
	margin: 0 5%;
	padding: 10px 0;
}

.center-block {
	max-width: 800px;
}

.site-info {
	display: none;
}

.button-block, .icon-block {
	background: rgba(229,229,229,0.8);
	color: rgba(171,171,171,0.56);
}

.single .byline, .group-blog .byline {
	display: none;
}

.bg-dark {
	background-color: #4D4D4D;
}

.main-navigation li > a {
	color: #cccccc;
}

.site-branding.site-headerfix a, h1 a, .wf-active h1 a, .wf-active h2 a, .wf-active h3 a, .wf-active h4 a, .wf-active h5 a, .wf-active h6 a {
	color: #58595b;
}

.jetpack-social-navigation-svg .icon {
	color: #cccccc;
}

.site-title a:hover, .site-title a:focus,.site-title a:hover, .site-title a:focus {
	color: #cccccc;
}

.jetpack-social-navigation-svg .icon :hover, .jetpack-social-navigation-svg .icon:focus {
	color: #58595b;
}

.site-title {
	text-shadow: 0 0 0 rgba(0,0,0,0.35);
}

.site-title a {
	color: inherit;
}

.site-description {
	color: #58595b;
	text-shadow: 0 0 0 rgba(0,0,0,0.35);
}

.footer .wpcom-instagram-columns-2 img {
	border: 3px solid #3a3a3b;
}

.footer .wpcom-instagram-columns-2 img:hover {
	border-color: #809561;
}

.credits-left {
	display: none;
}

.header .cover {
	background-color: transparent;
}

.single .post-meta {
	background-color: #4D4D4D;
}

/*For Blog Snippet*/
.callout .callout-header {
	color: white;
	font-family: "Gotham A", "Gotham B", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Sans-Serif;
	font-size: 26px;
	padding: 0;
	margin-top: 0;
	margin-bottom: .67em;
	line-height: 1.2;
}

.callout p {
	color: white;
	font-family: "Gotham A", "Gotham B", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Sans-Serif;
	font-size: 15px;
	line-height: 18px;
}

.callout p+p {
	margin-bottom: 0;
}

#row-1,
.callout-row-1 {
	background-color: #5a5959;
	max-width: 700px;
	margin: 10px auto;
	border-radius: 5px;
	overflow: auto;
	padding: 1.75rem;
	box-sizing: border-box;
}

#row1-column-1,
.callout-row1-column-1 {
	width: 60%;
	float: left;
	min-height: 100px;
	margin-left: 0;
}

#row1-column-2,
.callout-row1-column-2 {
	width: 38%;
	float: left;
	min-height: 100px;
	margin: 0 0 0 2%;
}

.callout-button {
	background-color: #55984f;
	border: none;
	color: white;
/*width: 231px;*/
	height: 65.76px;
	text-align: center;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	cursor: pointer;
	border-radius: 5px;
	font-size: 22px;
	line-height: 22px;
	box-sizing: border-box;
	padding-top: 1em;
	font-family: "Gotham A", "Gotham B", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Sans-Serif;
}

.callout .callout-button:hover {
	background-color: #fefefe;
	text-decoration: none;
	color: #55984f;
}

.callout-button+.callout-button {
	margin-top: 15px;
}

@media screen and (min-width: 960px) {
	
}

@media (max-width: 768px) and (min-width: 420px) {
	
}

@media (min-width: 320px) and (max-width: 480px) {
	#row-1,
											    .callout-row-1 {
		min-height: 100px;
		padding: 15px;
	}
	
	#row1-column-1,
											    .callout-row1-column-1 {
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0 15px;
	}
	
	#row1-column-2,
											    .callout-row1-column-2 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin: 0;
		padding: 0 5px;
		box-sizing: border-box;
		margin-top: 1rem;
	}
}