/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
 * Media Queries
 * 
 * Mobile only 
@media (max-width: 768px) {}
 *
 * Tablet and above
@media (min-width: 769px) {}
 *
 * Tablet only 
@media (min-width: 769px) and (max-width: 1024px) {}
 *
 * Tablet and smaller 
@media (max-width: 1024px) {}
 *
 * Desktop only 
@media (min-width: 1025px) {}
*/

.font-abril {
	font-family: "Abril Fatface", serif;
	font-weight: 400;
	font-style: normal;
}

a.no-underline,
.no-underline a {
    text-decoration: none;
}

a.hover-underline,
.hover-underline a {
    text-decoration: none;
}

a.hover-underline:hover,
a.hover-underline:focus,
.hover-underline a:hover,
.hover-underline a:focus {
    text-decoration: underline;
}

a.underline-only {
	text-decoration: none;
}

.underline-only:hover .underline-this,
.underline-only:focus .underline-this {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.text-balance {
    text-wrap: balance;
}

.text-pretty {
    text-wrap: pretty;
}

/* header */

.main-navigation .menu-bar-items, body #mobile-header .menu-toggle {
    display: none;
}

body .menu-bar-item svg {
	height: 1.4em;
	width: 1.4em;
}

@media (max-width: 1120px) {
	body .secondary-navigation .menu-bar-item {
		display: none;
	}
	body .menu-bar-item svg {
		height: 1.8em;
		width: 1.8em;
	}
	body .menu-bar-item.slideout-toggle {
        display: inline;
    }
	#secondary-navigation .inside-navigation {
    justify-content: flex-end;
	}
	#secondary-navigation .main-nav {
		margin-right: auto;
	}
	.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    	margin: 0 auto;
	}
}

@media (min-width: 1120px) {
	.secondary-slideout-toggle {
		display: none;
	}
}

#mobile-header {
	padding-left: 20px;
	padding-right: 20px;
}

nav.mobile-header-navigation .site-logo {
	max-width: calc(100% - 100px);
}

div.site-logo.mobile-header-logo img {
	height: auto;
}

/* Navigation */

@media (min-width: 1200px) {
	.main-navigation .main-nav ul li a:after {    
		background: none repeat scroll 0 0 transparent;
		bottom: 0;
		content: "";
		display: block;
		height: 2px;
		left: 50%;
		position: absolute;
		background: #111;
		transition: width 0.3s ease 0s, left 0.3s ease 0s;
		width: 0;
	}
	.main-navigation .main-nav ul li li a:after {
		background: none;
	}
	.main-navigation .main-nav ul li a:hover:after, .main-navigation .main-nav ul li[class*="current-menu-"] > a:after { 
		width: 80%; 
		left: 10%; 
	}
}

/* Center logo in navigation */

@media(min-width: 769px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 49%;
        transform: translateX(-49%);
        z-index: 1000;
    }
	
	.main-navigation> ul ul:hover {
		z-index: 1020 !important;
	}

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }
	
	#site-navigation:hover {
		z-index: 2000;
	}

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(4) {
        margin-left: auto;
    }
}

/* Secondary navigation */

#secondary-navigation {
	padding: 28px 20px;
}

#secondary-navigation ul ul {
	width: 227px;
}

#secondary-navigation .inside-navigation {
	justify-content: space-between;
	max-width: 1920px;
}

.secondary-navigation .menu-bar-item {
	order: 2;
}

.secondary-navigation .menu-bar-item > a {
	color: #222;
}

#secondary-navigation .nav-button > a {
	border: 1px solid #222222;
	color: #222222;
	font-size: 15px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

@media(min-width: 769px) {
	#secondary-navigation .inside-navigation {
		justify-content: flex-end;
	}
	
	
	#secondary-navigation .menu-toggle {
		display: none;
	}
}

/* background image */

.has-background-image figure {
	height: 100%;
}

.has-background-image img {
	object-fit: cover;
	object-position: center;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

/* Blog */

.archive.category .page-header {
	display: none;
}

.archive.category .dark-button-active {
	background-color: #000000;
    color: #ffffff !important;
}

/* Post, guide, holiday guide */

.single-post #page {
	background-color: #fff;
	max-width: 1200px;
}

.single-post #main,
.parent-pageid-14305 #main,
.parent-pageid-14385 #main {
	margin-top: 0;
	margin-bottom: 0;
}

.single-post footer.entry-meta {
	margin: 0;
}

.parent-pageid-14305 .hero-post-title,
.parent-pageid-14385 .hero-post-title {
	margin-bottom: 0;
}

.parent-pageid-14305 .hero-post-date,
.parent-pageid-14385 .hero-post-date {
	display: none;
}

/* offscreen menu */

#generate-slideout-menu .main-nav {
	margin-bottom: 0;
}

#generate-slideout-menu .menu-secondary-menu-container {
	width: 100%;
}

#generate-slideout-menu .offscreen-secondary-menu {
	display: block;
	margin-bottom: 16px;
}

#generate-slideout-menu .offscreen-secondary-menu > li > a {
	display: flex;
	justify-content: space-between;
	line-height: 60px;
	padding: 0 0 0 17px;
	width: 100%;
}

#generate-slideout-menu .offscreen-secondary-menu .sub-menu {
	float: none;
	height: auto;
	opacity: 1;
	position: static;
	width: auto;
}

#generate-slideout-menu .offscreen-secondary-menu .sub-menu a {
	line-height: 28px;
	font-size: 14px;
	padding: 10px 17px 10px 17px
}

#generate-slideout-menu .offscreen-secondary-menu .sub-menu a:hover,
#generate-slideout-menu .offscreen-secondary-menu .sub-menu a:focus,
#generate-slideout-menu .offscreen-secondary-menu .sub-menu li[class*="current-menu-"] > a {
	background-color: #f0f0f0;
}

#generate-slideout-menu .wp-block-search__inside-wrapper {
	border: none;
}

#generate-slideout-menu .wp-block-search__input {
	border: 1px solid #777;
	width: 168px;
}

#generate-slideout-menu .wp-block-search__button {
	margin-left: 0;
	padding: 12px;
}

/* Search */

.search .page-header,
.search .paging-navigation {
	background-color: #f2eee3;
	padding-left: 20px;
	padding-right: 20px;
}

.blog-title-color {
	color: #222222;
}

.entry-content ul ul {
  list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAGUlEQVQY02NgoCtgrK2t/U9IERN93UQ9AAAfJQJ6R189bQAAAABJRU5ErkJggg==);
}

.entry-content ul ul ul {
  list-style: circle;
}

a.gb-button{
	letter-spacing: 0.05em;
}

.gb-accordion__toggle .gb-icon {
	color: #d1c4a1;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f2eee3;
}

.wp-block-separator {
	border-top: 1px solid;
    color: #b2b2be;
	background-color: #b2b2be;
}

.event-columns {
	margin: 0 auto;
	padding: 0;
	max-width: 700px;
	list-style: none;
}	

@media (min-width: 768px) {
	.event-columns {
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 2;
		column-gap: 20px;
		column-rule: 0px solid #b2b2be;
	}	
}

@media (max-width: 768px) {
	.event-columns {
		-webkit-column-count: 1;
		-webkit-column-gap: 50px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 1;
		-moz-column-gap: 50px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 1;
		column-gap: 50px;
		column-rule: 0px solid #b2b2be;
		text-align: center;
	}	
}

.garden-columns {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
}	

.garden-columns li {
	margin-bottom: 16px;
	display: inline-block;
    width: 100%;
}

@media (min-width: 768px) {
	.garden-columns {
		-webkit-column-count: 2;
		-webkit-column-gap: 50px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 2;
		-moz-column-gap: 50px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 2;
		column-gap: 50px;
		column-rule: 0px solid #b2b2be;
	}	
}

@media (max-width: 768px) {
	.garden-columns {
		-webkit-column-count: 1;
		-webkit-column-gap: 50px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 1;
		-moz-column-gap: 50px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 1;
		column-gap: 50px;
		column-rule: 0px solid #b2b2be;
	}	
}

.core-values-columns {
	padding: 0;
	max-width: 1200px;
}	

.core-values-columns li {
	margin-bottom: 16px;
}

.core-values-columns li::marker {
  color: #ffffff;
}

@media (min-width: 768px) {
	.core-values-columns {
		-webkit-column-count: 2;
		-webkit-column-gap: 50px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 2;
		-moz-column-gap: 50px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 2;
		column-gap: 50px;
		column-rule: 0px solid #b2b2be;
	}	
}

@media (max-width: 768px) {
	.core-values-columns {
		-webkit-column-count: 1;
		-webkit-column-gap: 50px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 1;
		-moz-column-gap: 50px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 1;
		column-gap: 50px;
		column-rule: 0px solid #b2b2be;
	}	
}

.volunteer-columns {
	padding: 0;
	max-width: 1200px;
}	

.volunteer-columns li {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.volunteer-columns {
		-webkit-column-count: 2;
		-webkit-column-gap: 50px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 2;
		-moz-column-gap: 50px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 2;
		column-gap: 50px;
		column-rule: 0px solid #b2b2be;
	}	
}

@media (max-width: 768px) {
	.volunteer-columns {
		-webkit-column-count: 1;
		-webkit-column-gap: 50px;
		-webkit-column-rule: 0px solid #b2b2be;
		-moz-column-count: 1;
		-moz-column-gap: 50px;
		-moz-column-rule: 0px solid #b2b2be;
		column-count: 1;
		column-gap: 50px;
		column-rule: 0px solid #b2b2be;
	}	
}


.bullet-margin li {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.bullet-border {
		position: relative;
	}

	.bullet-border:before {
		content: '';
		width: 8px;
		height: 8px;
		background: #7b112d;
		border: 0 solid transparent;
		border-radius: 50%;
		position: absolute;
		top: -4px;
		left: -4px;
	}

	.bullet-border:after {
		content: '';
		width: 8px;
		height: 8px;
		background: #7b112d;
		border: 0 solid transparent;
		border-radius: 50%;
		position: absolute;
		bottom: -4px;
		left: -4px;
	}	
}

.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.gform_wrapper.gravity-theme .gform_footer input {
	border: 1px solid #000000;
}

.gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
	text-transform: uppercase;
}

/* clearfix */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}