/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.0.1
	Stable tag: 3.0.1
	Requires at least: 6.0
	Tested up to: 6.4
	Requires PHP: 7.3
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
* Document basic styling
* Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: border-box; /* 3 */
}

/* Sections
 */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* header */
@media (min-width: 1025px) {
.header_col > .elementor-element-populated .elementor-element {
    width: auto;
}
.header_col > .elementor-element-populated {
    justify-content: space-between;
    align-items: center;
    gap: 45px;
}
.header_col > .elementor-element-populated .header_menu {
    width: calc(50% - 155px);
}
.header_col .header_menu .hfe-nav-menu {
    justify-content: space-between;
    width: 100%;
}
li.lg_hide {
    display: none !important;
}
}
@media screen and (min-device-width: 1025px) and (max-device-width: 1220px) {
    .header_col > .elementor-element-populated {
    gap: 10px;
}
.header-logo {
    width: 12% !important;
}
.header_col > .elementor-element-populated .header_menu {
    width: calc(50% - 7%);
}
.header_col .header_menu .hfe-nav-menu li a {
    font-size: 14px !important;
}
}
@media (min-width:768px) and (max-width: 1024px) {
    .elementor-element.header-logo {
    width: 50%;
}
.header_menu.ryt_menu {
    width: 50%;
}
.header_col > .elementor-element-populated {
    align-items: center;
}
}
@media(max-width:767px){
    .elementor-element.header-logo {
        width: 100%;
        padding: 0 20%;
    }
    .header_menu.ryt_menu {
        width: 30%;
        position: absolute;
        right: 0;
    }
    .header_col{
    	width:100%;
    }
    .header_menu.ryt_menu .hfe-nav-menu-icon {
        padding-left: 0;
        padding-right: 0;
    }
}
/* footer */
.cpy_ryt-col > .elementor-element-populated {
    justify-content: space-between;
    gap: 10px;
}
.cpy_ryt-col > .elementor-element-populated .elementor-element {
    width: auto;
}
.cpy_ryt-col > .elementor-element-populated a {
    color: #ffffff;
}
.cpy_ryt-col > .elementor-element-populated a:hover {
    color: #cccccc;
}
.ftr_logowrap .elementor-image-gallery .gallery ,.ftr_logowrap1 .elementor-image-gallery .gallery  {
    margin: 0 0 !important;
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}
.ftr_logowrap1 .elementor-image-gallery .gallery .gallery-item{
	  max-width: fit-content;
    display: flex;
    align-items: center;
	justify-content:center;
}
.ftr_logowrap .elementor-image-gallery .gallery .gallery-item {
    max-width: fit-content;
    display: flex;
    align-items: center;
	
}
@media (max-width: 1024px) {
    .ftr_logowrap .elementor-image-gallery .gallery ,.ftr_logowrap1 .elementor-image-gallery .gallery {
        gap: 20px;
    }
}

/*======== home page ========*/
.hidden_sec {
    height: 0px;
    visibility: hidden;
    overflow: hidden;
}
.video_banner .elementor-widget-video .elementor-wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(34 34 34 / 30%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(https://gordonsrestaurant.dev.dlrmedia.co.uk/wp-content/uploads/2024/02/Gordons-Restaurant-Icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px;
}
.video_banner .elementor-widget-video .elementor-wrapper {
    position: relative;
}
/* img slider */
.img_slider-img {
    position: relative;
}
.img_slider-img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out;
}
.img_slider-col > .elementor-element-populated {
    position: relative;
}
.img__title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.hm-img_slider .slick-track {
    display: flex;
    gap: 25px;
}
.img_slider-col:hover .img_slider-img:before {
    background: rgba(0, 0, 0, 0.10);
    transition: all .3s ease-in-out;
}
.img_slider-img {
    overflow: hidden;
}
.img_slider-col .img_slider-img img {
    transition: transform .4s ease-in-out;
}
.img_slider-col:hover .img_slider-img img {
    transform: scale(1.12);
    transition: transform .4s ease-in-out;
}
.img_slider-img img {
    height: 420px;
}
/* tabing */
.hm__tabbing .elementor-tabs .elementor-tab-title {
    padding: 0;
    width: fit-content;
    position: relative;
}
.hm__tabbing .elementor-tabs .elementor-tab-content {
    padding: 0;
}
.hm__tabbing .elementor-tabs .elementor-tab-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hm__tabbing .elementor-tabs .elementor-tab-title {
    transition: all .3s ease-in-out;
}
.hm__tabbing .elementor-tabs .elementor-tab-title.elementor-active {
    padding-right: 52px;
    font-size: 40px;
    transition: all .3s ease-in-out;
}
.hm__tabbing .elementor-tabs .elementor-tab-title:not(:last-child) {
    margin-bottom: 60px;
}
.hm__tabbing .elementor-tabs .elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
}
.hm__tabbing .elementor-tabs .elementor-tab-title:after {
    content: "";
    width: 31px !important;
    height: 24px !important;
    background: url(https://gordonsrestaurant.dev.dlrmedia.co.uk/wp-content/uploads/2024/02/Arrow_List.svg);
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
}
.hm__tabbing .elementor-tabs .elementor-tab-title.elementor-active:after {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}
.tab-container {
    background-size: 31% calc(100% - 200px) !important;
}
.hm__tabbing .elementor-tabs .elementor-tab-content.elementor-active {
animation: fadeIn ease 1.52s;
}
@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
/* gallery slider */
.gallery-slider-col .slick-track {
    display: flex;
    gap: 40px;
}
.gallery-slider-col figure.gallery-item:nth-child(2n) {
    margin-top: 10.5vw !important;
}
/* testimonial slider */
.review_slider .slick-list {
    margin-left: 65px;
    margin-right: 65px;
    width: calc(100% - 130px);
}
.review_slide .elementor-widget-testimonial {
    max-width: 800px;
    margin: 0 auto;
}
.review_slider .slick-slider {
    flex-direction: column;
}
.review_slider button {
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 0px;
    width: 50px;
    height: 50px;
    font-size: 0px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat !important;
    background-size: 30px;
    background-position: center;
    transition: all .3s ease-in-out;
    outline: none !important;
	background-color: transparent;
}
.review_slider button.slick-next {
    left: auto;
    right: 0;
    background-image: url(https://gordonsrestaurant.dev.dlrmedia.co.uk/wp-content/uploads/2024/02/Right-Arrow.svg);
}
.review_slider button.slick-prev {
    background-image: url(https://gordonsrestaurant.dev.dlrmedia.co.uk/wp-content/uploads/2024/02/Left-Arrow.svg);
}
.review_slider button:hover, .review_slider button:focus {
    background-color: var( --e-global-color-9a6dddc );
    border-color: var( --e-global-color-9a6dddc );
}
@media (min-width: 1100px) {
.img_slider-img img {
    height: 580px;
    object-fit: cover;
}
.hm-img_slider .slick-track {
    gap: 40px;
}
}
@media (max-width: 1024px) {
    .hm__tabbing .elementor-tabs .elementor-tab-title.elementor-active {
    padding-right: 50px;
}
.hm__tabbing .elementor-tabs .elementor-tab-title:not(:last-child) {
    margin-bottom: 30px;
    font-size: 30px;
}
.hm__tabbing .elementor-tabs .elementor-tab-title:after {
    width: 28px !important;
}
.hm__tabbing .elementor-tabs .elementor-tabs-wrapper {
    margin-right: 20px;
}
.tab-container {
    background-size: 31% calc(100% - 40px) !important;
}
.gallery-slider-col figure.gallery-item:nth-child(2n) {
    margin-top: 40px !important;
}
.gallery-slider-col .slick-track {
    gap: 28px;
}
.hm__tabbing .elementor-tabs .elementor-tabs-wrapper {
    width: 46% !important;
}
/*.review_slider .slick-list {
    width: 100%;
}*/
.review_slider .review_slide {
    width: auto !important;
}
.review_slider .review_slide {
    width: 50% !important;
}
}
@media (max-width: 767px) {
    .video_banner .elementor-widget-video .elementor-wrapper:before {
    background-size: 50px;
}
.order1 {
    order: 1;
}
.gallery-slider-col figure.gallery-item:nth-child(2n) {
    margin-top: 25px !important;
}
.gallery-slider-col .slick-track {
    gap: 20px;
}
.hm__tabbing .elementor-tabs .elementor-tabs-wrapper {
    width: 100% !important;
    margin: 0;
    flex-direction: column;
}
.hm__tabbing .elementor-tab-mobile-title {
    display: none;
}
.hm__tabbing .elementor-tabs-content-wrapper {
    margin-top: 20px;
}
.tab-container {
    background-size: 50% calc(100% - 90px) !important;
}
.hm__tabbing .elementor-tabs .elementor-tab-title:not(:last-child) {
    font-size: 26px;
}
.img_slider-img img {
    height: 290px;
}
.review_slider button {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: -80px;
    left: calc(50% - 45px);
}
.review_slider button.slick-next {
    right: calc(50% - 45px);
}
.review_slider .review_slide {
    padding: 0px;
}
/*.review_slider .slick-list {
    margin-left: 0px;
    margin-right: 0px;
    width: calc100%;
}*/
	.review_slider .slick-list {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}
}
p{
	margin-bottom:0;
}
/*homepage gallery*/
 .gallery-item{
      transition: 0.3s ease;
 }
    .gallery-icon{
        overflow: hidden;
         
    }
    .gallery-item .gallery-icon img{
        transition: 0.3s ease;
    }
    .wedding-gallery-slider .gallery-item:hover .gallery-icon img ,.gallery-slider .gallery-item:hover .gallery-icon img{
       transform: scale(1.1);
       transition: 0.3s ease;
    }

.social-icons .elementor-grid-item:last-child .elementor-icon svg g path{
	fill:#FFE299;
}
.social-icons .elementor-grid-item .elementor-icon:hover svg g path{
	fill:#CCCCCC;
}
.cky-notice-btn-wrapper .cky-btn {
    max-width: max-content;
    width: auto;
    padding: 11px 11px;
    margin-bottom: 7px;
}
.cky-consent-container {
    max-width: 455px !important;
    width: 100% !important;
}
.cky-notice-btn-wrapper {
    margin-bottom: -7px;
}
.cky-accordion-btn:hover{
	background-color:transparent !important;
}
@media(min-width:1025px){
	.header-nav{
		min-height:100px;
	}
}
@media(min-width:1200px){
	.header-nav{
		min-height:165px;
	}
}

.review_slider .slick-track{
	display:flex;
}
.social-icons .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon svg path{
	    fill: var(--e-global-color-9a6dddc);
}
.social-icons .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon:hover svg path{
	  fill: var(--e-global-color-224cddf);
}