/*
Theme Name:     Orbius Child Theme
Theme URI:      http://themeforest.net/user/Softwebmedia/portfolio
Description:    Orbius Child Theme for customization
Author:         Soft Web Media
Author URI:     http://themeforest.net/user/Softwebmedia
Template:       orbius
Version: 		1.00
*/


/* Add your custom style below */


.mk-m-filter .mk-m-filter-items {
    align-items: left!important;
    justify-content: left!important;
}

.mk-m-filter-item {
    padding: 2px 10px!important;
}

.mk-m-filter .mk-m-filter-item {
    border-radius: 0!important;
}
.mk-m-filter-item {
    padding: 2px 10px!important;
}



/* Targeting the .swm-anim mk--eye-cursor more specifically */
body .swm-anim.mk--eye-cursor {
    cursor: url('https://frankhuen.co.uk/wp-content/uploads/2026/04/arrow-left.png') 16 16, pointer !important;
}



/* Select all images within elements with the class 'mk-post-grid-image' */
.mk-post-grid-image {
    position: relative;
    display: inline-block;
    overflow: hidden; /* Ensure the hover effect doesn't spill outside */
}

.mk-post-grid-image img {
    display: block; /* Removes any space below the image */
    transition: filter 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

/* Apply the dark tint effect on hover */
.mk-post-grid-image:hover img {
    filter: brightness(50%); /* Darken the image */
    transform: scale(1.05); /* Optional: Slight zoom effect for better hover interaction */
}

/* Optional: You can also add an overlay effect instead of directly adjusting image brightness */
.mk-post-grid-image:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1); /* Dark tint overlay */
    transition: opacity 0.3s ease;
    opacity: 1;
    pointer-events: none; /* Prevent the overlay from blocking clicks */
}


.mk-portfolio-modern .mk-portfolio-subtitle:before {
    content: none;

}


/* Remove the left padding from the ul */
.mk-ilist-items {
    padding-left: 0 !important; /* Remove left padding */
    margin-left: 0 !important;  /* Remove any left margin if necessary */
}

/* Optional: Remove left margin/padding from the li elements */
.mk-ilist-items li {
    margin-left: 0 !important;  /* Ensure there's no margin left on the list items */
}


/* Change text color of the list items */
.mk-icon-list-text {
    color: #f5a994 !important; /* Change this to your desired color */
}


.mk-ilist-items.mk-inline-items li:not(:last-child) {
    margin-right: 12px !important;

}


.mk-ps-pagination-prev a:before, .mk-ps-pagination-next a:after {
    display: none !important;
}


.mk-ps-pagination-prev a:before, .mk-ps-pagination-next a:after {
    display: none !important;
}

.firstLastPost {
    justify-content: right !important;
		float: right !important;
}

.mk-post-single-pagination {
    align-items: end !important;
}

.portfolio-excerpt {
    display: block;
		font-size: 1.2em;
    margin-bottom: 10px;
}

.portfolio-cats {
    display: block;
    font-size: 13px;
    opacity: 0.4;
	  margin-top: 10px!important;
}

.portfolio-cat-item {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0 8px;
    margin: 2px 4px 0 0!important;
    border-radius: 0;
	margin-bottom: 5px!important;
}

.portfolio-excerpt {
    width: 100%;
}
.swmShowStickyHeader.admin-bar #swm-sticky-header {
    top: 0;
}



/* Make first section under the header transparent */
#swm-header + .elementor-section {
    background-color: transparent !important;
}

/* Optional: if you want all top sections under header transparent */
#swm-header ~ .elementor-section:first-of-type {
    background-color: transparent !important;
}

#swm-header {
    position: absolute; /* so it sits on top of content */
    width: 100%;
    z-index: 9999; /* make sure it’s above everything else */
}

body.page-id-1254 #swm-header,
body.page-id-1253 #swm-header,
body.page-id-1266 #swm-header {
    position: relative !important;
    width: 100%;
    z-index: auto;
}

.e-con-inner {
    gap: 0 !important;
}