
/***** COLORS *****

E2E0D4 lt beige
c3c4b2 dk beige
9F1B33 burgundy
f2f2f2 bg grey

/*******************/


/* #Media Queries
================================================== */

@media only screen and (max-width: 1600px) {
	
	#anything-slider .banner_text
	{
	/*bottom: 180px;*/
	}
	
	.main_content_padding
	{
	padding-left: 200px;	
	padding-right: 200px;	
	}				

}

@media only screen and (max-width: 1200px) {

	
/* ANYTHING SLIDER CONTENT */	

	#anything-slider .banner_text
	{	
	margin: 30px 0px 0px 30px;	
	/*border-color: blue;*/
	}
	
		#anything-slider .banner_text .title
		{
		
		}
		
		#anything-slider .banner_text_title .alt_color_1
		{
			
		}
		
		.banner_text .details
		{
		
		}
		

/* END ANYTHING SLIDER CONTENT */
	
	
	.main_content_padding
	{
	padding-left: 100px;	
	padding-right: 100px;	
	}	
	
}


/* Smaller than 1024 (ipad Air) */
@media only screen and (max-width: 1024px) {


	.main_content_padding
	{
	padding-left: 20px;	
	padding-right: 20px;	
	}	
	
	#header_1 /* make header a bit taller to fit the horizontal menu UNDER the 608AC7 */
	{		
	/*height: 150px;	*/
	}	
	
	.selection_boxes img
	{	
	padding: 20px 40px 20px 40px; /* padding can only be applied to the image as the absolute positioned image below will not honour it on the div */	
	}
	
	#nav_container /* move menu down to slip under logo */
	{	
	
	}
	
	#logo
	{
	/*top: 12px;
	width: 250px;
	height: 85px;*/	
	}		

	
	/*** responsive promo boxes ***/
	.responsive_promo_box .content
	{						
	/*max-width: 470px;	*/
	/*margin: 0 0 0 -400px;*/
	}
	
	.responsive_promo_box
	{	
	/*min-height: 200px;	*/
	}
	

	/*****************/
}

/* Tablet Portrait size to standard 1000 (devices and browsers) */
/*@media only screen and (min-width: 768px) and (max-width: 999px) {*/
@media only screen and (max-width: 999px) {

	.main_content_padding
	{
	/*padding-left: 20px;	
	padding-right: 20px;	*/
	}	

	/*** MENU SWITCH ***/
		#nav_container
		{
		display: none;	
		}
		
		#mobile_nav_bar, 
		#nav-menu-mobile,
		#nav_container_mobile_wrapper
		{	
		display: block;
		}
		
		#header_1
		{			
		height: 70px;
		}

			.smaller #header_1
			{					
			height: 70px;
			height: 0px;
			border: 0px solid red;		
			}
		
		#header_2_container
		{
		display: none;	
		}

		#container_1
		{		
		margin-top: 114px !important;	/* must match total header height plus 44px (for the WP toolbar) */ 
		}
		
		#header_1_container
		{
		top: 44px !important;	/* make room for drop down nav */
		}
	/*******************/	


#logo
{
width: 200px;
height: 42px;
top: 17px;
}

	.smaller #logo
	{	
	height: 0px;
	width: 0px;
	}

#vcard
{
top: 0px;	
right: 25px;
}

	#email_container
	{	
	top: 35px;		
	}


#social_buttons
{
top: 5px;
right: 5px;
}

	.smaller #social_buttons
	{	
	height: 0px;
	width: 0px;
	}

	
/* ANYTHING SLIDER CONTENT */	

#anything-slider .banner_text
{	
/*padding: 20px 40px 20px 40px;		
margin: 10px 20px 0px 10px;*/
}

		#anything-slider .banner_text .title
		{
		
		}
		
		#anything-slider .banner_text_title .alt_color_1
		{
			
		}
		
		.banner_text .details
		{
		
		}
		
	
/* END ANYTHING SLIDER CONTENT */	


	#social_buttons_2
	{
	top: 5px;
	}	
	
		#social_buttons_2 #linked_in_link, #social_buttons_2 #facebook_link, #social_buttons_2 #twitter_link, #social_buttons_2 #youtube_link, #social_buttons_2 #instagram_link
		{	
		margin-right: 5px;		
		}	
	
	#anything-slider 
	{	
	position: relative;
	/*border-top: 2px solid #8FA4CF;	*/
	}
	
	#container_1, .home #container_1 
	{	
	/*background:transparent url('images/tiling_bg_2_internal.jpg') left top repeat-x;*/
	}
	
	#content_container_2 /* to place a padding on left and right of containers when on mobile (single column) */
	{	
	/*padding-left: 20px;
	padding-right: 20px;*/
	}
	
	.home #content_container
	{
	/*margin-top: 110px;*/
	}
	

	
	#home_page_content_padding
	{				
	/*padding: 50px 0px 30px 0px;	*/
	}				
	
	/*** responsive promo boxes ***/
	.responsive_promo_box, .responsive_promo_box  .content /* reduce overall height of box and content */
	{	
	/*min-height: 300px;	*/
	}
	
	.responsive_promo_box .content /* content  */
	{						
	/*max-width: 400px;*/
	}
	
	.responsive_promo_box.image_left .content /* content when image is on left */
	{
	/*margin: 0 -700px 0 0;*/
	margin: 0 0 0 -80px; /* use this setting to move content left or right */
	max-width: 500px;
	}
	
	.responsive_promo_box.image_right .content /* content when image is on right */
	{		
	margin: 0 0 0 -400px; /* use this setting to move content left or right */	 
	max-width: 500px;
	}
	
	.responsive_promo_box.image_left .responsive_image /* image on left */
	{				
	left: -40px;	/* move it over so its centered better */
	}
	
	.responsive_promo_box.image_right .responsive_image /* image on right */
	{				
	right: -100px;	 /*move it over so its centered better */
	}
	/*************/

	
	#footer_logo, #mcp_logo
	{
	position: relative;	
	margin: 0 auto;
	right: 0;
	top: 0;
	margin-bottom: 10px;
	}
}

@media only screen and (max-width: 850px) {

#vcard
{
display: none;
}

/* ANYTHING SLIDER CONTENT */	

#banner_images_wrapper /* wraps everything */
{	

}	

#anything-slider .banner_text
{	
padding: 20px 30px 30px 30px;		
margin: 20px 0px 0px 0px;	
/*max-width: none;
width: 100% !important;*/	
max-width: 500px;	
top: 0px;
}

	#anything-slider .banner_text .banner_text_title
	{
	font-size: 40px !important;
	line-height: 56px !important;
	}
	
	#anything-slider .banner_text .banner_text_title .alt_color_1
	{
	font-size: 70px !important;
	line-height: 90px !important;	
	}	
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

.row_of_boxes_2.container .column.first, .row_of_boxes_2.container .columns.first, 
.row_of_boxes_2.container .column.last, .row_of_boxes_2.container .columns.last, 
.row_of_boxes_2.container .column, .row_of_boxes_2.container .columns
{			
padding-right: 0px;
padding-left: 0px;
}	

.main_content_padding
{
/*padding-left: 20px;
padding-right: 20px;*/
}			

.entry-content img, .wp-caption.alignright, .wp-caption.alignleft  /* center all floated images in content areas */
{
float: none;
display: block;
margin: 0 auto;
margin-bottom: 25px;
}

#header_1_container
{			
margin-bottom: 0px;
}	

	
	#anything-slider-wrapper
	{
	width: 100%;
	}
	
	.banner_text .call_to_action
	{
	display: none;
	}	
		

	.selection_boxes img
	{	
	padding: 20px 20px 20px 20px; /* padding can only be applied to the image as the absolute positioned image below will not honour it on the div */	
	}


	#home_page_content_container
	{
	margin-top: 0px;		
	border-top: 1px solid #ccc;	
	}

		#home_page_content
		{
		Max-width: 1200px;
		/*margin-bottom: 35px;*/				
		font-size: 18px;
		line-height: 26px;
		margin: 0 auto;				
		}
		
			#home_page_content_padding
			{
			padding: 20px 20px 20px 20px;						
			}
			
			#home_page_content h1
			{									
			font-size: 40px !important;
			line-height: 60px !important;;
			}
			
			#home_page_content h2
			{									
			font-size: 30px;
			line-height: 48px;
			margin-bottom: 0px;
			}

		
	#banner_box
	{
	display: none;
	}
	
	#container_3 
	{
   /*margin-top: 0px;*/
	}
	
	#hours
	{
	text-align: center;	
	}
	
	#email_button, #phone_button
	{
	/*display: block;	*/
	}
	
	#quote
	{
	display: none;	
	}
	
	#container_1, .home #container_1 
	{	
	/*background:transparent url('images/tiling_bg_2_internal.jpg') left top repeat-x;*/
	}
	
	#content_container_2 /* to place a padding on left and right of containers when on mobile (single column) */
	{	
	/*padding-left: 20px;
	padding-right: 20px;*/
	}

	.home #content_container
	{
	/*margin-top: 110px;*/
	}
	
	/*** responsive promo boxes - turn to all vertical for mobile ***/
	.responsive_promo_box .responsive_image, .responsive_promo_box.image_left .responsive_image
	{
	display: block;
	height: auto;	
	position: relative;
	top: 0px;
	left: 0;
	margin: 0;
	/*min-width: 440px;*/
	
	}
	
	.responsive_promo_box .content, .responsive_promo_box.image_left .content, .responsive_promo_box.image_right .content
	{							
	max-width: none;		
	left: 0px;	
	margin: 0;
	min-height: auto;
	padding-top: 30px;
	padding-bottom: 35px;
	}
	
	.responsive_promo_box .content h2
	{
	font-size: 32px;
	line-height: 40px;
	}
	/****************************/
		

	
	#arrow_skinny_1, #arrow_skinny_2	
	{
	display: none;
	}
	
	#content_container
	{	

	}	

	#content_container_2
	{	
	/*max-width: 650px;	
	/*padding-left: 20px;
	padding-right: 20px;*/
	}	
	
	.default-theme.wp-posts-carousel .wp-posts-carousel-details
	{	
	padding: 110px 80px 80px 80px !important;		
	}
	
	#footer
	{
	/*display: none;*/
	}
	
	#footer_logo
	{
	position: relative;	
	right: 0px;
	top: 0px;	
	margin: 0 auto;
	margin-bottom: 10px;
	}

	#social_buttons_2
	{	
			
	}	
	
					
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#social_buttons_2
{
display: none;
}	


/* ANYTHING SLIDER CONTENT */	

#banner_images_wrapper /* wraps everything */
{	

}	

#anything-slider .banner_text
{	
padding: 10px 20px 10px 20px;		
text-align: center;
}

	#anything-slider .banner_text .banner_text_title
	{
	font-size: 30px !important;
	line-height: 44px !important;
	}
	
	#anything-slider .banner_text .banner_text_title .alt_color_1
	{
	font-size: 40px !important;
	line-height: 60px !important;	
	}
	
	.banner_text .details
	{
	
	}
	

#header_1 /* make header smaller as 608AC7 is also getting smaller */
{		
/*height: 61px;*/
}

.selection_boxes img
{	
padding: 20px 10px 20px 10px; /* padding can only be applied to the image as the absolute positioned image below will not honour it on the div */	
}

.responsive_promo_box .content
{	
padding-left: 20px;
padding-right: 20px;
}	

.main_content_padding
{
padding-left: 20px;	
padding-right: 20px;	
}	

.default-theme.wp-posts-carousel .wp-posts-carousel-details
{	
padding: 100px 30px 80px 30px !important;		
}	

	.wp-posts-carousel .wp-posts-carousel-desc, 
	.wp-posts-carousel .wp-posts-carousel-desc p
	{	
	font-size: 22px !important;
	line-height: 30px !important;	
	}

#home_page_content_2
{
display: none;	
}

#home_page_content h1
{									
font-size: 34px !important;
line-height: 50px !important;;
}

#home_page_content h2
{									
font-size: 22px;
line-height: 40px;
margin-bottom: 0px;
}

#footer_logo
{
right: 2px;
/*display: none;*/
}

}

@media only screen and (max-width: 320px) {
	

#logo
{
position: relative;	
margin: 0 auto;
}

#anything-slider .banner_text .banner_text_title
{
display: none !important;
}
	
}



