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


/*General layout padding */

.wrapper {padding:0 4VW;}
.defaultsection, .flattopsection {padding-bottom: 8VH}
.defaultsection, .flatbasesection {padding-top: 8VH}
.slimsection {padding: 6VH 0;}
.defaultspacer {min-height: 8VH;}
.stretchedsection, .stretchedoverlaysection {padding: 8VH 4VW;}
.flattopstretchedsection {padding-left: 4VW;padding-right:4VW;padding-bottom:8VH;}
.skinnystretchedsection {padding-left: 4VW;padding-right:4VW;}
/* <<< stretchedoverlaysection is used on GIO Bluetooth box to just hide vert padding*/
.spacedsection {padding: 10VH 0;} /* extra vert space eg. top of Sonia page */
.slenderspacer {min-height: 5VH;}

@media only screen and (max-width: 1024px) {
.wrapper,.stretchedsection,.skinnystretchedsection {
    padding-left:40px;
    padding-right:40px;
    }
    .stretchedoverlaysection {padding:0;}
    .mobilesection {padding:6VH 0;} /* when wanting to pin an image to sides */
    .mobilesectiontext {padding:0 8%;}
}
@media only screen and (max-width: 768px) {
    .wrapper,.stretchedsection,
    .skinnystretchedsection {
    padding-left:30px;
    padding-right:30px;
}
.stretchedoverlaysection {padding:0;}
}
@media only screen and (max-width: 450px) {
    .wrapper,.stretchedsection,
    .skinnystretchedsection {
    padding-left:20px;
    padding-right:20px;
}
.stretchedoverlaysection {padding:0;}
}

/* Buttons */

/* Animations */

.elementor-button {will-change:transform;transition:transform 0.8s ease;}
.elementor-button:hover {will-change:transform;transform:scale(1.05);transition:transform 0.5s ease;}

/* === SIZE CLASSES === */

.btn-sm .elementor-button {
  padding: 0.5em 1em !important;
}
.btn-sm .elementor-button-text {
  font-size: 14px !important;
}

.btn-md .elementor-button {
  padding: 0.5em 1em !important;
}
.btn-md .elementor-button-text {
  font-size: 16px !important;
}

.btn-lg .elementor-button {
  padding: 0.5em 1em !important;
}
.btn-lg .elementor-button-text {
  font-size: 18px !important;
}

/* === RADIUS CLASSES === */
.btn-square .elementor-button {
  border-radius: 0 !important;
}

.btn-soft .elementor-button {
  border-radius: 6px !important;
}

.btn-pill .elementor-button {
  border-radius: 200px !important;
}

/* === COLOR CLASSES === */

.btn-black .elementor-button {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
}
.btn-black .elementor-button-text {
  color: #fff !important;
}

.btn-white .elementor-button {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.btn-white .elementor-button-text {
  color: #000 !important;
}