/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */


/* technical library 2025 */

.page-id-14566 #main-content {
	padding-top: 160px !important;
}

/* resources page */
.page-id-3404 #main-content {
	padding-top: 160px !important;
}

/* /pliheat page */

.page-id-5765 #main-content > .container {
padding-top: 160px !important;
}

.plibricoproducts-template-default .pa-header {
background: #d9d9d6;
}

.page-id-3404 .paa-header,
.page-id-14566 .paa-header,
.page-id-3547 .paa-header,
.page-id-5765 .paa-header {
	background: rgba( 0, 0, 0, 0.80 );
}

#pliheat_outer .pliheat_material_header span {
font-size: 13px;
}

.page-id-5765 h1,
#pliheat_outer h2 {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}

#pliheat_outer h2 {
	padding: 20px 0;
}

#pliheat_outer #txtProjectDescription {
	width: 100%;
	min-height: 60px;
}


#pliheat_outer {
margin-bottom: 50px;
}

/* General Custom CSS */

.plibricoproducts-template-default,
.page-template-template-plibricoproducts .container_wrap {
margin-top: 160px;
}

#top .pliproducts-search .flex_wrapper {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: left;
  margin-top: 20px;
}

#top .pliproducts-search .flex_wrapper form,
.pliproducts-search .flex_wrapper .legend {
  text-align: left;
  flex: 1;
  padding: 10px;
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 20px;
  margin: 10px 10px 35px 10px;
  -webkit-box-shadow: 0px 8px 10px -7px #cccccc,
    5px 5px 15px 5px rgba(96, 96, 96, 0.1);
  box-shadow: 0px 8px 10px -7px #cccccc, 5px 5px 15px 5px rgba(96, 96, 96, 0.1);
}

#top .pliproducts-search select,
#top .pliproducts-search input,
#top .pliproducts-search button {
  width: 100%;
  margin: 8px 0;
  padding: 10px;
  color: #000000;
}
#top .pliproducts-search .input-wrapper {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}
#top .pliproducts-search .input-wrapper i {
  font-size: 22px;
  font-weight: 900;
}
#top .pliproducts-search input::placeholder {
  color: #000000;
  opacity: 1;
}
#top .pliproducts-search input {
  width: calc(100% -10px);
  margin: 0 0 0 10px;
}

#top .pliproducts-search button {
  height: 55px;
  border-radius: 5px;
  border: 1px solid #828c95;
  font-size: 20px;
  -webkit-box-shadow: 0px 10px 13px -7px #000000,
    5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  color: #ffffff;
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
  background: #b5bdc8; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #b5bdc8 0%,
    #828c95 36%,
    #28343b 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #b5bdc8 0%,
    #828c95 36%,
    #28343b 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #b5bdc8 0%,
    #828c95 36%,
    #28343b 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
#top .pliproducts-search button:before {
  font-family: "Font Awesome 5 Free";
  font-size: 22px;
  font-weight: 900;
  content: "\f002 ";
  vertical-align: middle;
  color: #ffffff;
  padding-right: 10px;
}

.pliproducts {
  display: block;
  width: 100%;
  padding: 10px;
}
.pliproduct {
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
}
.pliproduct .data {
  display: flex;
  width: 100%;
}
.pliproduct h4 {
  font-weight: bold;
}
.pliproduct .info,
.pliproduct .docs {
  flex: 1;
}
.pliproduct .info .label {
  font-weight: bold;
}
.pliproduct .docs-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.pliproduct .docs-row div a img {
  width: 45px;
  height: auto;
}
.pliproduct .docs div {
  flex: 1;
}

.single .pliproduct .data {
  margin-bottom: 20px;
}

.pliproducts-search .legend-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.pliproducts-search .legend-row:nth-child(2) {
  margin-bottom: 25px;
}

.pliproducts-search .legend-row div {
  flex: 1;
  text-align: center;
}
.pliproducts-search .legend-row div.flex3 {
  flex: 3;
}
.pliproducts-search .legend-row div.flex3 h2 {
  text-align: center;
  padding-top: 55px;
}
.pliproducts-search .legend-row div img {
  width: 45px;
  height: auto;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

  #top .pliproducts-search .flex_wrapper {
    display: block;
  }

  .pliproduct .data {
    display: block;
    width: 100%;
  }
  .pliproduct .info,
  .pliproduct .docs {
    display: block;
    width: 100%;
  }
  .pliproduct .info {
    margin-bottom: 10px;
  }
}

#gform_wrapper_9.gform_wrapper .ginput_container,
#gform_wrapper_9.gform_wrapper .gfield_label {
	color: black;
}