/* Define mobile styles */
@media only screen {
	
	body { background: url("/sites/www.trientine.com/images/body_bgr.png") repeat-x scroll left top #e0e0e0; }
	h1 { font-size: 1.8rem; }
	h2 { font-size: 1.4rem; }
	h3 { font-size: 1.2rem; }
	h4 { font-size: 1.1rem; }
	
	.home br { display: none; }
	
	#banner { background: #fff; }
	#banner .title { color: #e97717; font-size: 2rem; font-style: oblique; text-align: center; }
	#banner-content .logo { text-align: center; }
	#main_content_wrapper { padding-top: 2em; }
	#columns_wrapper { background: #fff; }
	#right_col { background-color: #cce6eb; }
	
	#banner, #columns_wrapper, #container_top { box-shadow: 0px 5px 5px rgba(0,0,0,0.4); }
	#news_headlines { padding-top: 2rem; }
	#news_headlines dd { border-bottom: 1px dotted #00849c; }
	#news_headlines .date { font-weight: bold; text-align: right; border: 0; }
	#company_details { background-color: #e97717; margin: 0; padding: 1.4rem 0; color: #fff; }
	#company_details a { color: #fff; }
	
	.panel { border: 2px solid #f66; border-radius: 1rem; }
	.panel p { font-weight: bold; }
	
	.top-bar {
		background-color: #e97717;
	}
	.top-bar.expanded .title-area {
	}
	.top-bar-section {
	}
	
	.top-bar .toggle-topbar.menu-icon a {
		
	}
	
	.top-bar.expanded .toggle-topbar a {
		
	}
	
	.top-bar .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #555, 0 7px 0 1px #555, 0 14px 0 1px #555; */
	}
	
	.top-bar.expanded .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; */
	}
	
	.top-bar-section ul li > a {
	}
	
	/* nav a */
	.top-bar-section li:not(.has-form) a:not(.button) {
		background-color: #e97717;
		border-left: 2px solid #17c7e9;
	}
	
	/* nav a hover */
	.top-bar-section li:not(.has-form) a:not(.button):hover {
		background-color: #17c7e9;
	}
	
	/* nav a active */
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background-color: #a76023;
	}
	
	/* nav a active hover */
	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background-color: #a76023;
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .about-us .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .our-services .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .about-you .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .contact-us .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
		
	}
	
	/* nav a with dropdown triangle */
	.top-bar-section .has-dropdown > a:after {
		/* border-color: rgba(80,80,80,0.5) transparent transparent transparent; */
	}
	
	.top-bar-section .has-dropdown > a:after {
		
	}
	
	.top-bar-section .has-dropdown > a:hover:after {
	}
	
	.top-bar-section ul li {
	}
	
	.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
		
	}
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	
} 

 /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	#banner .title { padding-top: 1.8rem; }
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
	
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
	
}