/*
Theme Name: Hello Elementor Child
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: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1729173288
Updated: 2024-10-17 13:54:48

*/

.site-main {
  background: linear-gradient(180deg, #ffffff47, #f0f0f0);
  min-height: 80vh;
}

.header-wrapper {
  background: black;
}

.site-header {
  background: #282b2f!important;

  a {
    color: white;
  }

  .site-title {
    padding: 5px 10px;
    background: #ff4d21;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 32px;
  }

  .site-navigation ul.menu li a {
    font-weight: 500;
    text-transform: capitalize;
  }
}

.elementor-button-link {
  width: 100%;
}

.bestbetfinder-site-list-item {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 50px!important;
}

#site-footer {
  background: #373B40;
  max-width: 100vw;
  display: flex;  
  justify-content: center;
  padding: 50px 0;

  .footer-wrapper {
    max-width: 1140px;
    display: flex;
    width: 100%;
    justify-content: space-between;

    &>div {
      color: white!important;
      display: flex;
      flex-direction: column;
      font-family: 'Montserrat';
      letter-spacing: 1px;
      gap: 4px;
      font-weight: 500;
      font-size: 14px;

      a {
        color: gray!important;
        transition: .3s;
        text-wrap: nowrap;

        &:hover {
          color: white!important;
        }
      }
    }
  }

  .footer-link {
    max-width: 25px;
    height: auto;
  }
}