/*
 Theme Name:   ICON Coffee & Brunch House
 Theme URI:    https://teawebsites.co.uk
 Description:  Custom Child Theme for ICON Coffee & Brunch House. MUST have GeneratePress installed 
 Author:       TEA Websites
 Author URI:   https://teawebsites.co.uk
 Template:     generatepress
 Version:      1.2
*/

/* big-shoulders-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Big Shoulders';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/big-shoulders-v2-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* big-shoulders-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Big Shoulders';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/big-shoulders-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* big-shoulders-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Big Shoulders';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/big-shoulders-v2-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* big-shoulders-600 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Big Shoulders';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/big-shoulders-v2-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* big-shoulders-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Big Shoulders';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/big-shoulders-v2-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

body, h1, h2, h3, h4, h5, p, a, input, #cff, li, ul, .forminator-error-message, .forminator-label, .forminator-textarea, select, button .main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items, .main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{
	font-family: 'Big Shoulders', sans-serif;
	font-style: normal;

}
h1, h2, h3, h4, h5, a, input, #cff, li, ul, .forminator-error-message, .forminator-label, .forminator-textarea, select, button .main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items, .main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{
	text-transform: uppercase!important;
}
h1, h2, h3, h4, h5 {
	font-weight: 600;
}
h1 {
	font-size: 4rem;
}
h2 {
	font-size: 3rem;
}
h3 {
	font-size: 2rem;
}
h4 {
	font-size: 1.8rem;
}
h5 {
	font-size: 1.5rem;
}

p, a, input, #cff {
	font-weight: 400;
}

p, a {
	font-size: 1.5rem;
}
/* GeneratePress Site CSS */ /* Header */
.main-navigation:not(.is-open) .main-nav > ul {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media (min-width: 769px) {
    .main-navigation:not(.slideout-navigation)  {
      padding-left: 20px;
			padding-right: 20px;
    }
}
/* Slideout menu */
.main-navigation.slideout-navigation .inside-navigation.grid-container {
	padding: 0 10px;
}
.slideout-navigation .main-nav {
	margin-bottom: 14px;
}

/* Reset one container blog bottom padding */
.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
	padding-bottom: initial;
}

/* Right sidebar*/
.inside-right-sidebar .wp-block-categories-list {
	list-style: none;
	margin: 0;
}
.inside-right-sidebar .wp-block-categories-list li:not(:last-child) {
	margin-bottom: 0.6em;
}
.latest-posts .gb-query-loop-item:last-child .gb-container {
	margin-bottom: 0;
	border-bottom: 0;
}
@media (max-width: 768px) {
	.sidebar.is-right-sidebar {
		margin-top: 60px;
	}
}

/* Box shadow */
.box-shadow {
	box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.3);
} /* End GeneratePress Site CSS */

/*END*/

/*Reviews styling*/
.sbi_review_read_more {
    color: var(--accent-3); 
}

/* Todays Opening Times */
.top-bar p, .top-bar a {
    font-size: 1.1em;
}
p.todays-opening-hours {
    margin-bottom: 0;
    line-height: 23px;
    color: var(--contrast);
}

@media (max-width: 769px) {
	p.todays-opening.hours {
		line-height: 21px;
	}
}

/*END*/

.site-footer a {
	color: var(--accent-3); /* White text */
	text-decoration: none; /* Remove underline */
  }
  
  .site-footer a:hover {
	color: var(--accent-4); /* Orange on hover */
	text-decoration: underline; /* Add underline on hover */
  };


/* Menu Scroll */
@media (max-width: 1024px) {
	.scroll-grid{
		grid-template-columns: none;
		grid-auto-flow: column; 
		grid-auto-columns: 320px;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
	}
	.scroll-grid > div{
		scroll-snap-align: start;
	}
}
/* Menu Scroll End */

/* Form Styling*/

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--accent-3);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: var(--accent-3);
}
/* END Form Styling */