/* TYRE SOLUTIONS */

/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.footer-copyright p,
.footer-copyright a {
   font-weight:500;
   color: #191919;
}

.home-page-buttons {
  width:500px !important;
}

 .home-page-icons {
  width: 500px !important;
}

.mobile-icons {
  display:none !important;
}

li.elementor-icon-list-item {
  display: flex;
  align-items: center !important;
}

span.elementor-icon-list-icon {
  display: flex;
  align-items: center !important;
}

.hero p {
    color: #fff;
  }

  .contact-book p {
     font-weight: 400;
  }

  .contact-quote p {
     font-weight: 400;
     color: #fff;
  }

.booking-form {
  padding: 150px 100px;
  font-family: 'Sofia Pro', 'Poppins', sans-serif;
  margin:auto;
  color: #191919 !important;
}

.cta-col {
  width: 700px !important;
}

.booking-form .elementor-field-type-checkbox {
    color: #fff;
    font-size:18px;
}

.booking-form .elementor-field-subgroup.elementor-subgroup-inline {
    margin: auto;
}

.booking-form input[type='checkbox'] {
    width:20px;
    height:20px;
    background:#fff;
    border-radius:5px;
    border: 1px solid #fff !important;
    vertical-align: middle !important;
    cursor: pointer;
}

.booking-form .elementor-field-group .elementor-field-textual {
border: 1px solid #fff !important;
cursor: pointer;
}

.contact-form input[type='checkbox'] {
    width:20px;
    height:20px;
    background:#fff;
    border-radius:5px;
    border: 1px solid #fff !important;
    vertical-align: middle !important;
    cursor: pointer;
}

.contact-form .elementor-field-group .elementor-field-textual {
cursor: pointer;
}

.site-header {
  display: none !important;
}

.entry-title {
  display:none !important;
}

.jet-form-message--error {
    border: 1px solid #ffffff00;
    color: white;
  }

/* BUTTON STYLES */

.btn a {
  border-radius: 100px;
  padding: 12px 40px;
  font-size: 18px;
  font-weight: 500;
  color: #fff !important;
}

.btn.black a {
  background-color: #191919 ;
  border: 3px solid #191919 ;
  box-shadow: 0px 8px 15px rgba(22, 127, 174, 0.1);
}

.btn.white a {
  background-color: #fff ;
  border: 3px solid #191919 ;
  box-shadow: 0px 8px 15px rgba(22, 127, 174, 0.1);
  color: #191919 !important;
}

.btn.reverse a {
  background-color: #fff ;
  border: 3px solid #fff ;
  box-shadow: 0px 8px 15px rgba(22, 127, 174, 0.1);
  color: #191919 !important;
}

.btn.outline a {
  background-color: rgba(255, 255, 255, 0) ;
  border: 3px solid #fff ;
  box-shadow: 0px 8px 15px rgba(22, 127, 174, 0.1);
  color: #fff !important;
}



.btn a:hover {
  transform: translateY(-7px);
}

.hamburger-icon {
  display: none;
}

 .logo-grid  {
  background-color: #FFF;
  box-shadow: 0px 8px 15px rgba(22, 127, 174, 0.1);
  border-radius: 20px;
}

.image-col {
  align-items: center;
}

.image-col .img img {
  border-radius: 10px;
}

.text-col-left,
.text-col-right {
  padding: 60px;
}

.logos-row {
  padding: 40px;
}

.center-text {
  text-align:center;
  width: 800px;
}

 .services-tile,
 .services-tile-home {
  width: 300px;
  background-color: #FFF;
  box-shadow: 0px 8px 15px rgba(22, 127, 174, 0.1);
  border-radius: 20px;
  margin: 30px;
  padding: 40px;
}


/* TEXT MARGINS */

h1.elementor-heading-title {
  margin-bottom: 30px;
}

h2.elementor-heading-title {
  margin-bottom: 40px;
}

h3.elementor-heading-title {
  margin-bottom: 30px;
}

/* SPECIAL FONT ADDITIONS */

.white-text p {
  color: #fff;
}

/* SECTION PADDING */

.section-left-right {
  padding-right: 100px;
  padding-left: 100px;
}

.section-large {
  padding: 200px 100px;
}

.section-large.top {
  padding: 180px 100px 0px;
}

.section-large.bottom {
    padding: 0px 100px 200px;
}

.section-medium {
    padding: 150px 100px;
}

.section-medium.top {
  padding: 150px 100px 0px;
}

.section-medium.bottom {
    padding: 0px 100px 150px;
}

.section-small {
    padding: 100px 100px;
}

.section-small.top {
  padding: 100px 100px 0px;
}

.section-small.bottom {
    padding: 0 100px 100px;
}

/* MARGINS */

.elementor-widget.margin-large.bottom {
 margin-bottom: 50px;
}


.elementor-widget.margin-medium.bottom {
 margin-bottom: 40px;
}


.elementor-widget.margin-small.bottom {
 margin-bottom: 30px;
}

.elementor-widget.margin-xsmall.bottom {
 margin-bottom: 20px;
}





/* TABLET SIZES */
@media (max-width: 1025px) {

  .mobile-icons {
    display: inline !important;
    width: 100px !important;
  }

  .services-tile-home {
   margin: 10px;
   padding: 10px;
 }

.desktop-nav,
.desktop-phone-number {
  display:none;
}

.hamburger-icon {
  display: inline;
  fill: #191919 !important;
}
/* TEXT MARGINS */

h1.elementor-heading-title {
  margin-bottom: 30px;
}

h2.elementor-heading-title {
  margin-bottom: 30px;
}

h3.elementor-heading-title {
  margin-bottom: 20px;
}

/* SECTION PADDING */


  .section-left-right {
    padding-right: 30px;
    padding-left: 30px;
  }

  .section-large {
    padding: 100px 70px;
  }

  .section-large.top {
    padding: 130px 70px 0px;
  }

  .section-large.bottom {
      padding: 0px 70px 130px;
  }

  .section-medium {
      padding: 100px 70px;
  }

  .section-medium.top {
    padding: 100px 70px 0px;
  }

  .section-medium.bottom {
      padding: 0px 70px 100px;
  }

  .section-small {
      padding: 30px 30px;
  }

  .section-small.top {
    padding: 100px 30px 0px;
  }

  .section-small.bottom {
      padding: 0px 30px 100px;
  }

  .text-col-left {
    padding: 0 30px 0 0;
  }

  .text-col-right {
  padding: 0 0 0 30px;
  }

  .logos-row {
    padding: 25px;
  }

  .logos-row .logo img {
    padding-right: 30px;
  }

  .booking-form {
    padding: 100px 70px;
  }

}

/* MOBILE SIZE */
@media (max-width: 765px) {

  .services-tile {
   margin: 0 0 15px 0;
   padding: 20px;
 }

/* CTA CHECKBOX FONT */
  .booking-form .elementor-field-type-checkbox {
      font-size:16px;
  }

  .btn-header {
    display:none;
  }

  /* SECTION PADDING */


    .section-left-right {
      padding-right: 30px;
      padding-left: 30px;
    }

    .section-large {
      padding: 80px 30px;
    }

    .section-large.top {
      padding: 80px 30px 0px;
    }

    .section-large.bottom {
        padding: 0px 30px 80px;
    }

    .section-medium {
        padding: 50px 30px;
    }

    .section-medium.top {
      padding: 50px 30px 0px;
    }

    .section-medium.bottom {
        padding: 0px 30px 50px;
    }

    .section-small {
        padding: 30px 30px;
    }

    .section-small.top {
      padding: 50px 30px 0px;
    }


    .section-small.bottom {
        padding: 0px 30px 30px;
    }

    /* MARGINS */

    .elementor-widget.margin-large.bottom {
     margin-bottom: 40px;
    }


    .elementor-widget.margin-medium.bottom {
     margin-bottom: 30px;
    }


    .elementor-widget.margin-small.bottom {
     margin-bottom: 20px;
    }

    .elementor-widget.margin-xsmall.bottom {
     margin-bottom: 10px;
    }

    .text-col-left,
    .text-col-right {
      padding: 30px 0 0 0;
    }

    .booking-form {
      padding: 50px 30px;
    }

    .logos-row {
      padding: 0px;
    }

    .logos-row .logo img {
       padding: 25px 0;
  }

}