.maintenance-page-logo {
width:100%;
max-width: 300px;
}
@media screen and (max-width: 900px) {
.maintenance-page-logo {
max-width: 150px;
}
} @media screen and (max-width: 600px) {
.l-sidebar, .l-section.height_small, .l-section.height_medium {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
.kin-image-overlay-row {
height: 75vh;
}
@media screen and (max-width: 1160px) {
.kin-image-overlay-row {
height: 65vh;
}
}
.kin-image-overlay-row .l-section-h {
padding-top: 0px !important;
}
.kin-image-overlay-row  .l-section-h,
.kin-image-overlay-row  .g-cols {
height: 100%;
}
.kin-image-overlay-row .l-section-img {
background-position: 50% 70% !important;
}
@media screen and (max-width: 900px) {
.kin-image-overlay-row .l-section-img {
background-position: 50% 100% !important;
}
}
.kin-image-overlay-row-centre .l-section-img {
background-position: 50% 50% !important;
}
@media screen and (max-width: 900px) {
.kin-image-overlay-row-centre .l-section-img {
background-position: 50% 50% !important;
}
}
.kin-image-overlay-logo {
width: 50%;
margin: auto;
}
@media screen and (max-width: 1160px) {
.kin-image-overlay-logo {
width: 40%;
}
}
@media screen and (max-width: 900px) {
.kin-image-overlay-logo {
width: 60%;
}
}
@media screen and (max-width: 650px) {
.kin-image-overlay-logo {
width: 80%;
}
}
@media screen and (max-width: 500px) {
.kin-image-overlay-logo {
width: 100%;
}
} .intro-row {
font-size: 1.2rem;
font-weight: 400;
}
.intro-row p:first-of-type {
font-size: 1.5rem;
font-weight: 400;
}
.hold-menu-row {
background: #e0dad0;
}
.hold-menu-row strong {
font-weight: 600;
}
.hold-menu-row em {
text-transform: uppercase;
font-weight: 600;
}
.hold-menu-row .wpb_text_column {
margin-bottom: 2rem;
}
.hold-menu-row .w-btn-wrapper {
margin-bottom: 4rem;
}
.hold-menu-row .w-btn-wrapper:last-of-type {
margin-bottom: 0rem;
}
@media screen and (max-width: 600px) {
.hold-menu-row .wpb_text_column {
margin-bottom: 1.5rem;
}
}
.hold-menu-row .wpb_text_column:last-of-type {
margin-bottom: 0rem;
}
.full-website-coming-soon-text {
font-size: 2.5rem;
line-height: 3rem;
font-weight: 400;
} .img-with-text-text-col .vc_column-inner {
padding-left: 10%;
padding-right: 10%;
}
@media screen and (max-width: 1464px) {
.img-with-text-text-col .vc_column-inner {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
.img-with-text-text-col p {
font-size: 1.2rem;
line-height: 1.4;
} .faq-section p {
font-size: 1rem !important;
text-align: center;
}
.w-tabs-sections.titles-align_center>div>.w-tabs-section-header {
text-align: center;
}
.faq-section a {
color: #ffffff;
text-decoration: underline;
}
.faq-section a:hover {
color: rgb(255,255,255,60%);
}
.white-pattern-overlay {
z-index: 10;
margin-top: -10.3rem;
}
.white-pattern-overlay img {
width: 100%;
}
@media screen and (max-width: 1536px) {
.white-pattern-overlay {
margin-top: -14.5rem;
}
}
@media screen and (max-width: 1160px) {
.white-pattern-overlay {
display: none;
}
} .contact-form {
text-align: center;
}
.contact-form .w-form-row-label {
text-transform: uppercase;
}
.contact-form input:not([type="submit"]) {
text-align: center;
}
.contact-form .for_textarea {
margin-bottom: 2rem !important;
} .links-on-black a {
color: #ffffff;
}
.links-on-black a:hover {
color: rgb(255,255,255,55%) !important;
} .header-social .w-socials-item-link {
box-shadow: inset 0 0 0 2px #ffffff !important;
}
.header-social i {
font-size: 1.2rem;
}
.header-social .w-socials-item-link-hover {
background: #ffffff;
}
.header-social .w-socials-item-link:hover {
color: #000000 !important;
background-color: #ffffff;
}
.sticky .header-social .w-socials-item-link:hover {
color: #ffffff !important;
background-color: #000000;
box-shadow: inset 0 0 0 2px #000000 !important;
}
.sticky .header-social .w-socials-item-link {
box-shadow: inset 0 0 0 2px #000000 !important;
color: #000000;
}
.main-nav-menu .w-nav-title {
text-transform: uppercase;
font-size: 2rem;
font-weight: 600;
letter-spacing: 4px;
}
.main-nav-menu .w-nav-anchor:not(.w-btn) {
padding-top: 1.4rem !important;
padding-bottom: 1.4rem !important;
}
@media screen and (max-width: 600px) {
.main-nav-menu .w-nav-anchor:not(.w-btn) {
padding-top: 0.7rem !important;
padding-bottom: 0.7rem !important;
}
}
.sticky .main-header-social .w-socials-item-link {
box-shadow: inset 0 0 0 2px #ffffff !important;
color: #ffffff;
font-size: 1.3rem;
}
@media screen and (max-width: 1024px) {
.sticky .main-header-social .w-socials-item-link {
font-size: 1rem;
}
}
.sticky .main-header-social .w-socials-item-link:hover {
background-color: #ffffff;
color: #000000 !important;
}
a.w-nav-control.active .l-subheader.at_middle,
.l-subheader.at_middle .w-dropdown-list,
.l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
background-color: #20211b !important;
} h1[id] {
scroll-margin-top: calc(var(--header-height) + 20px);
} @media screen and (max-width: 940px) {
.footer-text-wrapper {
flex-direction: column;
text-align: center;
}
} .notice-message p {
font-size: 1.5rem !important;
font-weight: 600 !important;
}  .little-kin-takeaway-logo {
width: 20%;
margin: auto;
}
@media only screen and (max-width: 900px) {
.little-kin-takeaway-logo {
width: 35%;
}
}
@media only screen and (max-width: 600px) {
.little-kin-takeaway-logo {
width: 50%;
}
}
@media only screen and (min-width: 1064px) {
.prefer-to-takeaway-text-block p {
width: 60%;
margin: 0 auto 1.5rem;
}
}
@media only screen and (max-width: 1064px) and (min-width: 716px) {
.prefer-to-takeaway-text-block p {
width: 80%;
margin: 0 auto 1.5rem;
}
} .takeaway-block-row {
background-image: url(//kinrest.uk/wp-content/uploads/2022/05/KIN-pattern-black-left.svg), url(//kinrest.uk/wp-content/uploads/2022/05/KIN-pattern-black.svg);
background-position: left, right;
background-repeat: no-repeat, no-repeat;
background-repeat-y: repeat;
background-color: #c2b5a2;
}
@media screen and (max-width: 1444px) {
.takeaway-block-row {
background-size: 20%;
}
}
@media screen and (max-width: 1160px) {
.takeaway-block-row {
background-size: 14%;
}
}
@media screen and (max-width: 1020px) {
.takeaway-block-row {
background-size: 0px;
}
} .contact-us-block-social {
text-align: center;
}
.contact-us-block-social i {
font-size: 1.5rem;
} .contact-us-block-main-row {
background-color: #20211b;
color: #ffffff;
}
.contact-us-block-main-social {
text-align: center;
}
.contact-us-block-main-social i {
font-size: 1.5rem;
}
.contact-us-block-main-row h2,
.contact-us-block-main-row a {
color: #ffffff !important;
}
.contact-us-block-main-row a:hover {
color: rgb(255,255,255,55%) !important;
}
.contact-us-block-main-social .w-socials-item-link {
box-shadow: inset 0 0 0 2px #ffffff !important;
}
.contact-us-block-main-social .w-socials-item-link:hover .fa-facebook-f,
.contact-us-block-main-social .w-socials-item-link:hover .fa-instagram {
color: #000000 !important;
} .header-menu-section-row {
height: 100vh;
}
@media screen and (max-width: 900px) {
.header-menu-section-row {
height: 92vh;
}
}
.header-menu-section-row .l-section-h {
padding-top: 0px !important;
}
.header-menu-section-row  .l-section-h,
.header-menu-section-row  .g-cols {
height: 100%;
}
.header-menu-section-logo-wrapper {
position: absolute;
top: 10%;
left: 20px;
width: 20rem;
}
@media screen and (max-width: 900px) {
.header-menu-section-logo-wrapper {
position: inherit;
width: 100%;
}
.header-menu-section-logo {
width: 40% !important;
margin-top: -2rem !important;
margin-bottom: -1rem !important;
}
.header-menu-section-social {
display: none;
}
}
@media screen and (max-width: 600px) {
.header-menu-section-logo {
width: 60% !important;
margin-top: -3rem !important;
margin-bottom: -0.5rem !important;
}
}
.header-menu-section-logo {
width: 100%;
margin: auto;
}
.header-menu-section-social {
}
.header-menu-section-social .w-socials-item-link {
box-shadow: inset 0 0 0 2px #ffffff !important;
font-size: 1.4rem;
}
.header-menu-section-social .w-socials-item-link:hover .fa-facebook-f,
.header-menu-section-social .w-socials-item-link:hover .fa-instagram {
color: #000000 !important;
}
.header-menu-section-social .w-socials-list {
display: flex;
flex-direction: column;
align-items: center;
}
.header-menu-section-navmenu {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: #ffffff;
text-transform: uppercase;
font-size: 2rem;
font-weight: 600;
letter-spacing: 4px;
}
@media screen and (max-width: 1160px) {
.header-menu-section-navmenu {
align-items: flex-end;
margin-right: 20%;
}
}
@media screen and (max-width: 900px) {
.header-menu-section-navmenu {
align-items: center;
margin-right: auto;
font-size: 1.5rem;
margin-bottom: 1rem !important;
}
}
@media screen and (min-width: 900px) {
.w-menu.layout_ver .menu>li {
margin-bottom: 2rem !important;
}
}
@media screen and (max-width: 900px) {
.w-menu.layout_ver .menu>li {
margin-bottom: 1rem !important;
}
}
@media screen and (max-height: 414px) {
.header-menu-section-navmenu {
display: none;
}
} .popup-message-box {
}
.popup-message-box p {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
color: #ffffff;
}