/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 * {
        margin: 0px;
        padding: 0px;
    }
    a:link{
        text-decoration:none;
    }
    a:focus{
        outline: none;
    }
    img{
        display: block;
        padding: 0px;
        outline: none;
        border: none;
    }
    ul{
        list-style:none;
    }
    li{
    	list-style: none;
    	margin-left: 0px !important;
    }
    h1{
        margin: 0px;
        padding: 0px;
    }
    body{
        font-family: 'Roboto',sans-serif !important;
        font-size: 14px;
        line-height: 1.7;
        font-weight: 400;
        color: #333;
        position: relative;
    }
    h1, h2, h3, h4, h5{
    	font-family: 'Roboto',sans-serif !important;
    }
    .header-main{
    	background-image: url(https://xe360.dev/wp-content/uploads/2025/09/header-bg-1.jpg);
    }
.section-top-main{
	padding: 0px !important;
}
.section-top-main .row .col{
	padding: 0px 0px 30px 0px;
}

    .section-top-main .row .col .col-inner .box-text, .section-wrap .row .col-3 .col-inner .box-text{
    	background: linear-gradient(180deg, #1616163b 0%, #413f3fb0 22.32%, #161616de 100%);
    }
    .section-top-main .row .col .col-inner .box-text .post-title a{
    	font-size: 22px;
    }
.section-top-main .row .col .col-inner .box-text .box-text-inner{
	font-size: 16px;
}
    
	.section-wrap .text-h h2, .widget-tt .widget .widget-title{
		padding: 5px 10px;
		font-size: 20px !important;
		background-color: #111111;
		color: #fff;
		border: 3px solid red;
	}
.section-wrap .row .col .col-inner .row .col .col-inner .box-text .post-title{
	font-size: 20px;
}
	.section-wrap .row .col-2c .col-inner .row .col .col-inner .box-image{
		border-radius: 5px;
		box-shadow: 0px 0px 2px 1px rgba(0, 0,0,0.3);
	}
	.section-wrap .row .col-2c .col-inner .row .col{
		border-bottom: 1px solid #ddd;
		padding: 15px 0px;
	}
	.section-wrap .row .col-2c .col-inner .row .col .col-inner .box-text .cat-label, .section-wrap .row .col-4 .col-inner .box-text .cat-label{
		color: red;
		margin: 10px 0px;
		font-weight: 600;
		font-size: 12px;
	}
	.section-wrap .row .col-2c .col-inner .row .col .col-inner .box-text .post-title a{
		color: #000;
		font-size: 20px;
	}
	.section-wrap .row .col-2c .col-inner .row .col .col-inner .box-text:hover .post-title a,.section-wrap .row .col .col-inner .row .col .col-inner .box-text:hover .post-title a,
.blog-archive .post-item .col-inner .box-text:hover .post-title a{
		color: #ff6900 !important;
	}
.section-wrap .row .col-2c .col-inner .row .col .col-inner .box-text p{
	font-size: 16px;
}
	.section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-image{
		width: 39%;
		margin: 0px !important;
		float: left;
	}
	.section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-text{
		width: 58%;
		margin-left: 10px;
		float: right;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-text .post-title a{
		font-size: 18px !important;
	}
	.section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-text .cat-label{
		margin-top: 0px !important;
		font-size: 12px;
	}

	.section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-text .from_the_blog_excerpt, .section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-text .is-divider{
		display: none;
	}

	.section-wrap .row .col-4 .col-inner .box-text .post-title a{
		color: #000;
		font-size: 20px;
		margin-bottom: 10px;
	}
.section-wrap .row .col-4 .col-inner .box-text p{
	font-size: 16px;
}
	.ux-relay__button{
		background: linear-gradient(180deg, #161616 0%, #413F3F 22.32%, #161616 100%);
	}
	.widget-tt .widget .is-divider{
		display: none;
	}
	.widget-tt .widget  ul{
		border: 1px solid #ddd;
		margin-top: 20px;
	}
	.widget-tt .widget  ul li{
		padding: 10px;
	}
	.widget-tt .widget  ul li a{
		color: #000;
		font-weight: 600;
		font-size: 16px;
	}
	.absolute-footer{
		display: none;
	}
.blog-archive{
	padding-top: 0px !important;
}
.archive-page-header{
	padding: 50px;
	background-image: url(https://xe360.info/wp-content/uploads/2025/09/header-bg-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.archive-page-header .row .col{
	padding-bottom: 0px !important;
}
.page-title span{
	color: #fff;
	font-size: 30px;
}
.blog-archive .row .post-item{
	display: flex;
	flex-wrap: row wrap;
}
.blog-archive .row .post-item .col-inner{
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0,0,0.3);
}
.blog-archive .row .post-item .col-inner .box-text{
	padding: 10px;
}
.blog-archive .post-item .col-inner .box-text .post-title a{
	color: #000;
}
.post-sidebar {
	padding: 0px !important;
}
.blog-archive .widget, .blog-single .widget{
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0,0,0.3);
	padding: 10px;
}
.blog-archive .widget .widget-title span, .blog-single .widget .widget-title span{
	font-size: 17px;
	color: #000;
}
.blog-archive .widget ul li a:hover, .blog-single .widget ul li a:hover{
	color: #ff6900;
}
.blog-single h1{
	color: #000;
}
.comment-respond{
	display: none;
}
@media screen and (max-width: 1070px){
    .container{
        width: 400px;
    }
	.section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-image{
		width: 100% !important;
	}
	.section-wrap .row .col-2c .col-inner .row .col:nth-child(n+2) .col-inner .box-text{
		margin-top: 15px !important;
		width: 100% !important;
	}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/




}