/*
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');
:root{
	--primary-color: #00bbff;
}
body{
	font-family: "Roboto", sans-serif;
}
.absolute-footer{
	display: none !important;
}
*{
	box-sizing: border-box;
}
img{
	max-width: 100%;
}	
.col-inner:last-child{
	padding-bottom: 0;
}
a{
	transition: all .3s ease;
}
p:last-child{
	margin-bottom: 0;
}
.html{
	color: #fff;
	h3{
		color: #fff;
		margin-bottom: 0;
		font-weight: 400;
		i{
			color: var(--primary-color);
		}
	}
}
.header-button{
	a{
		text-transform: math-auto;
		padding: 4px 16px;
	}
}
.button i, button i {
	top: 0;
}
.ss-pd{
	padding-top: 60px !important;
	padding-bottom: 30px !important;
}
.ss-footer{
	ul{
		margin-bottom: 0;
		li{
			list-style-type: none;
			margin-left: 0;
			a:hover{
				color: var(--primary-color);
				margin-left: 4px;
			}
		}
		li:last-child{
			margin-bottom: 0;
		}
	}
	i{
		color: var(--primary-color);
	}
	.ux-logo-link{
		padding: 0 !important;
		margin-bottom: 15px;
	}
}
.ss-absolute-footer{
	.social-icons{
		a{
			background-color: #00BBFF33;
			width: 28px;
			height: 28px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			transition: all .3s ease;
			i{
				font-size: 14px;
			}
		}
		a:hover{
			background-color: var(--primary-color);
		}
	}
}
@media(max-width: 998px){
	.ss-absolute-footer{
		p{
			text-align: center;
		}
		.col-inner.text-right {
			text-align: center;
		}
	}
}
@media(max-width: 588px){
	.ul-footer{
		h3{
			font-size: 20px;
		}
	}
}