/*
 Theme Name:   VE1 GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Andy Nicholls
 Author URI:   https://ve1.co.uk
 Template:     generatepress
 Version:      0.1
*/

:root {
	--site-width: 1200px;
	--site-padding-desktop: 40px;
	--site-padding-tablet: 30px;
	--site-padding-mobile: 10px;	
	
	--padding-xl: 80px;
	--padding-lg: 60px;
	--padding-md: 40px;
	--padding-sm: 20px;
	--padding-xs: 10px;
}
/*
var(--site-width)
var(--site-padding-desktop)
var(--site-padding-tablet)
var(--site-padding-mobile)

var(--padding-xl)
var(--padding-lg)
var(--padding-md)
var(--padding-sm)
var(--padding-xs)
*/

/* Set the main content area minimum height */
#main {
	min-height: 30vh; 
}


.inside-header {
    padding-top:30px;
}

.contact-button, .contact-button a{
	color: var(--base)!important;
	background-color:var(--accent-10);
	border-radius:5px;	
	
}
.contact-button:hover {
	color: var(--base);
	background-color:var(--accent-4);
		
}

@media (max-width: 768px) {
    .inside-header {
        padding-right: var(--site-padding-mobile);
        padding-left:  var(--site-padding-mobile);
    }
}
/* if moibile menu ON */
.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 160px!important;
    width: auto;
}
nav#mobile-header .main-nav ul.sf-menu {   
	padding:20px;
}
/* otherwise */
@media(max-width:768px){
	.site-header .header-image {
    width: 120px;
}
}
.main-navigation.toggled .main-nav {
   padding:20px 20px 40px 20px;		
}

/* sticky logo */
.sticky-navigation-logo img{
    height:70px !important;
}

.gb-button.btn-primary {
	color: var(--base);
}

/* default button */
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
	border-radius:5px;
    color: var(--base);
    background-color: var(--accent-10);
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, a.wp-block-button__link:not(.has-background) {
    color: var(--base);
    background-color: var(--accent-2);
	
}

/* Remove bottom margin from .content-panel last child element */
.content-panel > :last-child {
  	margin-bottom:0px;
	padding-bottom:0px;
}

.trim-bottom > :last-child {
	margin-bottom:0px;
	padding-bottom:0px;
}

ul {
	margin: 0 0 1em 3em;
}
li::marker {
  color: var(--accent-2);
}