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

.slideout-logo {
  padding: 20px 10px 15px;
  background-color: #ffffff;
  width: 100%;
}

.slideout-logo img {
  width: 148px;
}

.reverse-icon .gb-headline-text {
    order: -1;
    margin-right: 5px;
}

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

.width-100 img {
	width: 100%;
}

.flex-col > .gb-inside-container {
    display: flex;
    flex-direction: column;
	height: 100%;
}

.margin-top-auto {
	margin-top: auto;
}


.top-menu-link-container > div {
	position: relative;
}

.top-menu-primary-link {
	background-color: #ffb347;
	color: #2e4b73;
	display: flex;
	font-weight: 700;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
}

.top-menu-primary-link:hover,
.top-menu-primary-link:focus {
	color: #2e4b73;
}

.top-menu-list {
	background-color: #fff;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
	display: none;
	margin: 0;
    list-style-type: none;
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
	z-index: 10000;
}

@media (min-width: 768px) {
	.top-menu-link-container > div:hover .top-menu-list,
	.top-menu-link-container > div:focus .top-menu-list {
		display: block;
	}
}

.top-menu-list a {
	color: #0e70b1;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 20px;
	text-align: left;
}

.top-menu-list a:hover,
.top-menu-list a:focus {
	background-color: #f7f8f9;
	color: #0e70b1;
}

.main-navigation ul ul {
	box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
}

@media (min-width: 1140px) {
	li.menu-item-has-children .dropdown-menu-toggle {
		color: #fe685f;
	}	
}

li li.menu-item-has-children .dropdown-menu-toggle {
	color: inherit;
}

body .secondary-navigation .main-nav ul li a {
	padding-right: 12px
}

.secondary-navigation li a:after {
	content: "|";
	color: #2f4c73;
	position: absolute;
    right: 0;
}

.secondary-navigation li:last-child a:after, .secondary-navigation li:nth-child(3) a:after {
	content: none;
}

.secondary-navigation .main-nav ul li.become-a-franchisee {
	width: 280px;
	text-align: center;
}

.secondary-navigation .main-nav ul li.become-a-franchisee .sub-menu {
	width: 280px;
}

.secondary-navigation .main-nav ul li.become-a-franchisee a, .secondary-navigation .main-nav ul li.become-a-franchisee:not([class*="current-menu-"]):hover > a, .secondary-navigation .main-nav ul li.become-a-franchisee[class*="current-menu-"] > a {
	background-color: #ffb347;
}

.secondary-navigation .main-nav ul li.become-a-franchisee li a {
	background-color: #0c5c92;
}

.secondary-navigation .main-nav ul li.become-a-franchisee:not([class*="current-menu-"]) li:hover > a {
	background-color: #0e70b1;
}

.secondary-navigation .main-nav ul li.become-a-franchisee a {
	font-weight: 700;
}

.secondary-navigation .main-nav ul li.become-a-franchisee li a {
	font-weight: normal;
}

.secondary-navigation .menu-toggle {
      display: none;
}

li.become-a-franchisee .dropdown-menu-toggle {
	display: none;
}

#generate-slideout-menu li.become-a-franchisee .dropdown-menu-toggle {
	display: inline;
}

#generate-slideout-menu #menu-top-menu-1 li, #generate-slideout-menu #menu-top-menu-2 li {
    float: none;
    width: 100%;
    clear: both;
    text-align: left;
}

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

@media(max-width: 767px) {
    .secondary-navigation {
        text-align: center !important;
    }
    .secondary-navigation ul {
        display: block;
    }
    .secondary-navigation .sf-menu>li {
        float: none;
        display: inline-block !important;
    }
	/* .secondary-navigation .sf-menu>li.hide-on-mobile {
		display: none !important;
	} */
	body.secondary-nav-aligned-right .secondary-navigation .inside-navigation, .secondary-navigation .main-nav>ul {
		justify-content: center;
	}
	.secondary-navigation .main-nav ul li.become-a-franchisee {
		width: 100%;
	}
	body.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, body.secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
		padding: 0px;
	}
	.secondary-navigation .main-nav ul li.become-a-franchisee .sub-menu {
		display: none;
	}
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
	body.secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
    	padding: 0px;
	}
}

.entry-content, .single .entry-header, .search .page-title {
	border-top-style: solid;
    border-top-width: 10px;
    border-color: #c5d932;
	padding-top: 40px;
}

@media (min-width: 768px) {
	.blog .content-area, .single .entry-title, .single .entry-meta, .single .entry-content {
		padding: 0 40px 0;
	}
}

.blog.post-image-above-header .inside-article .post-image {
	margin-bottom: 1em;
}

.blog .entry-summary:not(:first-child) {
	margin-top: 1em;
}

.wp-block-button__link {
	border-radius: 0px;
}

#nav-below .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
#nav-below .page-numbers.current,
#nav-below a.page-numbers:hover {
	background: #1e73be;
  	color: #ffffff;
}

.entry-content.blog-line {
	max-width: 1260px;
	margin: 20px 40px 0px;
	padding: 20px 40px 0;
}

@media (max-width: 768px) {
	.entry-content.blog-line {
		margin: 20px 30px 0px;
	}
}

.home.separate-containers .entry-content, .single .entry-content {
    border-top-width: 0px;
	padding-top: 0px;
}

.search .post-image,
.search .read-more-container {
	display: none;
}

.search.separate-containers .inside-article {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
}

@media (min-width: 768px) {
	.search header .page-title, .search article, .search .paging-navigation .nav-links {
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 0px;
	}
}

#gform_wrapper_1.cta-1-form_wrapper input[type="text"],
#gform_wrapper_1.cta-1-form_wrapper textarea {
	font-size: 16px;
	font-weight: 600;
}

#gform_wrapper_1.cta-1-form_wrapper input[type="submit"] {
	background-color: #47b6ff;
	border-radius: 0;
	color: #2f4c73;
	font-size: 17px;
	font-weight: 600;
}
#gform_wrapper_1.cta-1-form_wrapper input[type="submit"]:hover,
#gform_wrapper_1.cta-1-form_wrapper input[type="submit"]:focus {
	background-color: #479dff;
	color: #253c5b;
}

.gform_wrapper.gravity-theme div.gform_footer {
	margin: 0;
    padding: 8px 0;
}

#gform_wrapper_5 .gform_required_legend, .gform_wrapper#gform_wrapper_5 .gfield_required {
	color: #ffffff !important;
}

.wp-block-pb-accordion-item {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 20px;
}

.c-accordion__title:after {
	position: initial;
	margin-left: 15px;
}


.form-bg-dark .gform_footer input[type=submit] {
	background-color: #c6d932;
	color: #2d4681;
	font-size: 17px;
	font-weight: 600;
}

.form-bg-dark .gform_footer input[type=submit]:hover,
.form-bg-dark .gform_footer input[type=submit]:focus {
	background-color: #47b6fe;
	color: #fff;
}

.circle-icon .gb-icon {
	width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffb346;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.site ul {
	list-style: none;
	margin-left: 1.5em;
}

.site ul li::before {
	content: "\2022";
	color: #fe685f;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.site ul li li::before {
	content: normal;
	color: initial;
}

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

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

.list-number-circle {
	counter-reset: number-circle;
	list-style: none;
	margin-left: 60px;
}

.list-number-circle li {
	align-items: center;
	margin: 0 0 20px 0;
	padding-left: 5px;
    counter-increment: number-circle;
    position: relative;
    min-height: 50px;
}

.list-number-circle li::before {
  content: counter(number-circle);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 50px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #f26861;
  border-radius: 50%;
  text-align: center;
}

.location-contact-row .gb-button-wrapper .gb-button {
    justify-content: flex-start;
}

.location-contact-row .gb-button-wrapper .gb-button {
    text-align: left;
}

ul.locations-column-wrap {
    -webkit-column-count: 3;  
    -moz-column-count: 3; 
    column-count: 3;
    -webkit-column-gap: 50px; 
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: 1px single grey; 
    -moz-column-rule: 1px single grey; 
    column-rule: 1px single grey;
}

@media (min-width: 768px) and (max-width: 1024px) {
	ul.locations-column-wrap {
    	-webkit-column-count: 2;  
   		-moz-column-count: 2; 
    	column-count: 2;
    	-webkit-column-gap: 20px; 
    	-moz-column-gap: 20px;
    	column-gap: 20px;
	}	
}

@media (max-width: 768px) {
	ul.locations-column-wrap {
    	-webkit-column-count: 1;  
   		-moz-column-count: 1; 
    	column-count: 1;
		-webkit-column-gap: 20px; 
    	-moz-column-gap: 20px;
    	column-gap: 20px;
	}	
}

@media (min-width: 966px) and (max-width: 1224px) {
	#page .home-hero-grid > div:last-of-type {
		display: none;
	}
	
	#page .home-hero-content-container > div {
		max-width: 42rem;
	}
}

.recent-blog-posts h3 a {
	text-decoration: none;
}

.site-footer ul.wp-block-social-links {
	margin-bottom: 20px;
	gap: 0em;
}

@media (max-width: 768px) {
	.site-footer ul.wp-block-social-links {
		float: left;
	}
}
