/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    text-shadow: none;
}

::selection {
    text-shadow: none;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Spider Styles
   ========================================================================== */

/*-------general-------*/
body {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
}

p.title {
	text-transform:uppercase;
	font-size: 1.5em;
}

.header .contact p.title {
	font-size: 1.188em;
	margin-bottom:10px;
}

.header .contact p.title,
.header .contact ul.get-in-touch li {
	text-align:right;
}

/*-------typography-------*/
#hom .heading,
#hom .sub-heading {
	text-align:center;
}

h1, h2, h3, h4, h5, h6, legend {
	font-weight:300;
}

h1 {
	font-size:3.00em;
	text-align:center;
	text-transform:uppercase;
}

h2,
legend {
	font-size:2.25em;
	text-align:center;
}

.sub-heading h2 {
	font-size:2.250em;
}

h1 .fa-stack,
legend .fa-stack,
.heading h2 .fa-stack {
	font-size:0.583em;
}

a, a:hover, a:active, a:focus {
	outline:none;
	text-decoration:none;
}

/*-------scaffolding-------*/
.dropdown-menu > li > a i {
	font-size:16px;
}

/*-------header-------*/
.sub-header ul li {
	line-height:30px;
}

.sub-header ul li a {
}

.sub-header ul li i {
}

/*-------navigation-------*/
.navbar-default .navbar-nav > li > a {
	font-size:1.750em;
	text-align:center;
	line-height:1.8em;
}

.navbar-default .navbar-nav > li > a > i {
	font-size:0.750em;
}

.dropdown-menu {
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
}

.sub-header .dropdown-menu {
	font-size:12px;
	text-transform:uppercase;
	text-align:right;
}

.sub-header .dropdown-menu > li > a {
	border:none;
	padding:0;
}

/*-------get in touch-------*/
ul.get-in-touch li {
	text-align: center;
}
 
ul.get-in-touch li.tel {
	font-size:2.250em;
}

ul.get-in-touch li.email {
	font-size:1.188em;
}

/*-------forms-------*/
label,
.radio label,
.checkbox label {
	font-weight: 300;
	font-size: 1.188em;
}

.input-group-btn {
	font-size:1em;
}

.btn {
	font-size:1.188em;
	font-weight:300;
}

.btn.btn-danger {
	font-size:1em;
}

.btn.btn-sub {
	font-size:1em;
}

.btn.btn-sm {
	font-size:0.750em;
}

.btn i {
	font-size:0.762em;
}

.btn.btn-sm i {
	font-size:inherit;
}

.autocomplete-suggestion {
	font-size: 1em; 
	white-space: nowrap; 
}

.autocomplete-suggestions strong {
	font-weight: normal; 
}

/*-------table-------*/
.table > thead > tr > th,
tr.title td {
	text-transform:uppercase;
	font-size:1.188em;
}

tr.total td {
	font-weight:600;
}

.table.search label {
	font-size:1.313em;
}

.table.search > tbody > tr > th {
	line-height:normal;
}

.table.results > thead > tr > th {
	font-weight:400;
}

/*-------landing page--------*/
.quote-button h4 {
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
}

.pricelist-button h4 {
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
}

.btn.btn-primary.go {
	font-size: 0.8em;
}

/*-------accordion--------*/
i.fa.fa-chevron-circle-down.accordion-icon {
	font-size: 0.8em;
	line-height: 1.5;
}

i.fa.fa-chevron-circle-up.accordion-icon {
	font-size: 0.8em;
	line-height: 1.5;
}

/*-------draggable list-------*/
li.grab {
	text-transform:uppercase;
}

/*-------tabs-------*/
.nav-tabs > li > a {
	text-transform:uppercase;
	font-size:1.313em;
	font-weight:300;
}

.nav-tabs.small-tabs > li > a {
	font-size:1em;
}

/*-------product grouping accordian-------*/
.product-group-title {
	text-transform:uppercase;
}

.product-group-title i {
	font-size:1.313em;
}

/*-------order basket-------*/
#basket h2 {
	font-size:1.750em;
}

.basket-tab .basket-reveal.btn.btn-primary {
	font-size:1.313em;
}

.basket-actions .btn.btn-primary {
	font-size:1em;
}

.basket-actions p.total {
	font-size:1.313em;
}

.basket-wrap .basket-actions {
	text-align:center;
}

/*-------messages-------*/
.message-title h2 {
	float:left;
	max-width:525px;
}

/*-------misc-------*/
.alert-warning li a:after {
	font-family: FontAwesome;
	content: " \f105";
}

.alert-warning li:first-child a {
	text-transform:uppercase;
}

.product-tab-title h2 {
	max-width:550px;
}

.product-tab-title p {
	text-transform:uppercase;
	margin-top:10px;
}

/*-------pricelist--------*/

td.disclaimer {
    font-size: 0.9em;
}

h4.panel-title {
    text-transform: uppercase;
    font-size: 1.5em;
} 
 

/*-------pre footer-------*/
.pre-footer h2 {
	min-height: 140px;
}

/*-------footer-------*/
.footer {
	text-align:center;
}

@media screen and (max-width : 992px) {
	.pre-footer h2 {
		min-height:50px;
	}
    	.quote-button h4 {
		font-size: 1.2em;
	}
	
	.pricelist-button h4 {
		font-size: 1.2em;
	}
}

@media screen and (max-width : 767px) {
	.heading,
	.sub-heading {
		text-align:center;
	}
}

@media screen and (max-width : 475px) {
	.header .contact p.title, .header .contact ul.get-in-touch li {
		text-align:center;
	}
	
	h1 {
		font-size:10vw;
	}
}

@media screen and (max-width : 375px) {
	h4.panel-title {
		font-size: 1.3em;
	}
	
	h1 {
		font-size: 10vw;
	}
}