/* 
Theme Name:		 Ultra Bathroom Installations
Theme URI:		 https://www.ultrabathroominstallations.com/
Description:	 Ultra Bathroom Installations Bespoke Theme Design
Author:			 Freelance-Creator
Author URI:		 https://www.freelance-creator.com/
Template:		 astra
Version:		 1.0.0
Text Domain:	 Astra-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-Heavy.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-HeavyItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-SemiBoldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('f/wp-content/themes/astra-child/font/Aileron-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-UltraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/wp-content/themes/astra-child/font/Aileron-UltraLightItalic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}


*, body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, span, div {
	font-family: Aileron, sans-serif !important;
}

/* Astra Header/Footer Builder CSS */
#ast-desktop-header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	-webkit-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	transition: all ease-out .5s;
}

#ast-desktop-header.active {
	box-shadow: 0px 1px 1px #EEE;
	margin-top: -40px;
	padding: 0;
}

#ast-desktop-header.active img.custom-logo {
    width: 300px;
	-webkit-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	transition: all ease-out .5s;
}

#ast-mobile-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	-webkit-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	transition: all ease-out .5s;
}

#ast-mobile-header.active {
	box-shadow: 0px 1px 1px #EEE;
	padding: 0;
}

@media screen and (max-width: 1427px) {
	.ast-header-html-2 .ast-builder-html-element {
		font-size: 20px!important;
	}
}

#content {
	margin-top: 162px;
}

@media screen and (max-width: 1354px) {
	#content {
		margin-top: 114px;
	}
}