/*
Theme Name: Signature Caterers
Author: BWD
Description: Theme for Signature Caterers
Version: 1.0
*/

html, body
{
	color : #8F837B; /* Brown/Tan */

	font-family : "Roboto";
	font-weight : 400;
}

.site_width_container
{
	max-width : 1180px;
	width : 100%;

	margin : 0px auto;
}


#header_container
{
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 10px;
}

#header_container .site_width_container
{
	max-width : 1280px;
}

#logo_container
{
	float : left;
}

.navbar_container ul
{
	float : right;

	display : inline;

	padding-top : 10px;

	list-style-type : none;
}

.navbar_container ul li
{
	position : relative;

	display : inline-block;
}

.navbar_container ul li a
{
	color : #8F837B; /* Brown/Tan */

	margin-left : 18px;
	padding-bottom : 0px;

	font-weight : 700;
	font-family : "Roboto Slab";
	font-size : 17px;
	text-transform : uppercase;
	text-decoration : none;
	text-align : center;
	letter-spacing : 3px;

}

.navbar_container ul li.menu-item-has-children
{

}

.navbar_container ul li:first-child a
{
	margin-left : 0px;
}

.navbar_container ul li:nth-child(6) a, .navbar_container ul li:last-child a
{
	background : #BEB8B3;
	color : #FFFFFF;

	margin-left : 5px;
	padding : 10px 15px;

	border-width : 1px;
	border-style : solid;
	border-color : #938880;
}

.navbar_container li.current_page_item a:link, .navbar_container li.current_page_item a:visited,
.navbar_container li a:hover
{
	color : #767676;
}

.navbar_container ul li:nth-child(6) a:hover, .navbar_container ul li:last-child a:hover
{
	background : #938880;
	color : #FFFFFF;
}

#slider_container
{
	position : relative;

	background : url('images/hp_hero.png') no-repeat;
	background-size : cover;

	min-height : 726px;
}

#slider_container.inside
{
	background : url('images/temp/weddings.png') no-repeat;
	background-size : cover;

	min-height : 180px;
}

.triangles_up
{
	background : url('images/triangles_up.png') repeat-x;
	height : 11px;
}

#hero_bottom
{
	position : absolute;

	bottom : 0px;

	background : url('images/gradient_bg.png') bottom repeat-x;
	color : #FFFFFF;

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

	height : 165px;

	font-family : "Yellowtail";
	font-size : 64px;
	text-align : center;
}


#triangles_bottom
{
	position : absolute;

	bottom : 0px;

	background : url('images/triangles_bottom.png') bottom repeat-x;

	max-width : 100%;
	width : 100%;
	height : 115px;
}

#slider_container.inside #triangles_bottom
{
	height : 100px;
}


#hero_bottom h1
{
	display : inline-block;

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

	font-size : 64px;
	font-weight : 400;
}

.triangles_bottom_only
{
	position : absolute;

	bottom : 0px;

	background : url('images/triangles_bottom.png') bottom repeat-x;

	max-width : 100%;
	width : 100%;
	height : 11px;
}

#hp_callout_container
{
	padding : 10px 30px 10px;

	font-weight : 300;
	font-size : 22px;
	text-align : center;
	line-height : 33px;
}

#hp_callout_container.inside
{
	text-align : left;
}

#hp_callout_container.inside ul li
{
	margin-bottom : 17px;
}

.small_pic_description
{
	font-size : 16px;

	line-height : 20px;
}

#hp_events_container .site_width_container
{
	max-width : 1023px;
}

#events_title_container
{
	background : url('images/event_title_bg.png') 0px 36px repeat-x;

	text-align : center;
}

#events_title_container h2
{
	display : inline-block;

	background : #FFF;

	margin : 0px;
	padding : 0px 20px 0px 10px;

	font-family : "Yellowtail";
	font-size : 56px;
	font-weight : 400;
}

#events_title_container.gallery
{
	background : url('images/event_title_bg.png') 0px 12px repeat-x;

	margin-bottom : 25px;

}

#events_title_container h3
{
	display : inline-block;

	background : #FFF;

	margin : 0px;
	padding : 0px 20px 0px 10px;

	font-family : "Roboto Slab";
	font-size : 20px;
	font-weight : 700;
	text-transform: uppercase;
}

#events_nav_container
{
	padding : 20px 0px;

	text-align : center;
}

#events_nav_container a
{
	display : inline-block;
	color : #8F837B; /* Brown/Tan */

	font-family : "Roboto Slab";
	font-weight : 700;
	letter-spacing : 3px;
	text-transform : uppercase;
	text-decoration : none;

	padding : 0px 20px;
	margin : 0px 3px;

	cursor : pointer;
}

#events_nav_container a:hover, #events_nav_container a.on
{
	background : url('images/event_title_bg.png') 0px 7px repeat-x;
}

#events_nav_container a span
{
	display : inline-block;

	background : #FFF;

	padding : 0px 5px;
}

#event_carousel_big_container, #gallery_carousel_big_container
{
	position : relative;

	max-width : 1207px;
	width : 100%;

	margin : 0px auto;
}

#event_carousel_container, #gallery_carousel_container
{
	position : relative;

	max-width : 1023px;
	width : 100%;

	margin : 0px auto;
}

.cycle-prev, .cycle-next {
    position: absolute;
    top: 0;
    width: 39px;

    z-index: 800;
    height: 100%;
    cursor: pointer;
}

.cycle-prev
{
	left : 5px;

	background : url('images/arrow_left.png') 0px 50% no-repeat;
	background-size : 39px 39px;
}

.cycle-next
{
	right : 5px;

	background : url('images/arrow_right.png') 0px 50% no-repeat;
	background-size : 39px 39px;
}

#event_carousel_container .slide
{
	max-width : 1023px;
	width : 100%;

	margin : 0px auto;
}

#event_carousel_container .slide .slide_pic, #event_carousel_container .slide .slide_content
{
	float : left;
}

#event_carousel_container .slide .slide_pic
{
	max-width : 526px;
	width : 100%;
}

#event_carousel_container .slide .slide_pic img
{
	max-width : 100%;
}

#event_carousel_container .slide .slide_content
{
	max-width : 496px;
	width : 100%;

	font-family : "Roboto";
}

#event_carousel_container .slide .slide_content p
{
	line-height : 25px;
}

#event_carousel_container .slide .slide_content p:first-child
{
	margin-top : 0px;
}

#event_carousel_container .slide .slide_content a.button
{
	background : #BEB8B3;

	margin-top : 4px;

	font-family : "Roboto Slab";
	text-decoration : none;

	border-color : #938880;
}

#events_bottom_container
{
	background : url('images/event_bottom_bg.png') repeat-x;

	height : 8px;

	margin-top : 37px;
	margin-bottom : 42px;
}

.site_width_container.gallery
{
	max-width : 1025px;
}

#hp_signature_event_container
{
	position : relative;

	background : url('images/hash_bg.png') repeat;
	color : #FFFFFF;

	text-align : center;

	padding-bottom : 30px;
}

#hp_signature_event_inner_container
{
	padding : 0px 30px;
}

#hp_signature_event_container h2
{
	font-family : "Yellowtail";
	font-size : 56px;
	font-weight : 400;
	line-height : 60px;

	margin : 20px 0px 0px;
}

#hp_signature_event_container p
{
	font-size : 18px;
}

#hp_signature_event_container h2+p
{
	margin-top : 5px;
}

#hp_signature_event_container a.button:hover
{
	background : rgba(255, 255, 255, .5);
}

#hp_signature_event_container a
{
	color : #FFFFFF;

	font-size : 26px;
	font-family : "Roboto Slab";
	font-weight : 700;
	text-decoration : none;
}

a.button
{
	display : inline-block;

	background : rgba(255, 255, 255, .2) ;
	color : #FFF;

	padding : 12px 19px;

	font-size : 14px;
	letter-spacing : 1px;

	border-width : 1px;
	border-style : solid;
	border-color : #FFF;

	text-transform : uppercase;

	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;

	cursor : pointer;
}

a.button:hover
{
	text-decoration : none;
}

#hp_signature_event_container a.button
{
	font-size : 18px;
}

#hp_testimonial_container
{
	text-align : center;
}

#hp_testimonial_container h2
{
	font-family : "Yellowtail";
	font-size : 56px;
	line-height : 60px;
	font-weight : 400;

	margin : 20px 0px 15px;
}

#hp_testimonial_container .col
{
	float : left;

	background : url('images/hp_testimonial_bg.png') #ABA29C no-repeat;
	color : #FFFFFF;

	max-width : 321px;
	width : 100%;
	height : 200px;

	margin-left : 30px;
	padding : 10px 25px 35px 25px;

	font-size : 16px;
	font-weight : 300;
	line-height : 20px;

	border-width : 1px;
	border-style : solid;
	border-color : #8F837B; /* Brown */
}

#hp_testimonial_container > div > div > div:nth-child(1)
{
	margin-left : 0px;
}

a.more_testimonials
{
	display : inline-block;

	color : #8F837B; /* Brown/Tan */

	margin : 20px 0px 30px;

	font-family : "Roboto Slab";
	font-weight : 700;
	text-transform : uppercase;
	text-decoration : underline;
}

a.more_testimonials:hover
{
	text-decoration : none;
}

#contact_container
{
	background : url('images/contact_bg.png') no-repeat;
	background-size : cover;

	padding : 0px;
}

#conact_inner_container
{
	padding : 0px 30px;
}

#contact_container .site_width_container
{
	max-width : 1050px;

	padding : 25px 0px;
}

#contact_container .col_1
{
	float : left;

	color : #FFFFFF;

	max-width : 261px;
	width : 100%;

	padding-right : 20px;
}

#contact_container .col_1 h2
{
	margin : 11px 0px 0px 0px;
}

#contact_container .col_1 h2 a
{
	font-family : "Yellowtail";
	font-size : 50px;
	font-weight : 400;
	text-transform : none;

	margin : 0px;
}

#contact_container .col_1 p
{
	line-height : 22px;

	margin-top : 0px;
	margin-bottom : 15px;
}

#contact_container .col_1 a
{
	display : inline-block;

	color : #FFFFFF; /* White */

	font-size : 26px;
	font-family : "Roboto Slab";
	font-weight : 400;
	text-decoration : none;

	margin : 0px 0px 4px;
}

#contact_container .col_1 a.email
{
	font-size : 22px;
}

#contact_container .col_2
{
	float : left;

	max-width : 705px;
	width : 100%;

	/* padding-top : 20px; */

	text-align : right;
}

#contact_container label, #contact_container div.gfield_description
{
	display : none;
}

#contact_container ul
{
	margin : 0px;
	padding : 0px;
}

#contact_container ul li
{
	display : inline-block;

	margin-top : 0px;
	padding : 0px;
}

#contact_container ul li#field_1_3
{
	max-width : 100%;
	width : 100%;
}

#contact_container ul li#field_1_1, #contact_container ul li#field_1_2
{
	max-width : 343px;
	width : 100%;
}


.ginput_container_textarea
{
	max-width : 100%;
	width : 100%;
}

#contact_container input[type=text], #contact_container textarea
{
	display : inline-block;

	background : rgba(255, 255, 255, .7);
	color : #000000; /* Gray */

	max-width : 343px;
	width : 100%;
	height : 42px;

	letter-spacing : 1px;

	padding-left : 10px;
	padding-right : 10px;

	border-style : solid;
	border-color : #FFFFFF; /* White */
	border-width : 1px;
}

#contact_container ul li#field_1_1
{
	margin-right : 19px;
}

#contact_container textarea
{
	max-width : 100%;
	width : 100%;
	height : 168px;

	padding-top : 10px;
	margin-top : 18px;
}

#gform_1 > div.gform_footer.top_label
{
	margin : 0px;
	padding : 0px;

	text-align : right;
}

#contact_container a.button, #contact_container input[type=submit]
{
	background: rgba(255, 255, 255, .2);
	color : #FFF;

	margin : 26px 0px 0px 0px;

	padding : 10px 45px;

	font-family : "Roboto Slab";
	font-size : 18px;
	font-weight : 700;
	letter-spacing : 2px;
	text-decoration : none;
	text-transform : uppercase;

	border-color : #938880;
	border-width : 1px;
	border-style : solid;

	cursor : pointer;
}

#contact_container a.button:hover
{
	background : rgba(255, 255, 255, .5);
}

#credits_container
{
	background : #8F837B; /* Brown */
	color : #FFFFFF;

	font-size : 14px;

	padding : 10px 30px;
}

#credits_container .site_width_container
{
	max-width : 990px;
}

#credits_container a:link, #credits_container a:visited
{
	color : #FFFFFF;
}

#credits_container .fright a:link, #credits_container .fright a:visited
{
	font-weight : bold;
}

.center
{
	text-align : center;
}

.fleft
{
	float : left;
}

.fleft p
{
	display : inline;
}

.fright
{
	float : right;
}

#mobile_logo, #pull
{
	display : none;
}

.clear
{
	clear : both;

	width : 0px;
	height : 0px;
}

.clearfix::after
{
    content : "";
    clear : both;
    display : table;
}

@media only screen and (max-width : 1249px)
{
	#logo_container
	{
		display : none;
	}

	#header_container
	{
		padding : 0px;
	}

	#mobile_logo
	{
		display : inline-block;

		width : 225px;

		margin : 5px 0px 0px 30px;
	}

	#nav_container
	{
		background : #FFF;
		position : fixed;
		top : 0px;

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

		height : auto;

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

		z-index : 3000;
	}

	.admin_bar #nav_container
	{
		top : 30px;
	}

	.navbar_container
	{
		margin : 0px 0px 0px;
	}

	.navbar_container a#pull
	{
		/* background : url('images/logo.png') 30px 5px no-repeat; */

		display: inline-block;
		position: relative;

		color : #FFFFFF;

		height : 51px;

		font-size : 22px;

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

		padding : 8px 30px 8px 30px;

		z-index : 3500;


		float : right;
	}

	.navbar_container a#pull img
	{
		padding-top : 5px;
	}

	.navbar_container a#pull:after
	{
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 23px;
		height: 21px;
		display: inline-block;
		position: absolute;
		right: 30px;
		top: 27px;
	}

	.outer_site_container.navigation .navbar_container li, a#pull
	{
		text-align : left;
	}

	.navbar_container ul
	{
		position : relative;

		float : none;

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

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

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

		text-align : left;
	}

	.navbar_container ul li, .navbar_container ul li:last-child
	{
		float : none;

		background : #8F837B; /* Brown */

		display : block;
		height : auto;

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

		margin : 0px;
	}

	.navbar_container ul li a, .navbar_container ul li a:link, .navbar_container ul li a:visited, .navbar_container ul li:last-child a:link, .navbar_container ul li:last-child a:visited, .navbar_container ul li:last-child a
	{
		float : none;

		background : #8F837B; /* Brown */
		background : none;
		color : #FFFFFF;

		display : block;

		height : 32px;

		font-size : 18px;
		font-weight : 400;

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

		text-transform : none;

		border-width : 0px;
	}

	.navbar_container ul li a:hover, .navbar_container ul li:last-child a:hover
	{
		background : #A8A09A; /* Tan */
	}
}

@media only screen and (max-width : 1195px)
{
	#testimonial_col_container
	{
		padding : 0px 30px;
	}

	#hp_testimonial_container .col
	{
		display : inline-grid;

		float : none;

		max-width : 24%;

		height : 29vw;
	}

	#hp_testimonial_container > div > div > div:nth-child(1)
	{
		margin-left : 0px;
	}
}

@media only screen and (max-width : 1156px)
{
	#slider_container
	{
		min-height : 60vw;
	}

	#triangles_bottom
	{
		height : 15vw;
	}

	#hero_bottom h1
	{
		font-size : 6vw;
		line-height : 6vw;
	}

	#testimonial_col_container
	{
		padding : 0px 10px;
	}

	#hp_testimonial_container .col
	{
		display : block;

		max-width : none;
		width : auto;
		height : auto;

		padding-bottom : 10px;

		margin : 0px auto;
	}

	#hp_testimonial_container > div > div > div:nth-child(3)
	{
		margin-left : 0px;
	}
}

@media only screen and (max-width : 1062px)
{
	#contact_container .col_1
	{
		float : none;

		max-width : 100%;

		padding : 0px;

		text-align : center;
	}

	#contact_container .col_2
	{
		float : none;

		max-width : 100%;

		padding : 0px 0px;

		text-align : center;
	}
}

@media only screen and (max-width : 1130px)
{
	#events_title_container.gallery, .site_width_container.gallery
	{
		max-width : 80%;

		margin : 0px auto 25px;
	}

	#gallery_carousel_container
	{
		max-width : 80%;
	}

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


}

@media only screen and (max-width : 1038px)
{
	#event_carousel_container .slide .slide_pic, #event_carousel_container .slide .slide_content
	{
		float : none;

		margin : 0px auto;
	}

	#event_carousel_container .slide .slide_pic
	{
		max-width : 491px;
	}

	#event_carousel_container .slide .slide_content
	{
		max-width : 491px;

		text-align : center;
	}
}

@media only screen and (max-width : 780px)
{
	#contact_container .col_2 form
	{
		position : relative;

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

	#contact_container input[type=text], #contact_container textarea
	{
		box-sizing: border-box;

		max-width : none;
		width : 100%;
		margin-top : 18px;

		margin-left : 0px;
		margin-right : 0px;
	}

	#contact_container input:first-child
	{
		margin-right : 0px;
	}

	#contact_container textarea
	{
		max-width : none;
		width : 100%;
		height : 168px;

		padding-top : 10px;
		margin-top : 18px;

		margin-left : 0px;
		margin-right : 0px;
	}
}

@media only screen and (max-width : 590px)
{
	#mobile_logo
	{
		width : 180px;

		margin : 8px 0px 0px 20px;
	}

	.navbar_container a#pull:after
	{
		top: 23px;
	}

	#slider_container
	{
		min-height : 70vw;
	}

	#triangles_bottom
	{
		height : 25vw;
	}

	#hero_bottom h1
	{
		font-size : 9vw;
		line-height : 8vw;
	}

	#slider_container.inside #hero_bottom h1
	{
		font-size : 11vw;
		line-height : 8vw;
	}

	#hp_callout_container
	{
		font-size : 18px;
		line-height : 28px;
	}

	#events_title_container
	{
		background : none;
	}

	#event_carousel_container .slide .slide_pic, #event_carousel_container .slide .slide_content
	{
		max-width : 70%;

		text-align : center;
	}

	#events_bottom_container
	{
		max-width : 80%;

		margin-left : auto;
		margin-right : auto;
	}

	#gallery_carousel_container
	{
		max-width : 70%;
	}

	img.alignleft
	{
		display : block;

		max-width : 90%;

		float: none;

		margin: 0px auto;
	}

	.fleft, .fright
	{
		float : none;

		text-align : center;
	}

}

@media only screen and (max-width : 380px)
{
	#slider_container
	{
		background-position : top center;
		background-size : 150% 150%;

		min-height : 90vw;
	}
}