/* 
Theme Name:   Hello Elementor Child (Tek12)
Theme URI:    https://tektwelve.com/
Description:  Spirit-seekin on the weekend with a tea can and a pair of old shades
Author:     internalkernel
Author URI:   https://tek12.com/
Template:   hello-elementor
Version:    2.0.0
Text Domain:  hello-elementor-child
Tags:           magnolia merge, fabtech update, woocommerce, custom post types
*/

/* ------------------ General Styles and Elementor Overrides ------- */
  body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    letter-spacing: normal;
  }
  html, body{
    margin:0px;
    padding:0px;
    min-height:100%;
  }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; }
  .clearfix::after {
      display: block;
      clear: both;
      content: "";
  }
  .links {
    font-weight: 700;
  }
  .inline-lists {
    list-style: none;
    margin-top: 20px;
  }
  .inline-lists li {
    display: inline;
  }
  .inline-lists li p {
    display: inline;
    margin-right: 20px;
  }
  .clean-lists p {
    font-size: 1.25rem;
    margin-bottom: 0.65rem;
  } 
  blockquote,
  .elementor-widget-blockquote blockquote.elementor-blockquote {
    font-size: 2rem;
    width: 84%;
    padding: 0.75rem 30px 0.5rem 50px;
    line-height: 1.6;
    position: relative;
    margin: 2rem 4rem;
    clear: both;
  }
  blockquote p,
  .elementor-widget-blockquote blockquote.elementor-blockquote p {
    font-size: 1.2rem;
    padding: 1rem 30px 1rem 0.5rem;
  }
  blockquote em,
  .elementor-widget-blockquote blockquote.elementor-blockquote em {
    display: block;
    margin: 0;
    float: right;
    font-style: italic;
    padding: 0.5rem 2rem 0 0;
  }
  blockquote::before,
  .elementor-widget-blockquote blockquote.elementor-blockquote:before {
    content: "\201C";
    font-size: 100px;
    position: absolute;
    left: 10px;
    top: -20px;
  }
  blockquote::after,
  .elementor-widget-blockquote blockquote.elementor-blockquote:after {
    content: '';
  }
  @media (max-width: 768px) {
    blockquote,
    .elementor-widget-blockquote blockquote.elementor-blockquote { 
      padding-right: 10px;
    }
    blockquote p,
    .elementor-widget-blockquote blockquote.elementor-blockquote p { 
      padding-right: 10px;
    }
  }
  .title-line {
    position:relative;
    z-index:1;
    text-align:center;
    text-transform:uppercase;
    line-height:1.7;
  }
  .title-line span {
    padding:10px 20px;
    display:inline-block;
  }
  .title-line:before,
  .title-line:after {
    content:"";
    display:block;
    height:3px;
    position:absolute;
    top:50%;
    width:100%;
    z-index:-1;
    left:0;
    right:0;
  }
  .callout {
    z-index: 10;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .arrow-bottom:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
  }

/* ------------------ Link Effects ---------------------------------- */
  p a,
  a.lfx {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px rgba(0, 0, 0, 0);
    position:relative;
    background:transparent;
    word-wrap: break-word;
    transition-property:color;
    -webkit-transition-property:color;
    transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
  }
  p a:before,
  a.lfx:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    left:0;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:50%;
    transform-origin:50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    border-radius: 4px;
  }
  p a:focus:before, p a:active:before, p a:hover:before,
  a.lfx:focus:before, a.lfx:active:before, a.lfx:hover:before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
  p a:focus, p a:active, p a:hover,
  a.lfx:focus, a.lfx:active, a.lfx:hover {
    text-decoration:none;
    outline:none;
    cursor:pointer;
    border-top: none;
    border-bottom: 1px solid transparent;
  }

/* ------------------ Image Effects -------------------------------- */
  .img-border,
  .elementor img.img-border {
    display:inline-block;
    position:relative;
    margin-bottom: 20px;
    border-radius:2px;
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
  }
  img.thumbcover {
    object-fit:cover;
  } 
  @media (max-width:767px) {
    img.portraithumb {
      height:auto;
    } 
  }
  /* Zoom Image (not woo) */
  .image-hover-zoom {
    overflow:hidden;
  }
  .image-hover-zoom>img {
    -webkit-transition:ease all .3s;
    -moz-transition:ease all .3s;
    transition:ease all .3s;
  }
  .image-hover-zoom:hover>img {
    -webkit-transform:translate3d(0, 3%, 0) scale(1.3);
    -moz-transform:translate3d(0, 3%, 0) scale(1.3);
    -ms-transform:translate3d(0, 3%, 0) scale(1.3);
    -o-transform:translate3d(0, 3%, 0) scale(1.3);
    transform:translate3d(0, 3%, 0) scale(1.3);
  }
  /* Bottom Drop Shadow */
  .box-shadow-btm,
  .elementor img.box-shadow-btm {
    -webkit-box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
    -moz-box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
    box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
  }
  .drop-shadow {
    box-shadow: 0 12px 24px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  .drop-shadow-light {
    box-shadow: 0 8px 16px rgba(70, 70, 70, 0.18), 0 4px 4px rgba(70, 70, 70, 0.13);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  /* grayscale hover */
    .flex-control-thumbs li img,
    .grayscale {
      filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
      filter:gray; /* IE6-9 */
      -webkit-filter:grayscale(99%); /* Chrome 19+ & Safari 6+ */
      -webkit-backface-visibility:hidden;  /* Fix for transition flickering */
      -webkit-transition:all 0.5s;
         -moz-transition:all 0.5s;
         -o-transition:all 0.5s;
          transition:all 0.5s;
    }
    .flex-control-thumbs li:hover img,
    .blogroll .row:hover .grayscale {
      -webkit-filter:grayscale(0%);
         -moz-filter:grayscale(0%);
        -ms-filter:grayscale(0%);
        -o-filter:grayscale(0%);
           filter:grayscale(0%);
           filter:color;
    }

/* ------------------ Separators ----------------------------------- */
  .separator {
    width:100%;
    margin-top:2rem;
    margin-bottom:2rem;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    height:1px;
    color:rgba(255, 255, 255, 1.0);
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0) scale(1, 1);
  }
  .separator:after {
    height:1px;
    background:rgba(232, 232, 232, 1.0);
    background:-moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.25)), color-stop(70%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)));
    background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);
    background:-o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);
    background:-ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);
    background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);
    position:absolute;
    bottom:-1px;
    content:"";
    width:100%;
    left:0;
  }

/* ------------------ Forms - CF7 ---------------------------------- */
  .input-text {
    padding:.8rem;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
  }
  input,
  select,
  textarea,
  .input-text,
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"] {
    border:1px solid #ccc;
    font-weight:400;
    display:block;
    width:100%;
    background-color:#fff;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
  input[type="text"] {
    background:#fff url(./img/contact-name.png) no-repeat 10px center;
    padding-left:35px !important;
    width:100%;
  }
  input[type="email"] {
    background:#fff url(./img/contact-email.png) no-repeat 10px center;
    padding-left:35px !important;
    width:100%;
  }
  input[type="tel"] {
    background:#fff url(./img/contact-phone.png) no-repeat 10px center;
    padding-left:35px !important;
    width:100%;
  }
  .input-text:focus,
  input:focus,
  textarea:focus,
  select:focus,
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus {
    border-color:rgba(51, 51, 51, 0.7);
  }
  ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color:rgba(0, 0, 0, 0.35) !important;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
     color:rgba(0, 0, 0, 0.35) !important;
     opacity: 1;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
     color:rgba(0, 0, 0, 0.35) !important;
     opacity: 1;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color:rgba(0, 0, 0, 0.35) !important;
  }

/* ------------------ Buttons -------------------------------------- */
  a.btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .08rem;
    text-transform:uppercase;
    padding: 14px 15px;
    font-weight: 700;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

/* ------------------ Scroll to Top -------------------------------- */
  .scrollToTop {
    color:#fff;
    position:fixed;
    bottom:25px;
    right:30px;
    width:52px;
    height:52px;
    text-align:center;
    cursor:pointer;
    background-color:rgba(0, 0, 0, 0.4);
    z-index:1005;
    display:none;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    border-radius:.3125rem;
    box-shadow:0 2px 6px 0 rgba(0,0,0,.4);
  }
  .scrollToTop i {
    line-height:50px;
    font-size:24px;
  }
  .scrollToTop:hover {
    background-color:rgba(0, 0, 0, 0.6);
  }
  /* Small devices (tablets, phones less than 767px) */
  @media (max-width:767px) {
    .scrollToTop {
      width:44px;
      height:44px;
      background-color:rgba(0, 0, 0, 0.4);
    }
    .scrollToTop i {
      line-height:44px;
      font-size:20px;
    }
  }

/* ------------------ BEGIN CUSTOM SECTIONS ------------------------ */



/* ------------------ EOF ------------------------------------------ */