/* Tour Menu */
.heading-menu.container .region-header-menu {
    display: grid;
    grid-template: 
    "mn1 mn2 mn3"
    / 50% 30% 20%;
}
nav#block-tourmenu {
    grid-area: mn1; 
}
nav#block-bookingmenu {
    grid-area: mn2;
    justify-self: end;
}
div#block-orcall {
    grid-area: mn3;
    justify-self: end;
}

/* Tours Page */
.tour-pricing-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3rem;
  }
#tours-page {
    padding: 3rem 0;
}
section#strapline {
    text-align: center;
}

#strapline span.field--name-title {
    font-family: var(--rt-font-league-gothic);
    color: var(--rt-red);
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.1rem;
}
.tour-strapline {
    font-family: var(--rt-font-league-gothic);
    text-transform: uppercase;
    color: var(--rt-mid-blue);
    font-size: 4rem;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    line-height: 3.7rem;
    padding-top: 0.5rem;
}

.www-wrap {
    display: grid;
    grid-template: 
    "w1 w2 w3"
    / 33% 33% 33%;
    /* grid-column-gap: 5rem;
    grid-row-gap: 2rem; */
    padding-bottom: 5rem;
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    color: var(--rt-mid-blue);
}
.when-hd,
.where-hd,
.who-hd {
    font-family: var(--rt-font-league-gothic);
    font-size: 4rem;
    text-transform: uppercase;
    color: var(--rt-red);
    text-align: center;
    position: relative;
    border-bottom: 1px solid var(--rt-grey-bcg);
    margin-bottom: 2.2rem;
}
.when-wrap {
    grid-area: w1;
    padding: 0 1rem;
}
.when-wrap .field--name-field-when-title,
.where-wrap .field--name-field-where-title {
    font-weight: bold;
    color: var(--rt-mid-blue);
    padding-bottom: 1.2rem;
}
.when-wrap .field--name-field-when-dates {
    font-weight: bold;
}
.paragraph.paragraph--type--when.paragraph--view-mode--default,
.field--name-field-where-text {
    font-size: 0.9rem;
    padding-bottom: 0.3rem;
}
.where-wrap {
    grid-area: w2;
    padding: 0 1rem;
}
.who-wrap {
    grid-area: w3;
    padding: 0 1rem;
}
.who-wrap .field--label-inline .field__label::after {
    content: none;
}
.field--name-field-boys,
.field--name-field-girls {
    color: var(--rt-mid-blue);
    text-transform: uppercase;
    line-height: 2.4rem;
    display: flex;
    justify-content: center;
}

/* Tour Information Section */
.field--name-field-tour-logo .field__item img {
    margin: auto;
    padding: 1rem 0;
    max-width: 100px;
}


#tour-information {
    background-image: url(../img/tour-info-curve-bcg.svg), url(../img/tour-info-curve-bcg.svg);
    /* padding-bottom: 7%; */
    padding-bottom: 20px;
    background-repeat: no-repeat, no-repeat;
    background-position: top center, bottom center;
    margin-bottom: 5%;
    margin-top: -10%;
}
#tour-information .container.wrapper {
    padding-top: 18%;
}


/* Tour Information Section Even Odd Images and text */
#tour-information .odd .paragraph--type--tour-information img {
}
.field__item.odd .paragraph--type--tour-information {
    padding: 5rem;
    display: grid;
    grid-template:
     'first-tour ...'
     'first-tour second-tour'
     'first-tour third-tour'
     'first-tour ...';
}
.field__item.even .paragraph--type--tour-information {
    padding: 5rem;
    display: grid;
    grid-template:
     '... first-tour'
     'second-tour first-tour'
     'third-tour first-tour'
     '... first-tour';
}
.field--name-field-tour-information-title {
    grid-area: second-tour;
    font-family: var(--rt-font-lexend);
    color: var(--rt-title-blue);
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 1rem;
}
@media (max-width: 1024px) {
    .field__item.odd .paragraph--type--tour-information {
        padding: 1rem;
        display: grid;
        grid-template:
         'first-tour first-tour'
         'second-tour second-tour'
         'third-tour third-tour';
    }
    .field__item.even .paragraph--type--tour-information {
        /* padding: 1rem; */
        display: grid;
        grid-template:
        'first-tour first-tour'
        'second-tour second-tour'
        'third-tour third-tour';
    }
    .field--name-field-tour-information-title {
        grid-area: second-tour;
        font-family: var(--rt-font-lexend);
        color: var(--rt-title-blue);
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 1rem;
    }
}

#tour-information .odd .paragraph--type--tour-information img {
    max-width: 650px;
    padding-right: 3rem;
    grid-area: first-tour;
}
#tour-information .even .paragraph--type--tour-information img {
    max-width: 650px;
    grid-area: first-tour;
}

#tour-information .field--name-field-media-image {
    width: 60%;
}
#tour-information .field--name-field-tour-info-text {
    width: 90%;
    color: var(--rt-mid-blue);
    grid-area: third-tour;
    
}
#tour-information .field--name-field-tour-info-text p,
#tour-information .field--name-field-tour-info-text li {
    font-size: 16px;
}
.paragraph--type--tour-information .field--name-field-tour-info-text h4 {
    text-transform: uppercase;
}
#tour-information .even .paragraph--type--tour-information {
    flex-direction: row-reverse !important;
}

/* Tour Highlights */

p.t-highlights-note {
    font-size: 0.8rem;
    padding: 2rem 1rem;
    color: var(--rt-grey-one);
}

h2.tour-highlights,
h2.tour-accommodation {
    font-family: var(--rt-font-league-gothic);
    text-transform: uppercase;
    color: var(--rt-mid-blue);
    font-size: 4rem;
    position: relative;
    margin-bottom: 1em;
    text-align: center;
}
h2.tour-highlights::after,
h2.tour-accommodation::after {
    content: '';
    position: absolute;
    width: 2.4vw;
    height: 0.5rem;
    background: var(--rt-red);
    bottom: -10%;
    left: 49%;
}

p.t-highlights,
p.t-accommodation {
    font-family:var(--rt-font-trapstyle);
    color: var(--rt-red);
    font-size: 4rem;
    margin-top: -0.5rem;
}

.tour-pricing-wrap .field--name-field-tour-filter-ages {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    color: var(--rt-mid-blue);
    font-size: 4rem;
    line-height: 4rem;
}
.owl-carousel .owl-stage-outer .owl-stage {
  margin: 0 auto;
}

#block-orcall h2 {
    font-family: var(--rt-font-league-gothic);
    text-transform: uppercase;
    color: var(--rt-red);
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    padding-top: 1rem;
}
#tour-pricing {
    background-color: var(--rt-grey-bcg);
    padding: 5% 0 10%;
}



/* Tour Page Pricing Section */
#tour-pricing  {
    font-family: var(--rt-font-league-gothic);
    text-transform: uppercase;
}

#tour-pricing h2.tour-pricing{
    color: var(--rt-red);
    font-size: 1rem;
    letter-spacing: 0.1rem;
}
#tour-pricing p.t-pricing {
    font-family: var(--rt-font-league-gothic);
    color: var(--rt-mid-blue);
    font-size: 4rem;
}
#tour-pricing span.t-pricing-text {
    font-size: 1rem;
    font-family: var(--rt-font-lexend);
    text-transform: none;
    display: inline-block;
}
.field--name-field-pricing-tour .field__label,
.field__label-groups {
    color: var(--rt-red);
    font-family: var(--rt-font-league-gothic);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 1.2rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: 7rem;
}
.field__label-groups {
    padding-bottom: 2rem;
}
.field--name-field-pricing-tour .field__label::after,
.field__label-groups::after {
    content: '';
    flex: auto;
    margin-left: 1rem;
    border-top: 1px solid var(--rt-red);
}
.field--name-field-pricing-tour .field__item {
    color: var(--rt-mid-blue);
    font-size: 5rem;
    margin-top: -6px;
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: 1.5rem;
}
.field--name-field-pricing-tour .field__item::before {
    content: "£";
    position: absolute;
    font-size: 2.5rem;
    padding-right: 1rem;
    top: 1rem;
    left: 0;
}
.field--name-field-pricing-tour .field__item::after {
    content: "PER PERSON";
    font-size: 1rem;
    padding-left: 0.5rem;
    position: absolute;
    z-index: 1;
    bottom: 1px;
    left: 1rem;
}
.tp-all-pricing a {
    color: var(--rt-red);
}
.tp-group .field--name-field-boys .field__label::after,
.tp-group .field--name-field-girls .field__label::after {
    content: none;
}
.tp-group .field--name-field-boys .field__label,
.tp-group .field--name-field-girls .field__label {
    font-family: var(--rt-font-league-gothic);
    font-size: 5rem;
    text-transform: uppercase;
    -webkit-text-stroke: 0.05vw var(--rt-mid-blue);
    color: transparent;
    text-align: center;
    width: fit-content;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.tp-group .field--name-field-boys .field__item,
.tp-group .field--name-field-girls .field__item {
    font-family: var(--rt-font-league-gothic);
    font-size: 5rem;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--rt-mid-blue);
}
.tp-group .field--name-field-boys .field__label {
    padding-right: 3.2rem;
}


/* Tour Highlights */

.field.field--name-field-highlights-image.field--type-entity-reference.field--label-hidden.field__item {
    width: 315px;
    height: 375px;
}
.paragraph--type--tour-highlights {
    max-width: 315px;
}

.field--name-field-tour-highlights {
    padding: 1em;
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(auto-fit, minmax(315px, 1fr));
}
.field--name-field-highlights-image img {
    width: 315px;
    height: 375px;
}
.field--name-field-highlights-title {
    font-family: var(--rt-font-league-gothic);
    font-weight: 500;
    color: var(--rt-mid-blue);
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 1rem 0 0.5rem;
    letter-spacing: 0.04rem;
}



/* Block Let's Get Started */

#block-letsgetstarted {
    background-image: url(../img/lets-started-curve-bcg.svg);
    color: var(--bs-white);
    background-repeat: no-repeat;
    margin-top: -10%;
    text-transform: uppercase;
    background-color: var(--rt-grey-bcg);
}
.lets-inner {
    padding-top: 15%;
    padding-bottom: 5%;
}

.field--name-field-1st-text {
    color: var(--rt-red);
    font-family: var(--rt-font-league-gothic);
    font-size: 1rem;
    letter-spacing: 0.1rem;
    
}

.field--name-field-2nd-text {
    color: var(--rt-red);
    font-family: var(--rt-font-trapstyle);
    font-size: 4rem;
    margin-top: -0.5%;
    
}
.field--name-field-3rd-text {
    color: var(--bs-white);
    font-family: var(--rt-font-league-gothic);
    font-size: 4rem;
    margin-top: -2.5%;
    
}

.field--name-field-1st-link a{
    color: var(--bs-white);
    font-family: var(--rt-font-league-gothic);
    font-size: 5rem;
    
}

.field--name-field-2nd-link a{
    font-family: var(--rt-font-league-gothic);
    font-size: 5rem;
    text-transform: uppercase;
    -webkit-text-stroke: 0.05vw var(--bs-white);
    color: transparent;
    text-align: center;
    width: fit-content;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    
}

.field--name-field-last-text {
    color: var(--rt-red);
    font-family: var(--rt-font-league-gothic);
    font-size: 2rem;
    letter-spacing: 0.1rem;
    
}

/* Tour Filter */
.tour__filter-wrapper {
    display: grid;
    grid-template: "uk-eu drop-filter" / 80% 20%;
    border-bottom: 1px solid var(--rt-grey-bcg);
    margin-bottom: 2rem;
}
.tour-reg {
    font-family: var(--rt-font-league-gothic);
    font-size: 1.5rem;
    text-transform: uppercase;
    display: block;
    width: 15rem;
    grid-area: uk-eu;
}
.tour-reg a {
    text-decoration: none;
    color: var(--rt-mid-blue);
    width: 3rem;
    display: inline-block;
    text-align: center;
    /* border-bottom: 3px solid transparent; */
}
.tour-reg a:hover {
    color: var(--rt-red);
    box-shadow: 0 3px var(--rt-red);
}
.tour-drop {
    grid-area: drop-filter;
}
.tour-drop .form-item, .tour-drop .form-actions {
    margin-top: 0;
    margin-bottom: 0;
}
.tour-drop label {
    display: none;
}

.tour__filter-wrapper label {
    visibility: hidden;
}
.tour__filter-wrapper select[value=All] {
    color: var(--rt-mid-blue);
}
.tour-search-list .views-view-grid .row > * {
    padding-bottom: 3rem;
}

.tour-search-list .form-select {
    border: none!important;
    border-radius: 0;
    width: 55%;
    margin-right: 10%;
    margin-left: auto;
}
.tour-search-list .form-select:hover {
    cursor: pointer;
}

.tour-search-list .form-select:focus {
    border-color: none!important;
    outline: 0;
    box-shadow: none!important;
}

.image-style-tour-filter-image-300 {
    width: 300px;
    height: auto;
    border-radius: 20px;
}
#edit-field-boys-target-id .form-select.form-control {
    font-family: var(--rt-font-league-gothic);
    font-size: 2rem;
    letter-spacing: 0.1rem;
}

#views-exposed-form-tour-page-page-1 .form--inline.d-flex,
#views-exposed-form-tour-page-page-2 .form--inline.d-flex,
#views-exposed-form-tour-page-page-3 .form--inline.d-flex,
#views-exposed-form-tour-page-page-4 .form--inline.d-flex,
#views-exposed-form-tour-page-page-5 .form--inline.d-flex {
    align-items: center;
    position: relative;
}
#views-exposed-form-tour-page-page-1 .form--inline.d-flex::after,
#views-exposed-form-tour-page-page-2 .form--inline.d-flex::after,
#views-exposed-form-tour-page-page-3 .form--inline.d-flex::after,
#views-exposed-form-tour-page-page-4 .form--inline.d-flex::after,
#views-exposed-form-tour-page-page-5 .form--inline.d-flex::after {
    box-shadow: inset 0 -2px 0 0 var(--rt-red);
    
}
hr.hrmr {
    height: 2px;
    background-color: red;
    margin: 5px 0;
    width: 100%;
    padding-top: -5rem;
    margin-top: 0rem;
}

.tour-reg span {
    padding: 0 1.5rem;
}

 /*pankaj css style 3-2-2023*/
 /* over write line 179 */
 @media (max-width: 1024px) {
    .field__item.even .paragraph--type--tour-information {
        padding: 1rem 0;
    }
}
#tour-information {
    background-size: 100%, cover;
    background-position: top  center;
}

/* for mobile 576 screen  */
@media (max-width: 575.98px) {
    .field__item.even .paragraph--type--tour-information {
        padding: 1rem;
    }
    .field__item.odd .paragraph--type--tour-information {
        display: block;
    }
    .field__item.even .paragraph--type--tour-information {
        display: block;
    }
}

/* overwrite banner image width */
.tour-header-img img {
	width: 100%;
}
  /*pankaj css style*/