/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------

:: Type Ref
:: Shared Styles
:: Header
:: Main

*/
/* -----------------------------------------
:: Type Ref
----------------------------------------- */

/*

Proxima Nova
	Regular
		font-family: proxima-nova,sans-serif; font-weight: 400; font-style: normal;
	Italic
		font-family: proxima-nova,sans-serif; font-weight: 400; font-style: italic;
	Bold
		font-family: proxima-nova, sans-serif; font-weight: 700; font-style: normal;
	Bold Italic
		font-family: proxima-nova,sans-serif; font-weight: 700; font-style: italic;


Sweet Sans Pro 
	Light
		font-family: sweet-sans-pro,sans-serif; font-weight: 500; font-style: normal;
	Bold
		font-family: sweet-sans-pro,sans-serif; font-weight: 800; font-style: normal;

Bressay
	Regular
		font-family: bressay,serif; font-weight: 400; font-style: normal;
	Italic
		font-family: bressay,serif; font-weight: 400; font-style: italic;
	Bold Italic
		font-family: bressay, serif; font-weight: 700; font-style: italic;

*/

/* -----------------------------------------
:: Shared Styles
----------------------------------------- */

/*
body {
	background: 
	    linear-gradient(
      rgba(0, 0, 0, 0.8), 
      rgba(0, 0, 0, 0.8)
    ),
	url("../images/bg4.jpg") repeat top center;
	background-size: cover;
	color: #fff; 
	font-family: proxima-nova,sans-serif; font-weight: 400; font-style: normal;
}
*/

body {
	background: 
	    
	url("../images/gs-millwork-background.jpg") repeat top center;
	background-size: cover;
	color: #fff; 
	font-family: proxima-nova,sans-serif; font-weight: 400; font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-family: sweet-sans-pro,sans-serif; font-style: normal;
	font-weight: 800; 
	letter-spacing: 1px; 
	text-transform: uppercase;
}
.modal-dialog {color: #000;}
.modal-dialog h1, .modal-dialog h2, .modal-dialog h3, .modal-dialog h4, .modal-dialog h5, .modal-dialog h6 {color: #000;}

.btn {
	font-family: sweet-sans-pro,sans-serif; font-weight: 800; font-style: normal;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 0;
	line-height: 1.1;
	padding: 0.85em 1.25em;
	outline: none;
	/*padding-left: 30px; padding-right: 30px; */
	/*background: #fff; 
	color: #000; */
}

.btn-lg {
	font-size: 17px;
}

.btn:focus {box-shadow: none;}
.btn-primary {color: #000;background-color: #e1d148;border-color: #e1d148;}
.btn-primary:hover,
.btn-primary:focus {color: #000; background-color: #d9ca45; border-color: #d9ca45;}

.btn-outline-primary {border-color: #e1d148; color: #e1d148; background: none !important;}
.btn-outline-primary:hover,
.btn-outline-primary:focus {border-color: #d9ca45 !important; color: #d9ca45; background: none;}

.btn-white,
.btn-white:hover,
.btn-white:focus {border-color: #fff; background: #fff; color: #000;}

.btn-outline-white,
.btn-outline-white:hover,
.btn-outline-white:focus {border-color: #fff; color: #fff;}

.btn-metal {background: url("../images/metal-btn.svg") no-repeat center center; background-size: cover; border-color: #ddd;}
.btn-metal:hover,
.btn-metal:focus { }

.btn-metal-dark {
	background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/metal-btn.svg") no-repeat center center; background-size: cover;
}

.btn-metal-gold {background: url("../images/metal-gold.jpg") no-repeat top center; background-size: cover;}

/*
.btn-secondary {
  color: #fff;
  background:none;
  border-color: #fff;
}

.btn-secondary:hover {
  color: #fff;
  background:none;
  border-color: #fff;
}*/


* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}


.form-check .form-check-input {
	-webkit-border-radius: 10px!important;
	-moz-border-radius: 10px!important;
		 border-radius: 10px!important;	
}

.form-check.form-switch .form-check-input {
	 float: none; 
}

/* -----------------------------------------
:: Header
----------------------------------------- */

#gsm-navbar {background: #000;}

/* -----------------------------------------
:: Main
----------------------------------------- */

select#existing_quote {background: #e1e0e3;}

.gsm-bg-dark {background: url("../images/gs-millwork-background.jpg") repeat top center;}

.page-title {color: #fff; margin-top: 10px; margin-bottom: 30px; font-size: 22pt; }
#quote-area .page-title {margin-bottom: 0px;
	/*font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	font-size: 36px;*/
}

#quote-area .pricing-from { color: #ccc; text-transform: uppercase; font-size: 16px; margin-top: 5px; }
#quote-area .pricing-from em { font-style: bold; font-style: normal; }

#quote-area {background: none; margin-top: 0;}

#quote-area .container.top-area {/*background: #fff; color: #000;*//*background:url("../images/gs-millwork-background-light.jpg")*/}

/*.top-area-wrap {background: url("../images/gs-millwork-background-light.jpg") repeat top center;}*/

.bottom-tables-wrap {background: #fff;}

.gsm-button-row {padding: 0 0 5px 0; margin-top: 20px; }
.gsm-button-row .btn {margin-bottom: 4px; }
.gsm-button-row .btn-link.delete-quote {color: #dc3545;}

#quote-area .gsm-border-title {margin: 5px 0 20px 0; letter-spacing: .5px; font-size: 1.1em; color: #000;}

.customer-info,
.shipment-info {background: #fff; height: 100%; padding: 15px; color: #000;}

.table {background: #fff;}

.table thead th {
	border-bottom:none;
  }

/*

.table-primary > th {
	background-color:#000;
	color: #fff;
}
.table thead th {
  border-bottom:none;
}
.table th {}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
	border-color: #7d7f84;
}
*/
/*
.table-bordered,
.table-bordered th{
	border-color: #333;
}

.table-bordered td {
	border-color: #e6e6e6;
}
*/

.bottom .dropdown button {
	height: 40px;
}

#master_markup { 
	font-weight: bold;
}

i.icon-saw {
	width: 16px;
	height: 16px;
	display: inline-table;
	background-color: inherit;
	background-image: url( '../images/saw4.png' );
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: -2px;
	vertical-align: middle;
}

#quote-area .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
#quote-area .table-striped tbody .btn-light {background-color: rgba(0, 0, 0, 0.05); border: none;}
#quote-area .table-striped tbody .btn-light:hover {background-color: rgba(0, 0, 0, 0.1);}
#quote-area .table-striped tbody tr:nth-of-type(odd) .btn-light {/*background: #fff;*/}

#cost_table td .btn { font-size: 13px; line-height: 1.1; letter-spacing: .5px; padding: 4px 8px 6px 8px;}
#cost_table .info {line-height: 1.3; font-family: sweet-sans-pro,sans-serif; font-weight: 800; font-style: normal;}
#cost_table .info .desc {font-style: normal; font-weight: 800;}
#cost_table .info .notes {font-family: bressay,serif; font-weight: 400; font-style: italic; padding-top: 2px;}
#cost_table .info .finish {font-weight: 800; font-style: normal;}
#cost_table .info .wood strong {font-weight: 800;}

#footer-area {
	font-size: 0.9em;
	margin-top: 80px;
}