/* HPCLC CUSTOMIZATIONS */

/* GLOBAL STYLES */

html {
}
body {
	font-family: 'Raleway', sans-serif;
}
body, body > div {
	font-size: 15px !important;
	color: #1b3b5c;
}
.site-container {
	background-color: #f6f6f3 !important;
}
body.scte-has-imgbox .site-inner {
	padding-top: 0;
}

a {
	font-weight: bold;
	color: #289ecc;
	text-decoration: none;
}
a:hover {
	color: #289bcc;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #088AC2;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #4bacd6;
}
button, .button, a.textbtn {
	font-weight: bold;
	background-color: #394ed4 !important;
	color: #fff !important;
}
button:hover, .button:hover, a.textbtn:hover {
	background-color: #394ed4 !important;
	color: #fff !important;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.5em 0 0.5em;
	font-family: 'Open Sans Condensed';
	font-weight: normal;
	line-height: 1em;
}
h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
	margin-top: 0;
}
h1 {
	font-size: 320% !important;
	letter-spacing: -0.025em;
	color: #223843;
}
h1:first-of-type {
	margin-top: 0;
}
h2 {
	font-size: 240%;
	letter-spacing: -0.025em;
	color: #668586;
}
h3 {
	color: #4c6085;
}

table tr > * {
	line-height: 1.33em;
}
table tr > * + * {
	padding-left: 1em;
}






input[type=text],
input[type=email],
input[type=tel],
select,
textarea,
.select2-choice *,
.select2-result-label {
  font-family: 'Open Sans Condensed';
	font-weight: normal;
	font-size: 120%;
	color: #066;
}
input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
	padding: 0.5em !important;
}
.select2-choice *,
.select2-result-label {
	padding: 0.2em !important;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus,
.select2-choice:focus,
.select2-result-label {
	color: #289ecc;
}
textarea::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder {
	font-weight: normal;
	color: #999;
}
textarea:-moz-placeholder,
input[type=text]:-moz-placeholder {
	font-weight: normal;
	color: #999;
}
textarea::-moz-placeholder,
input[type=text]::-moz-placeholder {
	font-weight: normal;
	color: #999;
}
:-ms-textarea-placeholder,
:-ms-input-placeholder {
	font-weight: normal;
	color: #999;
}






/* NAV */

.nav-primary > .wrap {
	padding: 0;
}
.nav-primary .menu-primary {
	background-color: #289ecc !important;
}

.genesis-nav-menu li a {
	padding: 0.5em 15px;
	font-family: 'Open Sans Condensed';
	font-weight: normal;
	font-size: 110% !important;
  letter-spacing: -0.025em;
	color: #eee !important;
}
.genesis-nav-menu li a:hover {
	background-color: #4bacd6 !important;
	color: #fff !important;
	text-decoration: none !important;
}
.genesis-nav-menu li.current_page_item a {
	background-color: rgba(0, 0, 0, 0.15);
	text-decoration: none !important;
}

.genesis-nav-menu .sub-menu {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	border: none;
	font-size: 85%;
	background: #289bcc;
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.15), inset 0 3px 7px rgba(0, 0, 0, 0.15);
}
.genesis-nav-menu .sub-menu li a {
	background: transparent;
	border: none;
	color: #eee !important;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}
.genesis-nav-menu .sub-menu li.current_page_item a {
	background: #088AC2;
}



@media only screen and (max-width: 800px) {
	.mobile-menu-container ul.menu-primary li ul.sub-menu {
		width: 50% !important;
		background: transparent;
		box-shadow: none;
	}
	header.site-header .title-area > a#mainmenu-toggle {
		left: 10px;
		top: 50px;
	}
}






/* HEADER */

header.site-header {
	margin-top: 0;
	padding-top: 0;
	border-top: 10px solid #1b3b5c;
  background: #ffffff;
  background: -moz-linear-gradient(bottom,  #289ecc 35px, #ffffff 36px, #ffffff 100%);
  background: -webkit-linear-gradient(bottom,  #289ecc 35px,#ffffff 36px,#ffffff 100%);
  background: linear-gradient(to top, #289ecc 35px,#ffffff 36px,#ffffff 100%);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
header.site-header > .wrap {
	padding: 10px 0 0;
}

header.site-header .title-area {
	padding: 0;
}
header.site-header .site-title > a {
	float: left;
	width: 800px;
	height: 131px;
	visibility: hidden;
	position: relative;
}
header.site-header .site-title > a:after {
	width: 100%;
	height: 100%;
	visibility: visible;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: url(/wp-content/themes/hpclc2016/images/logo_hpclc.jpg) no-repeat;
	background-size: contain;
	background-position: 50% 40%;
}

header.site-header .site-description { display: none; }

header.site-header .widget-area { pointer-events: none; }
header.site-header .widget-area > * { pointer-events: auto; }
header.site-header .widget-area h2 {
	margin: 0;
	font-size: 150% !important;
	font-weight: normal;
}

header.site-header .search-form input {
	width: 300px;
}

@media only screen and (max-width: 1200px) {
  header.site-header .site-title > a {
   width: 640px;
  }
}
@media only screen and (max-width: 960px) {
  header.site-header .site-title > a {
		width: 640px;
		height: 108px;
		float: none;
		display: block;
		margin: 0 auto;
  }
	header.site-header .widget-area {
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;

		align-items: stretch;
	}
	header.site-header .widget-area > * {
		width: 100%;
		line-height: 0.9em;
	}
  header.site-header .search-form {
  	width: 100%;
  }
}
@media only screen and (max-width: 440px) {
  header.site-header .site-title > a {
		width: 200%;
  }
}






/* BREADCRUMB */

.site-breadcrumb {
	margin: 1em auto;
	max-width: 1200px;
	font-family: Economica;
	line-height: 1.25em;
	color: rgba(255, 255, 255, 0);
}
.site-breadcrumb .breadcrumb-link-wrap:after {
	content: '\00a0\25b8\00a0';
	color: #999;
}

@media only screen and (max-width: 1200px) {
  .site-breadcrumb { max-width: 960px; }
}
@media only screen and (max-width: 960px) {
  .site-breadcrumb { max-width: 800px; }
}
@media only screen and (max-width: 800px) {
  .site-breadcrumb { padding-left: 5%; padding-right: 5%; }
}





/* BODY */

@media only screen and (max-width: 800px) {
	.site-inner {
		margin-top: 0;
		padding-top: 0;
  }
}

main ul, aside ul {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
body:not(.elementor-editor-active) main li,
body:not(.elementor-editor-active) aside li {
	margin: 0.5em 1em 1em 3em;
	position: relative;
}
body:not(.elementor-editor-active) main li:before,
body:not(.elementor-editor-active) aside li:before {
	content: '\25b6';
	position: absolute;
	left: -1.5em;
	color: #289ecc;
}






/* SIDEBAR */

.content-sidebar-wrap {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.content-sidebar-wrap > main {
	float: none;
	width: unset;
	width: 75%;
}
.content-sidebar-wrap > aside {
	float: none;
	width: 25%;
}
.site-inner aside {
	font-size: 85%;
	line-height: 1.25em;
	background-color: #e3e4db;
	padding: 0 1.5em !important;
}
.site-inner aside h3 {
	font-size: 200%;
	color: #828282;
}
.site-inner aside .widget {
	color: #223843;
	line-height: 1.67em;
}
.site-inner aside .widget p {
	margin-bottom: 1em;
}






/* FOOTER */

.site-footer {
	min-height: 200px !important;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #93a8ac;
	border-top: 5px solid #1b3b5c;
	border-bottom: 30px solid #668586;
}

.site-footer .footer-widgets > .wrap {
	display: -webkit-flex;
	display: flex;	
}
.site-footer .footer-widgets > .wrap > * {
}
.site-footer .widget-area h3 {
	margin-top: 0;
}
.site-footer .widget-area a {
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 3px;
}
.site-footer .widget-area.footer-widgets-3 a img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}




/* WOOCOMMERCE */

.woocommerce .col2-set {
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
	float: none;
	width: 90%;
}

.woocommerce h3 {
	margin: 1.5em 0;
}

@media only screen and (min-width: 768px) {
  .woocommerce .product > .images {
  	width: 30% !important;
  }
  .woocommerce .product > .summary {
  	width: 66% !important;
  }
}

@media only screen and (min-width: 960px) {
	.woocommerce form {
		font-size: 16px !important;
	}
	.woocommerce form {
		padding-left: 75px;
		padding-right: 75px;
	}
	.woocommerce form h3 {
		margin-left: -75px;
	}
}



.woocommerce span.onsale {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 1em;
	line-height: 1em;
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}



form .wc-pao-addon, form .wc-pao-addon > * {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
form .wc-pao-addon .wc-pao-addon-name {
	max-width: 60%;
	line-height: 1.1em;
	margin-top: 1em;
}
form .wc-pao-addon .wc-pao-addon-wrap {
	flex-direction: column !important;
	align-items: start !important;
}
form .wc-pao-addon .clear { display: none; }
.woocommerce form .form-row,
form .wc-pao-addon {
	margin: 0;
	min-height: 42px;
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: flex !important;
	justify-content: space-between;
	align-items: top;
}
.woocommerce form .form-row > label,
form .wc-pao-addon > h3.wc-pao-addon-heading {
	-webkit-flex: 3;
	-moz-flex: 3;
	flex: 3;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
	padding: 0 1em 0 0;
	min-width: 75px;
	font-family: 'Open Sans Condensed';
	font-weight: normal;
	font-size: 100%;
	line-height: 0.9em;
}
form .wc-pao-addon-description {
	padding-top: 0.75em;
	line-height: 1.1em;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
	display: block !important;
}
.woocommerce form .form-row-first > label,
.woocommerce form .form-row-last > label {
	padding: 0;
}
.woocommerce form .form-row label .required,
form .wc-pao-addon h3.addon-name .required {
	text-decoration: none !important;
	border-bottom: none !important;
	color: red;
}
form .form-row label input[type=checkbox] {
	position: relative;
	left: 0.25em;
	top: 1px;
}

.wc-pao-addon input[type=checkbox] {
  transform: scale(2);
  transform-origin: 100% 50%;
  cursor: pointer;
}
.wc-pao-addon input[type=checkbox] + label {
  font-size: 125% !important;
  font-weight: bold !important;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
}

/*
.wc-pao-addon-wrap {
  justify-content: flex-end !important;
}
.wc-pao-addon-wrap > * {
  flex: unset !important;
}
*/



form .product-addon-totals {
  margin: 60px 0;
	background: rgba(0, 0, 0, 0.03);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
form .product-addon-totals li:before {
	display: none;
}



@media only screen and (min-width: 768px) {
	.coupon input[type="text"] {
		width: 200px !important;
	}
}
@media only screen and (min-width: 960px) {
  .woocommerce form .form-row > input ,
  form .wc-pao-addon > p {
  	-webkit-flex: 3 0 auto;
  	-moz-flex: 3 0 auto;
  	flex: 3 0 auto;
  }
}



.woocommerce button, .woocommerce a.button {
	float: right !important;
	background-color: #6a6 !important;
}
.woocommerce button:hover, .woocommerce a.button:hover {
	background-color: #7c7 !important;
}



.woocommerce table.shop_table dt,
.woocommerce table.shop_table dd {
	width: 40%;
	padding: 0 !important;
  margin-bottom: 0 !important;
  margin-bottom: 0 !important;
	font-size: 67%;
	line-height: 1.5em;
}
.woocommerce table.shop_table dt {
	font-weight: normal !important;
}
.woocommerce table.shop_table dd {
	font-weight: bold;
	color: #066;
}


.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	font-family: 'Open Sans Condensed';
	font-weight: normal;
	font-size: 120%;
}
.woocommerce-message {
	background-color: #f8ffe0 !important;
	color: #6a6 !important;
}
.woocommerce-error {
	background-color: #fff8e0 !important;
	color: red !important;
}