/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: "Montserrat-thin";
    src: url("/wp-content/uploads/2021/06/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Montserrat-extra-light";
    src: url("/wp-content/uploads/2021/06/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Montserrat-light";
    src: url("/wp-content/uploads/2021/06/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Montserrat";
    src: url("/wp-content/uploads/2021/06/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Montserrat-medium";
    src: url("/wp-content/uploads/2021/06/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Montserrat-semi-bold";
    src: url("/wp-content/uploads/2021/06/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Montserrat-bold";
    src: url("/wp-content/uploads/2021/06/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
  }
  .single-post > .text-widget > iframe {
      height:440px !important;
  }
  p {
      //margin-bottom: 0;
  }
  .emoji {max-width:18px}
  .elementor-524 .elementor-element.elementor-element-36afe463 .elementor-posts-container .elementor-post__thumbnail {
      padding-bottom: 0 !important;
  }
  .elementor-524 .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
      position: relative !important;
      transition: unset !important;
      -webkit-transform: unset !important;
      -ms-transform: unset !important;
      transform: unset !important;
      top: auto !important;
      left: auto !important;
  }
  
  .mid_img{
      position:relative;
  }
  
  .mid_img:before{
      position: absolute;
      content: url(/wp-content/uploads/2022/05/limited-time-replay_light_pink-1.png);
      bottom: 6%;
      left: 100%;
  }
  
  @media only screen and (max-width:1100px) {
      .mid_img:before{
      bottom: 6%;
      left: 96%;
  }
  }
  .elementor-4311 .elementor-element.elementor-element-b7071e4 .elementor-button{
      width:100%;
  }
  
  .pdf_icon{padding-left: 30px;padding-top:3px;}
  @media only screen and (max-width:767px) {
      .pdf_icon{padding-left: 30px;padding-top:9px;}
      
  }
  .pdf_icon:before{position:absolute;content:url(/wp-content/uploads/2022/04/free-pdf-icon-3375-thumb.png);width:20px;height:20px;left:0;top:2px;}
  
  
  
  /* CP CUSTOM CODE */
  .callPopup {
    position: fixed;
    z-index: 99;
    transition: all 0.25s ease-in-out 0s;
    left: 20px;
    bottom: 15px;
}
  
      .cp_button__inner {
          display: -ms-inline-flexbox;
          display: inline-flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          border-radius: 50%;
          box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
          background-color: #e61d7d;
          width: 60px;
          color: #fff;
          z-index: 99;
          height: 60px;
          position: relative
      }
  
      .cp_button__inner::before {
          position: absolute;
          content: " ";
          z-index: -1;
          background-color: #e61d7d;
          width: 100px;
          height: 100px;
          border-radius: 100%;
          animation: pulse-animation 2s infinite;

      }

      @keyframes pulse-animation {
        0% {
            opacity: .25;
            width: 0;
            height: 0;
        }

        40% {
            opacity: .25;
        }

        to {
            opacity: 0;
            width: 100px;
            height: 100px;
        }
      }
  
      .cp-tooltip {
          position: relative
      }
  
      .arrow-bottom {
        position: absolute;
        bottom: 0;
        left: 65px;
    }
      .arrow-bottom:before {
          border: 9px solid transparent;
          content: ' ';
          display: block;
          position: absolute;
          z-index: 2
      }
  
      .arrow-bottom:before {
          border-top-color: #fbfbfb;
          left: 0;
          top: 0
      }
  
      .arrow-bottom-bg:after {
          border: 9px solid transparent;
          content: ' ';
          display: block;
          position: absolute;
          z-index: 1
      }
  
      .arrow-bottom-bg:after {
          border-top-color: #555;
          left: 0;
          top: 0
      }
  
      .cp_button__inner .cp-phone-icon {
          display: block;
          width: 24px;
          height: 24px;
          cursor: pointer;
          fill: #fff;
          transition: all .25s ease-in-out;
		  margin-top: 1px;
      }
  
      .cp-tooltip__inner {
          background: #fbfbfb;
          border-radius: 4px;
          padding: 15px 10px;
          min-width: 100px;
          max-width: 170px;
          text-align: center;
          border: 1px solid #e6e6e6;
          position: relative;
          margin-bottom: 0;
          display: none;
          z-index: 99;
          bottom: 80px
      }
  
      .hideBox {
          animation: hideBox 0.4s;
          -webkit-animation: hideBox 0.4s;
          -moz-animation: hideBox 0.4s;
          -o-animation: hideBox 0.4s
      }
  
      @-webkit-keyframes hideBox {
          from {
              opacity: 1
          }
  
          to {
              opacity: 0
          }
      }
  
      .showBox {
          animation: showBox 0.4s;
          -webkit-animation: showBox 0.4s;
          -moz-animation: showBox 0.4s;
          -o-animation: showBox 0.4s
      }
  
      @-webkit-keyframes showBox {
          from {
              opacity: 0;
              bottom: 130px
          }
  
          to {
              opacity: 1;
              bottom: 80px
          }
      }
  
      .cp-tooltip__inner p {
          font-size: 15px;
          line-height: 1.1;
          font-weight: 700;
          color: #484848;
          margin-bottom: 5px
      }
  
      .cp-tooltip__inner .smallText {
          font-size: 13px;
          line-height: 1.3;
          color: #484848;
          font-weight: 500;
          margin-bottom: 12px
      }
  
      .cp-tooltip .closeIcon {
        background: #fbfbfb;
        width: 18px;
        height: 18px;
        border: 1px solid #e9e9e9;
        border-radius: 30px;
        position: absolute;
        right: -8px;
        top: -10px;
        padding: 0;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.4s ease-in-out;
        opacity: 0;
    }

    .show-cp .cp-tooltip .closeIcon {
        opacity: 1;
    }
  
      .closeIcon img {
          width: 8px;
          height: 8px
      }
  
      .cp-close-btn__img {
          display: block;
          width: 8px;
          height: 8px;
          margin: auto
      }
  
      .cp-btn {
        background: #e61d7d;
        border: 1px solid #e61d7d;
        display: inline-block;
        padding: 5px 22px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
        color: #fff;
        border-radius: 3px;
        transition: all 0.4s ease-in-out;
        font-weight: 600;
        font-size: 14px;
    }
      .cp-btn:focus, .cp-btn:active {
        color: #fff;
    }
  
      .cp-btn:hover {
          filter: brightness(110%);
          color: #fff
      }
  
      .cp-icon {
        text-align: center;
        display: none;
        animation: bounce 2s;
        -webkit-animation: bounce 2s;
        -moz-animation: bounce 2s;
        -o-animation: bounce 2s;
        position: fixed;
        bottom: 15px;
        left: 65px;
    }
  
      @-webkit-keyframes bounce {
  
          0%,
          20%,
          50%,
          80%,
          100% {
              -webkit-transform: translateY(0)
          }
  
          40% {
              -webkit-transform: translateY(-30px)
          }
  
          60% {
              -webkit-transform: translateY(-15px)
          }
      }
  
      @-moz-keyframes bounce {
  
          0%,
          20%,
          50%,
          80%,
          100% {
              -moz-transform: translateY(0)
          }
  
          40% {
              -moz-transform: translateY(-30px)
          }
  
          60% {
              -moz-transform: translateY(-15px)
          }
      }
  
      @-o-keyframes bounce {
  
          0%,
          20%,
          50%,
          80%,
          100% {
              -o-transform: translateY(0)
          }
  
          40% {
              -o-transform: translateY(-30px)
          }
  
          60% {
              -o-transform: translateY(-15px)
          }
      }
  
      @keyframes bounce {
  
          0%,
          20%,
          50%,
          80%,
          100% {
              transform: translateY(0)
          }
  
          40% {
              transform: translateY(-30px)
          }
  
          60% {
              transform: translateY(-15px)
          }
      }
  
      @media screen and (max-width:767px) {
          .cp_button__inner {
              width: 50px;
              height: 50px
          }
  
          .cp_button__inner .cp-phone-icon {
              width: 20px;
              height: 20px
          }
  
          .cp-tooltip__inner {
              max-width: 150px;
              bottom: 70px
          }
          .arrow-bottom {
            left: 60px;
        }
  
          @-webkit-keyframes showBox {
              from {
                  opacity: 0;
                  bottom: 130px
              }
  
              to {
                  opacity: 1;
                  bottom: 70px
              }
          }
  
          .cp-tooltip__inner p {
              font-size: 13px
          }
  
          .cp-tooltip__inner .smallText {
              font-size: 11px
          }
  
          .cp-btn {
              padding: 7px 20px;
              font-size: 12px
          }
          
          @keyframes pulse-animation {
            0% {
                opacity: .25;
                width: 0;
                height: 0;
            }
    
            40% {
                opacity: .25;
            }
    
            to {
                opacity: 0;
                width: 80px;
                height: 80px;
            }
          }

      }
  
  
  
  /* CP CUSTOM CODE */