/*width: clamp(190px,190px + 8vw, 350px);*/
:root {
    --brown-fadeout: #9f918a;
    --light-brown: #ffe7c2;
    --mid-brown: #ff9900;
    --dark-brown: #402416;
    --light-gray: #f4f4f4;
    --dark-gray: #848484;
    --lime-green: #b3e745;
    --blue: #1594f0;
    --brown: #e0875a;
}

.bg-red {
    background-color: red;
}

.bg-mid-brown {
    background-color: var(--mid-brown);
}

.bg-lime {
    background-color: #aee43d;
}

.bg-primary {
    background-color: #007bff;
}

.footer {
    line-height: 60px;
}

.bg-trans-brown {
    background-color: rgba(224, 135, 90, .6);
}

.bg-trans-white {
    background-color: rgba(255, 255, 255, 1);
}

.white {
    color: white !important;
}

.dark-brown {
    color: var(--dark-brown);
}

.guid-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 1rem;
    row-gap: 1rem;
}

.sponsor-info {
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 3rem;
    border: solid #fff 0px;
    margin-top: auto;
    padding: 1.3rem;
}

.sponsors-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    column-gap: 1rem;
    row-gap: 1rem;
}

.reduce-container {
    max-width: 1615px !important;
}

.responsive {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.text-justfy {
    text-align: justify;
}

@media (max-width: 768px) {
    .sponsors-images {
        grid-template-columns: repeat(auto-fit, minmax(76px, 1fr));
    }
}
.img-with-cap img{
    width: 100%;
    max-height: 566px;
}
.img-with-cap {
    position: relative;
}
.img-with-cap p {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
}
body > div{
    flex: 1;
    display: grid;
}
.wait-confirm{
    display: none;
}
.funding img {
    object-fit: contain;
}
.apply-section .modal-body {
    display: grid;
    gap: 15px;
}
.water-mark span.font-weight-bold {
    display: block;
    max-width: 240px;
}
.apply-section p.small {
    font-size: 15px;
    font-weight: bold;
    color: red;
}
.page-funders .icon-name span.font-weight-bold {
    max-width: 215px;
    display: block;
    width: 100%;
}
.fc-event-time {
    display: none !important;
}
.fc-daygrid-day-events{
    position: relative;
}
.fc-button {
    background: transparent !important;
    border: 0 !important;
    color: var(--dark-brown) !important;
}
.fc-day{
    cursor: pointer;
}
.fc-toolbar-title {
    font-size: 18px !important;
    font-weight: 600;
    color: rgb(64, 36, 22);
}
.jstree-file {
    color: blue !important;
    font-style: italic;
}

.jstree-file .jstree-anchor {
    font-weight: bold;
}

#calendar {
    min-height: 400px;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: absolute;
    display: flex;
}
.fc-day{
    position: relative;
}
.fc .fc-toolbar {
    justify-content: center;
    gap: 10px;
}
.apply-section .modal-dialog ul {
    display: grid;
    gap: 15px;
}
.booking-controls{
    display: grid;
    row-gap: 15px;
}
.modal-toggler-link:hover {
    color: black !important;
}
.non-sponsored-only{
    display: none;
}


/*.fc-liquid-hack .fc-daygrid-day-frame {
    position: absolute;
}*/

.fc .fc-daygrid-day-top {
    position: absolute;
}
p .smaller{
    font-size: 14px;
}
.welcome-content .apply-section {
    margin-bottom: 1rem;
}
.apply-section.gray-school-section {
    background-color: #F1F1F1;
    margin-bottom: 1rem;
}
.modal-toggler-link {
    display: flex;
    font-weight: bold;
    color: var(--dark-brown) !important;
    cursor: pointer;
    align-items: center;
}
.apply-section .modal-dialog p {
    font-size: 18px
}
.apply-section .modal-header h5{
    color: var(--dark-brown);
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
.apply-section .modal-dialog {
    max-width: 1000px;
}
main {
    height: 100%;
}
.enquiry-submit {
    position: relative;
}
.button-loading::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: white;
    border-radius: 50%;
    animation: button-loading-spinner .5s ease infinite;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn)
    }

    to {
        transform: rotate(1turn)
    }
}

.enquiry-submit.button-loading {
    pointer-events: none;
}
.enquiry-submit.button-loading .button-text {
    visibility: hidden;
    opacity: 0;
}

.booking-entry a .button-text {
    color: white;
    transition: all 0.2s;
}

body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.apply-section ~p{
    margin-top: 1rem;
}
form .form-section {
    padding-bottom: 22px;
    border-bottom: 1px solid gray;
    margin-bottom: 5px
}
.label-dates > label {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    color: rgb(64, 36, 22);
}
.label-input ol li{
    color: var(--dark-brown);
}
.col-3-lg {
    max-width: 839px;
}
.application-form p {
    color: #402416;
}
.kahoot-container iframe {
    width: 100%;
    height: 900px;
}
#overview-commit-btn {
    background: #402416;
}
.apply-section .status-header {
    font-weight: bold;
    color: var(--dark-brown);
    text-transform: uppercase;
}
#list-upload + label{
    text-transform: uppercase;
    color: white;
    background: var(--dark-brown);
    padding: 15px 40px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 5px 15px 25px rgba(0, 0, 0, 0.35);
    border-radius: 12px;
    font-weight: bold;
    display: flex;
    gap: 12px;
    align-items: center;
    width: fit-content;
}
.add-input-row {
    display: flex;
    justify-content: center;
}
.back-submit > a.btn {
    color: #402416 !important;
    background-color: white;
    font-weight: bold;
}
.back-submit > * {
    flex: 1;
    border: solid #402416 2px !important;
}
.add-input-row a{
    cursor: pointer;
}
.back-submit {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.add-input-row a {
    color: #402416;
    font-weight: bold;
}
#e-learning-frame {
    width: 100%;
    height: 100%;
}
.label-input > div{
    margin-top: auto;
}
.arrange-s-v{
    max-height: 867px;
}
.parent-space-left.schools {
    background-color: white;
}
p.important,
span.important{
    font-weight: 600 !important;
}
span.underline a:hover{
    text-decoration: none;
}
span.underline a {
    color: gray;
}
span.underline {
    border-bottom: 2px solid #402416;
}
a.always-underline, a:hover.always-underline {
    text-decoration: underline;
}

input, textarea {
    background: #FFF !important;
    color: #B1AFAE !important;
}
.p-small{
    font-size: 16px;
}
.gray-school-section {
    background-color: #F1F1F1;
    padding: 22px 26px;
    margin-bottom: 1rem;
}
.tutu-press-content {
    max-width: 1200px;
    margin: 40px auto 56px auto;
}
.tutu-press-content .content{
    padding: 20px;
}
.content .other-media-links {
    margin-top: 44px;
}
.img-unveiled img{
    width: 100%;
    max-height: 780px;
}
.other-media-links {
    overflow: scroll;
    display: flex;
    gap: 10px;
}
.other-media-links .btn {
    white-space: nowrap;
}

ol.carousel-indicators > li:not(:last-child) {
    border-radius: 50%;
    margin: 0px 1rem;
    width: 15px;
    height: 15px;
    border: solid 2px var(--mid-brown);
}
.visitLmtfInfo > div, .booking-form-parent > div{
    max-width: 800px;
    margin: auto;
    padding: 3rem;
}

#survey-container {
    display: none;
}
.rating-title{
    max-width: 90%;
}

ol.carousel-indicators > li:last-child {
    width: 15px;
    height: 15px;
    border: solid 2px white;
    margin: 0px 1rem;
    background: url('/images/Popup/Orange Arrow.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    opacity: 1 !important;
}

.popup-top-image > img {
    width: clamp(100px,100px + 8vw, 250px) !important;
}
.school-visit-title h1{
    margin-bottom: .5rem;
}
.welcome-container{
    padding: 12px;
}
.schools .schools-img img {
    width: 100%;
    max-height: 400px;
    object-position: top;
}
.field-validation-error{
    color: red;
}
.schools {
    gap: 30px;
}
.school-visit-title .heading-name{
    display: flex;
    gap: 10px;
}
.schools-content {
    display: grid;
    gap: 30px;
}
.school-visit-lg {
    display: grid;
}
.school-visit-lg .page-funders {
    display: none;
}
.page-funders .icon-name {
    font-size: 14px;
    color: #878787;
    display: flex;
    gap: 7px;
}
.funding p {
    color: #878787;
    font-size: 11px;
    height: inherit !important;
    margin: 0;
    padding: 0 !important;
    align-content: initial !important;
}
.school-visit-sm {
    display: grid;
    border-left: 1px solid #402416;
    margin: 30px 12px;
    padding: 12px;
}
.funding .icon-name {
    max-height: 32px;
}
.apply-section .apply-header {
    font-size: 22px;
    color: #402416;
    font-weight: 600;
}
.apply-section {
    display: flex;
    padding: 34px 33px 41px 33px;
    flex-direction: column;
    gap: 10px;
    background: #FFFAF2;
    border-left: 1px solid #402416;
}
.page-funders {
    display: grid;
    gap: 40px;
    margin-top: auto;
}
.funding{
    display: grid;
    gap: 11px;
}
.apply-section .btn {
    margin-right: auto;
}
.apply-section p{
    margin-bottom: 0;
}
.apply-section form {
    display: grid;
    gap: 30px;
}
.apply-section label{
    font-size: 18px;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    padding-left: 30px;
    cursor: pointer;
}
.radio-group > input[type="checkbox"] {
    display: none;
}
.gray-school-section .label-info p{
    margin-bottom: 0;
}
.gray-school-section {
    display: grid;
    gap: 12px;
}
.gray-school-section .label-info{
    display: flex;
    flex-direction: column;
    row-gap: 6px
}
.radio-group > label::before,
.commitment::before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    border: 1px solid #402416;
    border-radius: 6px;
    left: 0;
    padding: 2px;
    background-color: transparent;
    top: 0;
}
.form-section .form-heading {
    display: grid;
    gap: 37px;
}
#overview-commit{
    display: none;
}
.form-section .form-heading > * {
    margin-bottom: 0;
}
.form-section {
    display: grid;
    gap: 37px;
}
.radio-group > input[type="checkbox"]:checked + label::before,
input[type="checkbox"]:checked + .commitment::before {
    background: #F90;
}
.check-group {
    position: relative;
}
.check-group.apply-section{
    padding: 0;
    background-color: transparent;
    border-left: 1px;
}
.check-group.apply-section label{
    color: #B1AFAE;
    font-size: 16px;
    margin-bottom: 0;
}
.actual-form .btn{
    border-radius: 12px;
}
.actual-form .form-header {
    text-align: center;
    color: #402416;
}
.label-input label {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #402416;
}
.actual-form form,
#school-details > div,
#visitors-details > div,
#additional-rows {
    display: grid;
    gap: 24px;
}
.flex-2-col{
    display: grid;
    gap: 24px;
}
textarea:focus, input:focus {
    outline: none;
    border: 2px solid #402416 !important;
}
textarea {
    resize: none;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
input[readonly=""]:focus {
    border: 1px solid #402416 !important;
}
input[readonly=""]{
    cursor: pointer;
}
.school-attach > * {
    grid-column: 1;
    grid-row: 1;
}
.school-attach span img {
    margin: auto 40px auto auto;
}
.school-attach span {
    display: flex;
    height: 100%;
    cursor: pointer;
}
.numbers{
    display: grid;
    gap: 16px;
}
.select-menu .options {
    position: absolute;
    width: 100%;
    z-index: 10;
    padding: 8px;
    margin-top: 6px;
    border: 0.5px solid #402416;
    background: #FFF;
    color: #B1AFAE;
    border-radius: 14px;
}
.gray-school-section .label-info p:first-child {
    color: #402416;
    white-space: nowrap;
}
.gray-school-section .label-info p:last-child {
    color: gray;
}
.select-menu img{
    transition: all .3s;
}
.previsit-content .welcome-content {
    display: grid;
    gap: 30px;
    margin-bottom: auto;
}
.member-details {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.member-details .details {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    width: 100%;
}
.previsit-content p {
    margin: 0;
}
.select-menu.active .select-btn img {
    transform: rotate(-180deg);
}
.pdf-download img {
    max-height: 35px;
}
.tile .email{
    border-bottom: 2px solid black;
}
.pdf-download .icon-name p {
    color: #402416;
}
.title-paragraph{
    display: grid;
    gap: 16px;
}
.info-tiles{
    display: grid;
    gap: 16px;
}
.info-tiles .tile > div{

}
.info-tiles .tile{
    background-color: white;
    padding: 20px 23px;
    display: grid;
    gap: 16px;
}
.title-paragraph p.title {
    font-weight: 600;
}
.pre-visit-categories {
    display: grid;
    gap: 30px;
    background: #FFFAF2;
    padding: 34px 33px 41px 33px;
}
.previsit-content .welcome-content .header-description{
    display: grid;
    gap: 30px;
}
.pre-visit-categories .category .heading {
    font-weight: 600;
    color: #402416;
}
.pre-visit-categories .category ul{
    padding-left: 30px;
}
.pre-visit-categories .category p{
    margin: 0;
}
.pre-visit-categories .category {
    padding: 34px 33px 41px 33px;
    border-left: 1px solid #402416;
    background: #FFFAF2;
    display: grid;
    gap: 30px;
}
input:read-only,
input:read-only:focus {
    border: .5px solid white !important;
}
.pdf-download .icon-name {
    display: flex;
    gap: 16px;
    align-items: center;
}
.pdf-download a {
    cursor: pointer;
    color: white;
    background: #C73828;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-self: center;
    padding: 7px 21px;
    border-radius: 39px;
}
.pdf-download {
    display: flex;
    background: #FFF1EF;
    padding: 14px 22px;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 16px;
}
.select-menu.active .options {
    display: block;
    opacity: 1;
}
.select-menu .options{
    display: none;
    opacity: 0;
    transition: all .2s;
}
.select-menu{
    position: relative;
}
.options li:hover {
    background-color: #f4f4f4;
}
.options li {
    cursor: pointer;
    display: grid;
    align-content: center;
    font-weight: 600;
    font-size: 18px;
    color: rgb(64, 36, 22);
    padding: 6px 24px;
    border-radius: 14px;
}
.school-attach {
    display: grid;
    align-items: center;
    position: relative;
}
.flex-2-col > div,
.flex-1-col {
    flex: 1;
}
.page-header{
    display: grid;
    gap: 40px;
    margin-bottom: 57px;
}
.label-input .select-btn {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.label-input input,
.label-input textarea,
.label-input select,
.label-input .select-btn{
    font-weight: 600;
    font-size: 18px;
    padding: 18px 40px;
    border-radius: 14px;
    border: 0.5px solid #402416;
    background: #FFF;
    color: #B1AFAE;
    width: 100%;
}
.label-input{
    display: grid;

}
.radio-inputs label{
    margin-bottom: 0px;
}
.label-input .radio-inputs > div {
    display: flex;
    gap: 8px;
}
.label-input .radio-inputs{
    display: flex;
    gap: 28px;
    margin-top: auto;
    margin-bottom: auto;
}
.back-nav {
    color: rgba(64, 36, 22, 0.53);
    font-size: 16px;
    font-weight: 600;
}
.actual-form {
    max-width: 1017px;
    padding: 12px;
    display: grid;
    margin: 45px auto 76px auto;
    margin: 45px auto 76px auto;
    margin: 45px auto 76px auto;
    margin: 45px auto 76px auto;
}
.gallery-description {
    display: grid;
    opacity: 0;
    background-color: rgba(64, 36, 22, .5);
}
.gallery-description p{
    margin: auto auto 0 auto;
}
.other-gallery-images-container > img{
    margin: auto auto 2rem auto;
}

.statue-quotes > p, .statue-about > p {
    text-align: center;
}

ol.carousel-indicators > li.active {
    background-color: var(--mid-brown);
    border: solid 2px var(--mid-brown);
}

ol.carousel-indicators > li:last-child.active {
    background-color: white !important;
    border: solid 2px white;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}

.popup-top-image > img {
    max-width: 270px;
    object-fit: cover;
    margin: auto;
}

.carousel-indicators{
    margin-left: 5%;
    margin-right: 5%;
}

img.small-popup-img {
    max-width: 60px;
}

img.medium-popup-img {
    max-width: 160px;
}
.back-nav:hover {
    color: rgba(64, 36, 22, 0.83);
    text-decoration: none;
}

img.large-popup-img {
    max-width: 260px;
}

.intro-popup {
    max-width: 560px;
    background-color: white;
    border-radius: 1rem;
    text-align: center;
    margin: auto;
    opacity: 1;
}

.popup-title > p {
    margin: auto;
    font-weight: bold;
    color: var(--dark-brown);
    margin-bottom: 3rem;
    margin-top: 2rem;
    font-size: clamp(14px, 14px + .6vw, 28px);
}

.popup-body {
    color: black;
    margin-bottom: 5rem;
    margin-left: 3rem;
    margin-right: 3rem;
}
.intro-popup hr{
    background-color: var(--dark-brown);
}
.close-btn{
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 1;
}
.close-popup{
    top: 10px;
    right: 10px;
}

.navigation-tabs {
    max-height: 72px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.timeline-scroller {
    width: 100%;
    max-height: 80px;
    z-index: 5;
    position: fixed;
    bottom: 0;
}

    .timeline-scroller > iframe {
        width: 100%;
        height: 100%;
    }

.content-section > .press-story > .story-content {
    padding: 1.5rem 1rem;
}

.content-section > .press-story:nth-child(odd) > .story-content {
    background-color: var(--light-brown);
}

.content-section > .press-story:nth-child(even) > .story-content {
    background-color: var(--light-gray);
}

.more-press-content {
    max-width: 900px;
    margin: auto;
}
.content-section > .press-story > .story-content {
    padding: 1.5rem 1rem;
}
.content-section > .press-story:nth-child(odd) > .story-content {
    background-color: var(--light-brown);
}
.content-section > .press-story:nth-child(even) > .story-content {
    background-color: var(--light-gray);
}
.more-press-content{
    max-width: 900px;
    margin: auto;
}
.center {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.ring {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    animation: ring 2s linear infinite;
}
.member-details .details input {
    padding-left: 5px;
    padding-right: 5px;
}

@keyframes ring {
    0% {
        transform: rotate(0deg);
        box-shadow: 1px 5px 2px #e65c00;
    }

    50% {
        transform: rotate(180deg);
        box-shadow: 1px 5px 2px #18b201;
    }

    100% {
        transform: rotate(360deg);
        box-shadow: 1px 5px 2px #0456c8;
    }
}

.placeholder-text {
    width: 100%;
    height: 1.5rem;
    margin-bottom: .25rem !important;
    border-radius: .25rem;
}

.placeholder-display-image {
    height: 300px !important;
    width: 100%;
}

.placeholder-big-heading {
    width: 80%;
    height: 4rem;
    margin-bottom: .8rem;
    border-radius: .5rem;
}

.placeholder-heading {
    width: 60%;
    height: 2.2rem;
    margin-bottom: .8rem;
    border-radius: .5rem;
}

.placeholder-gallery {
    width: 370px;
    height: 370px;
}

.statues-imgs.holder {
    border: dotted var(--light-gray) 5px;
}

.placeholder-artist-image {
    width: 350px;
    height: 350px;
}

.main-img-placeholder {
    height: 400px;
    width: 225px;
}

.placeholder-tile-images {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.placeholder-btn {
    padding: 10px 30px;
    border-radius: 25px;
    border: solid #fff 0px;
    margin-top: auto;
    width: 50%;
    height: 35px;
}

.content-holders .placeholder-text:last-child {
    margin-bottom: 0;
    width: 80%;
}

.dark-brown {
    color: var(--dark-brown);
}
.bg-dark-brown {
    background-color: var(--dark-brown);
}

.light-brown {
    color: var(--light-brown);
}

.red {
    color: red !important;
}

.mid-brown {
    color: var(--mid-brown);
}

.bg-mid-brown {
    background-color: var(--mid-brown) !important;
}

.dark-gray {
    color: var(--dark-gray);
}

.bg-light-brown {
    background-color: var(--light-brown);
}

.bg-red {
    background-color: red;
}

.bg-light-gray {
    background-color: var(--light-gray);
}

.bg-lime {
    background-color: #aee43d !important;
}

.bg-trans-brown {
    background-color: rgba(224, 135, 90, .6);
}

.bg-trans-white {
    background-color: rgba(255, 255, 255, 1);
}

.white {
    color: white !important;
}

p {
    font-size: clamp(14px, 14px + .35vw, 21px);
}
.ticket-price{
    min-width: 33px;
}
.text-align-center{
    text-align: center;
}
.location-time{
    justify-items: center;
    display: grid;
}
.contact-form input, .contact-form select, .contact-form textarea, .contact-form button {
    border-radius: .5rem;
    background: white;
    padding: 10px 30px;
}
.contact-form button {
    width: 100%;
    background: var(--dark-brown);
}
.booking-form-parent > div > p {
    margin-bottom: 0px;
    text-align: center;
}
a.book-tour {
    text-decoration: underline;
    color: var(--dark-brown);
}
.location-time img{
    width: 15px;
}
.location-time p {
    margin: auto 0;
}
.visitLmtfInfo > div > p{
    margin-bottom: 0px;
    text-align: center;
}
.external-link a {
    display: flex;
    border: 0px solid white;
    border-radius: .5rem;
    box-shadow: 0px 0px 3px rgb(121, 193, 80);
}
.external-link a{
    padding: 1rem;
}

#nav-dropdown > select {
    font-size: clamp(16px, 16px + .6vw, 24px);
    background: white;
    border: 1px solid gray;
    border-radius: .5rem;
    max-width: 400px;
    width: 100%;
    height: 45px;
    padding: 0px .5rem;
}

h1 {
    /*font-size: clamp(20px, 20px + 3vw, 77px);*/
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5rem;
    line-height: 0.9 !important;
}

h4 {
    font-size: clamp(16px, 16px + .35vw, 24px);
}

p.reduce {
    font-size: clamp(10px, 10px + .35vw, 18px);
}

.error-box {
    padding: 2rem;
    border-radius: 1rem;
}

.opace {
    padding: 10px 30px;
}

.btn {
    font-weight: 600;
    padding: 10px 30px;
    background: var(--dark-brown);
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 25px;
    border: solid #fff 0px;
    margin-top: auto;
}

.title-reduced {
    font-size: clamp(25px, 25px + 2vw, 40px);
    margin-bottom: 3rem;
}

.btn.reduce-text {
    font-size: clamp(6px, 6px + 2vw, 10px);
}

.guid-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 1rem;
    row-gap: 1rem;
}

.content-img-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 200px));
    gap: 3rem;
}

.first-container {
    max-width: 1200px;
}

.processes-container {
    max-width: 1300px;
}

.first-container-img {
    max-height: 360px;
}

.location-map {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.location-map iframe {
    border: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.each-statue-content {
    display: grid;
    padding: 2rem 0;
}

.sponsor-info {
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 3rem;
    border: solid #fff 0px;
    margin-top: auto;
    padding: 1.3rem;
}

.error-box {
    max-width: 600px;
}

.fill-height {
    height: 100vh;
}

.sponsors-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    column-gap: 1rem;
    row-gap: 1rem;
}

.make-relative{
    position: relative;
}

.fill {
    width: 100% !important;
}

.far {
    margin-bottom: auto;
    margin-top: auto;
}

.border-r {
    border-radius: 2rem !important;
}

.title-section .active:not(.title-section a.active) {
    background-color: var(--mid-brown);
    color: white !important;
}

.store-categories a:not(.active) p {
    color: var(--dark-brown);
}

.title-section p {
    height: 4rem;
    display: flex;
    padding-left: 7rem;
    align-content: center;
}

.title-section a.active p {
    color: var(--dark-brown);
    font-weight: bold;
}

.title-section a.active {
    color: var(--dark-brown) !important;
}

.title-section a > p {
    height: 30px;
}

.title-section a :not(.active) {
    color: gray;
    font-weight: 400;
}

.water-mark {
    margin-top: auto !important;
    margin-right: auto;
    opacity: .5;
    margin-left: 4rem;
    margin-bottom: 2rem;
}

.less-vis {
    opacity: 0;
}
#dali-img {
    width: 250px;
    margin-bottom: 1rem;
}
.welcome-img-container {
    display: grid;
    justify-items: center;
    margin-bottom: 2rem;
}

.each-statue-img > .content-images {
    max-width: 225px !important;
}

.price-table > div {
    display: grid;
    height: 60px;
    padding: 0 3rem;
}

.price-table > div > * {
    margin: auto 0;
}

.curve-top {
    border-radius: 1.5rem 1.5rem 0 0;
}
.curve-bottom {
    border-radius: 0 0 1.5rem 1.5rem;
}
.admission-body{
    max-width: 450px;
}

.d-grid {
    display: grid;
}

.col-1-row-1 {
    grid-column: 1;
    grid-row: 1;
}
#booking-message{
    text-align: center;
}
#close-popup{
    cursor: pointer;
}

.booking-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 340px;
    max-height: 260px;
    border-radius: .5rem;
    background: white;
    margin: auto;
    display: none;
}


.on-top {
    z-index: 10;
}

.cart-questions span {
    line-height: 0px;
}

.nav li a {
    font-weight: 600;
    color: var(--dark-brown) !important;
    display: grid;
    align-content: center;
    justify-content: center;
    padding: 1.5rem;
}

.navbar ul li.active {
    background-color: var(--dark-brown) !important;
    color: white !important;
}

.navbar ul li a {
    color: var(--dark-brown) !important;
    font-weight: bold;
    margin: 1rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white !important;
    background-color: var(--mid-brown);
    border-radius: 0px !important;
    height: 100%;
}

ul li.active a {
    color: white !important;
}

.reduce-container {
    /*max-width: 1495px !important;*/
    max-width: 1615px !important;
}

.move-up {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: var(--dark-brown);
    position: fixed;
    right: 2%;
    bottom: 5%;
    z-index: 20;
}

.responsive {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.fill-children > div {
    width: 100% !important;
}

.span2 {
    grid-column: span 2;
}

.gray-shadow {
    box-shadow: 0 .2rem .4rem rgba(128,128,128,0.8) !important;
}

.statues-imgs {
    /*display: flex;*/
    /*grid-template-columns: 1fr 2fr;*/
    /*gap: 1rem;*/
    /*padding: 1rem;*/
    /*background: linear-gradient(to right, #ffe9c7, transparent),
        url('../images/Statues/BgImages/bg-chris-hani-1@2x.png') no-repeat center center / cover;*/
    max-width: 600px;
    margin: auto;
    min-height: 400px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    object-fit: contain;
}

.add-gradient-bg {
    background: linear-gradient(to right, #ffe9c7, transparent);
}

.tile-images img {
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.content-images {
    /*max-height: 360px;*/
    height: 100%;
}

.position-absolute-r {
    right: 0;
}

.statues {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    column-gap: 2rem;
    row-gap: 3rem;
}

.tile-images > * {
    height: 40px !important;
}

.mid-content {
    padding-top: 4rem;
    padding-bottom: 3rem;
    text-align: center;
}

.container-statue-image > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.other-statue-image {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover;
    margin-bottom: 2rem;
    margin-top: .5rem;
}

    .other-statue-image:not(:nth-child(1)) {
        margin-left: .5rem;
    }

.curve-edges {
    border-radius: 2rem;
}

.page-note {
    max-width: 500px;
}

.exclamation-img {
    width: clamp(80px, 80px + 10vw, 120px);
}

.process {
    max-width: 600px;
}

.container-statue-image {
    min-width: 200px;
}

.small-line {
    background: var(--dark-brown);
    width: 50px;
    height: .1rem;
    margin: 1rem 0px;
}

.other-statues {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin: 3rem 0px;
}

.artist-statues {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 3rem;
    margin: 3rem 0px;
}

.other-statue {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    max-height: 220px;
    max-width: 600px;
}

.next-statue {
    background: linear-gradient(to right, #ffe9c7, transparent);
}

.previous-statue {
    background: linear-gradient(to right, transparent, #ffe9c7);
}

.previous-statue-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.breif-content {
    margin: 1rem auto;
}

.artists {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    column-gap: 2rem;
    row-gap: 2rem;
    margin: auto;
}

.gallery-pictures-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    justify-items: center;
}

.shop-products-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.text-align-initial {
    text-align: initial;
}

.first-container-img-holder {
    min-width: 200px;
}

.shop-products-container .each-product:hover {
    background-color: var(--light-brown);
    transform: scale(1.02);
}

.payment-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
}

.payment-methods .item {
    height: 8rem;
    justify-content: space-between;
    padding: 2rem;
    grid-column: span 2;
    background-color: var(--light-gray);
}

.payment-methods img {
    max-width: clamp(40px, 2rem + 3vw, 80%);
}

.process-content {
    text-align: initial;
}

.process-positioning {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    margin-top: 3rem;
    margin: 1rem 3rem;
}

.stop-height {
    max-height: 700px !important;
    object-fit: cover;
    object-position: top;
}

.other-statue-image {
    border: 3px solid white;
}

.other-gallery-images-container .other-statue-image{
    margin: auto auto 2rem auto;
}

.artist-imgs > img {
    width: clamp(100px, 100px + 12vw, 350px);
}

.navbar-brand > img {
    width: clamp(60px, 60px + 3vw, 110px);
    height: auto;
}


.container-fluid {
    overflow-x: hidden;
}

@media (max-width: 600px) {
    .navigation-tabs {
        padding: 0px 22rem;
    }
    .sponsors-images {
        grid-template-columns: repeat(auto-fit, minmax(76px, 1fr));
    }

    .statues {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        column-gap: 1rem;
        row-gap: 2rem;
    }

    .artist-imgs > img {
        margin: auto;
    }

    .artists {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .each-statue-img > .content-images {
        width: clamp(80px, 80px + 11vw, 310px) !important;
        margin: auto;
    }

    .process-positioning {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
}

@media (min-width: 600px) {
    .content-with-images {
        display: grid;
        grid-template-columns: 1fr 200px;
    }
    .booking-controls {
        display: flex;
    }
    .back-submit {
        flex-direction: row;
    }
    .pdf-download {
        flex-direction: row;
    }
    .bl {
        border-left: solid .1rem gray;
    }
    .school-visit-title .heading-name {
        display: grid;
        gap: 0px;
    }

    .process-dot {
        position: absolute;
        z-index: 3;
        margin-left: -1.6rem;
    }

    .process {
        display: flex;
    }
    h1 {
        font-size: clamp(20px, 20px + 3vw, 60px);
    }

    .process img {
        min-height: 200px;
        min-width: 200px;
    }

    .first-container :first-child {
        display: flex;
    }

    .first-container-img-holder {
        order: 2;
        margin-left: auto;
    }

    .artist-imgs {
        display: flex;
        max-width: 900px;
    }

    .artist-imgs .each-statue-conten {
        padding: 0px !important;
    }

    #dali-img {
        width: 350px;
        margin: 1rem;
        min-width: 250px;
    }
    .dali-welcome-msg{
        display: flex;
    }
    .welcome-img-container{
        order: 2;
    }
    /*.welcome-img-container {
        float: right;
    }*/
    .statues-imgs {
        display: flex;
    }

    .each-item, .total {
        display: flex;
    }

    .out-img > img {
        margin-right: 1.5rem;
    }

    .value {
        margin: auto 1.5rem auto auto;
    }

    .artists {
        /*grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));*/
        grid-template-columns: repeat(auto-fit, minmax(530px, 1fr));
    }

    .img-description {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-column: span 2;
    }

    .gallery-pictures-container {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
    }

    .img-description > p {
        order: 2;
    }

    .divide-two {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 3rem;
    }

    .statue-container {
        display: grid;
        grid-template-columns: 1.5fr 2fr;
        gap: 1.5rem;
    }

    .shop-products-container {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
    }

    .story-content {
        display: grid;
        grid-template-columns: 90%;
        align-content: center;
        justify-content: center;
    }

    .press-story {
        display: grid;
        grid-template-columns: 2.1fr 1fr;
    }

    .story-img {
        order: 2;
    }

    .booking-parent > div {
        min-width: 300px;
    }
}

@media (min-width: 900px) {
    #nav-dropdown {
        display: none;
    }
    .gray-school-section .label-info p{
        flex: 1;
    }
    #overview .title-section {
        max-width: 330px;
    }
    .gray-school-section .label-info {
        flex-direction: row;
    }
    .tutu-press-content .content {
        padding: 44px 56px;
    }
    .flex-2-col {
        display: flex;
    }
    .numbers {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .member-details .name {
        max-width: 430px;
        width: 100%;
    }
    .member-details {
        flex-direction: row;
    }
    .book-section-holder {
        display: flex;
    }
    .book-section-holder > .apply-section{
        flex: 1;
    }
    #myTab {
        display: block !important;
    }
    #myTab p:nth-last-child(-n+3){
        margin-top: 1rem;
    }

    .welcome-container {
        display: grid;
        grid-template-columns: 1fr 3fr;
    }

    .parent-space-left {
        max-width: 1800px;
        margin-left: auto;
        min-width: 300px;
    }
    .school-visit-lg .page-funders {
        display: grid;
    }
    .school-visit-sm {
        display: none;
    }
    /*.welcome-container {
        display: grid;
        grid-template-columns: 1fr 3fr;
    }*/

    .press-story {
        margin-left: 3rem;
    }
    .apply-section {
        border-left: 1px solid #FFFAF2;
    }
}

@media(max-width: 1081px) {
    .bl {
        border-left: solid 0px gray !important;
    }

    .process-dot {
        display: none;
    }

    .process.bl {
        padding-left: 0px !important;
    }

    .process:first-child {
        margin-top: 3rem;
    }
}
@media(min-width: 1200px){
    .schools{
        display: flex;
    }
    .schools .schools-img {
        order: 2;
        max-width: 350px;
        width: 100%;
    }
    .schools .schools-img img{
        height: 100%;
        max-height: 670px;
    }
    .schools-content {
        padding-top: 65px;
    }
}