$mobile: 640px;
$tablet: 768px;
$desktop: 1152px;
$lgdesktop: 1536px;
$desktopH: 960px;

#storyftw-story .story-page a:not(.btn) {
	text-transform: none !important;
}

h5 {
	color: #fff;
}

.content .entry, .sidebar .widget {box-shadow: none;}
p.story-widget {font-size: 22px;}

/*
Patrick Blog Changes
---------------------------------------------------------------------------------------------------- */
.entry-title {font-size: 50px;}
h2 {font-size: 45px;}

.story-after {
	background: #3dd0cc;
	text-align: center;
	position: relative;
	overflow: auto;
	margin: 0 0 30px 0;
}

h2.story-after-box {padding: 20px 10px 0 10px; color: #fff; font-size: 35px;}
p.story-after-box {padding-botton: 10px; text-align: center;}
.widget-title {color:#3dd0cc; text-align: center; font-size: 30px;}
.textwidget .button {text-align: center;}

.genesis-nav-menu {
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	font-size: 22px;
	margin-top: 15px;
}

.genesis-nav-menu a {color:#fff;}
.entry-footer {display: none;}
.entry-title {text-transform: uppercase;}
.site-title a, .site-title a:hover {color: #fff;}
p.site-description {color: #fff;}
.tldr {background-color: #f5f5f5; position: relative; overflow: auto; padding-top:30px; padding-left: 30px; padding-bottom: 30px; padding-right: 30px;}

h3.godins {color: #fff;}
h3.made-with {font-size:2rem; font-family: 'freight-text-pro', Georgia, Cambria, 'Times New Roman', Times, serif; color #fff;}


	
/*
Clear fix for column classes
---------------------------------------------------------------------------------------------------- */
.clear-line:after {
  content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear-line {
	display: inline-block;
	width: 100%;
}
 
html[xmlns] .clear-line {
	display: block;
}
 
* html .clear-line {
	height: 1%;
}


.js-show-modal.btn.light, .btn.light {
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
}

#storyftw-story .btn {
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
}

#storyftw-story .story-page a:not(.btn) {
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
}

#storyftw-story .story-page a:not(.btn) {
	line-height: 1.4;
	border: none;
	padding: 0;
	font-family: "brandon-grotesque", sans-serif;
	letter-spacing: .01rem;
	font-weight: 300;
}

/* This is just for the Weir Real Estate Show */
.story-page-footer.light p {
	font-size: 24px;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 700;
}

/* Jeopardy Code */

#storyftw-story .korinna.read-max-width {
	max-width: 18em;
	margin-left: auto;
	margin-right: auto;
}

#storyftw-story .korinna {
	font-family:"ITC Korinna W01 Bold";
	font-size: 75px;
	text-transform: uppercase;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
} 

#storyftw-story h1.korinna {
	font-size: 125px;
}

/* Robins Jean Code */

#storyftw-story .robins.read-max-width {
	max-width: 18em;
	margin-left: auto;
	margin-right: auto;
}

#storyftw-story .robins {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}

#storyftw-story .robins2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

@media only screen and (max-width: 760px) {
	h5 {
		font-size: 18px;
	}

	h3.godins {
			font-size:40px;
		}

	#storyftw-story .korinna {
		font-size: 25px;
	}
	
	#storyftw-story .story-page a:not(.btn) {
		font-size: 20px;
	}
	
	h2.entry-title {
		font-size: 30px;
	}

	h1.entry-title {
		font-size: 30px;
	}
}

@media (max-width: $tablet) {

	h2.entry-title {
		font-size: 30px;
	}

	h1.entry-title {
		font-size: 30px;
	}
	
	#storyftw-story .korinna {
			font-size: 45px;
	}

	h3.godins {
			font-size:40px;
	}
	
	#storyftw-story h1.korinna {
		font-size: 75px;
	}

	#storyftw-story {
		.page-id-1135 {
			.story-page-inner .prettyprint {
				font-size: 1rem;
			}
			#story-hello {
				padding: 4%;
				.story-page-inner ol {
					padding: 10px 0 0 0;
					li {
						list-style-type: none;
					}

				}
			}
		}
	}	
	
}

@media only screen and (max-width: 460px) {
	
	#storyftw-story .korinna {
		font-size: 25px;
	}

	#storyftw-story h1.korinna {
		font-size: 40px;
	}

	h3.godins {font-size:30px;}

	h2.entry-title {font-size: 30px;}
	h1.entry-title {font-size: 30px;}
	
}
