/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
 * Valves Landing Page, Valve Categories Page, Product Detail Page
 * Left Sidebar Categories List Shortcode
*/


#valve-nav li .fa-caret-up,
#valve-nav li .fa-caret-down{
  display:none;
  color:#696969;
}
#valve-nav li.hasChildren .fa-caret-down{
  color:#696969;
  display:inline;
}

#valve-nav .hasChildren.open .fa-caret-up{
  display:inline;
}
#valve-nav .hasChildren.open .fa-caret-down{
  display:none;

}

 .hasChildren ul{
   display:none;
   margin-left: 0px;
   padding-left: 10px;
   margin-top:5px;
 }

 .hasChildren ul li{
  list-style:none;
 }

 .hasChildren.open ul {
   display: block;
   transition-duration: 2s;
   transition-timing-function: linear;
   transition-delay: 1s;
 }

 #valve-nav .arrow{
   padding:2px 5px;
   cursor:pointer;
 }

 #valve-nav li.open > a, #valve-nav li.open > a:focus,
 #valve-nav li.active > a, #valve-nav li.active > a:focus {
     color: #00AEEF;
     font-weight: bold;
 }


 /**
  * Valve Categories Page
 */
 span.product-cat-image img, span.product-sub-cat-image img, .product-cat-slide .prod-cat-image img{
   width: 100%;
  height: 100px;
  object-fit: cover;
 }
 .product-category a:hover, .product-category  a:focus, .product-category  a:active{
   color:#404040;
 }


 /**
  * Product Detail Page
  *
 */
 .certification.lead{
   width:54px;
   margin-top:5px;
 }

 /**
 * Homepage Categories Slideshow
 */

 .hero-text {
     color: #FFF;
     font-size: 1.375rem;
     left:50%;
     line-height: 1.25;
     max-width: 920px;
     padding: 0 30px 30px;
     position: absolute;
     text-align: center;
     top:50%;
     transform:translate(-50%,-50%);
     width:100%;
     background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 75%);
     background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 75%);
     background: radial-gradient(ellipse at center,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 75%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=1 );
 }
 .hero-text h1.entry-title {
     font-size: 3.4375rem;
     font-style: italic;
 }
 .hero-text p {
     font-weight: 300;
 }
 .pop {
     border: 30px solid #daf4ff;
     border-radius: 50%;
     height: 117px;
     width: 116px;
     margin: -90px auto;
     background: #daf4ff;
     position: relative;
     z-index: 500;
     overflow: hidden;
     box-sizing: content-box;
 }
 .search-section {
     background: #daf4ff;
     background: -moz-linear-gradient(top,  #daf4ff 0%, #ffffff 100%);
     background: -webkit-linear-gradient(top,  #daf4ff 0%,#ffffff 100%);
     background: linear-gradient(to bottom,  #daf4ff 0%,#ffffff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf4ff', endColorstr='#ffffff',GradientType=0 );
     text-align: center;
 }
 .search-section .container {
     padding-top: 20px;
 }
 .search-section p:first-of-type,
 .news-intro p:first-of-type {
     font-size: 2.8125rem;
     margin-bottom: 0.5rem;
 }
 body.home .product-categories-wrapper {
     position: relative;
     padding: 0 55px;
     margin: 2em 0;
 }
 .product-cat-slide > a,
 .product-cat-slide > a > span {
     display: block;
     text-align: center;
 }
 .product-cat-slide > a {
     margin: 0 10px;
 }
 .product-cat-slide .prod-cat-image {
     line-height: 0;
     overflow: hidden;
 }
 .product-cat-slide .prod-cat-image img {
     width: 100%;
     transition: all ease 0.5s;
 }
 .product-cat-slide a:focus .prod-cat-image img,
 .product-cat-slide a:hover .prod-cat-image img {
     transform: scale(1.1);
 }
 .product-cat-slide .prod-cat-title {
     margin-top: 10px;
     text-transform: uppercase;
     font-weight: bold;
     color: #656565;
 }
 .slick-arrow {
     border: 0;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     line-height: 1;
     background: transparent;
     outline: none;
     padding: 0;
     font-size: 2rem;
     z-index: 900;
     color: #cad7dc;
 }
 .slick-arrow:hover,
 .slick-arrow:focus {
     color: #008fc5;
     background: transparent;
     text-shadow: none;
 }
 .slick-next {
     right: -1.5em;
 }
 .slick-prev {
     left: -1.5em;
 }
 .slick-disabled {
     opacity: 0.8;
     color: #a9a9a9;
 }
 .resources-wrapper,
 .support-wrapper {
     flex-basis: 50%;
     text-align: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }
 .resources-wrapper .row{
     padding-left: 1.5em;
     padding-right: 1.5em;
 }
 .support-wrapper .row {
     padding-left: 4em;
     padding-right: 4em;
 }
 .resources-wrapper p:first-of-type,
 .support-wrapper p:first-of-type {
     font-size: 2.5rem;
     line-height: 1.25;
     margin-bottom: 1rem;
 }
 .resources-wrapper {
     background-color: #F0F0F0;
 }
 .support-wrapper {
     color: #FFF;
     background-color: #018ec2;
 }
 .home-resources .resource {
     flex-basis: 23%;
     box-shadow: 0 0 8px rgba(0,0,0,0.5);
 }
 .home-resources .resource a,
 .home-resources .resource a > span {
     display: block;
     color: #FFF;
     font-size: 0.875rem;
     text-transform: uppercase;
 }
 .home-resources .resource a {
     padding: 1em 0.5em 1.5em;
 }
 .home-resources .resource:first-of-type > a {
     background: #00AEEF;
 }
 .home-resources .resource:nth-of-type(2) > a {
     background: #0092C9;
 }
 .home-resources .resource:nth-of-type(3) > a {
     background: #00719B;
 }
 .home-resources .resource:nth-of-type(4) > a {
     background: #00688E;
 }
 .home-resources .resource a:hover,
 .home-resources .resource a:focus {
     filter: brightness(120%);
 }
 .home-resources .resource a img {
     transition: all ease 0.3s;
 }
 .home-resources .resource a:hover img,
 .home-resources .resource a:focus img {
     transform: scale(1.1);
 }
 .news-wrapper {
     background: #FFF;
     background: -moz-linear-gradient(top,  #d9d9d9 0%, #ffffff 20%, #ffffff 80%, #d9d9d9 100%);
     background: -webkit-linear-gradient(top,  #d9d9d9 0%,#ffffff 20%,#ffffff 80%,#d9d9d9 100%);
     background: linear-gradient(to bottom,  #d9d9d9 0%,#ffffff 20%,#ffffff 80%,#d9d9d9 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#d9d9d9',GradientType=0 );
 }
 .news-highlights {
     position: relative;
     margin-bottom: 1.5em;
 }
 .news-highlights:after {
     content: '';
     position: absolute;
     top: 5%;
     left: calc(50% - 1px);
     height: 90%;
     width: 1px;
     background: #d9d9d9;
 }
 .news-intro {
     text-align: center;
     margin-bottom: 3em;
 }
 .news-featured,
 .news-recent {
     flex-basis: 48%;
 }
 .news-post p:first-of-type {
     font-size: 1rem;
     font-weight: 400;
     margin-bottom: 0;
 }
 .news-post p:first-of-type a {
     color: #595959;
 }
 .news-post p:first-of-type a:hover,
 .news-post p:first-of-type a:focus {
     color: #00AEEF;
 }

 .news-post p:not(:first-of-type) {
     font-size: 0.875rem;
 }
 .news-post .news-post-image {
     overflow: hidden;
     line-height: 0;
     margin-bottom: 1em;
 }
 .news-post .news-post-image img {
     width: 100%;
     transition: all ease 0.5s;
 }
 .news-post .news-post-image a:hover > img,
 .news-post .news-post-image a:focus > img {
     transform: scale(1.1);
 }

 .post-flex.flexed > div {
     flex-basis: 48%;
 }

 .home #primary:before {
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 35px 17.5px 0 17.5px;
     border-color: #d9d9d9 transparent transparent transparent;
     position: absolute;
     top:-1px;
     left:50%;
     transform:translateX(-50%);
 }
 .home #primary.row {
     position: relative;
     color: #FFF;
     text-align: center;
     padding-bottom: 14%;
     background-color: #0f749e;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: bottom center;
 }
 .home #primary h2 {
     font-weight: 300;
 }
 .home #primary h2 strong {
     font-weight: 700;
     display: block;
 }
 .members-wrapper .container {
     max-width: 1190px;
 }
 .members-intro {
     text-align: center;
 }
 .members-intro p:first-of-type {
     font-size: 24px;
     margin-bottom: 0;
 }
 .members-intro:after {
     content: '';
     display: block;
     height: 2px;
     width: 200px;
     margin: 1.5em auto;
     background: rgb(255,255,255);
     background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(217,217,217,1) 50%, rgba(255,255,255,1) 100%);
     background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(217,217,217,1) 50%,rgba(255,255,255,1) 100%);
     background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(217,217,217,1) 50%,rgba(255,255,255,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
 }
 .member-icons > .flexed {
     justify-content: center;
 }
 .member-icon {
     flex-basis: auto;
     margin: 0 15px 1em;
 }
 .member-icon a {
     display: block;
 }
 .member-icon a img {
     filter: grayscale(1);
     transition: all ease 0.5s;
 }
 .member-icon a:hover img,
 .member-icon a:focus img {
     filter: grayscale(0);
 }
 .defaultHidden{
   display:none;
 }

 .defaultHidden.forceShow{
   display:block;

 }

.flexed span{
  min-width:50px;
}
 .price-table span.part-weight,
 .price-table span.part-desc{
     flex-basis: auto!important;
 }

 .price-table span{
   min-width:50px;
 }

 @media screen and (max-width: 1225px){
     .hero-text h1.entry-title {
         font-size: 3rem;
     }
     .pop {
         border: 20px solid #daf4ff;
         height: 100px;
         width: 100px;
         margin: -70px auto;
     }
 }
 @media screen and (max-width: 1175px){
     .hero-text {
         position: relative;
         transform: none;
         top: auto;
         left: auto;
         margin: 0 auto;
         padding: 3.5em 30px;
     }
     .hero-image {
         overflow: hidden;
     }
     .hero-image img {
         position: absolute;
         top: 50%;
         left: 0;
         transform: translateY(-50%);
         width: auto;
         max-width: none;
         height: 100%;
     }
 }
 @media screen and (max-width: 960px){
     .resources-support-wrapper .clear > .flexed,
     .post-flex.flexed {
         display: block;
     }
     .news-post:nth-of-type(3){
         display: none;
     }
 }
 @media screen and (max-width: 790px){

    .pricing-table .flexed{

    }
    /* .pricing-table > div{
      width:100%!important;
    } */
   .pricing-table{
     /* overflow-x: auto;
     width:100%!important; */
     overflow-y: auto;
    
   }
   .flexed span {
    min-width: 150px;
    }

     .hero-text h1.entry-title {
         font-size: 2.5rem;
     }
     #home-search input[type="search"] {
         width: 454px;
     }
     .search-section p:first-of-type, .news-intro p:first-of-type {
         line-height: 1.125;
         font-size: 2.25rem;
     }
     .search-section p:first-of-type strong,
     .news-intro p:first-of-type strong {
         display: block;
     }
 }
 @media screen and (max-width: 600px){
     #home-search input[type="search"] {
         width: calc(100% - 55px);
     }
     .hero-text p {
         font-size: 1rem;
     }
     .home-resources .resource {
         flex-basis: 48%;
         margin-bottom: 1em;
     }
     .news-highlights .flexed,
     .news-post:nth-of-type(3){
         display: block;
     }
     .news-highlights:after {
         display: none;
     }
     .resources-wrapper p:first-of-type,
     .support-wrapper p:first-of-type {
         font-size: 2rem;
     }
 }
 @media screen and (max-width: 420px){
     .member-icons > .flexed {
         display: block;
         text-align: center;
     }
     .support-wrapper .row {
         padding: 4em 20px;
     }
 }
 @media screen and (max-width: 400px){
     .hero-text {
         padding-top: 2rem;
     }
     .hero-text h1.entry-title {
         font-size: 2.25rem;
     }
     .home-resources .flexed {
         display: block;
     }
     .home-resources .resource {
         max-width: 250px;
         margin: 0 auto 1em;
     }
 }
 @media screen and (max-width: 360px){
     .search-section p:first-of-type,
     .news-intro p:first-of-type {
         font-size: 1.9rem;
     }
 }


/**
 * Page Banner Image/Text
*/
 /* .hero-title{
   line-height:37px;
 } */

 @media only screen and (min-width: 215px) {
   /**
    * Valve Categories Page
   */
   span.product-cat-image img, span.product-sub-cat-image img, .product-cat-slide .prod-cat-image img{
     width: 100%;
    height: 200px;
    object-fit: cover;
   }
 }

 @media only screen and (min-width: 300px) {
   /**
    * Valve Categories Page
   */
   span.product-cat-image img, span.product-sub-cat-image img, .product-cat-slide .prod-cat-image img{
     width: 100%;
    height: 275px;
    object-fit: cover;
   }
 }

 @media only screen and (min-width: 475px) {
   /**
    * Valve Categories Page
   */
   span.product-cat-image img, span.product-sub-cat-image img{
     width: 100%;
    height: 200px;
    object-fit: cover;
   }
   .product-cat-slide .prod-cat-image img{
     width: 100%;
    height: 300px;
    object-fit: cover;
   }
 }

 @media only screen and (min-width: 550px) {
   .product-cat-slide .prod-cat-image img{
     width: 100%;
      height: 180px;
    object-fit: cover;
   }
 }

 @media only screen and (min-width: 875px) {
   /**
    * Valve Categories Page
   */
   span.product-cat-image img, span.product-sub-cat-image img, .product-cat-slide .prod-cat-image img{
     width: 100%;
    height: 180px;
    object-fit: cover;
   }
 }

@media only screen and (min-width: 1125px) {
  /**
   * Valve Categories Page
  */
  span.product-cat-image img, span.product-sub-cat-image img, .product-cat-slide .prod-cat-image img{
    width: 100%;
   height: 250px;
   object-fit: cover;
  }
}

@media only screen and (min-width: 1300px) {
 /**
  * Valve Categories Page
 */
 span.product-cat-image img, span.product-sub-cat-image img, .product-cat-slide .prod-cat-image img{
   width: 100%;
  height: 275px;
  object-fit: cover;
 }
}


@media only screen and (min-width: 1400px) {
 /**
  * Valve Categories Page
 */
 span.product-cat-image img, span.product-sub-cat-image img, .product-cat-slide .prod-cat-image img{
   width: 100%;
  height: 300px;
  object-fit: cover;
 }
}