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

/*************** ADD CUSTOM CSS HERE.   ***************/
* {
	font-weight: 300;
}

#main, #wrapper, #header .header-wrapper, #masthead {
	background: #faf9f6;
}
p.eyebrow {
    font-size: medium;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.header-by-text {
	font-size: x-small;
	text-transform: uppercase;
    letter-spacing: 0.1rem;
}

span.emphasis {
	background: -webkit-linear-gradient(0deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-style: italic;
	padding-right: 5px;
}

a.button.primary {
	background: -webkit-linear-gradient(0deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
}

a.button.white {
	color: var(--wp--preset--color--primary) !important;
}

.video-button-wrapper {
	display: flex;
    justify-content: center;
}

.video-button-wrapper .icon-play {
	font-size: 1.2em;
}

.video-button-wrapper a.button.icon.circle {
	background: -webkit-linear-gradient(0deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
	border: none;
	display: flex;
    align-items: center;
    justify-content: center;
}

.video-banner .banner-bg {
    filter: blur(2px);
}

.gradient-bg {
	background: -webkit-linear-gradient(0deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
}

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


}