body {
    font-family: Arial, sans-serif;
}

/* Add more styles as needed */

/* HAsoftCustom Style */

* {
    top: 0px;
    position: relative;
    margin: 0px auto;
}

#page_wrapper {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    display: block;
}

#hasoft-page-wrapper, 
#hasoft-page-container, 
main{
	height: auto;
	min-height: 100vh;
	display: block;
    clear: both;
	box-sizing: border-box;

}

#hasoft-page-wrapper {
    position: absolute;
    left: 0px;
    width: 100%;

}


#hasoft-page-container {
    position: relative;
    left: auto;
    right: auto;
    margin: 0px auto;
    padding: 0px;
}



/* any-child-element-of-boxed-parent-to-stretch-to-screen-width

.any-child-element-of-boxed-parent-to-stretch-to-screen-width{
            width: 100vw;
            margin-left: calc( ( 80% - 100vw) / 3.4 );
            margin-left: -14%; 
}

*/



/* HAsoftBlank Scroll to Top Button */

.scroll-to-top i, .scroll-to-top svg {
    width: 26px;
    height: 50px;
    position: relative;
    display: block;
    z-index: 99;
    text-align: center;
    margin: 0px auto;
    top: 0px;
}

#topScroll {
    display: none;
    position: fixed;
    top: auto;
    bottom: 20px;
    right: 30px;
    z-index: 10;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 48px;
    background-color: grey;  
}


.scroll-to-top::before, .scroll-to-top:before {
    content: "\27A9";
    /* content: "\1F809"; */
    font-size: 36px;
    font-family: inherit;
    font-weight: 400;
    line-height: 1;
    color: #c0c0c0;
    position: absolute;
    left: 7px;
    top: 5px;
    transform: rotate(270deg);
}


.container-fluid, .row { --bs-gutter-x: 0rem !important; }

#content-wrapper {
    padding: 0;
}

#footer {
    padding: 30px 0px 0px;
}

footer ul, .header-right-col ul, #hasoft-topbar ul, #primary-footer ul, .hasoft-sidebar-widget ul {
    list-style: none;
    text-decoration: none;
    padding-left: 0px;
	margin-left: 0px;
}
/* Basic Navigation layout */

header nav li a {
    display: inline-block;
    position: relative;
    text-decoration: none;
	padding: 5px 10px;
}

#nav-bar {
    padding: 0px;
}

.header-right-col ul li, #hasoft-topbar ul:not(.wp-block-social-links) li, .primary-footer ul li {
        display: inline-block;
		margin: 0px 1vw;
 }

#hasoft-topbar {
        height: 35px !important;
        overflow: hidden;
    }

#hasoft-topbar div:last-child{
	text-align: right;
	
}

footer li, header li, .sidebar li, #hasoft-topbar li {
    list-style: none;
    cursor: pointer;
}

#primary-footer {
    justify-content: center;
    justify-items: center;
    text-align: center;
    line-height: 1;
    margin: 0px auto;
    min-height: 40px;
    padding: 12px 0px 12px 0px !important;
}

a {
    text-decoration: none !important;
}
.sidebar {
        padding: 10px 1vw;
        box-sizing: border-box;
    }

#primary-footer-menu ul {
        right: 70px;
    }

.aligncenter img {
  
    display: block;
}

/* Currency Price Widget */
#prices-widget-container {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    max-width: 100%;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#prices-widget-container label {
    font-weight: bold;
    display: block;
    margin: 10px 0 5px;
    font-size: 14px;
}

#prices-widget-container select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f9f9f9;
    cursor: pointer;
}

#prices-widget-container p {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
    text-align: center;
}

#prices-widget-container span {
    color: #2c3e50;
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 600px) {
    #prices-widget-container {
        padding: 10px;
    }

    #prices-widget-container select {
        font-size: 14px;
    }
}



/* WP Post widget */
                .hasoft-post-list {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }
                    ul.hasoft-post-list li.hasoft-post-item {
                        display: flex;
                        align-items: center;
                        margin-bottom: 15px;
                        border-bottom: 1px solid #ddd;
                        padding-bottom: 10px;
                        clear: both;
                    }      
                    .hasoft-post-thumb img {
                        width: 70px;
                        height: 70px;
                        object-fit: cover;
						object-position: center center;
                        border-radius: 5px;
                        margin-right: 15px;
                    }
                    .hasoft-post-content {
                        flex: 1;
                    }
                    .hasoft-post-title {
                        font-size: 16px;
                        margin: 0;
                    }
                    .hasoft-post-excerpt {
                        font-size: 14px;
                        color: #666;
                        margin: 2px 0 2px !important;
                        padding: 2px 0px 2px !important;
                        line-height: 1.25;
                    }
                    .hasoft-read-more {
                        font-size: 13px;
                        color: #0073aa;
                        text-decoration: none;
                        font-weight: bold;
                    }
                    .hasoft-read-more:hover {
                        text-decoration: underline;
                    }

/* Single post image */


.entry-content img, 
div.entry-content img {
    max-width: 100%;
    margin: auto;
    height: auto;
}

/* Masonry Grid for Featured Posts  */

featured-posts-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.grid-item {
    width: calc(33.333% - 10px); /* Adjust for responsiveness */
    background: #fff;
    padding: 1px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    max-height: 30vh;
}

.grid-item {}

.grid-item h3 {
    position: absolute;
    bottom: -10px;
    z-index: 100;
    color: #e0e0e0;
    background-color: #4448;
    /* box-shadow: 0px 0px 125px #cef inset; */
    width: 100%;
    top: auto;
    text-align: center;
    padding: 20px 5px 15px;
    text-shadow: 2px 2px 4px #000;
    letter-spacing: .4px;
    font-size: large;
}

.grid-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
    object-fit: contain;
    object-position: center center;
}
 /* Featured image animation effects */

.featured-image-container {
    width: 300px; /* Set the desired width */
    height: 200px; /* Set the desired height */
    overflow: hidden; /* Hide overflowing parts */
    position: relative; /* For absolute positioning inside */
    border-radius: 10px; /* Optional: Rounded corners */
}

.featured-image-container img {
    width: 120%; /* Slightly larger than container to allow movement */
    height: 120%;
    position: absolute;
    top: -10%;
    left: -10%;
    object-fit: cover;
    
    animation: zoomMove 10s infinite linear alternate; /* Apply animation */
}

/* ============================ News post styles ============================ */
.news-post-sty-1 {
    column-count: 2;
    font-size: 14px;
    font-family: serif;
    line-height: 1.3;
    column-fill: balance;
    column-gap: 15px;
    padding: 0px 10px;
    column-rule: 4px solid #aaa;
    column-rule-style: double;
    background-color: #fbf2d5;
}
.news-post-sty-1 img {
    filter: grayscale(1);
}

@keyframes zoomMove {
    0% {
        transform: scale(1.1) translateX(0px);
    }
    50% {
        transform: scale(1.2) translateX(10px);
    }
    100% {
        transform: scale(1.1) translateX(-10px);
    }
}


@media (min-width: 580px) {
#primary-footer-menu ul {
        float: right;
	}
}