@font-face {
        font-family: "Letter Gothic Std";
        src: url("/themes/pts/fonts/LetterGothicStd.woff");
        font-weight: normal;
}

@font-face {
        font-family: "Letter Gothic Std";
        src: url("/themes/pts/fonts/LetterGothicStd-Bold.woff");
        font-weight: bold;
}

@font-face {
        font-family: "Letter Gothic Std";
        src: url("/themes/pts/fonts/LetterGothicStd-Slanted.woff");
        font-style: italic;
}

@font-face {
        font-family: "Letter Gothic Std";
        src: url("/themes/pts/fonts/LetterGothicStd-BoldSlanted.woff");
        font-weight: bold;
        font-style: italic;
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

#header {
  background: black;
  color: #f99d1c;
  border-bottom: 1px solid white;
}

.container {
	max-width: 100%;
}

#header #block-pts-branding,
#main .block,
.title-box-interior,
.contact-form {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.page__body,
.title-content,
.menu--footer,
.layout--onecol,
.layout--twocol,
.term-view {
	max-width: 1000px;
	margin: auto;
	padding: 20px;
}

.contact-form {
	margin-top: 20px;
	margin-bottom: 20px;
}
.contact-form .form-item-copy input {
	float: left;
}

.site-name {
  font-weight: 300;
  padding: 25px 0 25px 110px;
  margin: 0 0 -25px 0;

  font-size: 30px;
  letter-spacing: 6px;
  text-transform: uppercase;
}

.site-name a {
	color: #f99d1c;
	line-height: 1;
	font-family: "Letter Gothic Std";
	display: block;
}

.site-logo img {
  max-width: 120px;  
  padding: 10px 20px 0 20px;
  position: absolute;
  z-index: 1;
  float: left;
}

#block-pts-main-menu {
	background: #333333;
	text-transform: uppercase;
	font-family: "Letter Gothic Std";
	font-size: 0;
}

#block-pts-main-menu .menu {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 0 4px 95px;
}

#block-pts-main-menu .menu-item {
	display: inline-block;
	margin: 4px 0 4px 0;
	padding: 0 20px 0 20px;
	border-right: 1px solid #f99d1c;
	line-height: 1;
	font-size: 18px;
}

#block-pts-main-menu .menu-item a {
	color: white;
	font-weight: normal;
}

#block-pts-main-menu li:last-child {
	border-right: none;
}

/* Link Boxes */

.paragraph--type--link-box-list {
	text-align: center;
}

.paragraph--type--link-box-list div {
	display: inline-block;
}

.paragraph--type--link-box {
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	width: 202px;
	margin: 30px 40px 30px 40px;
	font-family: "Letter Gothic Std";
}

.views-field-name {
	text-transform: uppercse;
	text-align: center;
	margin: 0 40px 0 40px;
	width: 202px;
	font-family: "Letter Gothic Std";
}

.paragraph--type--link-box img,
.views-field-field-term-image img {
	border: 2px solid black;
	margin-bottom: 4px;
}


#block-pts-page-title,
.title-box {
	min-height: 200px;
	padding: 20px;
	border-bottom: 3px solid black;
	background-attachment: bottom middle;
}

#block-pts-page-title h1,
.title-box h2,
.paragraph--type--image-banner .caption-wrapper {
	background: rgba(0,0,0,0.5);
	font-size: 28px;
	padding: 24px;
	padding: 0.75em 0.75em 0.5em 0.75em;
	line-height: 1.25em;
	color: white;
	text-transform: uppercase;
	max-width: 400px;
	font-weight: normal;
}


.page__body ul {
	list-style-type: square;
	padding-left: 2em;
	line-height: 1.75;
	margin-bottom: 0.75em;
}

.page__body ul ul {
	margin-bottom: 0;
}

#block-pts-content article.node {

}

.field--label-inline .field__label {
	display: inline-block;
	font-weight: bold;
}

.field--label-inline .field__item {
	display: inline-block;
}

.product__product-image {
	margin-bottom: 20px;
}


#view-field-part-number-table-column--2,
#view-field-part-link-table-column--2 {
	width: 120px;
}

.product__product-name {
	font-weight: bold;
	font-size: 1.5em;
}

.align-right {
	margin-left: 20px;
	margin-bottom: 20px;
	max-width: 50%;
}

.layout--onecol .page__body {
	padding: 0;
}

@media screen and (min-width: 40em) {
	.layout--twocol > .layout__region--first {
		flex: 0 1 40%;
		padding-right: 25px;
	}

	.layout--twocol > .layout__region--second {
		flex: 0 1 60;
	}


}

#block-copyright {
	padding: 20px;
}

img.imageBorder {
	border: 3px solid black;
}

p.colorOrange {
	color: #f8991d;
}

.paragraph--type--image-banner {
	position: relative;
}

.paragraph--type--image-banner img {
	border-bottom: 3px solid black;
}

.paragraph--type--image-banner .caption-wrapper {
    font-family: "Letter Gothic Std", sans-serif;
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin-right: 20px;
}

/* CKEditor fixes */
.cke_editable img {
	max-width: 100%;
}

#block-pts-products .menu .menu {
	margin-left: 10px;
}

.node--type-product.node--view-mode-teaser .product__product-name {
	font-size: 1em;
}

.node--type-product.node--view-mode-teaser .group-left {
	width: 100px;
	margin-right: 25px;
}

.node--type-product.node--view-mode-teaser .group-right {
	width: auto;
}

.node--type-product.node--view-mode-teaser {
	display: flex;
	align-items: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

.node--type-product.node--view-mode-teaser .product__product-image {
	margin-bottom: 0;
	border: 2px solid black;
}

.menu--products {
	padding: 25px;
}

.menu--products li.menu-item {
	line-height: 1.2;
	padding: 4px;
}

.term-view header .layout--onecol {
	padding: 0;
}

/* Menu Toggle */

#block-pts-main-menu #menu-toggle,
#block-pts-main-menu label {
	display: none;
}

#block-pts-main-menu #menu-toggle:checked + .menu {
	display: block;
}

/* Products Grid */

.product-category-list { 
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.product-category-list .views-row {
	text-align: center;
	margin: 20px;
	flex-shrink: 0;
}

/* Mobile */

@media screen and (max-width: 719px) {

	#header #block-pts-main-menu label {
		color: white;
		text-align: center;
		display: block;
		cursor: pointer;
		font-size: 24px;
		padding: 20px 20px 15px 20px;
		margin: 0;
	}

	#header #block-pts-main-menu .menu li {
		display: block;
		float: none;
		border: none;
		padding: 10px;
	}

	#header #block-pts-main-menu .menu {
		display: none;
		padding-left: 20px;
		margin-top: 0;
	}

	#header #block-pts-main-menu #menu-toggle:checked + .menu {
		display: block;
	}
}