/* 
Theme Name: Get Broad Pay
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

body, html {
	overflow-x: hidden;
}
.comments-area a, .page-content a {
	text-decoration: none;
}

img {
  height: auto;
}
figure,
img {
  max-width: 100%;
}
figure {
  margin-inline: 0;
}
figure,
figure img {
  display: block;
}

body.admin-bar #site-header,
body.admin-bar header.sticky {
  top: 32px;
}

/* Header */
header.sticky {
  background-color: var(--wp--preset--color--white);
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  animation: slideDown 0.4s ease-in-out;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

header.sticky .header-main .e-con-inner {
  padding-top: 12px;
  padding-bottom: 12px;
}
header .main-menu nav ul.hfe-nav-menu li.hfe-button-wrapper.current-menu-item a {
  background-color: var( --e-global-color-primary ) !important;
  color: var(--wp--preset--color--white) !important;
}
header .main-menu .hfe-nav-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon {
  padding-left: 0;
  padding-right: 0;
}

/* Border Top Gradient */
.border-top-gradient,
footer {
	position: relative;
}
.border-top-gradient::before,
footer::before {
  content: '';
  background: linear-gradient(90deg, #06baf0 4%, #0199e7 59%, #033667 100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 100%;
  z-index: 1;
}

/* Blog Section */
.blog-post .hfe-post-card {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.15s ease-in-out;
  height: 100%;
  z-index: 1;
}
.blog-post .hfe-post-content {
  background-color: var(--wp--preset--color--white);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.blog-post .hfe-read-more {
  margin-top: auto;
}
.blog-post .hfe-post-title a {
  text-decoration: none;
}
.blog-post .hfe-post-card a {
  pointer-events: none;
}
.blog-post .hfe-post-card a.hfe-read-more {
  background-color: #e76400;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 32px;
  min-width: 32px;
  width: 32px;
}
.hfe-post-card:hover a.hfe-read-more {
  background-color: #0099E7;
}
.blog-post .hfe-post-card:hover {
  opacity: 0.7;
}
.blog-post .hfe-post-card::after {
  content: '';
  background-color: #d6e1e5;
  border-radius: 4px;
  position: absolute;
  top: 12px;
  left: 12px;
  height: 100%;
  width: 100%;
  z-index: -1;
}


/* Media Responsive CSS */
@media only screen and (max-width:1024.98px) {
  header nav ul.hfe-nav-menu {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 782px) {
  body.admin-bar #site-header,
  body.admin-bar header.sticky {
    top: 46px;
  }
}
@media only screen and (min-width:768px) {
	footer .elementor-widget .elementor-icon-list-item {
    width: max-content;
	}
}