/*
Theme Name: SearchPro Systems Custom
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Searchpro Systems Custom is a Child Theme for Hello Elementor Child
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.4.2.1627318582
Updated: 2021-07-26 16:56:22

*/

/*Global Styles*/
body,
html {
  overflow-y: auto;
  overflow-x: hidden;
}

/* ***** Helper Classes ***** */

/* Helper class to hide elements */
.hide-me {
  display: none !important;
}

/* add drop shadow to washed out posts */

.white-text-dropshadow {
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.77);
}

/* Add light green text to link on hover */
.light-green-text-hover a:hover {
  color: #6ebe43 !important;
}

/* Add border radius to element and 10px padding */
.custom-radius {
  border-radius: 15px !important;
  padding: 10px;
}

/* ***** Mobile dropdown menu ***** */

/* To do: add JS to hide contact form on home page */
.elementor-nav-menu--dropdown {
  position: absolute;
  top: 40px;
  width: 90%;
  margin: 20px;
  z-index: 100;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*custom gap on service cards*/
.row-gap-small .elementor-row {
  gap: 20px;
  justify-content: center;
}

/*Link container for text area*/
.link-container {
  display: flex;
  justify-content: right;
}
.link-container a {
  color: #2b7439;
}

/*Make entire column clickable*/
.clickable {
  position: relative;
}

.clickable a:after {
  content: '';
  display: block !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

/* ***** Banner with chevron inlays --Mobile ***** */

/*upper*/
.upper-mobile-outer-container {
  height: 180px;
  display: relative;
  clip-path: polygon(
    100% 0,
    100% calc(100% - 50px),
    50% 100%,
    0 calc(100% - 50px),
    0 0,
    50% 0
  );
}

.upper-mobile-chevron-container {
  width: 100%;
  height: 181px;
  display: flex;
  align-items: end;
}

.upper-mobile-chevron {
  width: 100%;
  height: 80px;
  background-color: rgb(255 255 255 / 61%);
  clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0, 50% 50px);
}

/*lower*/
.lower-mobile-outer-container {
  height: 180px;
  display: relative;
  clip-path: polygon(100% 50px, 100% 100%, 50% 100%, 0 100%, 0 50px, 50% 0);
}

.lower-mobile-chevron-container {
  width: 100%;
  height: 181px;
  display: flex;
  align-items: start;
}

.lower-mobile-chevron {
  width: 100%;
  height: 80px;
  background-color: rgb(255 255 255 / 61%);
  clip-path: polygon(
    100% 0,
    100% 100%,
    50% calc(100% - 50px),
    0 100%,
    0 0,
    50% 0
  );
}

/* ***** Banner with chevron inlays --Desktop ***** */
.center-banner {
  height: 400px;
}

/*Univeral chevron edge shapes*/
.chevron-borders {
  clip-path: polygon(
    calc(100% - 50px) 0,
    100% 50%,
    calc(100% - 50px) 100%,
    0% 100%,
    50px 50%,
    0% 0%
  );
}

.chevron-container-left {
  display: flex;
  justify-content: end;
  margin-right: -50px;
}

.chevron-container-right {
  display: flex;
  justify-content: start;
  margin-left: -50px;
}

.small-grey-chevron {
  height: 400px;
  width: 141px;
  background-color: rgb(255 255 255 / 61%);
}

.large-grey-chevron {
  clip-path: polygon(
    calc(100% - 50px) 0,
    100% 50%,
    calc(100% - 50px) 100%,
    0% 100%,
    0px 50%,
    0% 0%
  );
  height: 400px;
  flex-grow: 1;
  background-color: rgb(255 255 255 / 61%);
}

.small-white-chevron {
  height: 400px;
  width: 75px;
  background-color: white;
  margin-right: 150px;
}

/* ***** Styles for blog preview cards ***** */

.blog-preview-cards-container span {
  color: #6ebe43;
}

/* ***** Footer ***** */

/* Force color change on menu link hover */
.footer-menu a:hover {
  color: #6ebe43 !important;
}
/* ***** Media queries ***** */

@media (max-width: 1270px) {
  /* Even out blog preview cards on tablet view */
  .blog-preview-cards-container .eael-entry-wrapper {
    min-height: 400px;
  }
}
@media (max-width: 700px) {
  /* reset blog preview cards on tablet to content height */
  .blog-preview-cards-container .eael-entry-wrapper {
    min-height: fit-content;
  }
}