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

/*Remove body margin*/
body{
	margin: 0px !important;
}
/*Stop x overflow*/
html, body 
{
	overflow-x: hidden;
}

/*-----GRAVITY FORMS-----*/
/*Text fields*/
.gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
  border-radius: 0px !important;
  padding: 10px 10px 10px 10px !important;
  border-color: var( --e-global-color-22c65ab1 ) !important;
  border-width: 1px !important;
  border-style: solid !important;
}
/*Paragraph fields*/
.gform_wrapper textarea {
  padding: 10px 10px 10px 10px !important;
  margin-top: 12px !important;
  border-width: 1px !important;
  border-color: var( --e-global-color-22c65ab1 ) !important;
  border-style: solid !important;
  border-radius: 0px !important;
}
/*Field lables*/
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
  font-weight: 500 !important;
  color: var( --e-global-color-primary );
  margin-bottom: 0px !important;
  margin-top: 20px !important;
}
/*Radio button and checkbox alignment*/
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"] {
  margin-top: 0px !important;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0px !important;
}
/*Submit button alignment*/
.gform_wrapper {
  margin: 0 0 0 0 !important;
  border:0px;
}
.gform_legacy_markup_wrapper .gform_footer {
    padding: 0px !important;
}

/*-----GUTENBERG BLOCKS-----*/
/*Padding for tables*/
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    padding: 10px;
}
/*Margin for divider*/
.wp-block-separator.is-style-wide {
    border-bottom-width: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
}

/*-----------------------------------------------------------------------------------------*/

/*-----SOCIAL ICONS STYLING LITTLE TABS-----*/
/* white with blue background */
.hoot-social-icons .elementor-icon-list-icon {
	color: #ffffff;
	background-color: #1F2857;
	border-radius: 0px 0px 25px 25px;
	padding: 15px 6px 7px 6px;
}
.hoot-social-icons .elementor-icon-list-icon:hover {
	background-color: #5674CF;
}
/* blue with white background */
.hoot-social-icons-alt .elementor-icon-list-icon {
	background-color: #ffffff;
	border-radius: 0px 0px 25px 25px;
	padding: 15px 6px 7px 6px;
}
.hoot-social-icons-alt .elementor-icon-list-icon:hover {
	background-color: #5674CF;
}

/*-----SCROLLING WHAT SETS US APART-----*/
.elementor-widget-reviews .elementor-testimonial__text {
    text-align: center;
}
.elementor-12 .elementor-element.elementor-element-8f67721 .elementor-testimonial__header {
  margin-left: auto;
  margin-right: auto;
  width: 140px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: 47%;
	bottom: -10px;
}

/*-----PLAN COLUMNS-----*/
@media screen and (max-width: 600px) {
	.plan-price sup {
	font-size: 18px;
	}
}
@media screen and (max-width: 600px) {
	.plan-price sub {
	font-size: 22px;
}
}

/*-----SMOL LAPTOP MEDIA QUERIES-----*/
@media screen and (max-width: 1500px) and (min-width: 1025px) {
	.home-banner-buttons .elementor-button-text {
		font-size: 15px;
	}
}
@media screen and (max-width: 1500px) and (min-width: 1025px) {
	.home-banner-buttons h6 {
		font-size: 14px;
		margin-left: -10px;
	}
}

/*-----WHO USES HOOT "TESTIMONIAL" CAROUSEL-----*/
.who-uses-hoot-carousel .elementor-main-swiper {
	padding-bottom: 0px!important;
}