@charset "UTF-8";
/*
Theme Name: PGResolutions
Author: Sean Kennedy - Agency K² - https://AgencyKs.com
Description: Custom Theme by Agency K² for Keels Communications. .
Version: 1.5
Text Domain: https://AgencyKs.com
*/
html {
  position: relative;
  height: initial;
  min-height: 100%; }

body {
  height: 100%;
  overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Josefin Slab", serif;
  font-weight: 700; }

.page-template h1 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 50px;
}
@media only screen and (max-width: 991px) {
  .page-template h1 {
    font-size: initial;
  }
}

p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 20px;
  color: #211f1f;
  font-weight: 300;
  line-height: 34px;
  margin-bottom: 1.75em !important;
  text-rendering: optimizelegibility; }

  p.lead {
    font-size: 24px !important ;
    font-weight: 200;
    margin-bottom:  1em !important;
  }

 .page-template hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid rgba(0,0,0,.25);
    margin-top: 55px;
    margin-bottom: 50px;
}

.page-template-page .hero-home .btn-primary {
  display: none !important;
}

.navbar-toggler {
  display: none; }

div.wrap {
  padding-top: 50px;
  padding-bottom: 75px;
  z-index: 99000;
  min-height: 100%;
  position: relative;
  background-color: #f4f4f9;
  margin-top: -161px;
  box-shadow: 0px -21px 75px rgba(0, 0, 0, 0.45);
  width: 100%; }

#shiftnav-toggle-main {
  position: fixed !important;
  background-color: #4b5055 !important; }

#shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
  float: left;
  content: url(/wp-content/themes/pmi/img/menu.png) !important;
  padding: 15px !important;
  color: white !important;
  margin-left: 0px !important;
  position: relative;
  z-index: 10 !important;
  line-height: 1em;
  box-shadow: inset 3px 3px 12px rgba(0, 0, 0, 0.45); }

.btn {
  cursor: pointer;
}

.btn.btn-primary {
  background-color: transparent;
  letter-spacing: 2px;
  color: white !important;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 500;
  border-radius: 3px;
  border: 2px solid white;
  text-align: center;
  transition: .3s;
  width: 200px;
  position: absolute;
  display: block;
  padding: 18px 0 15px;
  margin: 0 auto;
  margin-top: 50px;
  text-shadow: none;
  left: 0;
  right: 0;
  margin-top: 15px;
  display: block;
  cursor: pointer;
  margin-top: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .btn.btn-primary:hover {
    background-color: transparent;
    border: 2px solid #016cb4;
    color: #016cb4; }

.home .hero-home h1 {
  letter-spacing: 8px;
  font-size: 60px;
  line-height: 60px;
  display: block;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 300px;
  right: 0;
  color: white;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: lowercase;
  font-family: sans-serif; }

  @media only screen and (max-width: 991px) {
    .home .hero-home h1 {
      font-size: 38px;
      text-align: center;
      letter-spacing: 18px;
      line-height: 38px; }
    }
  .home .hero-home h1 > small {
    font-size: 25px;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
    text-transform: capitalize; }
    @media only screen and (max-width: 991px) {
      .home .hero-home h1 > small {
        font-size: 16px;
        letter-spacing: 0px;
         } }

a.logo {
  position: absolute;
  top: 45px;
  left: 70px;
  z-index: 99000; }
  @media only screen and (max-width: 991px) {
    a.logo {
      position: absolute;
      top: 78px;
      display: block;
      margin: 0 auto;
      left: 0;
      right: 0;
      width: 104px; } }

a {
  color: #262b5d !important;
  font-size: 16px;
  font-weight: 600; }
  a:hover {
    text-decoration: none;
    color: #daceaa !important; }

.nav-wrap {
  position: fixed;
  background-color: transparent;
  height: 80px;
  width: 100%;
  left: 15px;
  right: 15px;
  z-index: 5; }

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  z-index: 90000;
  background: transparent;
  background-color: transparent; }
  .navbar a {
    color: white !important;
    transition: .65s;
    font-size: 22px;
    font-size: 100 !important;
    font-weight: 300; }
  @media only screen and (max-width: 991px) {
    .navbar .navbar-brand {
      color: white !important;
      transition: .65s;
      font-size: 22px;
      font-size: 100 !important;
      font-weight: 300;
      left: -30px;
      width: 195px;
      margin: 0 auto;
      right: 0; } }
  .navbar li {
    margin: 18px; }

.hero-home {
  height: 800px;
  width: 100%;
  left: 0;
  top: -160px;
  background-image: url(/wp-content/themes/pmi/img/hero-image1.jpg);
  background-color: #00abeb;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  opacity: 1;
  z-index: 0;
  background-color: #2da58a; }
  .hero-home:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    min-height: 100%;
    background-color: rgba(1, 125, 195, 0.2); }

    @media only screen and (max-width: 991px) {
      .hero-home {
          height: 800px;
          width: 100%;
          left: 0;
          top: -190px;
          background-image: url(/wp-content/themes/pmi/img/hero-image1.jpg);
          background-color: #00abeb;
          background-size: 100% !important;
          background-position: 0px 160px;
          background-repeat: no-repeat;
          position: relative;
          opacity: 1;
          z-index: 0;
          background-color: #62a6b5;
      }
      .page-template-page .hero-home.header-sib-page {
        background-position: 0 270px;
      }
      div.wrap {
        margin-top: -193px
      }
    }

   .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
       background-color: #568c90 !important;
       color: #fff !important;
       -webkit-font-smoothing: antialiased;
   }

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
  color: #ffffff;
  text-transform: uppercase;
  background: #5e9c97 !important; }

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px !important;
  webkit-font-smoothing: antialiased; }

.shiftnav::after {
  content: ' ';
  display: block;
  position: absolute;
  right: -15px;
  top: 0;
  height: 100%;
  width: 15px;
  background: 0 0;
  -webkit-box-shadow: 6px 0px 41px rgba(0, 0, 0, 0.9) !important;
  -moz-box-shadow: 6px 0px 41px rgba(0, 0, 0, 0.9) !important;
  -ms-box-shadow: 6px 0px 41px rgba(0, 0, 0, 0.9) !important;
  -o-box-shadow: 6px 0px 41px rgba(0, 0, 0, 0.9) !important;
  box-shadow: 6px 0px 41px rgba(0, 0, 0, 0.9) !important;
  z-index: 10000; }

footer {
  padding-top: 50px;
  padding-bottom: 10px;
      background: white;
      position: relative;
 }

  footer .text-muted {
    color: #6c757d !important; }
    footer .text-muted a, footer .text-muted span, footer .text-muted a span, footer .text-muted span a {
      color: #6c757d !important; }

#wpadminbar a {
  color: #ccc !important; }

* {
  text-rendering: optimizelegibility; }

#wpadminbar a {
  color: #ccc !important; }

.page-template .header-sib-page {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-attachment: scroll;
  background-attachment: fixed;
  height: 675px;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  overflow: hidden; }

  .page-template .header-sib-page:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        height: 600px;
        min-height: 100%;
        box-shadow: inset 10px -41px 69px rgba(0, 0, 0, 0.135);
    }
    box-shadow: inset 10px -41px 69px rgba(0, 0, 0, 0.35); }


    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
        float: none !important;
        width: 100% !important;
    }
    .woocommerce .col-1 {
        -webkit-box-flex: initial;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100% !important;
}

.page-template img.bio__photo {

  border-style: none;
  width: 165px;
  float: left;
  margin: 8px 50px 21px 0;
  box-shadow: 0 0 40px rgba(0,0,0,.65000000);
}

.bio__content {
  margin-bottom: 99px;
}

.page-id-36 .woocommerce {
    width: 410px;
    margin: 0 auto;
    left: 80px;
    right: 0;
    display: block;
    text-align: center;
    display: table;
    margin-right: 100px;
    margin-left: auto;

}
.page-id-36 .woocommerce ul.products li.product a img {
  display: none !important;
}

.page-id-36 .woocommerce-loop-product__title {
  display: none;
}
.page-id-36 ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both;
    text-align: center;
}