/*
Theme Name: Proefrit module
Theme URI: https://www.roughpixels.com/free-themes/alurra/
Author: Rough Pixels
Author URI: https://www.roughpixels.com
Description: Alurra Child Theme
Template: alurra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alurra-child
*/
/* =Theme customization starts here
------------------------------------------------------- */
/* -----------------------------------------
	General Amelia styles
--------------------------------------------*/
@media only screen and (min-width: 640px) {
  #masthead.site-header {
    height: 650px;
    background-position: center 0px !important; } }

.amelia-app-booking #am-events-booking .am-event-list .am-form-eventListForm.am-event .am-event-data .am-event-info .am-event-sub-info > div {
  font-weight: 600; }

.has-header-image .site-header:before {
  background: transparent; }

.event-content {
  position: relative; }

.arrow-down::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ffffff;
  clear: both; }

.arrow-up::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  clear: both; }

/*----------------------- Importing the Citroen Dependencies -------------------------------- */
/* AUDI VARIABLES */
/* VW AND BWG VARIABLES */
/* HONDA VARIABLES */
/* Citroen VARIABLES */
/* START Citroen CI Colors Variables */
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;600;700");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@0,100;0,200;0,400;0,700;1,500;1,600&display=swap");
.text-accent-red {
  color: #9d0605 !important; }

#menu-footermenu {
  text-align: center !important; }

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
  content: "\f120";
  top: 2px; }

p {
  font-size: 18px; }

.choose-text.hide-text {
  display: none; }

.entry-content p, #amelia-booking-wrap p, .amelia-service .am-wrap, .am-category-service span,
.c-pane-container {
  font-family: "Citroen-regular", Ubuntu, Lato;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

/* Normal Headings  And page-heading */
.container .row .page-header h1 {
  font-family: "Citroen-bold", Ubuntu, Lato;
  text-rendering: optimizeLegibility; }

.content-body h2, .content-body h3, h2, h3 {
  font-family: "Citroen-regular", Ubuntu, Lato !important;
  text-rendering: optimizeLegibility;
  font-size: 32px;
  line-height: 36px; }

.content-body h4, h2, h3, h4 {
  font-size: 24px;
  line-height: 32px;
  font-family: "Citroen-regular", Ubuntu, Lato !important; }

/* Highlighted Headings */
.content-body h1, h1, .highlighted h1, .highlighted h2, .highlighted h3,
.highlighted h4, .highlighted h5, .highlighted h6 {
  font-family: "Citroen-bold", Ubuntu, Lato !important;
  text-rendering: optimizeLegibility; }

/* Top-bar branding styles */
.top-header-branding .container-header-branding {
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  overflow: hidden; }
  .top-header-branding .container-header-branding .top-brand-col-left {
    text-align: left;
    height: 55px;
    padding-left: 25px; }
    @media only screen and (max-width: 767px) {
      .top-header-branding .container-header-branding .top-brand-col-left {
        height: 90%;
        padding-left: 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 980px) {
      .top-header-branding .container-header-branding .top-brand-col-left {
        padding-left: 25px; } }
    .top-header-branding .container-header-branding .top-brand-col-left .logo-img {
      height: 55px;
      max-width: 100%; }
      @media only screen and (max-width: 475px) {
        .top-header-branding .container-header-branding .top-brand-col-left .logo-img {
          height: 40px; } }
  .top-header-branding .container-header-branding .top-brand-col-right {
    text-align: right;
    height: 100%;
    max-height: 55px;
    padding-right: 25px; }
    @media only screen and (max-width: 767px) {
      .top-header-branding .container-header-branding .top-brand-col-right {
        height: 90%;
        padding-right: 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 980px) {
      .top-header-branding .container-header-branding .top-brand-col-right {
        padding-right: 25px; } }
    .top-header-branding .container-header-branding .top-brand-col-right .logo-img {
      max-height: 40px;
      height: 100%;
      max-width: 100%;
      top: 10px;
      position: relative; }
      @media only screen and (max-width: 475px) {
        .top-header-branding .container-header-branding .top-brand-col-right .logo-img {
          height: 35px;
          top: 0; } }

/* Heading with description in header */
.responsive-image-overlay {
  position: absolute;
  top: 115px;
  bottom: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
  max-height: 650px; }

#site-branding {
  text-align: left !important;
  padding: calc(3rem + 3vw) 0; }
  #site-branding #site-title {
    text-transform: none;
    width: 100%;
    max-width: 700px; }
    #site-branding #site-title a {
      font-family: "Citroen-bold", Ubuntu, Lato;
      letter-spacing: 2px !important;
      line-height: 78px; }
      @media only screen and (min-width: 575px) {
        #site-branding #site-title a {
          line-height: 34px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        #site-branding #site-title a {
          line-height: 54px;
          font-size: 48px; } }
      @media only screen and (min-width: 768px) {
        #site-branding #site-title a {
          line-height: 48px; } }
  #site-branding #site-description {
    font-family: "Citroen-regular", Ubuntu, Lato;
    width: 100%;
    max-width: 700px;
    margin-left: 0;
    margin-right: 0;
    text-transform: none; }
    @media only screen and (max-width: 475px) {
      #site-branding #site-description {
        font-size: 24px;
        line-height: 26px;
        margin-top: 15px; } }
    @media only screen and (min-width: 476px) and (max-width: 767px) {
      #site-branding #site-description {
        font-size: 42px;
        line-height: 26px;
        margin-top: 32px; } }
    @media only screen and (min-width: 768px) {
      #site-branding #site-description {
        font-size: 48px;
        line-height: 52px;
        margin-top: 20px; } }

/*--------------------------------  Styling Amelia Event Form --------------------------------*/
/* Hide the calendar above the eventlist */
.am-event-about {
  border-top: none !important; }

.amelia-app-booking .v-calendar-column {
  display: none; }

.amelia-app-booking #am-events-booking .am-event-booking-status.full {
  background-color: #9d0605 !important; }

.amelia-app-booking #am-events-booking .am-event-booking-status.open {
  color: #ffffff !important;
  background-color: #5fce19 !important; }

.amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-info .am-event-title .am-event-booking-status.open:before {
  background-color: #ffffff !important; }

.amelia-app-booking, html .amelia-app-booking {
  font-family: "Citroen-regular", Ubuntu, Lato !important; }

.am-event-title, .am-event-sub-info-capacity, .am-event-booking-status {
  font-family: "Citroen-bold", Ubuntu, Lato !important;
  font-size: 14px !important; }

.amelia-app-booking .am-event-sub-info, .am-event-sub-info div,
.am-event-about div, .am-event-book-cta__inner span, .el-input-number, .el-form-item__label span {
  font-family: "Citroen-bold", Ubuntu, Lato !important; }

.am-event-date-month, .am-event-date-day {
  font-family: "Citroen-regular", Ubuntu, Lato !important; }

.el-form.am-confirm-booking-form input[type="text"], .el-form.am-confirm-booking-form input[type="email"], .el-form.am-confirm-booking-form input[type="tel"], .el-form.am-confirm-booking-form textarea {
  font-size: 18px !important; }

.amelia-app-booking #am-events-booking .am-event-list .am-event {
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 0 !important;
  margin-bottom: 10px !important;
  box-shadow: none !important; }

.el-button.el-button--primary {
  color: #ffffff;
  background-color: #9d0605 !important;
  border-color: #9d0605 !important;
  border-radius: 1.5rem !important;
  padding: 15px 36px !important;
  font-size: 16px !important; }
  .el-button.el-button--primary span {
    font-family: "Citroen-bold", Ubuntu, Lato !important; }

.el-button.el-button--default {
  border-color: #3b3938 !important;
  border-radius: 0px !important;
  padding: 15px 36px !important;
  font-size: 16px !important;
  color: #ffffff;
  background-color: #3b3938 !important; }
  .el-button.el-button--default span {
    font-family: "Citroen-bold", Ubuntu, Lato !important;
    color: #ffffff !important; }

.am-calendar-picker input[type="text"] {
  font-family: "Citroen-regular", Ubuntu, Lato !important; }

.amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-date, .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-dates {
  border: 1px solid #9d0605 !important;
  border-radius: -3px !important;
  width: 64px !important; }

.el-input input[type="text"] {
  font-family: "Citroen-regular", Ubuntu, Lato !important; }

.el-form-item__label {
  font-family: "Citroen-regular", Ubuntu, Lato !important;
  margin-bottom: 5px !important; }

.amelia-app-booking .el-form-item.am-custom-eventListForm-confirmBookingForm-event .el-checkbox.is-checked .el-checkbox__label {
  color: #9d0605 !important; }

.amelia-app-booking .el-checkbox__input.is-checked .el-checkbox__inner, .am-modal.am-in-body .el-checkbox__input.is-checked .el-checkbox__inner, .amelia-app-booking .el-checkbox__input.is-indeterminate .el-checkbox__inner, .am-modal.am-in-body .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #9d0605 !important;
  border-color: #9d0605 !important; }

.amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-date .am-event-date-month, .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-dates .am-event-date-month {
  border-bottom: 1px solid #9d0605 !important; }

.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-image {
  border-radius: 0 !important; }

.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-image img {
  border-radius: 0 !important; }

.amelia-app-booking #am-service-booking .am-service-description h3 {
  display: none !important; }

.amelia-app-booking #am-service-booking .am-service {
  background: #fff;
  margin: 0 !important;
  position: relative;
  padding: 24px;
  z-index: 3;
  border: 1px solid #9d0605; }

.amelia-app-booking #am-service-booking .am-service-gallery {
  display: none !important; }

.amelia-app-booking #am-service-booking .am-service .am-service-header {
  position: relative;
  margin-bottom: 20px;
  background: #9d0605; }

.amelia-app-booking.am-mobile-collapsed #am-service-booking .am-service .am-service-header {
  text-align: left !important;
  display: inline-flex !important;
  width: 100%;
  margin-bottom: 20px; }

.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-image {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0%;
  width: 200px;
  height: 200px;
  max-width: 200px;
  margin-right: 10px; }

.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-category-url {
  color: white !important; }

.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-title h2 {
  font-size: 28px;
  font-weight: 400;
  color: white !important; }

.amelia-app-booking #am-service-booking p {
  font-size: 14px;
  padding: 0;
  margin-bottom: 16px; }

.amelia-app-booking #amelia-booking-wrap #am-step-booking.am-mobile-collapsed .am-select-service, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-mobile-collapsed .am-select-service {
  transform: translateX(0%);
  width: 100%;
  padding: 16px !important;
  box-sizing: border-box; }

.am-category-service .button {
  text-transform: none !important; }

.amelia-app-booking #amelia-booking-wrap .el-form-item.am-select-catalogForm-selectServiceForm .el-input__inner {
  text-transform: lowercase !important; }

.amelia-app-booking #amelia-booking-wrap #am-step-booking, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {
  position: relative;
  max-width: 802px;
  align-items: top;
  border: 1px solid #9d0605;
  border-radius: 0px !important;
  box-shadow: none !important;
  background-color: transparent; }

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner {
  border: 1px solid #9d0605;
  border-radius: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important; }

#am-continue-button.el-button {
  background-color: #9d0605 !important;
  border: none !important;
  border-radius: 0 !important; }
  #am-continue-button.el-button span {
    color: white !important;
    font-family: "Citroen-bold", Ubuntu, Lato;
    letter-spacing: 1px; }

/* Footer */
#bottom-sidebar {
  background-color: #9d0605 !important;
  padding-top: 0 !important; }

#bottom-sidebar .widget {
  padding: 20px !important; }

.copyright {
  color: white !important;
  font-family: "Citroen-regular", Ubuntu, Lato !important; }

/*--------------------------------  END Styling Amelia Event Form --------------------------------*/
/* Mobile menu */
.mobile_menu_bar:before {
  color: red; }

.et_mobile_menu {
  border-color: red; }

/* CITROEN FONTS */
@font-face {
  font-family: 'Citroen-Regular';
  font-weight: 400;
  font-display: swap;
  src: url("./public/fonts/citroen/citroen-regular.woff2") format("woff2"), url("./public/fonts/citroen/citroen-regular.woff") format("woff"); }

@font-face {
  font-family: 'Citroen-Bold';
  font-weight: 700;
  font-display: swap;
  src: url("./public/fonts/citroen/citroen-bold.woff2") format("woff2"), url("./public/fonts/citroen/citroen-bold.woff") format("woff"); }