@font-face {
    font-family: 'interregular';
    src: url('https://thecookout.org.uk/wp-content/themes/cookout/assets/fonts/inter-variablefont_slntwght-webfont.woff2') format('woff2'),
         url('https://thecookout.org.uk/wp-content/themes/cookout/assets/fonts/inter-variablefont_slntwght-webfont.woff') format('woff');
}
@font-face {
    font-family: 'varela_roundregular';
    src: url('https://thecookout.org.uk/wp-content/themes/cookout/assets/fonts/varelaround-regular-webfont.woff2') format('woff2'),
         url('https://thecookout.org.uk/wp-content/themes/cookout/assets/fonts/varelaround-regular-webfont.woff') format('woff');
}
/* General --------------------------------------------- */
body,html{line-height: initial; color: #000; overflow-x: hidden; background: #F8ECE9;}
html.menu-open{overflow: hidden;}
.entry, .archive-description{display: none;}
.site-inner{max-width: 100%; padding: 0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{min-height: 1px;}
.col-1{width: 10%; padding-right: 15px; padding-left: 15px; float: left;}
.col-2{width: 16.666667%; padding-right: 15px; padding-left: 15px; float: left;}
.col-3{padding-left: 15px; padding-right: 15px; width: 25%; float: left;}
.col-4{width: 33.33333333%; padding-right: 15px; padding-left: 15px; float: left;}
.col-5 {float: left; width: 41.66666667%; padding-right: 15px; padding-left: 15px; float: left;}
.col-6{width: 50%; padding-right: 15px; padding-left: 15px; float: left;}
.col-7 {float: left; width: 58.33333333%; padding-right: 15px; padding-left: 15px; float: left;}
.col-8{width: 66.66666667%; padding-right: 15px; padding-left: 15px; float: left;}
.col-9{width: 75%; padding-right: 15px; padding-left: 15px; float: left;}
.col-10 {width: 83.333333%; padding-right: 15px; padding-left: 15px; float: left;}
.col-12{width: 100%; padding-right: 15px; padding-left: 15px;}
.content{width: 100%;}
.no-gutters{padding: 0;}
a, * {outline : none!important; text-decoration: none;}
/* Home --------------------------------------------- */
section#one{height: 100vh; background-color: #F4DE14; position: relative;}
img.logo{width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
section#two{height: 100vh; background-color: #C2B8F7; position: relative;}
section#two .inner, .top .inner, .bottom .inner{display: flex;}
.two-inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
section#two h1{margin-bottom: 60px; text-align: center; font-family: 'varela_roundregular'; font-size: 64px; line-height: 76.8px; text-transform: uppercase;}
section#two .copy p{font-family: 'interregular'; font-size: 24px; text-align: center;}
img.knife{height: 20%; position: absolute; left: 100px; top: 30px;}
img.bottle{position: absolute; height: 22%; left: 100px; bottom: 35px; transform: rotate(15deg);}
img.tongs{position: absolute; height: 22%; top: 35%; right: 20px; transform: rotate(22deg);}
.top{padding: 140px 0;}
.donations{font-family: 'varela_roundregular'; font-size: 16px; line-height: 19.2px; text-align: center; width: 100%; margin-top: 60px;}
.donations a{color: #000; text-decoration: underline;}
img.partners{width: 80%; margin: 0 auto; display: block;}
.logo-grid{display: grid; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 40px; align-items: center; margin-bottom: 200px; row-gap: 100px;}
.logo-col{width: 80%; margin: 0 auto; display: block;}
/* Footer --------------------------------------------- */
.footer-widgets{border-top: 3px solid #FF5700; background-color: #F8ECE9; padding: 20px 0 45px 0; margin: 0 20px;}
.footer-widgets .wrap{max-width: 100%; display: flex;}
.footer-widget-area{width: calc(100% / 3); padding: 0;}
.widget{margin-bottom: 30px;}
.widget-area.footer-widgets-1{width: 70%;}
.widget-area.footer-widgets-2, .widget-area.footer-widgets-3{width: 15%;}
.widget-area.footer-widgets-3{display: flex; flex-direction: column; align-items: end;}
.copyright{color: #FF5700; font-family: Helvetica; font-size: 10px; line-height: 12px; max-width: 60%;}
.copyright a{color: #FF5700;}
.textwidget p{color: #FF5700; font-family: 'interregular'; font-size: 14px; line-height: 16.8px;}
.textwidget p a{color: #FF5700; text-decoration: underline;}
/* Responsive --------------------------------------------- */
@media screen and (min-width: 1280px) and (max-width: 1440px){
	section#two h1{font-size: 54px; line-height: 66.8px;}
	section#two .copy p{font-size: 20px;}
	.textwidget p{font-size: 13px;}
	section#two h1{margin-bottom: 40px;}
	.donations{margin-top: 40px;}
	.widget-area.footer-widgets-1{width: 60%;}
	.widget-area.footer-widgets-2, .widget-area.footer-widgets-3{width: 20%;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
	section#two h1{font-size: 44px; line-height: 56.8px;}
	section#two .copy p{font-size: 16px;}
	.donations{font-size: 13px;}
	.textwidget p{font-size: 12px;}
	section#two h1{margin-bottom: 30px;}
	.donations{margin-top: 30px;}
	img.knife, img.bottle{left: 70px;}
	img.tongs{right: 10px;}
	.widget-area.footer-widgets-1{width: 60%;}
	.widget-area.footer-widgets-2, .widget-area.footer-widgets-3{width: 20%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	section#two h1{font-size: 34px; line-height: 46.8px;}
	section#two .copy p{font-size: 15px;}
	.donations{font-size: 11px;}
	.textwidget p{font-size: 12px;}
	section#two h1{margin-bottom: 30px;}
	.donations{margin-top: 30px;}
	img.knife, img.bottle{left: 50px;}
	img.tongs{right: 10px;}
	img.knife{height: 14%;}
	img.bottle{height: 18%;}
	img.tongs{height: 15%; bottom: 100px; top: inherit;}
	.logo-grid{grid-template-columns: 1fr 1fr 1fr 1fr;}
	.top{padding: 100px 0;}
	.copyright{max-width: 80%;}
	.widget-area.footer-widgets-1{width: 60%;}
	.widget-area.footer-widgets-2, .widget-area.footer-widgets-3{width: 20%;}
}
@media only screen and (max-width: 767px){
	section#two .col-6, .top .col-6, .bottom .col-10, .widget-area.footer-widgets-1, .widget-area.footer-widgets-2, .widget-area.footer-widgets-3{width: 100%;}
	img.logo, img.partners{width: 70%;}
	section#two{height: 100%; padding: 250px 0;}
	section#two h1{font-size: 29px; line-height: 41.8px;}
	section#two .copy p{font-size: 15px;}
	.two-inner{width: 100%; padding: 0; position: inherit; transform: inherit;}
	.donations{font-size: 11px;}
	.textwidget p{font-size: 12px;}
	section#two h1{margin-bottom: 30px;}
	.donations{margin-top: 30px;}
	img.knife, img.bottle{left: 30px;}
	img.tongs{right: 10px;}
	img.knife, img.bottle{height: 14%;}
	img.tongs{height: 12%; bottom: 100px; top: inherit;}
	section#two .inner, .top .inner, .bottom .inner, .footer-widgets .wrap{flex-direction: column;}
	.logo-grid{grid-template-columns: 1fr 1fr 1fr;}
	.top{padding: 100px 0;}
	.copyright{max-width: 80%;}
	.widget-area.footer-widgets-3{align-items: flex-start;}
}