.navbar-nav.position-relative {
    position:static!important;

    .megamenu {
        left: 0;
    }
}

#newsletter {

    text-align: center;
    padding: 0 15px;
    img.brochure {
        display: block;
        margin-inline:auto;
        position: relative;
        
    }

    .newsletter-form {
        justify-content: center;
    }
    .brochure {
        transform: rotate(-10deg) translateY(-0%);
        position: relative!important;
        margin-top:40px;
        margin-bottom: 20px;
    }

    .row {
        flex-direction: column;
        align-content: center;
        justify-content: center;
        display: flex;
    }

    .order-copy {
        align-items: initial;
        align-items: center !important;
     }

    
     
     @media(max-width:768px) {
        form {
            display: flex;
            flex-direction: column;
            row-gap: 10px;

            input {
                text-align: center;
                width: 100%!important;
            }
        }
     }

    @media(min-width:767px) {
        .order-copy {
            align-items: flex-start;
            justify-content: center
        }
       
        .row {
            flex-direction: row;
        }
    }
 
    @media(min-width:767px) and (max-width: 991px) {
        .brochure {
            top:0;
            transform: rotate(-10deg) !important;
        }
    }
    @media(min-width:992px) and (max-width:1500px) {
        .brochure {
            transform: rotate(-10deg) translateY(-50%) translateX(-30%)!important;
        }
    }

    @media(min-width:992px) {
        text-align: left;
        .newsletter-form {
            justify-content: flex-start;
        }
        .brochure {
            margin-block:0px;
            position: absolute!important;
        }
    }

    @media(min-width:1500px) {
        .brochure {
            transform: rotate(-10deg) translateY(-50%);
        }
    }
}

.site-info {
    * {
        text-align: center!important;
    }
    @media(min-width:992px) {
        * {
            text-align: left!important;
        }
    }
}
.trustpilot-widget {
    margin: 0 auto;
    @media(min-width:992px) {
        * {
            margin:0;
        }
    }
}
.payments, .certs{
    display: inline-flex;
    column-gap: 10px;
    
    img {
        object-fit: contain;
        max-width: none;
        margin: 0 auto;
        display: block;
    }
}

.certs {
    display: flex;
    column-gap: 20px;
    justify-content: center;
    padding-top:60px;
    img {
        height: 70px;
    }
}

.navbar-brand  {
    img {
        display: block;
         margin: 0 auto;
    }
}

#navbar {
    order:2;
}

.navbar-toggler {
    order:1;
}

.holiday-inspiration {
    margin: 0 15px;
    
    @media(min-width:992px) {
        margin: 0;
    }
}

#content-area {
    overflow: hidden;
}
/* @media (min-width: 0px) {
  #content-area {
    & .container-fluid {
      & .row {
        & .col {
          padding-right: 15px;
          padding-left: 15px;
        }
      }
    }
  }
} */

#main,#advanced {
 
    @media(max-width:767px) {
           flex-direction: column;
        .search-param  {
            padding: 0 15px;
            width: 100%;
         
            align-items: flex-start!important;
     
        }
    }

}
#options {
    padding-right: 15px;

    @media(min-width:992px) {
        padding-right: 0px;
    }
}

#nav-area {
    flex-direction: column;
}


.topnav  {
    text-align: center;
    padding-block: 6px;
    margin-bottom: 10px;
    /* flex-direction: column; */
    * {
        display: inline-block;
    }
    @media(min-width:768px) {
        flex-direction: row;
    }
}


#nav-area {
  & .nav-logo {
    top:0!important;
    @media(min-width:992px) {
        top:-27px!important;
    }
    @media(min-width:992px) {
        /* top:-0px!important; */
    }
  }

}

.navbar{
        .nav-item:last-child {
            & a.nav-link{
                padding-right: 0px!important;
            }
        }
       
}

#nav-area.scrolled  {
    & .nav-logo {
        @media(min-width:992px) {
            top:-0px!important;
        }
    }
    
}

.home-slider {
    /* min-height: 550px; */
}

.position-fixed {
    position:sticky!important;

    /* @media(min) */
}

.page-slider{
    margin-top: 0!important;
    padding: 0 15px;
}



#nav-area {
    #navbar-main {
        .container-fluid {
            align-items: flex-end;
        }
    }
    &.scrolled {
        top:-57px!important;
    }
    & .navbar-nav > li > .dropdown-menu {
        top: 100% !important;
        border-top:8px solid transparent;
        left:12px;
    }
    @media(max-width:992px) {
        & .navbar-nav > li > .dropdown-menu {
            border-top:0px solid transparent;
        }
        & #navbar-main {
            & .nav-item {
                & a.nav-link {
                    text-transform: uppercase;
                    padding: .5rem 0rem;
                    font-weight: 600;
                }
            }
        }
    }
}


html {
    @media (min-width: 992px) {
        .hover {
           
        }   
    }
}



#menu-primary {
    overflow-y: scroll;
    max-height: 68vh;
    scrollbar-width: thin;

    @media(min-width:767px) {
        overflow: initial;
        max-height: none;
    }
}

.megamenu {
	/* width: 1320px !important; */
	right: -12px;
	border-radius: 0 0 10px 10px;
	box-shadow: rgba(57, 57, 57, 0.4) 10px 20px 40px 20px;
	min-height: 200px;
	padding: 24px 24px;
	top: 63px !important;
    max-width: 100%!important;
	
	.megamenu-a {
		color: white !important;
	}
	
	li {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		
		.megamenu-flex {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.megamenu-title {
			text-transform: uppercase;
			margin: 0;
		}
		
		.megamenu-a {
			color: var(--primary-contrast) !important;
			text-transform: uppercase;
			&:hover {
				color: var(--secondary-colour) !important;
			}
		}
		
		.megamenu-i {
			padding-left: 5px;
			transition: transform 0.5s;
		}
		
		.megamenu-hr {
			height: 2px !important;
			width: 100%;
		}
		
		.col-1 {
            flex: 0 1 100%;
			ul {
				width: 100%;
				margin: 0;
				padding: 0;
				list-style-type: none;
				columns: 1;
				min-height: 190px;/*keep to min as in some instances forces another column*/

				li.col-item {
					text-transform: uppercase;
					font-size: 16px;
					line-height: 32px;
					
					a {
                        width: 100%;
						color: var(--primary-colour) !important;
						display: flex;
						min-width: 110px;
						justify-content: space-between;
						align-items: center;
					}
					
					a:hover {
						color: var(--secondary-colour) !important;
						
						i {
							transform: translate(20px);
						}
					}
				}
			}
		}
		
		.col-2 {
			
			width: 100%;
			img {
				max-width: 100%;
			}
			
			p {
				margin-top: 5px;
				text-align: center;
				font-size: 14px;
			}
		}


	}

    @media(min-width:768px) {
        li {
            .col-1 {
                ul {
                    columns: 2;
                    li.col-item {
                        a {
                            width: auto;
                        }
                    }
                }
            }
            .col-2{
                flex: 0 1 calc(50% - 10px);
            }
        }
    }
    @media(min-width:992px) {
        li {
            .col-1 {
                flex: 0 1 calc(66% - 10px);
                ul {
                    columns: 3;
                }
            }
             .col-2{
                flex: 0 1 calc(34% - 10px);
            }
        }
    }
}

.navbar-toggler {
    box-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff!important;
}
.navbar-toggler-icon{
    box-shadow: #fff var(--bs-navbar-toggler-focus-width);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.scrolled .navbar-toggler-icon{
    box-shadow: #fff var(--bs-navbar-toggler-focus-width);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2813, 71, 138, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.sticky {
   
    >* {
 position:sticky;
    top:0;
    }
}

.holiday-tabs  {
    flex-wrap: wrap;
}

#content-area {
    & #checkout, & #holiday, & #overview, & #highlights, & #itinerary, & #accommodation, & #location, & #reviews, & #dates--price {
        & .highlight-fields {
            columns: 1;
        }
    }
    @media(min-width:992px) {
        & #checkout, & #holiday, & #overview, & #highlights, & #itinerary, & #accommodation, & #location, & #reviews, & #dates--price {
            & .highlight-fields {
                columns: 2;
            }
        }
    }
}

#content-area {
  & .blog-inspiration {
   
    row-gap: 0px;

    @media(max-width:992px) {
       grid-template-columns: repeat(1, 1fr);
    }
    @media(max-width:767px) {
           grid-template-columns: repeat(1, 1fr);
    }

  }
}

.navbar-toggler{
    margin-bottom: 6px;
}


html body  {
    #content-area {
        >.container-fluid {
            padding-inline: 0!important;
            >.row {
                >.col {
                    padding-inline: 0;
                    .col:not(.holiday-card-search) {
                        padding-right: calc(var(--bs-gutter-x) * .5)!important;
                        padding-left: calc(var(--bs-gutter-x) * .5)!important;
                    }
                }
            }
        }
    }
}

html #search-heading{
    margin-left: 0!important;
}

.hide-mobile {
    display:none;
    @media(min-width:992px) {
        display: block;
    }
}
.holiday-grid {
    align-content: flex-start;
}

.holiday-card, .brochure-card, .trustpilot-review, .holiday-card-search, .hotel-card {
  &:hover {
    box-shadow: 0 4px 8px rgba(2, 2, 2, 0.1);
    transform: scale(1)!important;
  }

  @media(min-width:992px) {
      &:hover {
        transform: scale(1.05)!important;
      }
  }
}



.s9-slider {
    /* padding-inline:30px!important; */
    /* margin-inline:-15px; */

    .card-link {
        text-align: center;
        padding-inline:15px!important;
    }
}


html #s9-slider-trustpilot_review-1 {
    margin-bottom: 0!important;
}


.holiday-card, .brochure-card, .trustpilot-review, .holiday-card-search, .hotel-card, .form-card {
    & .card-body {
        & .card-text {
            min-height: 0;
        }
    }
    @media(min-width:768px) {
        & .card-body {
            & .card-text {
                min-height: 90px;
            }
        }
    }
}

.holiday-card, .brochure-card, .trustpilot-review, .holiday-card-search, .hotel-card {
    margin:0!important;
}
.s9-slider-track {
	.gallery-item {
		margin: 20px!important;
	}
}


.card-margin .card{
    margin: 10px!important;
}

#content-area {
    & .search-form.vertical {
        & #main {
            margin-top: 0!important;
        }
    }
}

#default-form {
  max-width: 100%;
}