/* 
Theme Name: Mathews Tax Lawyers
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: Xdesigns
Author URI: https://xdesigns.com.au/
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 */

/* menu dropdown */
.header_menu .sub-menu{
	padding: 10px 28px 10px 20px !important;
	width: 280px !important;
	margin-left: -18px !important;
} 

/* Blog post Pagination */
.bloglist_pagination span.page-numbers.current {
    text-align: center;
    height: 42px;
    width: 42px;
    display: inline-block;
    background: #dcc498;
}

.bloglist_pagination a.page-numbers {
    text-align: center;
    height: 42px;
    width: 42px;
    display: inline-block;
    background-color: #f9f9f8;
}

.bloglist_paginationa.page-numbers.next, .bloglist_paginationa.page-numbers.prev {
  text-align: center;
    height: 42px;
    width: 42px;
   background-color: #dcc498;
}
 .bloglist_pagination span.page-numbers.prev, .bloglist_pagination span.page-numbers.next  {
    display: none;
} 

.bloglist_pagination .page-numbers:hover {
	text-align: center;
    height: 42px;
    width: 42px;
    background: #dcc498;
    
}

.blog-page span.page-numbers.next,  .blog-page span.page-numbers.prev{
   text-align: center;
    height: 42px;
    width: 42px;
    border: 2px solid #dcc498;
    background-color: #dcc498;
}


/* Add dark overlay on hover */
.e-loop-item .image_overlay::before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0); /* transparent initially */
    transition: background-color 0.5s ease;
    z-index: 1;
}

/* On hover: dark overlay + slight zoom */
.e-loop-item:hover .image_overlay::before {
    background-color: rgba(37, 37, 37, 0.3);
    
}

/* go to top */
.go-top.active {
	top: 96%;
	transform: translateY(-98%);
	opacity: 1;
	visibility: visible;
	right: 20px;
}

.go-top {
	position: fixed;
	cursor: pointer;
	top: -5px;
	right: 20px;
	color: #ffffff;
	background-color: #0F2E50;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	z-index: 9999;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 42px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.9s ease-out 0s;
	border-right: 0;
	border-radius: 100%;
	border: 2px solid;
}

.go-top.go-top-btn.active:before {
	content: "";
	width: 55px;
	height: 55px;
	border: 3px dotted #ddd;
	position: absolute;
	border-radius: 100%;
	right: -8px;
	top: -9px;
	animation-name: spin;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.go-top img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 15px;
	transform: translateY(-50%);
	transition: all 0.5s ease-out 0s;
}
@media (max-width:768px){
	.go-top.go-top-btn.active:before{
		right: -9px;
	    top: -9px;
	}
}