/*
Theme Name: The Persuader Child Theme
Theme URI: https://designstudio.com/
Author: DesignStudio
Author URI: https://designstudio.com/
Description: The Persuader Child Theme
Template: persuader
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Child theme Css Here */

/* CUSTOM GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Arimo|Montserrat:400,500,700');
.circleDIY {
    background:#3BB9F0;
    color:white;
    border-radius: 50%;
    width:30px;
    height:30px;
    padding:3px 10px;
}

h1 {
 font-size:80px;
 line-height:85px;
 font-family: 'Montserrat', sans-serif;
 font-weight:400;
}
h2 {
    font-family: 'Montserrat', sans-serif;
    font-size:50px;
    line-height:55px;
    font-weight:400;
}
h3 {
    font-family: 'Montserrat', sans-serif;
    font-size:30px;
    line-height:35px;
    font-weight:400;
}
h4 {
    font-family: 'Montserrat', sans-serif;
    font-size:24px;
    line-height:28px;
    font-weight:400;
}
p {
    font-family: 'Arimo', sans-serif;
    font-weight: 400;
    font-size:16px;
    line-height:25px;
}

.container {
    max-width:1230px;
    margin:0 auto;
    width:100%;
    padding:0px !important;
}

.topContainer {
    padding-top:25px;
}
.topContainer hr {
    border-color:#DFDFDF;
    width:100% !important;
    margin-top:20px;
    max-width:100% !important;
}

.menu-utility-nav-container {
    width: 100%;
    display: inline-block;
}

.menu-utility-nav-container ul {
    list-style:none;
}

.menu-utility-nav-container ul li{
    font-size: 16px;
    display: inline-block;
    padding-right: 15px;
    padding-top: 0px;
    border-right: 1px solid #CBCCCC;
    padding-left: 15px;
}


.menu-utility-nav-container ul li a{
    color:#404040;
    font-size:16px;
    font-weight:400;
    font-family: 'Montserrat', sans-serif;
}

.utilityMenu {
    /* width: 780px; */
    width: calc(100% - 300px);
    text-align: right;
    float: right;
}

.yelp {
    width: 30%;
    display: inline-block;
    float: right;
    text-align: right;
}

.yelp a {
    vertical-align: middle;
}


.bottomContainer .menu-primary-menu-container {
    width: 90%;
    display: inline-block;
}
.bottomContainer .cart {
    width: 10%;
    display: none; /*inline-block;*/
    text-align:right;
}
.bottomContainer .cart img {
display: inline-block;
vertical-align: middle;
padding-right:5px;
}
.bottomContainer .cartItems {
    height:30px;
    width:30px;
    border-radius:50%;
    background:#404040;
    color:white;
    display: inline-block;
    vertical-align: middle;
    padding-top: 3px;
    padding-right: 10px;
}

.bottomContainer .menu-primary-menu-container ul {
    list-style:none;
}


.bottomContainer .menu-primary-menu-container ul li {
    font-size:16px;
    display:inline-block;
    padding-right:45px;
    padding-top:10px;
}
.bottomContainer .menu-primary-menu-container ul li:last-child {
    padding-right:0px;
}
.bottomContainer .menu-primary-menu-container ul a {
    color:#404040;
    font-size:16px;
    font-weight:400;
    font-family: 'Montserrat', sans-serif;
}




#customHeader {
    width:100%;
    height:165px;
    background: #f1f0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f0f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f0f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f0',GradientType=0 ); /* IE6-9 */
    /* margin-bottom:30px; */
    z-index: 1000;
    position: relative;
}


@media (min-width:1024px) and (max-width:1241px) {
  .menu-utility-nav-container ul li a {
    font-size: 14px;
  }
  .bottomContainer .menu-primary-menu-container {
    width: calc(100%-70px);
  }
  .bottomContainer .cart {
    width: 70px;
  }
  .bottomContainer .menu-primary-menu-container ul li {
    padding-right: 8px;
  }
  .bottomContainer .menu-primary-menu-container ul li a {
    font-size: 14px;
  }
.bottomContainer .menu-primary-menu-container .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

}

.home .ahsBuild {
    max-width:100%;
    margin:0 auto;
    color:white;
    height:691.87px !important;
    width:100%;
}

.home .ahsBuild .CTAContainer {
      height: 550px !important;
}


.home .ahsBuild h2 {
    color:white !important;
    font-size:80px !important;
    line-height:85px !important;
    margin-bottom: 15px;
    letter-spacing: 2px;
}
.home .ahsBuild p {
    color:white !important;
    font-size:20px;
    line-height:25px;
    padding:10px;
    margin-bottom: 15px;
}
.home .ahsBuild .ahsCTAs {
    background:white !important;
    border-radius:0px !important;
}

.gcbBG13145 {
    background:#eee;
}

/* FOOTER 4 */
#topFooter4 {
    width:100%;
    background:#404040;
    padding:50px;
    color:white;
}
.footerPanel {
    border-left:2px solid #787878;
    border-right:2px solid #787878;
    padding-left:35px;
    padding-right:20px;
}
.footerPanel .menu-primary-menu-container ul, .footerPanel .menu-footer-nav-2-container ul {
   list-style:none;
}
.footerPanel .menu-primary-menu-container ul li, .footerPanel .menu-footer-nav-2-container ul li {
    font-size:16px;
    line-height: 30px;
}
.footerPanel .menu-primary-menu-container ul li a, .footerPanel .menu-footer-nav-2-container ul li a{
    color:white;
    font-family: 'Arimo', sans-serif;
    font-size:16px;
}
.footerPanel .menu-footer-nav-2-container {
    margin-top:25px;
}
.menu-footer-nav-container ul {
    list-style:none;
}
.menu-footer-nav-container ul li {
font-size:14px;
display:inline-block;
padding:0px 15px;
}

.menu-footer-nav-container ul li a{
    font-size:14px;
    color:#373a3c;
    font-family: 'Arimo', sans-serif;
}

.showInMobile .menu-footer-nav-container ul li a{
    color:white;
    font-family: 'Arimo', sans-serif;
    font-size:16px;
}
.showInMobile .menu-footer-nav-container ul li {
        font-size:16px;
        display:block;
        padding:0px;
    }

#footer4 {
    height:45px;
    width:100%;
    background:#fff;
    padding:10px 50px;
}

#customHeader {
    display:block;
}
#mobileHeader {
    display:none;
}
.menu-mobile-menu-container {
    display:none;
}
.cartIcon {
    width:100%;
    max-width:30px !important;
}


    /* footer top */
    .bizAddress {
        font-size:16px;
        line-height:20px;
        color:#8A8A8A;
        margin:25px 0px;
        font-family: 'Arimo', sans-serif;
        font-weight:400;
    }

    #socialMedia {
        list-style:none;
    }

    #socialMedia li {
        height:30px;
        width:30px;
        border-radius: 50%;
        background:#fff;
        color:#404040;
        display:inline-block;
        margin:10px 5px;
    }

    #socialMedia li a {
        color:#404040;
        font-size:23px;
        text-align:center;
    }

    #socialMedia .fa {
        display: block;
        padding-top: 4px;
    }

    .infoFpanelLeft {
        width: 40px;
        height: 40px;
        background: white;
        border-radius: 50%;
        color: #404040;
        font-size: 30px;
        line-height: 0px;
        padding-top: 6px;
        display:inline-block;
        text-align:center;
    }

    .infoFPanelRight {
        width: 240px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }

    .fa-envelope {
        font-size:25px;
    }

    .infoTitle {
        font-size:20px;
        padding-bottom:0px;
        margin-bottom:0px;
        font-family: 'Montserrat', sans-serif;
        font-weight:400;
    }

    .infoTitle a {
        color: #ffffff;
    }

    .infoTitle--orange a {
        color: #ff6204;
    }
    
    .infoDesc {
        font-size:16px;
        font-family: 'Arimo', sans-serif;
        font-weight:400;
    }

    .bspotPanel {
        display: flex;
          flex-direction: row;
          height: 240px;
        }
        .bspotPanel img {
            width:230px;
        }
        .bspotInfo {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin:0 auto;

        }
        .bspotInfo h3, .bspotPanel p {
             margin-left:0;
             margin-right:0;
             margin-bottom: 0;
        }
        .bspotInfo  .bspotLink {
            padding-top:5px;
        }
        .bspotLeft {
            background:#404040;
            color:white;
            margin-top:20px;
            margin-right:10px;
            margin-bottom:20px;
        }
        .bspotRight {
            background:#1C6889;
            color:white;
            margin-left:10px;
            margin-top:20px;
            margin-bottom:20px;
        }
        .bspotPanels {
            display:flex;
            align-items:center;
        }
        .bspotPanels > div {
            flex:1;
        }
        .bspotLink {
            color:white !important;
        }
        .bspotLink:before {
            content: "\f054";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
        }
        .ID13148 {
            max-width:100%;
        }
        .midSpot {
            background:url('/wp-content/uploads/midspot.png');
            background-repeat:no-repeat;
            background-size:cover;
            width:100%;
            height:590px;
            background-attachment: fixed;
            background-position: center;
        }
        .midSpotBtn {
            background:white;
            border-radius:0;
            text-align:center;
            padding:15px 30px;
        }
        .midSpotContent {
            color:white !important;
            padding-top:150px;
        }

        .bizLocation {
            /* margin-top: 50px; */
        }
        .bizLContent {
            position:absolute;
            width:100%;
            max-width: 1200px;

        }

        .bizLContent h2 {
            width:100%;
            max-width:1200px !important;
        }
        .bizLContent p {
            margin-left:0 !important;
            margin-right:0 !important;

        }

        .alignnone {
            margin:0 !important;
        }

        .midSpotContent h2, .midSpotContent p {
            margin-left:0 !important;
            margin-right:0 !important;
        }
        .bizLImg img {
            margin-top:100px;
        }
        .made-in-america {
            max-width:100%;
        }
        .drkBtn {
            background:#404040;
            border-radius:0;
            text-align:center;
            padding:15px 30px;
            color:white !important;
        }
        .blueBtn {
            background:#3BB9F0;
            border-radius:0;
            text-align:center;
            padding:15px 30px;
            color:white !important;
        }

        .design-patio {
            margin-top:50px;
            text-align:center;
            margin-bottom:50px;
        }

        .design-patio span {
            color:#3BB9F0;
        }

        .design-patio .patioTitle {
            padding:20px 0px;
        }
        .pickPatio {
            margin-bottom:20px;
        }

        .pickPatioImg  {
            margin:0 auto;
            margin-bottom:50px;
            max-width:972px;
            width:100%;
        }
        @media (max-width:768px) {
            .pickPatioImg {
                max-width:355px;
            }
        }


        .ID13153 {
            text-align:center;
            margin-top: 60px;
        }


        .gridCO {
            display: flex;
            align-items: stretch;
            margin-top:32px;
            margin-left: 25px;
            color:white !important;
        }
          .a-b {
            flex-direction: column;
            display: flex;
          }
          .gridCO .gridCOIMG {
            height:670px;
            width:665px;
            text-align:left;

        }
        .gridCContent {
            width: 70%;
            margin: 70px;
            padding:0;
        }
          .gridCO .a-b .gridCOIMG {
            height:317px;
            width:470px;
            margin-right: 30px;
            margin-bottom: 37px;
            background-repeat:no-repeat !important;
            background-size:cover !important;
          }



          /* Twitter */
          span[data-scribe="element:name"] {
            display:none;
          }
          span[data-scribe="element:screen_name"] {
            font-size:16px;
            color:white;
          }
          .tweet {
              font-size:16px;
              color:white;
              width:95% !important;
              max-width:95% !important;
              overflow:hidden;
          }
          .tweet a {
              color:white;
          }
          #botTwitter ul {
            list-style:none;
            width:100%;
            max-width:100% !important;
            margin-bottom: 0 !important;
          }
          #botTwitter ul li {
            width:20%;
            display:inline-block;
            margin:0;
            height:256px;
            padding:15px;
            overflow:hidden;
            background:#272424;
            color:white;
            margin-top: -6px;
          }
          #botTwitter ul li:nth-child(2) {
              background:#4D7789;
          }
          #botTwitter ul li:nth-child(3) {
            background:#3BB9F0;
        }
        #botTwitter ul li:nth-child(4) {
            background:#9CAFA7;
        }
        #botTwitter ul li:nth-child(6) {
            background:#4D7789;
        }
        #botTwitter ul li:nth-child(7) {
            background:#3BB9F0;
        }
        #botTwitter ul li:nth-child(9) {
            background:#4D7789;
        }
        #botTwitter ul li:nth-child(10) {
            background:#9CAFA7;
        }
          img[data-scribe="element:avatar"] {
              border-radius:50%;
              height:45px;
              width:45px;
              margin-bottom:10px;
          }
        /* RESPONSIVE */

    @media (max-width:1087px) {
        .infoTitle {
            font-size:14px;
            padding-bottom:0px;
            margin-bottom:0px;
            font-family: 'Montserrat', sans-serif;
            font-weight:400;
        }
        .infoDesc {
            font-size:12px;
            font-family: 'Arimo', sans-serif;
            font-weight:400;
        }
        .infoFPanelRight {
            width:140px;
        }
    }

@media (max-width:991px) {
    #botTwitter ul li {
        width:50%;
        height:188px;
      }
}

.showInMobile {
    display:none;
}

@media (max-width:901px) {

    h1 {
        font-size:40px;
        line-height:45px;
        font-family: 'Montserrat', sans-serif;
        font-weight:400;
       }
       h2 {
           font-family: 'Montserrat', sans-serif;
           font-size:30px;
           line-height:35px;
           font-weight:400;
       }
       h3 {
            font-family: 'Montserrat', sans-serif;
            font-size:20px;
            line-height:25px;
            font-weight:400;
       }
       h4 {
        font-family: 'Montserrat', sans-serif;
        font-size:16px;
        line-height:20px;
        font-weight:400;
        margin-bottom: 5px !important;
       }
       p {
           font-family: 'Arimo', sans-serif;
           font-weight: 400;
           font-size:14px;
           line-height:20px;
       }

    .home .ahsBuild,
    .home .CTAContainer {
        height:400px !important;
    }

    .home .ahsBuild .ahsContent {
        /* min-height: 450px; */
    }

    @media (max-width: 992px) {




        .gridCO {
            display:block;
            margin-left:15px;
            margin-right:15px;
        }
        .a-b {
            display:block;
        }
        .gridCO .a-b .gridCOIMG {
            width:100%;
            margin: 0px;
            height:340px;
        }
        .gridCO .gridCOIMG {
            width:100%;
            height:355px;
            background-position: bottom !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }
        .gridCContent {
            margin:15px;
            padding: 40px 15px;
        }
        .bizLContent {
            position:relative;
            width:90%;
            margin-left:15px;
        }
        .bizLImg img {
            margin-top:-20px;
        }
        .bizLocation {
            /* margin-bottom:25px; */
        }
        .patioOptions .slick-slide img {
            margin:0 auto;
        }

        .patioOptions .slick-slide img {
          margin-left: auto !important;
          margin-right: auto !important;
        }

        .leftArrow {
            position: absolute;
            z-index: 10000;
            color: white;
            font-size: 30px;
            top: 30%;
            left: 5%;
            background: rgba(0, 0, 0, 0.1);
            border-radius: 50%;
            padding: 6px 10px;
        }
        .rightArrow {
            position: absolute;
            z-index: 10000;
            color: white;
            font-size: 30px;
            top: 30%;
            right: 5%;
            background: rgba(0, 0, 0, 0.1);
            border-radius: 50%;
            padding: 6px 10px;
        }


}


@media (max-width:1024px) {
  /* MENU MOBILE */
      #customHeader {
          display:none;
      }
      #mobileHeader {
          display:block;
              width:100%;
              height:50px;
              background: #f1f0f0; /* Old browsers */
              background: -moz-linear-gradient(top, #ffffff 0%, #f1f0f0 100%); /* FF3.6-15 */
              background: -webkit-linear-gradient(top, #ffffff 0%, #f1f0f0 100%); /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to bottom, #ffffff 0%,#f1f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f0',GradientType=0 ); /* IE6-9 */
      }
      #mobileMenuBtn {
          border-bottom: 14px double #404040;
          border-top: 5px solid #404040;
          content:"";
          height: 23px;
          width:30px;
          padding-right:15px;
          margin-top: 14px;
      }
      .hamActive {
          background:#404040;
      }
      .hamActive #mobileMenuBtn {
          border-bottom: 14px double #fff;
          border-top: 5px solid #fff;
      }

      .menu-mobile-menu-container ul {
          list-style:none;
          margin-bottom:0px;
      }

      .menu-mobile-menu-container ul li {
          background:#404040;
          color:white;
          padding:20px;
          border-bottom:1px solid #CBCCCC;
          font-size:16px;
      }
      .menu-mobile-menu-container ul .blackBG {
          background:#262424;
      }
      .menu-mobile-menu-container ul .blackBG:last-child {
          border-bottom:none;
      }
      .menu-mobile-menu-container ul li a {
          color:white;
          font-size:16px;
          font-weight:400;
          font-family: 'Montserrat', sans-serif;
      }
      .hamIcon {
          width:50px;
          display:inline-block;
          vertical-align: middle;
          padding-left:7px;
          border-right: 1px solid #cccc;
          height:50px;
          vertical-align: middle;
      }
      .mobileLogo {
          width: calc(100% - 140px);
          display:inline-block;
          text-align:center;
          vertical-align: middle;
          height:50px;
          padding-top:5px;
      }
      .mobileLogo img {
          width:100%;
          max-width:134px;
      }
      .cartMobile {
          width:80px;
          display: none; /*inline-block;*/
          vertical-align: middle;
          text-align:right;
          padding-right:15px;
          padding-top:5px;
      }

      .cartMobile .cartItems {
          height:30px;
          width:30px;
          border-radius:50%;
          background:#404040;
          color:white;
          display: inline-block;
          vertical-align: middle;
          padding-top: 2px;
          padding-right: 10px;
      }

      .cartMobile img {
          display: inline-block;
          vertical-align: middle;
          padding-right:5px;
          }
          #topFooter4 {
              width:100%;
              height:auto;
          }


          .home .ahsBuild {
              background: url(http://patiokits.designstudio.host/wp-content/uploads/1920x700-home-hero-4-1.jpg);
              background-size: cover;
              background-repeat: no-repeat;
              background-position: 50% 50%;
            }
        }

        .home .CTAGroup h2, .CTAGroup p, .ahsCTAGroup{
            text-align:left !important;
        }
        .home .CTAGroup h2 {
            font-size:40px !important;
            line-height:45px !important;
        }
        .home .CTAGroup p {
            font-size:14px;
            line-height:18px;
            padding:0;
        }
        .home .ahsContent {
            padding:20px !important;
        }
        .home .hrDefault {
            left: 50% !important;
            top: 20% !important;
            transform: translate(-50%,-20%) !important;
            text-align: center !important;
        }
}

.text-md-right .menu-footer-nav-container {
    display:block;
}
@media (max-width:768px) {
    .bspotInfo {
        padding:10px;
    }
    .midSpot {
        height:250px;
    }
    .midSpotContent {
        padding-top:20px;
        padding-left:20px;
    }
    .midSpotBtn {
        padding:10px 30px;
    }
    .ID13142leftColumn {
        height:349px !important;
    }
    .ID13142rightPanel {
        padding: 30px !important;
    }
    .infoFPanelRight {
        width:170px;
    }
    .text-md-right .menu-footer-nav-container {
        display:none;
    }
    .showInMobile {
        display:block;
    }
    .footerPanel {
        border:none;
        padding:0px;
        margin:30px 0px;
    }
    .footerPanel .menu-footer-nav-2-container {
        margin-top:0px;
    }
    .footerPanel div {
    border-top:1px solid #636363;
    padding:10px;
    }
    .footerPanel div ul{
        margin-bottom:0;
    }

    .footerPanel div:last-child {
        border-bottom:1px solid #636363;
    }
    .footerPanel div div {
        border:none;
        padding:0px;
    }
    .footerPanel div div:last-child {
        border:none;
    }
    #topFooter4 {
        padding:15px 0px;
    }
    #footer4 {
        padding:10px 0px;
        text-align:center;
    }
}

@media (max-width:791px) {
    .bspotPanels {
        display:block;
    }
    .bspotPanel img {
        width:136px;
    }
    .bspotPanel {
        height:200px;
    }
    .bspotRight, .bspotLeft, .gcbBG13142 {
        margin:15px;
    }

    .bspotInfo {
      padding: 30px;
    }
}

@media (max-width:400px) {
    .home .ahsBuild {
        height:450px !important;
    }
}

/* HOVER EFFECTS */
.menu-item a:hover, .ahsCTAs:hover, .bspotLink:hover, .menu-primary-menu-container ul a:hover, .menu-utility-nav-container ul li a:hover {
    color:#3bb9f0 !important;
}

.drkBtn:hover {
    background:#3bb9f0;
}

.patioOptions img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.patioOptions .col-md-4:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.blueBtn:hover {
    background:#404040;
}

@media (max-width:626px) {
/* .cartMobile {
        width:15%;
    } */
    /* .mobileLogo {
        width:75%;
    } */
}

@media (max-width:517px) {
    /* .cartMobile {
        width:20%;
    } */
    /* .mobileLogo {
        width: 67%;
    } */
}

@media (max-width:420px) {
    .drkBtn {
        display:block;
        margin:10px 0px;
        max-width:360px;
    }
}

#customHeader li {
  position: relative;
}

#customHeader ul.sub-menu {
  display: none;
}

#customHeader li:hover>ul.sub-menu {
  display: block;
  position: absolute;
  /* bottom: -48px; */
  background: #f1f0f7;
  z-index: 99;
  width: auto;
  min-width: 250px;
  background: #f1f0f0;
  top: 44px;
/* background: -moz-linear-gradient(bottom, #ffffff 0%, #f1f0f0 100%);
background: -webkit-linear-gradient(bottom, #ffffff 0%, #f1f0f0 100%);
background: linear-gradient(to top, #ffffff 0%,#f1f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f0',GradientType=0 ); */
}

#customHeader li:hover ul.sub-menu ul.sub-menu {
  left: 100%;
  top: 0;
}

#customHeader li:hover>ul.sub-menu li {
  padding: 7px 30px;
  width: 100%;
}

#customHeader .bottomContainer .menu-primary-menu-container ul a {
  padding-top: 13px;
  padding-bottom: 13px;
}

.ID14017parallaxContent {
  padding: 30px;
}

.ID14017parallaxContent a img {
  width: 140px;
  height: 30px;
}

.gcbBG13153 .row > h2,
.gcbBG13153 .row > p {
  padding-left: 30px;
  padding-right: 30px;
}