/*
Theme Name: One Long Road
Author: BWD
Description: Theme for Author Eric Goldstein
Version: 1.0
*/
::placeholder
{
	color : #999896; /* Grey */
}

:-ms-input-placeholder
{
	color : #999896; /* Grey */
}

::-ms-input-placeholder
{
	color : #999896; /* Grey */
}

:root
{
	--wfsc-navy : #13046F;
	--wfsc-teal : #63D5CC;
	--wfsc-light-blue : #57A9E3;
}

body, html
{
	color : #000;

	margin : 0px;
	padding : 0px;

	font-family : "Poppins", sans-serif;
}

.site_width_container
{
	position : relative;
	
	max-width : 1180px;

	margin : 0px auto;
	padding : 0px 30px;
}

#logo_container
{
	padding : 39px 0px 21px;
	
	text-align : center;
}

.hero_container
{
	position : relative;
	
	background : url('images/temp/ericpic.jpg') no-repeat;
	background-size : auto 100%;
	background-position : top center;
	
	background : url('../../../wp-content/uploads/2024/02/taught.jpg') top center no-repeat;
	background : url('../../../wp-content/uploads/2025/07/taught_new.png') top center no-repeat;
	width : 100%;
	height : 668px;
	
	margin-top : -51px;
	
	z-index : 0;
}

.hero_container.short
{
	background : url('images/temp/hp_hero2.jpg') top center no-repeat;
	background : url('../../../wp-content/uploads/2024/02/along_the_way-1.jpg') top center no-repeat;
}

.hero_container img
{
	display : none;
}

#pull
{
	display : none;
}

.navbar_container
{
	position : relative;
	
	background : rgba(255, 255, 255, .8);
	
	text-align : center;
	
	z-index : 9999;
	
	top : -1px;
}

.navbar_container ul, #top_nav ul
{
	position : relative;
	display : inline;

	list-style-type : none;

	padding : 0px;
}

.navbar_container ul.sub-menu
{
	display : none;
}

.navbar_container ul li
{
	display : inline-block;
	position : relative;
}

.navbar_container ul li.mobile_only
{
	display : none;
}

.navbar_container ul li a
{
	display : inline-block;

	color : #000;

	padding : 25px 28px;

	font-size : 20px;
	text-decoration : none;
	text-transform : uppercase;

	vertical-align: middle;
}

.navbar_container.page ul li a
{
	padding : 26px 28px;
}

.navbar_container ul li a:hover
{
	background : rgba(0, 0, 0, .1);
}

#hero_caption_container
{
	display : table;
	position : absolute;
	
	bottom : 0px;
	
	background : rgba(178, 174, 158, .8);
	
	width : 100%;
	height : 178px;
	
	text-align : center;
}

#hero_caption_text_container
{
	position : relative;
	
	display : table-cell;
	vertical-align : middle;
	
	padding-bottom : 30px;
}

#hero_caption_text_container a
{
	position : absolute;
	
	top : 0px;
	left : 0px;
	
	width : 100%;
	height : 100%;
}

#hero_caption_container h1
{
	color : #000;
	
	margin : 0px;
	
	font-family : "Dancing Script";
	font-size : 40px;
	font-weight : normal;
}

#hero_caption_container h1 strong
{
	font-family : "Poppins";
	font-size : 32px;
	font-weight : 500;
}

#hero_caption_container h2
{
	color : #FFF;
	
	margin : 0px;
	
	font-size : 24px;
	line-height : 30px;
	font-weight : normal;
}

#pager_container, #pager_container2
{
	display: block;
	
	position: absolute;
	
	width: calc(100% - 60px);
	
	color : #FFF;
	
	font-size : 32px;
   text-align: center; 
   
   z-index: 9999;
		
   bottom: 40px;
}

#pager_container2
{
	display : inline-block;
	
	bottom : 56px;
}

#pager_container2 span
{
	cursor : pointer;
}

#custom-pager
{
	display : inline-block;	
}

#pager_container span
{
	font-size: 56px;
}

#pager_container #prev, #pager_container #next
{
	font-size : 32px;
}

#custom-pager span
{
	color : #FFF;
	
	cursor : pointer;
}

#custom-pager span.cycle-pager-active
{
	color : #726F5E;
}

#hp_preorder_container
{
	text-align : center;
}

p.preorder_button a, a.preorder_button
{
	display : inline-block;
	
	text-decoration : none;
	
    background: #f9f1ca;
    color: #0018d3;
    padding: 15px 40px;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
    border-color: #ab0000;
    border-style: solid;
    border-width: 3px;
    text-transform: uppercase;	
}

#main_content_container p.preorder_button a:link, #main_content_container p.preorder_button a:visited
{
	color: #0018d3;
	
	text-decoration : none;
}

#below_hero_signup
{
	position : relative;
	
	padding-bottom : 50px;
	
	font-size : 22px;
	text-align : center;
}

#below_hero_signup p
{
	display : inline;
	
	line-height : 44px;
}

#below_hero_signup form, #hp_novel_callout form
{
	display : inline-block;	
}

body.page .gform_validation_error #gform_2
{
	margin-bottom : 60px;
}


#gform_2 #gform_fields_2
{
	grid-column-gap : 0%;
}

#gform_2 #gform_fields_2 #update_submit
{
	max-width : none;
}

#below_hero_signup.page #hp_novel_callout .site_width_container div #gform_2_validation_container
{
	margin : 45px auto 30px;
	
	display : inline-block;
}

#below_hero_signup.page #hp_novel_callout .site_width_container div #validation_message_2_1
{
	display : none;
}

form input,
#below_hero_signup form #input_2_1
{
	background : #F0EFEC; /* Light Grey */
	
	display : inline-block;
	
	padding : 14px 16px;
	
	border-style : none;
}

#below_hero_signup form input[type=text],
#below_hero_signup form #input_2_1
{
	background : #F0EFEC; /* Light Grey */
	
	width : 209px;
	
	margin-left : 10px;
	
	font-size : 18px;	
}

#below_hero_signup input[type=image], #hp_novel_callout input[type=image]
{
	float : right;
	
	padding : 0px;
	
	border-width : 0px;
}

#hp_novel_callout
{
	background : url('images/novel_callout_bg_triangle.jpg') no-repeat top center, linear-gradient(180deg, #C9C8C3, #E4E3DD 6px);
	padding : 52px; 0px;
	
	font-size : 22px;
}

#hp_novel_callout .site_width_container
{
	display : table;
	
	background : url("images/temp/novel.jpg") no-repeat;
	
	min-height : 369px;
	
	padding-left : 360px;
	padding-right : 95px;
	
	max-width : 1180px;
	max-width : 820px;
	max-width : 725px;	
}

#hp_novel_callout .site_width_container div
{
	width : 100%;
	
	display : table-cell;
	vertical-align : middle;
}

#hp_novel_callout h3
{
	font-size : 32px;
	font-weight : normal;
}

#hp_novel_callout form
{
	width : 100%;
}

#hp_novel_callout form input[type=text]
{
	background : #DAD8D0;
	
	width : calc(100% - 127px);
	
	padding : 12px 16px;
}

figure.events_table table tr td:first-child
{
	width : 250px;
}

figure.events_table table tr td
{
	padding-bottom : 60px;
	
	font-size : 18px;
}

#hp_posts_container
{
	padding : 20px 0px 112px;
	
	text-align : center;
}

#hp_posts_container.nobook
{
	background : url('images/novel_callout_bg_triangle.jpg') no-repeat top center, linear-gradient(180deg, #C9C8C3, #E4E3DD 6px);
}

#hp_posts_container h2
{
	margin : 30px 0px 15px;
	
	font-family : "Dancing Script";
	font-size : 50px;
	font-weight : normal;
}

.hp_post_indiv img
{
	width : 100%;
}

.blog_excerpt_container
{
	margin-bottom : 60px;
}


.hp_post_indiv h4, #main_content_container .blog_excerpt_container h4
{
	margin : 15px 0px 0px; 
	
	font-size : 22px;
	font-weight : 300;
}

#main_content_container .blog_excerpt_container h4
{
	font-weight : bold;
}

.hp_post_indiv h4 a:link, .hp_post_indiv h4 a:visited,
#main_content_container .blog_excerpt_container h4 a:link, #main_content_container .blog_excerpt_container h4 a:visited
{
	color : #000;
	
	text-decoration : none;
}

.hp_post_indiv p, .blog_excerpt_container p
{
	margin : 0px; 
	
	font-size : 18px;
	font-weight : 500;
}

.blog_excerpt_container p
{
	font-size : 16px;
}

#below_hero_signup #gform_submit_button_2
{
	display : none;
}

#gform_2 #gform_fields_2
{
	display : inline-flex;
}

#gform_2 .gfield
{
	display : inline;
}

input.form-control
{
	height : 50px;
}

#below_hero_signup.page form
{
	display : block;
	width : 100%;
}





.ml-form-embedContent
{
	display : inline-block;
}

.ml-form-embedSubmit
{
	display : inline-block;
}

.ml-form-embedSubmit
{
	margin-left : -5px;
}

.ml-form-embedSubmit button
{
	position : relative;
	
	color : transparent;
	
	width : 53px;
	height : 53px;
	
	border-width : 0px;
	
	top : 2px;
}

p.blog_date
{
	margin-bottom : 10px;
	
	font-size : 14px;
	font-family : "Poppins";
	font-weight : 500;
}

#page_hero_container
{
	display : table;
	
	max-width : 1180px;
	width : 100%;
	height : 368px;
	
	background : url('images/temp/interior_hero3.jpg') top center no-repeat;
	
	margin : -82px 0px 75px;
	margin : -82px 0px 50px;
}

#page_hero_container.story
{
	background : url('images/temp/short_story_hero.jpg') no-repeat;
}

body.page-template-short_stories #page_hero_container
{
	/* background : url('https://www.onelongroad.com/wp-content/uploads/2024/02/temp2.jpg') top center no-repeat; */
}


#page_hero_container.nopic
{
	background : none;
	
	height : auto;
	
	margin : 0px;
}

#page_hero_container div
{
	display : table-cell;
	height : calc(368px - 82px);
	
	padding : 82px 0px 0px 60px;
	
	vertical-align : middle;
}

/*body.page-template-short_stories #page_hero_container div*/
body.single-short_story #page_hero_container div,
body.page-id-10 #page_hero_container div
{
	background : rgba(0, 0, 0, 0.3);
}


#page_hero_container.nopic div
{
	height : auto;
	
	padding : 0px;
}

#page_hero_container div h1
{
	color : #FFF;
	
	font-family : "Poppins";
	font-size : 52px;
	font-weight : 500;
}

#page_hero_container.nopic div h1
{
	color : #000;
}

#main_content_container
{
	padding-bottom : 82px;
	
	font-family : "Open Sans", sans-serif;
	font-size : 20px;
	line-height : 26px;
}

#main_content_container h1, #main_content_container h2, #main_content_container h3,
#main_content_container h4, #main_content_container h5, #main_content_container h6
{
	font-family : "Poppins", sans-serif;
}

#main_content_container h2
{
	font-size : 42px;
	font-weight : normal;
}

#main_content_container h3
{
	color : #908e7e; /* Tan */
	
	font-size : 28px;
	line-height : 34px;
}

#main_content_container h4
{
	font-size : 24px;
}

#main_content_container h5
{
	color : #908e7e; /* Tan */
	
	margin-bottom : 25px;
	
	font-size : 22px;
}

#main_content_container h6
{
	margin : 10px 0px 10px;
	
	font-size : 16px;
	font-style : italic;
}

#main_content_container ul, #main_content_container ol
{
	margin : 0px;
	padding-left : 1em;
}

#main_content_container li
{
	padding-left : 10px;
}

#main_content_container ol
{
	margin-bottom : 0px;
}

#main_content_container ol li
{
	padding-bottom : 10px;
}

#main_content_container ol li::marker
{
	color : #908e7e; /* Tan */
}

#main_content_container a:link, #main_content_container a:visited
{
	color : #908e7e; /* Tan */
	
	text-decoration : underline;
}

#main_content_container a:hover
{
	text-decoration : none;
}

#main_content_container img
{
	max-width : 100%;
}

#below_hero_signup.page
{	
	background : #E4E3DD; /* Tan */
	
	padding : 0px;
}

#below_hero_signup.page #hp_novel_callout
{
	padding : 0px;
}

#below_hero_signup.page #hp_novel_callout .site_width_container
{
	display : table;
	
	background : none;
	
	max-width : 1180px;
	height : 192px;	
	min-height : 0px;
	
	margin : 0px auto;
	padding : 0px 30px;
}

#below_hero_signup.page #hp_novel_callout .site_width_container div
{
	display : table-cell;
	
	vertical-align : middle;
}

#below_hero_signup.page form
{
	width : auto;
}

#below_hero_signup.page #hp_novel_callout .site_width_container div
{
	display : block;
	display : inline-block;
	width : auto;
	
	
}

#below_hero_signup.page #hp_novel_callout .site_width_container>div
{
	margin-top : 45px;
}

#below_hero_signup.page form input[type=text]
{
	background : #DAD8D0; /* Tan */
	
	width : 209px;
	
	padding : 14px 16px;
}

#author_container
{
	display : none;
	
	font-size : 14px;
}

body.single-short_story #author_container
{
	display : block;
}

#short_story_intro
{
	margin-bottom : 65px;
}

.short_story_container
{
	position : relative;
	display : table;
	
	min-height : 228px;
	
	margin-bottom : 60px;
	padding-left : 420px;
}

.short_story_container div
{
	display : table-cell;
	vertical-align : middle;
}

#main_content_container .short_story_container img
{
	position : absolute;
	
	left : 0px;
	top : 0px;
}

#main_content_container .short_story_container h4
{
	margin : 0px 0px 10px;
}

#main_content_container .short_story_container h4 a:link, #main_content_container .short_story_container h4 a:visited
{
	color : #000;
	
	text-decoration : none;
}

#main_content_container .short_story_container h6
{
	color : #908e7e;
	
	margin : 0px 0px 10px;
	
	font-style : normal;
}

#main_content_container .short_story_container p
{
	margin : 0px;
}

.blog_excerpt_container
{
}

.blog_excerpt_container_container p
{
	margin-bottom : 10px;
}

footer
{
	position : relative;
	
	background : #000;
	color : #FFF;
		
	font-size : 16px;
	text-align : center;
}

footer.page
{
	padding-top : 45px;
}

footer .site_width_container
{
	padding : 40px 30px 88px;
}

footer p:first-child
{
	display : inline-block;
		
	background : #B2AE9E; /* Tan */
	
	margin-top : -37px;
}

footer p:first-child a
{	
	display : inline-block; 
	
	color : #FFF;
	
	padding : 20px 116px;
	
	font-size : 22px;
	text-transform : uppercase;
	text-decoration : none;
}

footer p:first-child a:link, footer p:first-child a:visited
{
	text-decoration : none;
}

footer p:first-child a:hover
{
	color : #000;
	
	text-decoration : none;
}

footer img
{
	display : block;
	
	margin : 0px auto 18px;
}

footer ul
{
	position : relative;
	display : inline;
	
	padding : 0px;

	list-style-type : none;
}

footer ul li
{
	display : inline-block;
	
	margin-right : 30px;
}

footer ul li:last-child
{
	margin-right : 0px;
}

footer ul li a
{
	color : #FFF;
	
	font-size : 20px;
	text-transform : uppercase;
	text-decoration : none;
}

footer ul li a:link, footer ul li a:visited
{
	text-decoration : none;
}

footer ul li a:hover
{
	text-decoration : underline;
}

footer p a:link, footer p a:visited
{
	color : #FFF;
	
	text-decoration : none;
}

footer p a:hover
{
	text-decoration : underline;
}

.flex_container
{
	display : flex;
	justify-content : space-between;
	justify-content : space-evenly;
}

@media only screen and (min-width : 1111px)
{
	.navbar_container ul
	{
		display : inline !important;
	}
}

@media only screen and (max-width : 1110px)
{
	#top_logo
	{
		display : none;
	}
	
	.cycle-slideshow
	{
		margin-top : 110px;
	}

	#pull
	{
		display : block;
	}

	/* Need to go to a Horiz or mobile Nav */
	.navbar_container
	{
		position : fixed;

		top : 0px;
		left : 0px;

		background : url('images/logo.jpg') no-repeat #FFF;
		background-size : 270px 50px;
		background-size : 217px 40px;
		background-position : 30px 17px;

		max-width : 100%;
		width : 100%;
		height : auto;

		margin : 0px;
		padding : 0px;

		z-index : 99999;

		border-style : solid;
		border-color : #B2AE9E;
		border-width : 0px 0px 3px;
	}

	.navbar_container a#pull
	{
		display: block;
		position: relative;

		color : transparent;

		font-size : 22px;
		font-weight : 600;
		letter-spacing: 2px;

		text-transform : uppercase;
		text-decoration : none;

		padding : 15px 30px 20px 150px;
	}

	.navbar_container a#pull:after
	{
		display : inline-block;
		position : absolute;

		background : url('images/nav-icon.png') no-repeat;

		content : "";

		width : 23px;
		height : 21px;

		right : 30px;
		top : 22px;
	}

	.navbar_container ul
	{
		display : none; /* If we don't have this here, menu will pop open on resize when wne don't want it to. */

		margin : 0px;
		padding : 0px;

		text-align : left;
	}

	.navbar_container ul li,	.navbar_container ul li.mobile_only
	{
		background : #3E9C9C; /* Dark Blue */
		background : #E4E3DD;
		

		display : block;
		height : auto;

		max-width : 100%;
		width : 100%;

		margin : 0px;
		padding : 5px 0px 0px;
	}

	.navbar_container ul li:hover ul.sub-menu
	{
		border-width : 0px;
	}

	.navbar_container ul li a, .navbar_container ul.sub-menu li a
	{
		color : #000; /* Burgundy */
		
		padding : 5px 28px;

	}

	.navbar_container ul.sub-menu, .navbar_container ul li:hover ul.sub-menu
	{
		background : #F3E7CF;
	}

	.navbar_container ul.sub-menu li
	{

	}

	.navbar_container ul li a, .navbar_container ul li a:link
	
	{
		float : none;


		background : none;

		
		color : #000;

		display : block;

		max-width : 100%;
		width: 100%;
		height : 28px;

		font-size : 16px;
	

		margin : 0px;
		padding : 0px 30px 0px;

		text-transform : none;

		border-width : 0px;
	}

	.navbar_container ul li:hover
	{

		background : #B2AE9E;
		color : #FFF;
	}

	.navbar_container ul li:hover a
	{
		color : #FFF;
	}
	
	#gform_2 #gform_fields_2, #below_hero_signup.page #hp_novel_callout .site_width_container div
	{
		display : block;
	}
	
	#below_hero_signup input[type=image], #hp_novel_callout input[type=image]
	{
		float : none;
	}
	
	#below_hero_signup form input[type=text], #below_hero_signup form #input_2_1 
	{
		width : 100%;
	}
}

@media only screen and (max-width : 1000px)
{
	#hp_novel_callout .site_width_container
	{
		background-size : 25%;
		
		padding-left : 29%;
	}
}

@media only screen and (max-width : 800px)
{
	#hp_novel_callout .site_width_container
	{
		background-size : 150px;
		background-position : calc(44%) 0px ;
		
		padding : 150px 0px 0px;
	}
	
	#hp_posts_container
	{
		padding-top : 30px;
	}
	
	#hp_posts_container .flex_container
	{
		display : block;
	}
	
	#hp_posts_container .hp_post_indiv
	{
		margin-bottom : 45px;
	}
	
	.short_story_container
	{
		min-height : auto;
		
		margin-bottom : 90px;
		padding-left : 0px;
		
		text-align : center;
	}
	
	#main_content_container .short_story_container img
	{
		position : relative;
		
		margin-bottom : 25px;
	}
	
	.short_story_container div
	{
		display : block;
		vertical-align : initial;		
	}
}

@media only screen and (max-width : 600px)
{
	#below_hero_signup
	{
		text-align : center;
	}
	
	#below_hero_signup form
	{
		margin-top : 20px;
	}
}

@media only screen and (max-width : 500px)
{
	#hero_caption_container
	{
		position : relative;
	}
	
	#hero_caption_text_container
	{	
		padding : 20px 20px 60px;
	}
	
	.hero_container, .hero_container.short
	{
		background : none !important;
		
		height : auto;
		
		background : url('../../../wp-content/uploads/2025/07/taught_new.png') top center no-repeat;
	}
	
	
	
	.hero_container img
	{
		display : block;
		
		width : 100%;
	}
	
	#hero_caption_text_container
	{
		padding : 30px 20px 30px;
	}
	
	#pager_container
	{
		top : calc(100vw - 250px);
		bottom : auto;
	}
	
	#pager_container2
	{
		top : calc(100vw - 231px);
		bottom : auto;
	}
	
	#pager_container, #pager_container2
	{
		display : none;
	}
	
	#hero_caption_container h1
	{
		font-size : 32px;
	}
	
	#hero_caption_container h1 strong
	{
		font-size : 28px;
	}
	
	#hero_caption_container h2
	{
		font-size : 20px;
	}
	
	#below_hero_signup
	{
		margin-top : -30px;
	}
	
	#below_hero_signup.page #hp_novel_callout .site_width_container
	{
		padding : 45px 30px 0px;
	}
	
	#below_hero_signup.page
	{
		padding : 0px 0px 30px;
	}
	
	footer img
	{
		max-width : 100%;
	}
	
	footer ul li
	{
		display : block;
		
		margin : 0px;
	}
	
	footer p:first-child
	{
		margin : -125px 30px;
	}
	
	footer p:first-child a
	{
		padding : 15px;
	}
}