/*
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.   ***************/

/* Banner on top of all pages */
.header-notis {
	text-align: center;
	color: #282828;
	font-size: 80%;
}
.header-notis a:hover {
	color: #282828;
	text-decoration: underline;
}

/******** Fonts ********/
@font-face {
	  font-family: AntennaCompressedLight;
	  src: url("/wp-content/fonts/AntennaComp-Light.woff2") format("woff2");
	}
	@font-face {
	  font-family: AntennaLight;
	  src: url("/wp-content/fonts/Antenna-Light.woff2") format("woff2");
	}
	@font-face {
	  font-family: AntennaCondensedLight;
	  src: url("/wp-content/fonts/AntennaCond-Light.woff2") format("woff2");
	}
	@font-face {
	  font-family: AntennaMedium;
	  src: url("/wp-content/fonts/Antenna-Medium.woff2") format("woff2");
	}
		
body {
	font-family: AntennaLight;
	line-height: 130%;
}

/* Start page -> H1 in slider */
.slider h1 {
	font-family: AntennaCompressedLight;
	line-height: 100%;
	font-size: 4.8em;
	font-weight: normal;
	margin-bottom: 1rem;
}
	
h1, h2 {
	font-family: AntennaCondensedLight;
	font-size: 2.5rem;
	line-height: 110%;
	font-weight: normal;
}
	
h3 {
	font-family: AntennaMedium;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	font-weight: normal;
}

/* start page -> portfolio */
h6 {
	font-family: AntennaMedium;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	font-weight: normal;
}
	
/* Flatsome - Nav */
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-family:  AntennaLight, sans-serif;
	line-height: 130%;
}
	
/* Headings */
.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-family: AntennaLight, sans-serif;
}
	
/* "Alt-font", no idea what this is */
.alt-font{
	font-family: AntennaLight, sans-serif;
}

/* Product page -> Swatches (bugfix) */
table.variations .value {
	width: initial;
}

/**** Product page -> Move the "Variation Swatches for WooCommerce"-color swatches above the Product summary. ****/
/* Wrapper */
form.variations_form > div {
	display: flex;
}

/* Variation Swatches */
.wpo-options-container{
	order: 1;
}

/* Product summary */
table.variations {
	order: 0;
}

/* Price and Buy buttons */
.single_variation_wrap{
	order: 2;
}


/* Checkout -> WooCommerce Product options: remove grid layout for product summary text */
div.wc-block-components-product-metadata:has([class^=wpo-]) {
	display: inherit;
}



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


}