/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 400 16px/1.5 "Arial", Helvetica, Arial, sans-serif; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }


/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/* outline indenting for lists per Annette */

ul, ol {padding-left: 1em;}

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }
a:visited { color: #1756a9; }
a:hover { color: #111; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }
blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }
pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }

/* Text styles */

.tips {border: 2px solid #4c71a8; padding: 1em;}

/* BUTTONS */

.bg-blue {background-color:#003366;}

.btn {
	display: block;
	border-radius: .375em;
	font-weight: bold;
	padding: .5em 1em;
	text-decoration: none;
}/* display can also be set to inline-block */

a.btn.bg-blue,
a.btn.bg-red {color: #ffffff;}

a.btn.bg-blue:hover {
	background-color: #659cff;
	color: #ffffff;
}
a.btn.bg-red:hover {
	background-color: #fa004f;
	color: #ffffff;
}

/* MARGIN & PADDING */

.whtspc-1  {margin: 		1em;}
.whtspc-1t {margin-top: 	1em;}
.whtspc-1r {margin-right: 	1em;}
.whtspc-1b {margin-bottom:  1em;}
.whtspc-1l {margin-left: 	1em;}

.whtspc-15 	{margin: 		1.5em;}
.whtspc-15t {margin-top: 	1.5em;}
.whtspc-15r {margin-right: 	1.5em;}
.whtspc-15b {margin-bottom: 1.5em;}
.whtspc-15l {margin-left: 	1.5em;}

.whtspc-2  {margin: 		2em;}
.whtspc-2t {margin-top: 	2em;}
.whtspc-2r {margin-right: 	2em;}
.whtspc-2b {margin-bottom:  2em;}
.whtspc-2l {margin-left: 	2em;}

.nudge-1  {padding:			1em;}
.nudge-1t {padding-top:		1em;}
.nudge-1r {padding-right:	1em;}
.nudge-1b {padding-bottom:	1em;}
.nudge-1l {padding-left:	1em;}

.nudge-15  {padding: 		1.5em;}
.nudge-15t {padding-top: 	1.5em;}
.nudge-15r {padding-right: 	1.5em;}
.nudge-15b {padding-bottom: 1.5em;}
.nudge-15l {padding-left: 	1.5em;}

.nudge-2  {padding:			2em;}
.nudge-2t {padding-top:		2em;}
.nudge-2r {padding-right:	2em;}
.nudge-2b {padding-bottom:	2em;}
.nudge-2l {padding-left:	2em;}

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.icon > svg path { fill: #828282; }

/** Site header */
.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 56px; position: relative; }

.site-title { font-size: 26px; font-weight: 300; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }
.site-title, .site-title:visited { color: #424242; }

.site-nav { float: right; line-height: 56px; }
.site-nav .menu-icon { display: none; }
.site-nav .page-link { color: #111; line-height: 1.5; }
.site-nav .page-link:not(:last-child) { margin-right: 20px; }
@media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; }
  .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
  .site-nav .menu-icon > svg { width: 18px; height: 15px; }
  .site-nav .menu-icon > svg path { fill: #424242; }
  .site-nav .trigger { clear: both; display: none; }
  .site-nav:hover .trigger { display: block; padding-bottom: 5px; }
  .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; }
  .site-nav .page-link:not(:last-child) { margin-right: 0; } }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); }
  .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
/** Page content */
.page-content { padding: 30px 0; }

.page-heading { font-size: 20px; }

.post-list { margin-left: 0; list-style: none; }
.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 14px; color: #828282; }

.post-link { display: block; font-size: 24px; }

/** Posts */
.post-header { margin-bottom: 30px; }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }
@media screen and (max-width: 800px) { .post-title { font-size: 36px; } }

.post-content { margin-bottom: 30px; }
.post-content h2 { font-size: 32px; }
@media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } }
.post-content h3 { font-size: 26px; }
@media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } }
.post-content h4 { font-size: 20px; }
@media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } }

.gallery li img { max-width: 60%; }

/** Syntax highlighting styles */
.highlight { background: #fff; }
.highlighter-rouge .highlight { background: #eef; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; background-color: #fdd; }
.highlight .gd .x { color: #000; background-color: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; background-color: #dfd; }
.highlight .gi .x { color: #000; background-color: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }

h1, h2 { color: #5487B4; }

.site-header { background-color: #1c1e45; border-top: 15px solid #5A5B6F; }
.site-header .prime { float: left; }
.site-header .prime .title { color: white; padding-top: 110px; margin-bottom: 0px; margin-right: 15px; }

.logo { height: 105px; width: 117px; float: left; margin-right: 25px; border-radius: 15px 0 0 0; }

#navigation { max-width: 860px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0px; border: none; }

#navbar { border: none !important; background-color: #1c1e45; }
#navbar a { color: #FEF287; padding-top: 85px; padding-bottom: 55px; height: 65px; }
#navbar li:hover { background-color: #FEF287; }
#navbar li:hover a { color: #1c1e45; }
#navbar li { border-right: 1px solid #FEF287; height: 140px; width: 100px; text-align: center; background-color: #1C1E45; }
#navbar .left-nav { border-left: 1px solid #FEF287; }

.site-nav { z-index: 1; float: none; }

.trigger a { padding-right: 20px; border-right: 1px solid black; }

.banner { background-color: #5A5B6F; height: 550px; }
.banner .banner-imgs { max-width: 1200px; display: block; margin-left: auto; margin-right: auto; height: 500px; padding-top: 35px; }
.banner .banner-imgs .img { border-top: 5px solid white; border-bottom: 5px solid white; background-size: cover; height: 100%; }
.banner .text-overlay { background-color: black; opacity: .8; color: white; text-align: center; position: absolute; top: 87%; left: -1px; width: 101%; height: 60px; }
.banner .text-overlay a { color: white; padding-left: 54px; padding-right: 54px; padding-top: 400px; padding-bottom: 40px; }
.banner #img1 { background-image: url("../media/patio-1.jpg"); border-left: 5px solid white; }
.banner #img2 { background-image: url("../media/patio-2.jpg"); }
.banner #img3 { background-image: url("../media/KD-1.jpg"); }
.banner #img4 { background-image: url("../media/stairs1.jpg"); }
.banner #img5 { background-image: url("../media/industrial-029208.jpg"); border-right: 5px solid white; }
/* .banner #img1 { background-image: url("../media/patio1.jpg"); border-left: 5px solid white; }
.banner #img2 { background-image: url("../media/patio2.JPG"); }
.banner #img3 { background-image: url("../media/pool1.JPG"); }
.banner #img4 { background-image: url("../media/hall1.JPG"); }
.banner #img5 { background-image: url("../media/stairs1.jpg"); border-right: 5px solid white; } */

.information { height: 400px; max-width: 980px; display: block; margin-left: auto; margin-right: auto; }
.information #info { padding-top: 15px; }
.information #info h3 { margin-top: 10px; font-size: 20px; color: #5487B4; }
.information .data p { text-align: center; }

.divide { display: block; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

footer { background-color: #5487B4; height: 150px; }
footer a { color: #FFF18C; }

.contact-info { display: block; max-width: 850px; margin-left: auto; margin-right: auto; margin-top: 20px; }

.sidebar { float: left; width: 200px; height: 300px; padding-top: 5px; background-color: #e7e7e8; margin-top: 20px; margin-bottom: 20px; -moz-box-shadow: 0 1px 2px #999999; -webkit-box-shadow: 0 1px 2px #999999; box-shadow: 0 1px 2px #999999; }
.sidebar a { color: #5487B4; display: block; width: 195px; height: 100%; position: relative; left: -5px; margin-left: 5px; }
.sidebar a:hover { background-color: #1C1E45; }
.sidebar h4 { text-align: center; }
.sidebar li { list-style-type: none; font-size: 18px; width: 200px; height: 40px; left: -30px; margin-left: 5px; position: relative; }

.page-content { max-width: 1000px; margin-left: auto; margin-right: auto; }
.page-content ul { list-style: none; }

.left-content { width: 215px; margin-bottom: 20px; float: left; }
.left-content .well { width: 100%; }
.left-content .well hr { border: 0; height: 1px; background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75), transparent); }
.left-content .well li { line-height: 30px; }

.right-content { padding-top: 5px; padding-right: 5px; float: left; margin-left: 15px; margin-bottom: 30px; max-width: 77%; }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1.5em; } /* line height was 2 */

.page-info { max-width: 1000px; display: block; margin-left: auto; margin-right: auto; }

.post-content { margin-bottom: 30px; float: left; }

.detailed_imgs h3 { margin-right: auto; margin-left: auto; padding-top: 40px; width: 245px; }

.project_photos img { border-radius: 5px; margin-top: 20px; border: 5px solid #FEF287; max-height: 265px; }

.bg { background-color: #1C1E45; max-width: 100%; border-radius: 10px; }

#project_pics_col { height: 300px; }

@media (min-width: 300px) and (max-width: 767px) { .navbar-header { background-color: #1c1e45; }
  #navbar a { top: 0px; margin-top: 45px; padding-top: 0px; padding-bottom: 0px; }
  #navbar li { height: 0px; width: 200px; margin-left: auto; margin-right: auto; }
  #navbar li:hover a { color: white; }
  #navbar ul { height: 240px; }
  #navbar .left-nav a { margin-top: 10px; }
  .banner { height: 1281px; }
  .banner .banner-imgs .img { max-width: 500px; height: 50%; border-radius: 20px; margin-bottom: 15px; border-left: 5px solid white; border-right: 5px solid white; }
  .banner .banner-imgs .img .text-overlay { position: relative; top: 62%; /* left: -1px; */ width: 150px; height: 60px; border-radius: 30px; margin-left: auto; margin-right: auto; }
  .banner .banner-imgs .img a { padding: 0px 0px 0px 0px; }
  .banner .banner-imgs .img a h4 { margin-top: 20px; line-height: 60px; }
  .information { height: 775px; }
  .information #info h3 { font-size: 16px; }
  .information #info p { font-size: 14px; }
  footer { height: 165px; }
  footer p { font-size: 12px; }
  .left-content { width: 84%; float: none; display: flex; margin-left: auto; margin-right: auto; width: 100%; }
  .left-content .small-dropdown-menu .small-dropdown-menu { float: right; }
  .left-content .large-sidebar { display: none; }
  .left-content .sidebar { height: 430px; width: 185px; }
  .left-content .sidebar a, .left-content .sidebar li { width: 100%; margin-bottom: inherit; }
  .right-content { max-width: 92%; }
  #project_pics_col { height: 275px; } }
@media (min-width: 500px) and (max-width: 767px) { .banner .banner-imgs .img { max-width: 500px; margin-left: auto; margin-right: auto; }
  .banner .banner-imgs .img a { padding: 0px 0px 0px 0px; }
  .banner .banner-imgs .img a h4 { margin-top: 20px; line-height: 60px; }
  .information #info .data img { display: block; margin-left: auto; margin-right: auto; } }
@media (min-width: 650px) and (max-width: 767px) { .banner { height: 1620px; }
  .banner .banner-imgs .img { max-width: 600px; height: 300px; margin-left: auto; margin-right: auto; } }
@media (min-width: 767px) and (max-width: 780px) { #navbar ul li { width: 115px; } }
@media (min-width: 768px) and (max-width: 1030px) { .page-content .right-content { max-width: 68%; } }
@media (min-width: 767px) { .banner .banner-imgs .text-overlay a { padding-left: 185px; }
  .banner .banner-imgs #img5 a { padding-left: 130px; } }
@media (min-width: 767px) { .small-dropdown-menu { display: none; } }
@media (max-width: 845px) { .logo { margin-right: 10px; }
  .title { font-size: 18px; } }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 70%; margin: auto; }

/* Localized */


	/* TABLES & ZEBRA STRIPES */
table {border-collapse: collapse;}

th {
	background: #003366;
	color: #ffffff;
	font-weight: bold;
}

td, th {
	border-bottom: 1px solid #cccccc;
	padding: .625em;
	vertical-align: top;
}

table.zebra-stripe tr:nth-of-type(even) {background-color: #eeeeee;}

/* ---- SMALL ---- */
@media screen and (max-width: 600px) {

/* @group S: Tables */

/* Basic set-up to make table responsive on a small screen */

table.small-table,
.small-table caption,
.small-table thead,
.small-table tbody,
.small-table th,
.small-table td,
.small-table tr {display: block;}

td, th {padding: .375em;}

td:before {
	position: absolute;
	top: .375em;
	left: .375em;
	width: 45%;
	padding-right: .75em;
	font-size: .875em;
	font-style: italic;
}

table.small-table thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

table.small-table td:nth-of-type(1) {border-top: 1px solid #8e44ad;}

/* Add more nth-of-type as necessary for ridiculously big tables */
table.small-table td:nth-of-type(1),
table.small-table td:nth-of-type(2),
table.small-table td:nth-of-type(3),
table.small-table td:nth-of-type(4),
table.small-table td:nth-of-type(5),
table.small-table td:nth-of-type(6),
table.small-table td:nth-of-type(7),
table.small-table td:nth-of-type(8),
table.small-table td:nth-of-type(9),
table.small-table td:nth-of-type(10)  {
	position: relative;
	padding-left: 50%;
}


/* Add code for specific headers for different tables below */

table.products-3col td:nth-of-type(1):before {content: "Product";}
table.products-3col td:nth-of-type(2):before {content: "Packaging";}
table.products-3col td:nth-of-type(3):before {content: "Use";}
table.products-3col td:nth-of-type(3) {margin-bottom: 1.5em;}

table.material-3col td:nth-of-type(1):before {content: "Property";}
table.material-3col td:nth-of-type(2):before {content: "Value";}
table.material-3col td:nth-of-type(3):before {content: "ASTM Test";}
table.material-3col td:nth-of-type(3) {margin-bottom: 1.5em;}
/* @end */

}/*/mediaquery*/