/*@import '/css/modules/tabbed-content.css';*/

/*
	Index 
	---
	Dark Gray: #787878
	Medium Gray: #9E9E9E
	Light Gray: #ECECEC
	Color: #232323
*/

/* ----- Links & Colors ----- */
a, a:visited { color: #004750; text-decoration: underline; }
a:hover,a:focus,a:active { color: #303030; }
a.noLink { text-decoration: none; color: inherit; cursor: text; }
a.phone[href^=tel]:link, .phone a {color:#004750;}
a[href^=tel]{ color:inherit; text-decoration:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
:focus { outline: 2px solid #ff670f; }


/* ----- Structure ----- */
body { background-color: #fff; color: #181818; font-size: 14px; font-size: .875rem; }
.pagewrap { background: #fff url("/images/bg-body.jpg") center bottom no-repeat; background-size: cover; overflow: hidden; }


/* ----- Header ----- */
.masthead { background-color: #fff; position: relative; z-index: 6; padding: 1em 0; box-shadow: 0 0 7px rgba(0,0,0,.25); }
.logo img { display: block; max-height: 65px; }
	/* Search */
	.search-field-wrapper { background-color: #181818; padding: 1em 0; }
	.homepage .search-field-wrapper { position: relative; z-index: 15; }
	.search-field-wrapper .container { padding-right: 50px; }
	.search-field-wrapper input[type=search] { border: 0; border-radius: 0; font-size: 20px; font-size: 1.25rem; padding-right: 100px; }
	.search-field-wrapper input[type=submit] { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; padding-bottom: 0; padding-top: 0; padding-right: 1.5em; padding-left: 4em; background-position: .5em center !important; }

/* ----- Content ----- */
.content {  }
.maincontent { padding: 5em 0 2em; position: relative; }
.subcontent .maincontent:after { content: ''; display: block; position: absolute; top: -3em; right: 0; width: 460px; height: 792px; background: url("/images/img-grouped-circles.png") no-repeat; }
.subcontent .maincontent > .container { position: relative; z-index: 2; }

	/* Homepage Styling ----- */
	.wrapper { z-index: 15; }
	.homepage .page-title { padding: 0; }
	.homepage .page-title .container { padding: 2em 1em; width: 100%; background-color: #181818; background-color: rgba(0,0,0,.9); }
	.page-title-img { display: block; }
	.card-link {background-color:#fff;}
	.card-link img {margin:0 auto;}
	
		/* Card Shared */
		.maincontent [class*="card-"] { box-shadow: 0 0 25px rgba(0,0,0,.25); margin-bottom: 3em; }
		.maincontent .card-body { margin-bottom: 0; box-shadow: none; }
	
		/* Content Header Card */
		.card-heading,
		.card-mission { padding: 3.5em 1.5em; border: 1px solid #d8f8fc; background: url("/images/bg-h2.jpg") center no-repeat; background-size: cover; }
		.card-heading h2 { margin: 0; color: #fff; text-transform: none; }
		.card-heading h2 span { font-family: "futura-pt", sans-serif; text-transform: uppercase; font-weight: bold; }
		
		/* Intro Card */
		.card-introduction { position: relative; border: 1px solid #d8f8fc; overflow: hidden; }
		.card-introduction img { height: 200px; width: 100%; object-fit: cover; }
		.card-introduction .card-body { background-color: transparent; }
		.card-introduction h3,
		.card-introduction p { color: #fff; margin-top: 0; }
		.card-introduction p a { color: inherit; }
		.card-introduction h3 { font-weight: bold; }
		
		/* Services & About Card */
		.card-services img,
		.card-services2 img,
		.card-about img,
		.card-contact-steve img { display: block; width: 100%; }
		.card-body { background-color: #fff; padding: 2em; }
		.card-body h2 { margin-top: 0; margin-bottom: .25em; font-size: 56px; font-size: 3.5rem; font-weight: bold; }
		.card-body p:last-child { margin-bottom: 0; }
		.card-services h2 { color: #f93; }
		.card-about h2 { color: #61597b; }
		
		/* Founder Card */
		.card-founder { background-color: #fff; padding: 1.5em; margin-bottom: 0!important; }
		.card-founder img { display: block; width: 100%; margin-bottom: 1.25em; }
		.card-founder h3 { margin-bottom: 1em; }
		.card-founder h3 span { color: #ff9933; }
		.card-quote { padding: 2.25em; background: url("/images/bg-quote.jpg") center no-repeat; background-size: cover; }
		.card-quote p { margin: 0; color: #fff; font-family: "refrigerator-deluxe", sans-serif; font-size: 30px; font-size: 1.875rem; text-transform: uppercase; font-weight: bold; line-height: normal; }
	
	/* Subpage Styling ----- */
	.page-title { background-color: #000; position: relative; overflow: hidden; padding: 4em 0; box-shadow: 0 0 51px 24px rgba(0,0,0,.5); }
	.page-title h1 { display: inline-block; color: #fff; margin: 0; }
	.page-title h1 span { font-family: "refrigerator-deluxe", sans-serif; color: #7fa49d; font-weight: bold; text-transform: lowercase; display: block; text-align: right; }

		/* Breadcrumbs */
		.brundle_rundll_crumbles { display: block; color: #bebebe; font-size: 12px; font-size: .75rem; text-transform: uppercase; }
		.brundle_rundll_crumbles a { text-decoration: none; color: #fff; }
		.brundle_rundll_crumbles a:hover { color: #7fa49d; }
		.arrow { background: url("/images/icon-arrow-seperator.png") no-repeat scroll 0px 6px transparent; display: inline-block; height: 20px; margin: 0; padding: 0 0 0 15px; } 
		
		/* About Us */
		.about .page-title { background: url("/images/bg-about-title.jpg") right top no-repeat; background-size: cover; }
		.contact .page-title { background: url("/images/bg-contact-title.jpg") right center no-repeat; background-size: cover; }
		.services .page-title { background: url("/images/bg-services-title.jpg") center 25% no-repeat; background-size: cover; }
		.media-center .page-title { background: url("/images/bg-mediacenter.jpg") center no-repeat; background-size: cover; }
		.card-pageintro { margin-bottom: 0!important; background-color: #fff; padding: 2em 3em; }
		.card-pageintro p { margin-bottom: 0; }
		.card-pageintro p span { color: #ff9933; font-size: 30px; font-size: 1.875rem; text-transform: uppercase; font-weight: bold; }
		.card-mission { padding: 2em; }
		.card-mission h2 { font-weight: bold; text-transform: uppercase; color: #fff; font-size: 36px; font-size: 2.25rem; margin: 0 0 .75em; }
		.card-mission p { color: #fff; font-size: 26px; font-size: 1.625rem; line-height: normal; }
		.card-mission p:last-child { margin-bottom: 0; }
		.card-mission p span { font-size: 40px; font-size: 2.5rem; }
		.card-content { background-color: #fff; }
		.card-content .orange-header { background: url("/images/bg-quote.jpg") center no-repeat; background-size: cover; }
		.card-content .orange-header img { display: block; width: 100%; }
		.card-content .orange-header h3 { color: #fff; font-size: 30px; font-size: 1.875rem; font-weight: bold; margin: 0; padding: 25px; }
		.card-content .orange-header h3 span { color: #0a0d0d; font-weight: normal; font-size: 20px; font-size: 1.25rem; }
		.card-content .card-body { padding: 2.5em; }
		
		/* Services */
		.services-content .orange-header { padding: 2.5em; }
		.services-content .orange-header h2 { color: #fff; margin: 0; }
		.card-services-steve { margin-bottom: 0!important; }
		.split-buttons { margin-bottom: 3em; }
		.split-buttons a { display: block; }
		
		/* Media Center */
		.mc-row { margin-bottom: 4em; }
		.mc-row:last-child { margin-bottom: 0; }
		.mc-row h3 { margin-bottom: 0; }
		.card-sidebar { border: 1px solid #fff; border-color: rgba(255,255,255,.6); }
		.card-sidebar h2 { color: #fff; margin: 0; padding: .3em .4em; font-size: 56px; font-size: 3.5rem; font-weight: bold; }
		.card-sidebar .card-body { padding: 0; }
		.card-sidebar .card-body li a { display: block; font-size: 32px; font-size: 2rem; color: #000; text-decoration: none; background: #fff url("/images/icon-arrow-button.png") right .5em center no-repeat; padding: .5em .75em; text-transform: uppercase; border-bottom: 2px solid #eee; }
		.card-sidebar .card-body li a:hover { background-image: url("/images/icon-arrow-button-orange.png"); }
		.card-sidebar .button { border: 0!important; padding-top: 1.5em; padding-bottom: 1.5em; }
		
		/* Contact page */
		body.contact .main,
		body.contact .sidebar { height: auto !important; }
		.contactform li { margin-bottom: 1em; }
		.contactform li h3 { margin: 25px 0 5px; }
		.contactform li label { display: block; margin: 0 0 3px; font-weight: bold; }
		.contactform li .inline { display: inline; margin-left: 10px; }
		.contactform li .nomargin { margin: 25px 0 0; }
		.contact-location-list { list-style: none; margin: 0; padding: 0; } 
		.contact-location-list li { margin: 0 0 30px; }
		
		/* Location List */
		ul.locations { list-style: none; margin: 0; padding: 0; }
		ul.locations li { border-bottom: 1px solid #EEE; padding: 0 0 15px; margin: 0 0 15px; }
		ul.locations li:last-child { border: 0; padding: 0; margin: 0; }
		ul.locations li .img { float: left; width: 17%; margin: 0 2% 0 0; }
		ul.locations li .right { float: right; width: 81%; }
		ul.locations li h2 { margin: 5px 0 10px; }

/* --- Footer --- */
.footer { padding: 3em 0; background: #020105 url("/images/bg-footer.jpg") center no-repeat; background-size: cover; text-transform: uppercase; position: relative; z-index: 5; } 
.footernav { margin-bottom: 3em; }
.footernav li { display: inline-block; margin-right: 1.5em; font-family: "refrigerator-deluxe", Arial, sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: bold; }
.footernav li a { display: block; text-decoration: none; padding: .25em 0; color: #fff; }
.footernav li a:hover { text-decoration: underline; }
.footer-phone,
.footer-address { color: #ff9933; font-family: "refrigerator-deluxe", Arial, sans-serif; font-size: 24px; font-size: 1.5rem; line-height: normal; font-weight: bold; }
.footer-phone { margin-bottom: .25em; }
.connect-title { font-family: "refrigerator-deluxe", Arial, sans-serif; font-size: 24px; font-size: 1.5rem; color: #7fa49d; margin-top: 2em; }
	/* Copyright */
	.copyright { margin-top: 4em; }
	.copyright p { color: #fff; font-size: 15px; font-size: .938rem; margin-bottom: 0; }
	.copyright a { color: inherit; text-decoration: none; }
	.copyright a:hover { text-decoration: underline; }


/* ----- Quick Forms ----- */
.quickform { list-style: none; margin: 0; padding: 0; }
.quickform li { margin-bottom: 1em; }
.quickform .full h3 { margin: 25px 0 5px; }
.quickform li label { display: block; margin: 0 0 3px; }
.quickform .full.cbox { margin: 0 0 5px; }
.quickform .full.cbox label { display: inline; }
.quickform .full.cbox input { margin: 0 10px 0 0; }
.quickform .full .hint { color: #707070; font-size: 11px; font-size: .668rem; display: block; }
.quickform .full .nomargin { margin: 25px 0 0; }


/* ----- Typography ----- */
body, p, ul, ol, dl, input, textarea, select, button { font-family: "futura-pt", Arial, sans-serif; line-height: 1.65; }

	/* Headings ----- */
	h1, h2, h3, h4, h5, h6 { color: #0a0d0d; font-weight: normal; font-family: "refrigerator-deluxe", Arial, sans-serif; margin: .5em 0; line-height: 1; text-transform: uppercase; }
	h1 { font-size: 48px; font-size: 3rem; margin: 0 0 .5em; font-family: "futura-pt-bold", "futura-pt", sans-serif; }
	h2 { font-size: 30px; font-size: 1.875rem; }
	h3 { font-size: 30px; font-size: 1.875rem; }
	h4 { font-size: 24px; font-size: 1.5rem; }
	
	.heading-refrig { color: #7fa49d; font-size: 32px; font-size: 2rem; font-weight: normal; font-family: "refrigerator-deluxe", Arial, sans-serif; text-transform: none; }
	.refrig { font-family: "refrigerator-deluxe", Arial, sans-serif !important; }
	.futura { font-family: "futura-pt", Arial, sans-serif !important; }

	/* Text Elements ----- */
	p, li, table, blockquote { font-size: 18px; font-size: 1.125rem; }
	p { margin: 0 0 1em; }
	blockquote { margin: 1.5rem; }
	ul, ol, dl { margin: 1.5em; list-style-position:outside; }


@media screen and (max-width: 1023px) {
	.large-only { display: none; }
	
	/* Darken Cards */
	.card-heading,
	.card-introduction { background-color: rgba(35,35,35,.5); }
	
	/* Subpages */
	.subcontent .page-title { padding: 0; }
	.subcontent .page-title .container { width: 100%; background-color: #000; background-color: rgba(0,0,0,.9); padding: 2em; }
}


@media screen and (min-width: 600px) {
	.card-contact-steve,
	.card-services2 { float: left; width: 49%; }
	.card-contact-steve { margin-right: 2%; }
}


@media screen and (min-width: 769px) {
	 /* ----- Header ----- */
	.masthead {  }
	

	/* --- Content --- */
	.content {  }
	.main.last,
	.shift-right { float: right!important; }

		/* Homepage Styling ----- */
			/* Founder Card */
			.card-founder { padding: 3em; }
		

		/* Subpage Styling ----- */

			/* Site Options */
			.site-options { display: block; margin: 0 0 1em; }
			.site-options li { display: inline-block; margin: 0 .25em 0 0; vertical-align: baseline; font-weight: bold; font-family: 'refrigerator-deluxe', sans-serif; cursor: pointer;}
			.site-options .title { color: #7fa49d; text-transform: uppercase; margin-right: 1em; }
			.site-options li a { text-decoration: none; color: #fff; }
			.site-options li a:hover { color: #7fa49d; }
			.site-options li a.smlFnt { font-size: 14px; font-size: .875rem; }
			.site-options li a.mdmFnt { font-size: 18px; font-size: 1.125rem; }
			.site-options li a.lrgFnt { font-size: 22px; font-size: 1.375rem; }
			
			/* Page title Anchor */
			.anchor-down { display: block; width: 46px; height: 46px; background: url("/images/icon-anchor-down.png") no-repeat; text-indent: -9999em; }


	/* ----- Footer ----- */
	.footernav li a { padding: 0; }
	.connect-col { text-align: right; }
	.connect-title { margin-top: 0; }
	.connect-col a { margin-left: 1em; }
	.copyright { text-align: right; }
	
	
	/* Typography */
	h1 { font-size: 70px; font-size: 4.375rem; }
	.heading-refrig { font-size: 56px; font-size: 3.5rem; }
	.card-heading h2 { font-size: 56px; font-size: 3.5rem; }
}

@media screen and (min-width: 1024px) {
	 /* ----- Structure ----- */
	.mobileonly { display: none !important; }
	
	
	/* Masthead */
	.masthead { box-shadow: none; }
	.masthead .container { position: relative; }
	.logo { position: absolute; left: 0; top: .5em; }
	.logo img { max-height: 100px; }
	.secondary-nav li { display: inline-block; vertical-align: middle; margin-left: 1.5em; text-transform: uppercase; font-size: 24px; font-size: 1.5rem; font-family: "refrigerator-deluxe", Arial, sans-serif; }
	.secondary-nav a { display: block; color: #181818; text-decoration: none; }
	.secondary-nav a:hover { text-decoration: underline; }
	.secondary-nav img { display: block; }
	
	
	/* ----- Navigation -----  */
	.menu { background-color: #fff; position: relative; z-index: 5; padding: .5em 0; }
	.homepage .menu { background-color: transparent; z-index: 12; }
	.menu li { display: inline-block; font-weight: bold; font-size: 24px; font-size: 1.5rem; font-family: "refrigerator-deluxe", Arial, sans-serif; position: relative; text-transform: uppercase; }
	.menu a { display: block; padding: .5em 1em; color: #181818; text-decoration: none; }
	.menu a.profiles {display: inline-block;padding: 0;vertical-align: middle; line-height: 1;}
	.menu a:hover { text-decoration: underline; }

		/* Second Tier ----- */
		.menu li > ul { display: none; position: absolute; top: 80%; left: 0; background: #FFF; width: 250px; padding: 0; box-shadow: 0 5px 15px rgba(0,0,0,.3); list-style: none; margin: 0; }
		.menu li:hover > ul { display: block; }
		.menu li li { float: none; display: block; font-size:20px; font-size: 1.25rem; padding: 0; }
		.menu li li a { display: block; padding: 10px; border: 0; border-bottom: 1px solid #DDD; color: #343434; text-shadow: none; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; text-align: left; }
		.menu li li:last-child a { border: 0; }
		.menu li li a:hover { padding: 10px 10px 10px 15px; color: #A00; background: #fbf8f3; filter: none; box-shadow: none; }

		/* Third Tier ----- */
		.menu li li > ul { margin: 0; left: 100%; top: 0; background: #EEE; box-shadow: inset 1px 0 3px rgba(0,0,0,.1); }
	
	
	/* --- Content --- */
	.content { }
	.main.last { float: right; }

		/* Homepage Styling ----- */
		.homepage .maincontent { padding: 8em 0 5em; }
		.homepage .masthead .logo,
		.homepage .page-title:before { display: none; }
		.homepage .page-title { padding: 4em 0 0; margin-top: -88px; }
		.homepage .page-title .container { z-index: 11!important; background-color: transparent; }
		.homepage .page-title h1 { margin: 2.25em 0 3.75em; max-width: 100%; line-height: .8; }
		.homepage .page-title h1 span { float: right; margin-top: .25em; font-weight: normal; }
		.homepage .page-title-img { position: absolute; top: -15%; left: 0; display: block; width: 100%; }
		
			/* Introduction Card */
			.card-introduction img { position: absolute; right: 0; top: 0; bottom: 0; width: 45%; height: 100%; }
			.card-introduction { padding-right: 50%; }
			

		/* Subpage Styling ----- */
		.subcontent .maincontent:after { top: -8%; }
		.maincontent .shift-right { padding-left: 3%; }
		
			/* Page Title */
			.page-title .container { position: relative; background-color: transparent; z-index: 2; }
			.wrapper:before,
			.page-title:before { content: ''; background-color: #181818; background-color: rgba(0,0,0,.9); position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 1; box-shadow: 0 0 51px 24px rgba(0,0,0,.5); }
			.wrapper:before { z-index: 10; }
			.page-title h1 { max-width: 45%; margin: 1.5em 0; }
			.page-title h1 span { font-weight: bold; padding-left: 1em; }
			.page-title .scroll-to-content { position: absolute; left: 50%; bottom: 0; margin-left: -118.5px; display: block; z-index: 11; }
			
			/* About Us */
			.card-mission { padding: 2.5em; }
			.card-content .orange-header { position: relative; }
			.card-content .orange-header h3 { font-size: 56px; font-size: 4.5rem; padding: 50px 55% 50px 25px; }
			.card-content .orange-header img { position: absolute; right: 0; top: 0; height: 100%; width: 50%; object-fit: cover; }
			.card-content .card-body { padding: 3.5em; }
			.card-contact-steve,
			.card-services2 { float: none; width: 100%; margin: 0; }
			
			/* Services */
			.services-content .orange-header h2 { font-size: 56px; font-size: 3.5rem; }
			.card-services-steve { padding-right: 0; }
			.split-buttons { margin-bottom: 0; }
			.split-buttons a { float: left; width: 50%; }
			
}

@media screen and (min-width: 1200px) {
	.img-crop { height: 445px; overflow: hidden; }
}