/*
Theme Name: StBernadette theme
Theme URI: https://stbernadette.org.uk/
Author: Clickboom
Author URI: https://clickboom.co.uk
Description:
Tags: accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
*/
@import url("https://use.typekit.net/aie0tbw.css");
* {
  box-sizing: border-box; }

img {
  max-width: 100%;
  max-height: 100%; }

a * {
  color: initial; }

.mt-0 {
  margin-top: 0; }

.display-flex, .slick-slider-box .slick-arrow, .slick-slider-box .slick-dots, .mobile-menu-page, .mobile-menu-page .container .social-media-links, .mobile-menu-page .container .social-media-links a.donate, header .container, header .container .logo-box, header .container .social-media-links, header .container .social-media-links a.donate, .toggle-menu-button-box .toggle-menu-button, .toggle-menu-button-box .toggle-menu-button .lines, nav.desktop-menu-box ul.menu, nav.desktop-menu-box ul.menu > li, nav.desktop-menu-box ul.menu > li > a, nav.desktop-menu-box ul.menu > li ul.sub-menu::after, nav.desktop-menu-box ul.menu > li ul.sub-menu > li > a, main, section, section.section-header .slick-slider-box .items .item, section.section-header .slick-slider-box .items .item .image-box, section.section-header .slick-slider-box .items .item .text-box, section.section-header .video-box, section.section-header .video-box .scroll-button, section.section-header .video-box .scroll-button .icons, section.section-header .video-text-box, section.section-image-text .container, section.section-image-text .container .image-box, section.section-image-text .container .text-box, section.section-timeline-slider .item .image-box, section.section-events-map .container, section.section-events-map .container .info-box .events-box .items.location .logo-box, section.section-events-map .container .info-box .events-box .items.location .item, .booking-form-modal .modal-box, .booking-form-modal .modal-box .modal-body, .booking-form-modal .modal-box .modal-body .booking-form .field-groups .timeslot-box .timeslot-selection-custom .timeslot-option-custom, .booking-form-modal .modal-box .modal-body .booking-form-sidebar, .booking-form-modal .modal-box .modal-body .booking-form-sidebar .icon-box, .booking-form-modal .modal-box .modal-body .registration-complete-page, .ticket-form-modal .modal-box, .ticket-form-modal .modal-box .modal-body iframe.ticket-form body, section.ticket-form-content, section.section-dioceses_links .container .dioceses-box .dioceses, section.section-quote .container .quote-box, section.section-big_link .link-box, section.section-post-featured-image .image-box .simpleParallax, .single-post-layout, .single-post-layout .container, .woocommerce .woocommerce-variation-availability, .woocommerce .woocommerce-variation-add-to-cart, footer .container.links, footer .container.links .column a.yellow-button-footer, footer .container.copyright-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

:root {
  --font-1: trajan-sans-pro, sans-serif;
  --font-2: open-sans, sans-serif;
  --color-bg: #fff;
  --color-text-dark: #101010;
  --color-text-light: #fff;
  --color-1: #fff;
  --color-2: #293c4f;
  --color-3: #fdb814;
  --color-4: #8aa4b6; }

/* width */
::-webkit-scrollbar {
  width: 14px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-4);
  transition: all 300ms ease; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-2); }

.color-theme-a {
  background-color: var(--color-bg);
  color: var(--color-text-dark); }

.color-theme-b {
  background-color: var(--color-2);
  color: #fff; }

@media only screen and (max-width: 991px) {
  .hide-on-mobile {
    display: none; } }

.wysiwyg *:first-child {
  margin-top: 0; }

.wysiwyg *:last-child {
  margin-bottom: 0; }

.wysiwyg h1 {
  font-family: var(--font-1);
  font-size: 34px;
  line-height: 34px;
  letter-spacing: -1px; }

.wysiwyg h2 {
  font-family: var(--font-1);
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: var(--color-2); }

.wysiwyg h3 {
  font-family: var(--font-1);
  font-size: 21px;
  line-height: 26px;
  color: var(--color-2); }

.wysiwyg p, .wysiwyg ul, .wysiwyg ol {
  font-family: var(--font-2);
  font-size: 19px;
  line-height: 27px; }

.wysiwyg a {
  color: var(--color-4); }

.wysiwyg ol li {
  margin-top: 20px; }

.wysiwyg ol:nth-of-type(1) {
  margin-top: 0; }

.links-box {
  display: inline-flex;
  flex-direction: column; }

#cn-accept-cookie {
  color: var(--color-2) !important;
  font-weight: 800 !important;
  font-family: var(--font-2) !important; }

.button {
  text-decoration: none;
  background: var(--color-3);
  color: var(--color-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  font-family: var(--font-1);
  font-weight: 600;
  border-radius: 3px; }
  .button:hover {
    filter: brightness(110%); }

.button-large-yellow {
  display: inline-flex;
  background: var(--color-3);
  font-family: var(--font-1);
  color: #fff !important;
  text-decoration: none;
  padding: 16px 30px;
  font-size: 22px;
  min-width: 260px;
  align-items: center;
  justify-content: center;
  transition: all 200ms ease; }
  .button-large-yellow:hover {
    filter: brightness(110%); }

.slick-slider-box {
  position: relative;
  width: 100%; }
  .slick-slider-box .slick-track {
    min-width: 100%; }
  .slick-slider-box .slick-arrow {
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
    width: 44px;
    cursor: pointer;
    border-radius: 30px;
    padding: 10px;
    color: var(--color-3); }
    .slick-slider-box .slick-arrow svg {
      height: 100%;
      width: auto; }
    .slick-slider-box .slick-arrow.slick-slider-prev {
      left: 20px; }
    .slick-slider-box .slick-arrow.slick-slider-next {
      right: 20px; }
  .slick-slider-box .slick-dots {
    padding: 0;
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 30px;
    left: 0;
    list-style: none;
    margin: 0;
    align-items: center;
    justify-content: center; }
    .slick-slider-box .slick-dots > li {
      margin: 0 5px; }
      .slick-slider-box .slick-dots > li.slick-active button {
        background: var(--color-1); }
      .slick-slider-box .slick-dots > li button {
        cursor: pointer;
        width: 20px;
        height: 20px;
        background: none;
        border: solid 2px #fff;
        font-size: 0;
        border-radius: 100px; }

html {
  font-size: 10px;
  background-image: url("https://stbernadette.org.uk/wp-content/uploads/2022/05/Saint-Bernadette-Logo-1-1.svg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 30px 97%;
  background-size: 240px;
  scroll-behavior: smooth; }

body {
  background-color: var(--color-bg);
  margin: 0;
  font-size: 16px;
  font-family: var(--font-1);
  color: var(--color-text);
  transition: opacity 1000ms ease; }

@keyframes open-menu {
  0% {
    transform: scale(1.1);
    visibility: visible;
    opacity: 0; }
  1% {
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes close-menu {
  0% {
    opacity: 1;
    transform: scale(1); }
  99% {
    opacity: 0;
    transform: scale(1.1); }
  100% {
    visibility: hidden;
    opacity: 0; } }

.mobile-menu-page {
  position: fixed;
  background: var(--color-1);
  color: var(--color-text-dark);
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  align-items: center;
  justify-content: center; }
  .mobile-menu-page.active {
    animation: open-menu 700ms ease forwards; }
  .mobile-menu-page:not(.active) {
    animation: close-menu 300ms ease forwards; }
  .mobile-menu-page .container {
    max-width: 400px; }
    .mobile-menu-page .container .social-media-links {
      margin-top: 56px;
      padding: 0; }
      @media only screen and (max-width: 400px) {
        .mobile-menu-page .container .social-media-links {
          flex-wrap: wrap;
          justify-content: flex-start; } }
      .mobile-menu-page .container .social-media-links a {
        height: 44px;
        margin-right: 3px;
        transition: all 100ms ease; }
        .mobile-menu-page .container .social-media-links a:last-of-type {
          margin: 0; }
        .mobile-menu-page .container .social-media-links a img {
          height: 100%; }
        .mobile-menu-page .container .social-media-links a.donate {
          background: var(--color-2);
          align-content: center;
          justify-content: center;
          text-decoration: none;
          color: #fff;
          padding: 10px 20px; }
          @media only screen and (max-width: 400px) {
            .mobile-menu-page .container .social-media-links a.donate {
              width: 100%;
              margin-top: 10px; } }
        .mobile-menu-page .container .social-media-links a:hover {
          filter: brightness(140%); }
  .mobile-menu-page .menu {
    list-style: none;
    padding: 0; }
    .mobile-menu-page .menu li {
      margin-top: 10px; }
      .mobile-menu-page .menu li#menu-item-124 > a {
        margin-top: 30px;
        display: inline-block;
        font-size: 17px;
        border-bottom: solid 2px var(--color-3); }
      .mobile-menu-page .menu li a {
        color: var(--color-text-dark);
        text-decoration: none;
        font-size: 22px;
        line-height: 26px; }
        .mobile-menu-page .menu li a[href]:hover {
          color: var(--color-4); }
      .mobile-menu-page .menu li .sub-menu {
        list-style: none;
        padding-left: 0px; }
        .mobile-menu-page .menu li .sub-menu a {
          font-size: 17px; }

/*
hide donate
 */
header {
  padding-top: 20px;
  padding-bottom: 10px; }
  @media only screen and (max-width: 580px) {
    header {
      padding-top: 10px; } }
  header .container {
    justify-content: space-between; }
    @media only screen and (max-width: 580px) {
      header .container {
        flex-wrap: wrap; } }
    header .container .logo-box {
      flex-grow: 1; }
      @media only screen and (min-width: 581px) {
        header .container .logo-box {
          padding-right: 40px; } }
      @media only screen and (max-width: 580px) {
        header .container .logo-box {
          order: 3; } }
      @media only screen and (max-width: 991px) {
        header .container .logo-box {
          width: 100%; } }
      @media only screen and (max-width: 580px) {
        header .container .logo-box a.logo {
          width: 100%; } }
      header .container .logo-box a.logo img {
        height: 100px; }
        @media only screen and (max-width: 580px) {
          header .container .logo-box a.logo img {
            height: auto;
            width: 100%; } }
    header .container .social-media-links {
      justify-content: flex-end;
      margin-top: 16px; }
      @media only screen and (max-width: 991px) {
        header .container .social-media-links {
          margin-right: 56px; } }
      @media only screen and (max-width: 580px) {
        header .container .social-media-links {
          margin-top: 10px;
          margin-bottom: 10px; } }
      header .container .social-media-links a {
        height: 44px;
        margin-right: 3px;
        transition: all 100ms ease; }
        header .container .social-media-links a:last-of-type {
          margin: 0; }
        header .container .social-media-links a img {
          height: 100%; }
        @media only screen and (max-width: 991px) {
          header .container .social-media-links a.social-media-link {
            display: none; } }
        header .container .social-media-links a.donate {
          background: var(--color-2);
          align-content: center;
          justify-content: center;
          text-decoration: none;
          color: #fff;
          padding: 10px 20px; }
        header .container .social-media-links a:hover {
          filter: brightness(140%); }

.toggle-menu-button-box {
  display: none;
  position: fixed;
  z-index: 20;
  right: 20px;
  top: 36px; }
  @media only screen and (max-width: 991px) {
    .toggle-menu-button-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (max-width: 580px) {
    .toggle-menu-button-box {
      top: 20px; } }
  .toggle-menu-button-box .toggle-menu-button {
    position: relative;
    border: none;
    background: var(--color-3);
    cursor: pointer;
    width: 44px;
    height: 44px; }
    .toggle-menu-button-box .toggle-menu-button.active .lines .line {
      width: 90%;
      background: var(--color-1); }
      .toggle-menu-button-box .toggle-menu-button.active .lines .line:nth-of-type(1) {
        top: 50%;
        transform: translateX(-50%) rotate(-135deg); }
      .toggle-menu-button-box .toggle-menu-button.active .lines .line:nth-of-type(2) {
        opacity: 0; }
      .toggle-menu-button-box .toggle-menu-button.active .lines .line:nth-of-type(3) {
        top: 50%;
        transform: translateX(-50%) rotate(135deg); }
    .toggle-menu-button-box .toggle-menu-button .lines {
      height: 100%;
      width: 100%;
      position: relative; }
      .toggle-menu-button-box .toggle-menu-button .lines .line {
        position: absolute;
        height: 3px;
        width: 100%;
        background: var(--color-1);
        transition: all 200ms ease;
        left: 50%; }
        .toggle-menu-button-box .toggle-menu-button .lines .line:nth-of-type(1) {
          top: 30%;
          transform: translateX(-50%) rotate(0deg); }
        .toggle-menu-button-box .toggle-menu-button .lines .line:nth-of-type(2) {
          top: 50%;
          transform: translateX(-50%) rotate(0deg); }
        .toggle-menu-button-box .toggle-menu-button .lines .line:nth-of-type(3) {
          top: 70%;
          transform: translateX(-50%) rotate(0deg); }

nav.desktop-menu-box {
  width: 100%;
  background: var(--color-3); }
  @media only screen and (max-width: 991px) {
    nav.desktop-menu-box {
      display: none; } }
  nav.desktop-menu-box ul.menu {
    list-style: none;
    margin: 0;
    padding: 0; }
    nav.desktop-menu-box ul.menu > li {
      position: relative;
      align-items: center;
      justify-content: center;
      flex-grow: 1;
      cursor: pointer; }
      nav.desktop-menu-box ul.menu > li:not(:last-of-type)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 12px;
        width: 1px;
        height: 20px;
        background: var(--color-2); }
      nav.desktop-menu-box ul.menu > li > a {
        padding: 10px 20px;
        text-decoration: none;
        color: var(--color-2);
        width: 100%;
        justify-content: center;
        transition: all 400ms ease; }
        nav.desktop-menu-box ul.menu > li > a:hover {
          background: radial-gradient(#ffcf64, #fdb814); }
      nav.desktop-menu-box ul.menu > li:hover > .sub-menu {
        display: block; }
      nav.desktop-menu-box ul.menu > li ul.sub-menu {
        display: none;
        position: absolute;
        background: var(--color-3);
        color: #fff;
        list-style: none;
        margin: 0;
        top: 60px;
        z-index: 10;
        width: 200px;
        right: 0;
        padding: 0;
        box-shadow: 0 10px 20px -10px black; }
        nav.desktop-menu-box ul.menu > li ul.sub-menu::after {
          content: '';
          height: 16px;
          width: 100%;
          position: absolute;
          top: -16px;
          right: 0;
          left: 0; }
        nav.desktop-menu-box ul.menu > li ul.sub-menu::before {
          content: '';
          display: block;
          height: 24px;
          width: 24px;
          transform: rotate(-45deg);
          background: var(--color-3);
          position: absolute;
          top: -11px;
          right: 34px;
          z-index: 9; }
        nav.desktop-menu-box ul.menu > li ul.sub-menu > li > a {
          color: var(--color-2);
          text-decoration: none;
          padding: 10px 20px;
          position: relative;
          z-index: 11;
          line-height: 21px;
          transition: all 200ms ease; }
          nav.desktop-menu-box ul.menu > li ul.sub-menu > li > a:hover {
            background: #ffcf64; }

main {
  flex-direction: column;
  min-height: 80vh; }

section {
  flex-direction: column;
  align-items: center; }

.container {
  width: Min(100%, 1000px);
  margin: 0 auto;
  padding: 0 30px; }
  @media only screen and (max-width: 991px) {
    .container {
      padding: 0 20px; } }
  @media only screen and (max-width: 767px) {
    .container {
      padding: 0 10px; } }

.s-pad-y:not(.s-pad-y + .s-pad-y) {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 991px) {
    .s-pad-y:not(.s-pad-y + .s-pad-y) {
      padding-top: 50px;
      padding-bottom: 50px; } }

.s-pad-y + .s-pad-y {
  padding-bottom: 100px; }
  @media only screen and (max-width: 991px) {
    .s-pad-y + .s-pad-y {
      padding-bottom: 50px; } }

.s-pad-t {
  padding-top: 100px; }
  @media only screen and (max-width: 991px) {
    .s-pad-t {
      padding-top: 50px; } }

.s-pad-b {
  padding-bottom: 100px; }
  @media only screen and (max-width: 991px) {
    .s-pad-b {
      padding-bottom: 50px; } }

.section-resources_for_venues .password-box {
  max-width: 100%;
  width: 100%;
  background: #e4ebf3;
  padding: 20px;
  border-radius: 10px; }
  .section-resources_for_venues .password-box h4 {
    margin-bottom: 0;
    margin-top: 0; }
  .section-resources_for_venues .password-box .protected-post-form {
    width: 100%;
    max-width: 100%; }
    .section-resources_for_venues .password-box .protected-post-form .password-protected-message {
      font-size: 15px;
      line-height: 19px; }
      .section-resources_for_venues .password-box .protected-post-form .password-protected-message + p {
        margin-bottom: 0; }
    .section-resources_for_venues .password-box .protected-post-form input[type="password"] {
      padding: 8px 24px;
      border-radius: 4px;
      font-family: var(--font-1);
      font-size: 15px;
      width: 180px;
      border: none;
      border-bottom: solid 1px grey;
      background: #fff; }
    .section-resources_for_venues .password-box .protected-post-form input[type="submit"] {
      background: var(--color-3);
      border: none;
      padding: 8px 24px;
      margin-left: 7px;
      border-radius: 4px;
      font-family: var(--font-1);
      font-size: 15px;
      cursor: pointer; }

section.section-header.small {
  height: calc(50vh); }

section.section-header.large {
  max-height: calc(100vh - 136px - 44px); }
  @media only screen and (max-width: 991px) {
    section.section-header.large {
      height: unset; } }

section.section-header .slick-slider-box {
  height: 100%; }
  section.section-header .slick-slider-box .items {
    height: 100%; }
    section.section-header .slick-slider-box .items .slick-track, section.section-header .slick-slider-box .items .slick-list {
      height: 100%; }
    section.section-header .slick-slider-box .items .item {
      position: relative;
      flex-direction: column;
      height: 100%; }
      section.section-header .slick-slider-box .items .item .image-box {
        height: 100%; }
        section.section-header .slick-slider-box .items .item .image-box .simpleParallax {
          width: 100%; }
        section.section-header .slick-slider-box .items .item .image-box img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
      section.section-header .slick-slider-box .items .item .text-box {
        position: relative;
        width: 100%;
        text-align: center;
        background: var(--color-2);
        padding: 16px 0;
        justify-content: center; }
        section.section-header .slick-slider-box .items .item .text-box h1, section.section-header .slick-slider-box .items .item .text-box h2 {
          font-size: 21px;
          font-weight: 300;
          margin: 0;
          text-transform: uppercase; }

section.section-header .video-box {
  height: 100%;
  align-items: flex-start; }
  section.section-header .video-box video {
    width: 100%;
    object-fit: cover; }

@keyframes move-scroll-button {
  0% {
    transform: translate(-50%, 10%); }
  40% {
    transform: translate(-50%, 30%); }
  100% {
    transform: translate(-50%, 10%); } }
  section.section-header .video-box .scroll-button {
    animation: move-scroll-button 3000ms ease infinite;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    color: #fff;
    bottom: 20px;
    background: none;
    border: none;
    font-size: 17px;
    font-family: var(--font-1);
    align-items: center;
    cursor: pointer;
    left: 50%;
    text-decoration: none; }
    @media only screen and (max-width: 991px) {
      section.section-header .video-box .scroll-button {
        display: none; } }
    section.section-header .video-box .scroll-button .text {
      color: #fff; }
    section.section-header .video-box .scroll-button .icons {
      color: #fff;
      flex-direction: column; }
      section.section-header .video-box .scroll-button .icons svg {
        color: #fff;
        fill: #fff;
        max-height: 10px; }

section.section-header .video-text-box {
  position: relative;
  width: 100%;
  text-align: center;
  background: var(--color-2);
  padding: 16px 0;
  justify-content: center; }
  section.section-header .video-text-box h1, section.section-header .video-text-box h2 {
    font-size: 21px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    padding: 0 16px; }

section.section-text-box.loading .text-box {
  opacity: 0;
  transform: translateY(100px); }

section.section-text-box .container .text-box {
  transition: all 1000ms ease; }

section.section-text_box_yellow_blue .container .text-box {
  text-align: center; }
  section.section-text_box_yellow_blue .container .text-box .title-box {
    background: var(--color-3);
    color: #fff;
    padding: 14px 30px;
    margin: 0;
    margin-bottom: 10px; }
    section.section-text_box_yellow_blue .container .text-box .title-box h3 {
      margin: 0;
      font-weight: 500; }
  section.section-text_box_yellow_blue .container .text-box .description-box {
    background: var(--color-4);
    color: #fff;
    padding: 20px 30px; }
    section.section-text_box_yellow_blue .container .text-box .description-box p {
      font-weight: 500; }

section.section-image-text.loading .text-box {
  opacity: 0; }

section.section-image-text.loading .image-box {
  opacity: 0; }

section.section-image-text.image-left .container .text-box {
  padding-left: 50px; }

section.section-image-text.image-right .container {
  flex-direction: row-reverse; }
  section.section-image-text.image-right .container .text-box {
    padding-right: 50px; }

section.section-image-text .container {
  flex-direction: row; }
  @media only screen and (max-width: 991px) {
    section.section-image-text .container {
      flex-direction: column !important; } }
  section.section-image-text .container .image-box {
    transition: all 1000ms ease;
    width: 50%; }
    @media only screen and (max-width: 991px) {
      section.section-image-text .container .image-box {
        width: 100%; } }
    section.section-image-text .container .image-box img {
      width: 100%;
      height: 100%;
      max-height: 400px;
      object-fit: contain; }
  section.section-image-text .container .text-box {
    transition: all 1000ms ease 300ms;
    width: 50%;
    flex-direction: column;
    justify-content: center; }
    @media only screen and (max-width: 991px) {
      section.section-image-text .container .text-box {
        width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-top: 40px; } }

section.section-timeline-slider .slick-arrow {
  top: 60%; }
  @media only screen and (max-width: 991px) {
    section.section-timeline-slider .slick-arrow {
      top: 382px; } }

section.section-timeline-slider .item {
  transition: all 700ms ease;
  width: 40vw; }
  @media only screen and (max-width: 991px) {
    section.section-timeline-slider .item {
      width: 80vw; } }
  section.section-timeline-slider .item:not(.slick-current) {
    transform: scale(0.9);
    opacity: 0.5; }
    @media only screen and (max-width: 991px) {
      section.section-timeline-slider .item:not(.slick-current) {
        opacity: 0; } }
    section.section-timeline-slider .item:not(.slick-current) .text-box {
      opacity: 0; }
  section.section-timeline-slider .item .image-box {
    box-shadow: 0 7px 17px -11px black;
    width: 100%;
    height: 300px; }
    section.section-timeline-slider .item .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  section.section-timeline-slider .item .date-box {
    box-shadow: 0 7px 17px -11px black;
    margin-top: 7px;
    padding: 10px;
    background: var(--color-2);
    color: #fff; }
    section.section-timeline-slider .item .date-box h3 {
      margin: 0; }
  section.section-timeline-slider .item .text-box {
    transition: all 1000ms ease;
    margin-top: 50px; }

section.section-events-map .container {
  flex-direction: row; }
  @media only screen and (max-width: 767px) {
    section.section-events-map .container {
      flex-direction: column; } }
  section.section-events-map .container .map-box {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      section.section-events-map .container .map-box {
        width: 100%; } }
    @media only screen and (max-width: 991px) {
      section.section-events-map .container .map-box .map #mapplic-id181 {
        height: auto; } }
  section.section-events-map .container .info-box {
    width: 50%;
    margin-top: 10px;
    background: #eff2f4;
    padding: 20px;
    padding-right: 0; }
    @media only screen and (max-width: 767px) {
      section.section-events-map .container .info-box {
        width: 100%; } }
    section.section-events-map .container .info-box .events-box {
      margin-top: 20px;
      max-height: 720px;
      overflow-y: scroll;
      position: relative;
      scroll-behavior: smooth;
      padding-right: 10px; }
      @media only screen and (max-width: 991px) {
        section.section-events-map .container .info-box .events-box {
          margin-top: 30px; } }
      section.section-events-map .container .info-box .events-box .items.location {
        margin-bottom: 30px;
        border: solid 2px var(--color-4);
        box-shadow: 0 0 20px -10px black; }
        section.section-events-map .container .info-box .events-box .items.location .logo-box {
          justify-content: space-evenly;
          padding: 20px;
          align-items: center;
          background-color: #fff; }
          section.section-events-map .container .info-box .events-box .items.location .logo-box[show-title="1"] img {
            margin-right: 20px;
            max-height: 120px; }
          section.section-events-map .container .info-box .events-box .items.location .logo-box[show-title="1"] h2 {
            line-height: 28px; }
          section.section-events-map .container .info-box .events-box .items.location .logo-box img {
            max-height: 140px; }
        section.section-events-map .container .info-box .events-box .items.location .item {
          flex-direction: row;
          color: #fff;
          border-top: solid 3px #fff;
          font-family: var(--font-2);
          flex-wrap: wrap; }
          section.section-events-map .container .info-box .events-box .items.location .item label {
            display: block;
            font-weight: 600; }
          section.section-events-map .container .info-box .events-box .items.location .item p {
            margin-top: 5px; }
          section.section-events-map .container .info-box .events-box .items.location .item .venue {
            width: 70%;
            padding: 20px; }
            @media only screen and (max-width: 991px) {
              section.section-events-map .container .info-box .events-box .items.location .item .venue {
                width: 60%; } }
            @media only screen and (max-width: 767px) {
              section.section-events-map .container .info-box .events-box .items.location .item .venue {
                width: 50%; } }
          section.section-events-map .container .info-box .events-box .items.location .item .arrive-depart {
            padding: 20px;
            width: 30%; }
            @media only screen and (max-width: 991px) {
              section.section-events-map .container .info-box .events-box .items.location .item .arrive-depart {
                width: 40%; } }
            @media only screen and (max-width: 767px) {
              section.section-events-map .container .info-box .events-box .items.location .item .arrive-depart {
                width: 50%; } }
          section.section-events-map .container .info-box .events-box .items.location .item .custom-booking-message {
            text-align: center;
            padding: 0 20px;
            display: block;
            width: 100%; }
          section.section-events-map .container .info-box .events-box .items.location .item .booking-box {
            width: 100%;
            padding: 20px;
            padding-top: 0; }
            section.section-events-map .container .info-box .events-box .items.location .item .booking-box > a, section.section-events-map .container .info-box .events-box .items.location .item .booking-box > button {
              width: 100%;
              display: block;
              font-size: 16px;
              padding: 10px;
              text-align: center;
              font-family: var(--font-2);
              cursor: pointer;
              background: rgba(0, 0, 0, 0.5);
              color: #fff;
              border: none;
              text-decoration: none; }
            section.section-events-map .container .info-box .events-box .items.location .item .booking-box select {
              width: 100%;
              font-size: 16px;
              padding: 10px;
              text-align: center;
              font-family: var(--font-2);
              cursor: pointer;
              background: var(--color-2);
              color: #fff;
              border: none; }

.booking-form-modal {
  display: none;
  opacity: 0;
  background: rgba(41, 60, 79, 0.9);
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  inset: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px; }
  .booking-form-modal .modal-box {
    overflow-y: scroll;
    flex-direction: column;
    width: 1000px;
    max-width: 100%;
    height: 680px;
    opacity: 0;
    background: #fff; }
    @media only screen and (max-width: 767px) {
      .booking-form-modal .modal-box {
        min-height: 680px;
        height: auto;
        overflow-y: auto; } }
    .booking-form-modal .modal-box .modal-header {
      width: 100%; }
    .booking-form-modal .modal-box .modal-body {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      flex-direction: row;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .booking-form-modal .modal-box .modal-body {
          flex-direction: column;
          height: unset; } }
      .booking-form-modal .modal-box .modal-body.disable {
        pointer-events: none;
        opacity: 0.3; }
      .booking-form-modal .modal-box .modal-body button.close-modal {
        position: absolute;
        right: 10px;
        top: 10px;
        color: var(--color-4);
        background: none;
        border: none;
        cursor: pointer;
        padding: 10px; }
        .booking-form-modal .modal-box .modal-body button.close-modal img {
          width: 17px;
          height: 17px; }
      .booking-form-modal .modal-box .modal-body .booking-form {
        width: 67%;
        overflow-y: scroll;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .booking-form-modal .modal-box .modal-body .booking-form {
            width: 100%;
            overflow-y: auto; } }
        .booking-form-modal .modal-box .modal-body .booking-form .title-box {
          border-bottom: solid 1px #d6d6d6;
          padding: 30px; }
          .booking-form-modal .modal-box .modal-body .booking-form .title-box .product-title {
            margin-bottom: 0;
            margin-top: 0; }
          .booking-form-modal .modal-box .modal-body .booking-form .title-box .venue-address-box {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 14px; }
        .booking-form-modal .modal-box .modal-body .booking-form .previous-form-box {
          display: none;
          padding: 30px;
          padding-bottom: 0; }
          .booking-form-modal .modal-box .modal-body .booking-form .previous-form-box button {
            background: none;
            border: none;
            color: var(--color-2);
            font-weight: 400;
            font-family: var(--font-2);
            font-size: 14px;
            cursor: pointer;
            padding: 0; }
            .booking-form-modal .modal-box .modal-body .booking-form .previous-form-box button:hover {
              text-decoration: underline; }
        .booking-form-modal .modal-box .modal-body .booking-form .field-groups {
          padding: 30px; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups label {
            display: block;
            margin-top: 30px;
            margin-bottom: 4px; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups select {
            padding: 6px 10px;
            font-size: 17px;
            font-family: var(--font-2);
            border: solid 1px #cdcdcd;
            cursor: pointer;
            max-width: 100%; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups input[type="text"],
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups input[type="email"] {
            max-width: 100%;
            padding: 6px 10px;
            font-size: 17px;
            font-family: var(--font-2);
            border: solid 1px #cdcdcd; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .message-invalid {
            display: none;
            font-family: var(--font-2);
            color: #d52424;
            margin: 0; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .timeslot-box .timeslot-selection-custom {
            max-height: 400px; }
            .booking-form-modal .modal-box .modal-body .booking-form .field-groups .timeslot-box .timeslot-selection-custom .timeslot-option-custom {
              flex-direction: column; }
              .booking-form-modal .modal-box .modal-body .booking-form .field-groups .timeslot-box .timeslot-selection-custom .timeslot-option-custom .date {
                font-size: 18px; }
              .booking-form-modal .modal-box .modal-body .booking-form .field-groups .timeslot-box .timeslot-selection-custom .timeslot-option-custom .time {
                font-size: 30px; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .coach-parking-box .coach-parking-fields {
            display: none;
            flex-direction: column; }
            .booking-form-modal .modal-box .modal-body .booking-form .field-groups .coach-parking-box .coach-parking-fields .field-input {
              flex-direction: column; }
            .booking-form-modal .modal-box .modal-body .booking-form .field-groups .coach-parking-box .coach-parking-fields .coach-parking-quantity-box {
              display: none; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .coach-parking-box .coach-parking-unavailable {
            display: none; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .parking-local-transport-box {
            margin-top: 40px; }
            .booking-form-modal .modal-box .modal-body .booking-form .field-groups .parking-local-transport-box .parking-notes {
              font-family: var(--font-2); }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .customer-details-box {
            display: none; }
            .booking-form-modal .modal-box .modal-body .booking-form .field-groups .customer-details-box h3 {
              margin-top: 0; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .gdpr-consent-box {
            display: none; }
          .booking-form-modal .modal-box .modal-body .booking-form .field-groups .recaptcha-box {
            display: none;
            margin-top: 30px; }
      .booking-form-modal .modal-box .modal-body .booking-form-sidebar {
        padding: 30px;
        width: 33%;
        background: #f1f1f1;
        flex-direction: column;
        justify-content: space-between;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .booking-form-modal .modal-box .modal-body .booking-form-sidebar {
            width: 100%; } }
        .booking-form-modal .modal-box .modal-body .booking-form-sidebar img.diocese-logo {
          max-width: 100%;
          width: 300px;
          margin-bottom: 20px; }
        .booking-form-modal .modal-box .modal-body .booking-form-sidebar .icon-box {
          align-items: center;
          justify-content: center;
          flex-direction: column;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .booking-form-modal .modal-box .modal-body .booking-form-sidebar .icon-box {
              display: none; } }
          .booking-form-modal .modal-box .modal-body .booking-form-sidebar .icon-box .calendar-icon {
            opacity: 0.2;
            width: 60px; }
          .booking-form-modal .modal-box .modal-body .booking-form-sidebar .icon-box h4 {
            opacity: 0.5;
            font-size: 14px; }
        .booking-form-modal .modal-box .modal-body .booking-form-sidebar .submit-box {
          display: none;
          width: 100%;
          text-align: center; }
          .booking-form-modal .modal-box .modal-body .booking-form-sidebar .submit-box button.confirm-selection {
            cursor: pointer;
            background: var(--color-3);
            border: none;
            padding: 12px 20px;
            font-size: 17px;
            font-family: var(--font-1);
            border-radius: 2px;
            max-width: 100%;
            width: 300px; }
            .booking-form-modal .modal-box .modal-body .booking-form-sidebar .submit-box button.confirm-selection:hover {
              background: #ffc946; }
        .booking-form-modal .modal-box .modal-body .booking-form-sidebar .next-form-box {
          width: 100%;
          text-align: center; }
          .booking-form-modal .modal-box .modal-body .booking-form-sidebar .next-form-box button.next-selection {
            cursor: pointer;
            background: var(--color-3);
            border: none;
            padding: 12px 20px;
            max-width: 100%;
            width: 300px;
            font-size: 17px;
            font-family: var(--font-1);
            border-radius: 2px; }
            .booking-form-modal .modal-box .modal-body .booking-form-sidebar .next-form-box button.next-selection:hover {
              background: #ffc946; }
      .booking-form-modal .modal-box .modal-body .registration-complete-page {
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 20px; }
        .booking-form-modal .modal-box .modal-body .registration-complete-page .wysiwyg {
          max-width: 720px; }
          @media only screen and (max-width: 767px) {
            .booking-form-modal .modal-box .modal-body .registration-complete-page .wysiwyg {
              margin-top: 30vh; } }

.loading-anim,
.loading-anim-dark {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110; }

.ticket-form-modal {
  display: none;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  inset: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px; }
  .ticket-form-modal .modal-box {
    flex-direction: column;
    width: 600px;
    max-width: 100%;
    height: 680px; }
    .ticket-form-modal .modal-box .modal-header {
      width: 100%; }
    .ticket-form-modal .modal-box .modal-body {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      position: relative;
      background: #fff; }
      .ticket-form-modal .modal-box .modal-body .close-modal {
        position: absolute;
        right: 30px;
        top: 10px;
        font-size: 19px;
        color: var(--color-4);
        background: none;
        font-weight: 700;
        border: none;
        cursor: pointer; }
      .ticket-form-modal .modal-box .modal-body iframe.ticket-form {
        background: #fff;
        width: 100%;
        height: 100%;
        border: none;
        box-shadow: 0 10px 30px -20px black;
        border-radius: 10px;
        opacity: 0; }
        .ticket-form-modal .modal-box .modal-body iframe.ticket-form body {
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 100%; }

section.ticket-form-content {
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center; }
  section.ticket-form-content .container .tribe-tickets__rsvp-wrapper {
    border: none !important; }
    section.ticket-form-content .container .tribe-tickets__rsvp-wrapper > img {
      max-width: 80%;
      margin: 0 auto;
      display: block;
      margin-top: 40px; }
    section.ticket-form-content .container .tribe-tickets__rsvp-wrapper .tribe-tickets__rsvp-details .tribe-tickets__rsvp-title {
      font-size: 28px; }
  section.ticket-form-content .text-box {
    text-align: center; }
  section.ticket-form-content .tribe-link-view-attendee {
    text-align: center; }
  section.ticket-form-content .tribe-tickets__form-field--required .screen-reader-text {
    padding: 0 5px; }
    section.ticket-form-content .tribe-tickets__form-field--required .screen-reader-text::before {
      content: '('; }
    section.ticket-form-content .tribe-tickets__form-field--required .screen-reader-text::after {
      content: ')'; }
  section.ticket-form-content .tribe-common-c-btn {
    background-color: var(--color-3) !important; }
  section.ticket-form-content .tribe-tickets__rsvp {
    padding: 20px 20px 0px 20px !important; }
  section.ticket-form-content .tribe-tickets__rsvp-actions {
    margin-top: 0 !important;
    padding: 20px 20px 20px 20px !important; }
  section.ticket-form-content .tribe-tickets__rsvp-description {
    margin: 40px 0; }

.tribe-events-pg-template .tribe-common-c-svgicon--cal-export {
  height: 12px; }

section.section-dioceses_links .container .dioceses-box {
  columns: 2; }
  @media only screen and (max-width: 991px) {
    section.section-dioceses_links .container .dioceses-box {
      columns: 1; } }
  section.section-dioceses_links .container .dioceses-box .dioceses {
    margin-bottom: 60px;
    break-inside: avoid-column;
    flex-direction: column; }
    section.section-dioceses_links .container .dioceses-box .dioceses .dioceses-name {
      margin-bottom: 0; }
    section.section-dioceses_links .container .dioceses-box .dioceses .items .item {
      margin-top: 20px; }
      section.section-dioceses_links .container .dioceses-box .dioceses .items .item a {
        font-family: var(--font-2); }

section.section-quote.loading .quote-box {
  opacity: 0;
  transform: translateY(100px); }

section.section-quote .container .quote-box {
  position: relative;
  background: var(--color-4);
  padding: 30px;
  color: #fff;
  justify-content: space-between;
  transition: all 1000ms ease;
  box-shadow: 0 10px 20px -20px black; }
  section.section-quote .container .quote-box .quote-icon {
    position: absolute;
    top: -30px;
    right: 30px;
    width: 60px; }
  section.section-quote .container .quote-box .quote-image {
    width: 15%; }
    section.section-quote .container .quote-box .quote-image img {
      border-radius: 90px; }
  section.section-quote .container .quote-box .quote-text {
    width: 85%;
    padding-left: 30px; }
    section.section-quote .container .quote-box .quote-text p {
      font-family: var(--font-2); }
    section.section-quote .container .quote-box .quote-text .name {
      font-weight: 600; }
    section.section-quote .container .quote-box .quote-text .role {
      font-weight: 600; }

section.section-big_link.loading .link-box {
  opacity: 0;
  transform: translateY(100px); }

section.section-big_link .link-box {
  transition: all 1000ms ease;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  section.section-big_link .link-box .link {
    display: inline-flex;
    background: var(--color-3);
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    font-size: 20px;
    min-width: 300px;
    justify-content: center;
    box-shadow: 0 6px 18px -17px black;
    border-radius: 2px;
    transition: all 200ms ease; }
    section.section-big_link .link-box .link:hover {
      filter: brightness(110%); }
  section.section-big_link .link-box .link-2 {
    margin-top: 20px; }

section.section-post-featured-image {
  height: 62vh; }
  section.section-post-featured-image .image-box {
    height: 100%;
    width: 100%; }
    section.section-post-featured-image .image-box .simpleParallax {
      align-items: center;
      justify-content: center;
      height: 100%; }
    section.section-post-featured-image .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.single-post-layout .container aside {
  width: 39%; }
  .single-post-layout .container aside .latest-posts h3 {
    margin-top: 0; }

.single-post-layout .container .post-main {
  width: 61%; }

.woocommerce .woocommerce-product-gallery,
.woocommerce .summary.entry-summary .product_title,
.woocommerce .summary.entry-summary .price,
.woocommerce .summary.entry-summary .in-stock,
.woocommerce .summary.entry-summary .product_meta {
  display: none !important; }

.woocommerce .summary.entry-summary {
  width: 100% !important; }

.woocommerce .variations {
  margin-bottom: 0; }
  .woocommerce .variations .reset_variations {
    display: none !important; }

.woocommerce .woocommerce-variation-availability {
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center; }
  .woocommerce .woocommerce-variation-availability .out-of-stock {
    font-size: 20px;
    color: #fff; }

.woocommerce .woocommerce-variation-add-to-cart {
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center; }
  .woocommerce .woocommerce-variation-add-to-cart .quantity input[type="number"] {
    font-size: 20px;
    height: 36px;
    border-rdius: 3px; }
  .woocommerce .woocommerce-variation-add-to-cart button[type="submit"] {
    background-color: var(--color-3) !important;
    background: var(--color-3) !important;
    color: #fff;
    border-rdius: 0px; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite; }

.queen-modal-box {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  color: #fff; }
  .queen-modal-box .modal-wrapper {
    background: #151616;
    color: #fff;
    padding: 80px 40px;
    height: 100%;
    overflow-y: scroll; }
    .queen-modal-box .modal-wrapper .modal-body .container {
      width: Min(100%, 1400px); }
    .queen-modal-box .modal-wrapper .modal-body .logo-box {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 100px; }
      .queen-modal-box .modal-wrapper .modal-body .logo-box img {
        max-width: 270px; }
    .queen-modal-box .modal-wrapper .modal-body .content-box {
      display: flex;
      flex-direction: row; }
      @media only screen and (max-width: 991px) {
        .queen-modal-box .modal-wrapper .modal-body .content-box {
          flex-direction: column; } }
      .queen-modal-box .modal-wrapper .modal-body .content-box h1, .queen-modal-box .modal-wrapper .modal-body .content-box h2, .queen-modal-box .modal-wrapper .modal-body .content-box h3 {
        color: #fff;
        font-weight: 400;
        font-size: 34px; }
      .queen-modal-box .modal-wrapper .modal-body .content-box h3 {
        font-size: 28px; }
      .queen-modal-box .modal-wrapper .modal-body .content-box p {
        font-family: var(--font-2);
        font-size: 15px;
        line-height: 22px; }
      .queen-modal-box .modal-wrapper .modal-body .content-box a {
        margin-right: 40px;
        font-style: italic;
        color: #fff; }
      .queen-modal-box .modal-wrapper .modal-body .content-box button {
        cursor: pointer;
        margin-top: 40px;
        background: #fdb814;
        font-size: 22px;
        border-radius: 22px;
        padding: 11px 30px;
        border: none;
        font-family: var(--font-1); }
        .queen-modal-box .modal-wrapper .modal-body .content-box button:hover {
          filter: brightness(110%); }
      .queen-modal-box .modal-wrapper .modal-body .content-box .image-box {
        width: 40%; }
        @media only screen and (max-width: 991px) {
          .queen-modal-box .modal-wrapper .modal-body .content-box .image-box {
            width: 100%; } }
      .queen-modal-box .modal-wrapper .modal-body .content-box .text-box {
        width: 60%;
        padding-left: 60px; }
        @media only screen and (max-width: 991px) {
          .queen-modal-box .modal-wrapper .modal-body .content-box .text-box {
            width: 100%;
            padding-left: 0px; } }

footer {
  position: relative;
  padding-top: 40px;
  padding-bottom: 30px;
  color: #fff;
  background: #3f4a5b;
  min-height: 200px; }
  footer a {
    text-decoration: none;
    color: #fff; }
    footer a:hover {
      text-decoration: underline; }
  footer .container.links {
    font-size: 14px; }
    @media only screen and (max-width: 767px) {
      footer .container.links {
        flex-wrap: wrap; } }
    footer .container.links .column {
      width: 25%;
      padding: 0 20px; }
      @media only screen and (min-width: 767px) {
        footer .container.links .column:first-of-type {
          padding-left: 0; } }
      @media only screen and (min-width: 767px) {
        footer .container.links .column:last-of-type {
          padding-right: 0; } }
      footer .container.links .column .logo {
        max-width: 200px; }
      footer .container.links .column ul {
        padding: 0;
        list-style: none;
        margin: 0; }
        footer .container.links .column ul li {
          margin-bottom: 6px; }
      footer .container.links .column a.yellow-button-footer {
        margin-bottom: 5px;
        text-align: center;
        display: block;
        background: var(--color-3);
        align-content: center;
        justify-content: center;
        text-decoration: none;
        color: var(--color-1);
        padding: 10px 20px;
        width: 120px;
        float: right;
        transition: all 200ms ease; }
        footer .container.links .column a.yellow-button-footer:hover {
          filter: brightness(120%); }
      @media only screen and (max-width: 767px) {
        footer .container.links .column {
          width: 100%; }
          footer .container.links .column:nth-of-type(1) {
            order: 1;
            width: 50%; }
          footer .container.links .column:nth-of-type(2) {
            order: 3;
            margin-top: 40px; }
          footer .container.links .column:nth-of-type(3) {
            order: 4; }
          footer .container.links .column:nth-of-type(4) {
            order: 2;
            width: 50%; } }
  footer .container.copyright-info {
    justify-content: space-between;
    margin-top: 40px; }
    footer .container.copyright-info .column p {
      font-size: 11px; }
      footer .container.copyright-info .column p a.monddi {
        color: #ff8d43; }

.modal {
  width: Min(100%, 500px);
  border: 0;
  box-shadow: 0 9px 60px -20px rgba(0, 0, 0, 0.3); }
  .modal::backdrop {
    background-color: rgba(0, 0, 0, 0.75); }