/*
 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
*/

:root {
    --orange:#ec6205;
    --blue:#0188d6;
    --ltBlue:#B4DCFD;
}

.main-button {
    background:var(--orange);
    color:#000;
    padding:15px 30px;
    font-size:17px;
    font-weight:700;
    letter-spacing: 1px;
    border-radius:30px;
    display: block;
    max-width:301px;
    text-align: center;
    position: relative;
    font-family:'Barlow Condensed';
    letter-spacing: 1.2px;

}

.main-button.appointment {
    padding-right:10px;
    transition: all .5s;
}

.main-button.appointment:before {

    content:'\f073';
    font: var(--fa-font-solid);
    position: absolute;
    left:30px;
    top:18px;
}

.main-button:hover {
    background: #B4DCFD;
}

  .icon:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  #block-7 {

    flex:1;
  }

  #block-8 {
    width:145px;
  }

  .top-bar .inside-top-bar {
    justify-content: space-between;
    width:100%;
  }


#header-locations-accordion .kt-accordion-inner-wrap {
    display: flex;
    flex-direction: row;
}

#header-locations-accordion .wp-block-kadence-pane {
    flex: 1;
    margin-right:20px;
}

.header-phone, .header-address, .header-hours {
    padding-left:20px;
    position: relative;
}

.header-phone:before, .header-address:before, .header-hours:before {
    font: var(--fa-font-solid);
    color:var(--orange);
    position: absolute;
    left:0;
    top:4px;
}

.header-phone:before {
  
    content: '\f095';
   
}

.header-address:before {
  
    content: '\f3c5';
   
}

.header-hours:before {
  
    content: '\f017';
   
}

#menu-item-612 {
    background:var(--orange);
    border-radius: 35px;

    
}

#menu-item-612 a {
    color:#000;
}

#home-info-div {
    color:#fff;
    max-width: 1000px;
    margin-left:40px;
    display: flex;
}

#home-info-h2 {
    font-size:20px;
    color:var(--orange);
    font-weight:700;
    letter-spacing: 1px;
    margin-bottom:0;
    font-family:'Barlow Condensed';
}

#home-info-h3 {
    font-size:70px;
    line-height:1.1;
}

#home-info-left {
    margin-right:47px;
}

#home-info-right img {
    max-width:300px;
}


#chris-image figcaption {
    position: absolute;
    top:50px;
}

#page {
    z-index:0;
    position: relative;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    border-color:#ccc !important;
}


/*===pages=====*/

.title-h1 {
    font-size:70px;
    line-height:1.1;
    text-transform:uppercase;
    position: relative;
    padding-left:20px;
}


.title-h1:before {
    content:'';
    width:3px;
    height:46px;
    position: relative;
    left:0;
    top:0;
    display: inline-block;
    background:var(--orange);
}

.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label, .gform_legacy_markup_wrapper .gsection .gfield_label, .gform_legacy_markup_wrapper h2.gsection_title, .gform_legacy_markup_wrapper h3.gform_title, .gform_legacy_markup_wrapper ul.gfield_checkbox li label, .gform_legacy_markup_wrapper ul.gfield_radio li label, .gform_legacy_markup_wrapper .top_label .gsection_description {
    color:#fff;
    font-weight:700;
}

.blog article, .single article, .widget-area {
    margin-top:60px;
    margin-bottom:60px !important;
}
/*=========responsive=============================================================================================================================*/

@media only screen and (max-width:1280px) {

  #header-locations-accordion .kt-accordion-header-wrap .kt-blocks-accordion-header {
    font-size:15px;
  }

  .site-header .header-image {
    width:200px;
  }
}

  @media only screen and (max-width:1180px) {

    .inside-top-bar {
        padding-left:10px;
        padding-right:0;
    }

    #header-locations-title {
        font-size:15px;
    }

    #block-8 {
        width: 116px;
    }

    #header-locations-accordion .kt-accordion-header-wrap .kt-blocks-accordion-header {
        padding-right:6px;
        padding-left:10px;
    }

    #header-locations-accordion .kt-blocks-accordion-title-wrap {
        padding-right:2px;
    }

    .site-logo {
        max-width:200px;
    }


}

@media only screen and (max-width:1024px) {

    .page-hero {
        padding-top:320px;
    }

    .service-row .wp-block-kadence-column {
        margin-bottom:0 !important;
    }

    #header-locations-accordion .kt-accordion-inner-wrap {
        display: none;
        flex-direction: column;
        gap:20px;
    }
}

@media only screen and (max-width:1000px) {

    #block-7 {
        width:100%;
        flex:initial;
        margin-top:10px;
    }

}

@media only screen and (max-width:900px) {

    .home-hero {
        padding-top:320px;
    }

   

    #header-locations-accordion .kt-accordion-header-wrap .kt-blocks-accordion-header {
    margin-bottom:20px;
  }

  #home-info-div {
    margin-right:40px;
    flex-direction: column;
  }

  #home-info-left {
    order:2;
  }

  #home-info-right {
    order:1;
    margin-bottom:30px;
  }

  .main-header {
      padding-top:320px !important;
  }


}

@media only screen and (max-width:768px) {

    #block-7 {
        order:2;
    }

    .home-hover-box .kt-image-overlay-message {
        border-width:3px !important;
    }

}

@media only screen and (max-width:550px) {

    #home-info-h3 {
        font-size:50px;
    }

    #chris-image figcaption {
        left:5px;
    }

    .title-h1 {
        font-size:30px;
    }

    .title-h1:before {

        height:22px;
}

}