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

:root {
	--primary-color: #1C5402;
	--secondary-color: #8B1538;
}

#main {
	background-color: var(--primary-color);
	background: radial-gradient(circle,rgba(28, 84, 2, 1) 0%, rgba(0, 143, 55, 1) 0%, rgba(28, 84, 2, 1) 100%);
}

label {
	color: #fff;
}

.header-bottom {
	color: #1C5402;
}

.nav-uppercase > li > a {
	font-size: 14px;
	text-transform: none;
}

.logo-tagline {
	font-style: normal;
}

.nav-small.nav > li.html {
	font-size: 14px;
	padding: 5px 0;
}

.header-main .nav > li > a {
	background: var(--primary-color);
  padding: .5em 1em;
  color: #fff;
  border-radius: 3px;
}

.sticky-shrink .stuck .header-main {
	background: #F1F1F1;
}

.stuck .header-main .nav > li > a {
	line-height: 30px !important;
}

.frontpage-cover {
	box-shadow: 0px 0px 5px #333 !important;
}

.frontpage-cover {
		border-radius: 6px;
		min-height: 50vh !important;
	}

.wp-block-cover.frontpage-cover {
	padding: 0;
}

.frontpage-cover .wp-block-cover__inner-container {

}

.frontpage-cover p {
	background: rgba(255,255,255,.75);
  	border-bottom-left-radius: 5px;
 	border-bottom-right-radius: 5px;
	color: var(--primary-color);
	margin-bottom: 0;
	padding: 1em;
}

.html_nav_position_text_top {
	text-align: right !important;
}

li.html_topbar_right {
	margin-top: 6px;
}

.rounded-container {
	border-radius: 5px
}

.padding-2em {
	padding: 2em 2em 1em;
}

.wrapper-opening-times .wp-block-columns, .wrapper-opening-times p.has-medium-font-size {
		margin-bottom: 0;
}

.wp-block-pwa-install-button {
	display: flex;
  	justify-content: center;
}

button.pwa-install-btn {
	background: var(--primary-color);
  	margin: 0 0 1em;
}

input[type="submit"] {
	background: var(--primary-color);
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
	display: block !important;
}

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

	.nav > li.html {
		color: var(--primary-color);
	}
	
	.frontpage-cover p {
		font-size: 1em !important;
	}
	
	.nav > li.html {
		text-align: center;
	}
	
	li.html_topbar_left {
		margin-top: .5em;
	}
	
	li.html_topbar_right {
		margin-top: 0;
		margin-bottom: .5em;
	}
	
}