/*
Theme Name: Regnum Christi Shop
Theme URI: https://www.regnumchristi.eu/shop/
Author: DIGINOVUM
Author URI: https://www.regnumchristi.eu/shop/
Description: Individuelles Theme basierendes auf Bootstrap und ACF, SEO optimiert
Tags: boilerplate, clean, simple, bootstrap, seo
Text Domain: regnumchristi
*/

/***********************************************************************
〈 〉 | « » | ← → | ⟵ ⟶ | ‹ › | “ ” | – ⌄ ∨ 📷
❤ ☀ ★ ☂ ☎ ☏ ⌚ ❄ ♫ ☯ 🗸 ✓ ✔✔ 🗹 ✅ ☑
⨯ ✗ ✘ ❌ ☒ ❎ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀ ■
**********************************************************************/



/**********************************************************************
***  TWEAKS
*********************************************************************/
  svg{max-height:100%; /* chrome needs it  */}
  body.logged-in .navbar-fixed-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  img[class^="wp-image-"], img[class*=" wp-image-"] {display: block; max-width: 100%; height: auto;}
  :focus {outline:0; -webkit-outline: 0; -moz-outline: 0; -ms-outline: 0; -o-outline: 0;}
  .aligncenter {margin-left: auto; margin-right: auto;}
  .screen-reader-text {display: none!important;}
  .embed-responsive-3by4 {padding-bottom: 116.25%;}



/**********************************************************************
*** FONTS
*********************************************************************/
  /* open-sans-regular - latin */
    @font-face {
      font-family: 'Open Sans';
      font-display: swap;
      font-style: normal;
      font-weight: 400;
      src: url('./fonts/google/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('./fonts/google/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('./fonts/google/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('./fonts/google/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
    }

  /* open-sans-700 - latin */
    @font-face {
      font-family: 'Open Sans';
      font-display: swap;
      font-style: normal;
      font-weight: 700;
      src: url('./fonts/google/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('./fonts/google/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('./fonts/google/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('./fonts/google/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
    }

  /* open-sans-800 - latin */
    @font-face {
      font-family: 'Open Sans';
      font-display: swap;
      font-style: normal;
      font-weight: 800;
      src: url('./fonts/google/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('./fonts/google/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('./fonts/google/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
           url('./fonts/google/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
    }

  /* open-sans-italic - latin */
    @font-face {
      font-family: 'Open Sans';
      font-display: swap;
      font-style: italic;
      font-weight: 400;
      src: url('./fonts/google/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('./fonts/google/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('./fonts/google/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('./fonts/google/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('./fonts/google/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
    }

  /* gloria-hallelujah-regular - latin */
    @font-face {
      font-family: 'Gloria Hallelujah';
      font-display: swap;
      font-style: normal;
      font-weight: 400;
      src: url('./fonts/google/gloria-hallelujah-v17-latin-regular.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('./fonts/google/gloria-hallelujah-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('./fonts/google/gloria-hallelujah-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('./fonts/google/gloria-hallelujah-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('./fonts/google/gloria-hallelujah-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('./fonts/google/gloria-hallelujah-v17-latin-regular.svg#GloriaHallelujah') format('svg'); /* Legacy iOS */
    }

  .opensans {font-family: 'Open Sans';}
  .gloria {font-family: 'Gloria Hallelujah';}



/**********************************************************************
*** HELPER
*********************************************************************/
  .img-center {display: block; margin: 0 auto;}
  .hyphens {-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
  .box {padding: 15px;}
  .rounded {border-radius: 5px;}

  /*.full-height {height: 95vh; position: relative; display:table; width: 100%;}
  .vertical-table {display: table; width: 100%;}
  .vertical-centered {display: table-cell; vertical-align: middle; width: 100%;}*/


  /*****************************
  *** TEXT
  ******************************/
    .light, .light > p {font-weight: lighter;}
    .normal, .normal > p {font-weight: normal;}
    .bold, .bold > p {font-weight: bold;}
    .underline {text-decoration: underline;}
    .italic {font-style: italic!important;}
    .uppercase {text-transform: uppercase;}

    .right {text-align: right;}
    .right > img {float: right;}

    .left {text-align: left;}
    .left > img {float: left;}

    .center {text-align: center;}
    .center > img, img.center {margin:0 auto;}


  /*****************************
  *** PADDING
  ******************************/
    .padding {padding:15px;}

    .padding-xs {padding-top: 5px!important; padding-bottom: 5px!important;}
    .padding-xs-top {padding-top: 5px!important;}
    .padding-xs-bottom {padding-bottom: 5px!important;}

    .padding-s {padding-top: 15px!important; padding-bottom: 15px!important;}
    .padding-s-top {padding-top: 15px!important;}
    .padding-s-bottom {padding-bottom: 15px!important;}

    .padding-m {padding-top: 30px; padding-bottom: 30px;}
    .padding-m-top {padding-top: 30px!important;}
    .padding-m-bottom {padding-bottom: 30px!important;}

    .padding-l {padding-top: 60px!important; padding-bottom: 60px!important;}
    .padding-l-top {padding-top: 60px!important;}
    .padding-l-bottom {padding-bottom: 60px!important;}

    .padding-xl {padding-top: 90px!important; padding-bottom: 90px!important;}
    .padding-xl-top {padding-top: 90px!important;}
    .padding-xl-bottom {padding-bottom: 90px!important;}

    .padding-xxl {padding-top: 150px!important; padding-bottom: 150px!important;}
    .padding-xxl-top {padding-top: 150px!important;}
    .padding-xxl-bottom {padding-bottom: 150px!important;}

    .padding-0 {padding-top:0!important; padding-bottom:0!important;}
    .padding-0-bottom {padding-bottom:0!important;}
    .padding-0-top {padding-top:0!important;}

    .no-padding {padding-top:0!important; padding-bottom:0!important;}


  /*****************************
  *** MARGIN
  ******************************/
    .margin {margin: 15px;}

    .margin-s {margin-top: 15px!important; margin-bottom: 15px!important;}
    .margin-s-top {margin-top: 15px!important;}
    .margin-s-bottom {margin-bottom: 15px!important;}

    .margin-m {margin-top: 30px!important; margin-bottom: 30px!important;}
    .margin-m-top {margin-top: 30px!important;}
    .margin-m-bottom {margin-bottom: 30px!important;}

    .margin-l {margin-top: 60px!important; margin-bottom: 60px!important;}
    .margin-l-top {margin-top: 60px!important;}
    .margin-l-bottom {margin-bottom: 60px!important;}

    .margin-xl {margin-top: 90px!important; margin-bottom: 90px!important;}
    .margin-xl-top {margin-top: 90px!important;}
    .margin-xl-bottom {margin-bottom: 90px!important;}

    .margin-xxl {margin-top: 150px!important; margin-bottom: 150px!important;}
    .margin-xxl-top {margin-top: 150px!important;}
    .margin-xxl-bottom {margin-bottom: 150px!important;}

    .margin-0 {margin-top: 0!important; margin-bottom: 0!important;}
    .margin-0-bottom {margin-bottom: 0!important;}
    .margin-0-top {margin-top: 0!important;}


  /*****************************
  *** BORDER
  ******************************/
    .no-border,
    .no-border .border {border: 0 solid transparent!important;}
    .border {border: 1px solid #000;}
    .border-top-bottom {border-top: 1px solid black; border-bottom: 1px solid black;}
    .border-right-left {border-right: 1px solid black; border-left: 1px solid black;}
    .border-bottom {border-bottom: 1px solid black;}
    .border-top {border-top: 1px solid black;}
    .border-right {border-right: 1px solid black;}
    .border-left {border-left: 1px solid black;}


  /*****************************
  *** FLEX
  ******************************/
    .display-flex {display: flex; flex-wrap: wrap; justify-content: center;}
    .display-flex-item {display: flex; align-content: stretch; margin: 0 -.3px 30px;}

    .equal-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .equal-height > div[class*='col-'] {
      display: flex;
      flex-direction: column;
      /*margin-left: -1px;
      margin-right: -1px;*/
      justify-content: center;
    }



/**********************************************************************
*** STYLES FÜR regnumchristi
*********************************************************************/
  html.loaded {background-color: #fff;}
  html {font-size: 100%; -webkit-text-size-adjust: 100%; color: #fff;}

  body {
    background-color: #fff;
    color: #000;
    font-family: 'Open Sans';
    text-rendering: optimizeLegibility;
    font-size: 20px;
    padding-top: 95px;
    /*font-weight: 700;*/
    /*letter-spacing: 0.3px;*/
  }


  /*****************************
  *** TEXT
  ******************************/
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: 'Open Sans';
      font-weight: 800;
      margin-top: 0px;
      margin-bottom: 15px;
      color: #990000;
      line-height: 1.2em;
    }

    h1, .h1 {font-size: 60px; font-family: 'Gloria Hallelujah'!important;}
    h2, .h2 {font-size: 36px;}
    h3, .h3 {font-size: 28px;}
    h4, .h4 {font-size: 22px;}

    p {
      margin: 0 0 15px;
      /*line-height: 1.5rem;*/
    }

    small {}

    strong {}

    ul {}
    ul li {}

    small {font-size: .8rem; display: inline-block; line-height: 1.7;}
    figcaption {padding-top: 10px;}

    .xl {font-size: 40px!important;}
    .l {font-size: 30px!important;}
    .m {font-size: 20px!important;}
    .s {font-size: 18px!important;}
    .xs {font-size: .8rem!important;}


  /*****************************
  *** LINKS
  ******************************/
    a {
      color: #990000;
      transition: 0.3s all ease;
    }

    p > a {
      text-decoration: underline;
      font-weight: 300;
      margin: 12px 0 0;
      color: #424b5c;
      transition: 0.3s all ease;
    }
    a:hover {color: #990000;}
    a:focus {color: white; outline: none; outline-offset: -2px;}


  /*****************************
  *** COLORS
  ******************************/
    .white {color:white!important;}
    .black {color: #101010!important;}
    .lightgrey {color: #F7F7F7!important;}
    .grey {color: #899396!important;}
    /*.darkgrey {color: #1c1919!important;}*/
    .red {color: #990000!important;}

    .bg-white {background-color:white!important;}
    .bg-white-transparent {background-color: rgb(255,255,255,.8)!important;}
    .bg-black {background-color: #101010!important;}
    .bg-lightgrey {background-color: #F7F7F7!important;}
    .bg-grey {background-color: #899396!important;}
    /*.bg-darkgrey {background-color: #1c1919!important;}*/
    .bg-red {background-color: #990000!important;}

    .bg-gradient-0 #jarallax-container-0 {background-color: rgba(8, 29, 88, 0)!important;}
    .bg-gradient-20 #jarallax-container-0 {background-color: rgba(8, 29, 88, 0.2)!important;}
    .bg-gradient-40 #jarallax-container-0 {background-color: rgba(8, 29, 88, 0.4)!important;}



    .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6,
    .bg-red .h1, .bg-red .h2, .bg-red .h3, .bg-red .h4, .bg-red .h5, .bg-red .h6,
    .bg-red .content-item-text-wrapper,
    .bg-red .content-intro,
    .bg-red .content-outro {
      color: #fff;
    }


  /*****************************
  *** BUTTONS
  ******************************/
    .btn-regnumchristi {
      color: white;
      background-color: #990000;
      border: 2px solid white;
      border-radius: 12px;
      padding: 10px 30px;
      font-size: 16px;
      /*line-height: 21px;*/
      outline: 0 !important;
      text-align: center;
      vertical-align: middle;
      display: inline-block;
      transition: all .8s ease;
    }

    .btn-regnumchristi:hover,
    .btn-regnumchristi:focus,
    .btn-regnumchristi:active {
      background-color: #fff;
      color: #990000;
      border-color: #990000;
      text-decoration: none;
    }

    .btn-regnumchristi-active {
      color: #990000;
      background-color: #fff;
      border: 1px solid #990000;
      border-radius: 0px;
      padding: 10px 16px;
      font-size: 16px;
      /*line-height: 21px;*/
      outline: 0 !important;
      text-align: center;
      vertical-align: middle;
      display: inline-block;
      transition: all .8s ease;
    }

    .btn-regnumchristi-active:hover,
    .btn-regnumchristi-active:focus,
    .btn-regnumchristi-active:active {
      background-color: #990000;
      color: white;
      border-color: white;
      text-decoration: none;
    }

    .regnumchristi-text-link {
      font-weight: 600;
      position: relative;
      transition: color .5s ease;
    }

    .regnumchristi-text-link:hover {
      text-decoration: none;
      color: tomato;
    }


  /*****************************
  *** MISC
  ******************************/
    .shadow {box-shadow: 0px 3px 6px #00000029;}
    .shadow-s {box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.20);}
    .shadow-m {box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.20);}
    .shadow-l, .img-circle {box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px -4px rgba(0,0,0,0.20);}

    blockquote {
      font-family: 'Open Sans';
      /*font-style: italic;*/
      border-left-width: 0px;
      color: #000;
      padding: 30px 0px;
      margin: 0;
      font-size: 2.8rem;
      border-left: 0px solid white;
    }

    hr {
      margin-top: 0px;
      margin-bottom: 0px;
      border-color: #990000;
      border-width: 2px;
      border-radius: 1px;
      width: 100%;
    }

    .img-border-right {
      box-shadow: 40px 20px #990000;
      margin: 0 40px 20px 0;
    }

    .img-border-left {
      box-shadow: -40px 20px #990000;
      margin: 0 0 20px 40px;
    }



/**********************************************************************
*** PAGE-NAVIGATION
*********************************************************************/

  /*****************************
  *** NAVBAR
  ******************************/
    .navbar-regnumchristi {
      transition: 1s background-color ease;
      top: 0px;
      /*background-color: #990000;*/
      background-color: #fff;
      margin-bottom: 0;
      /*margin-top: 50px;*/
      box-shadow: 0 4px 8px -2px #333;
      padding: 15px 0;
      height: 100px;
    }

    .navbar-brand {
      padding: 0;
      height: 72px;
    }

    .navbar-brand > img {
      height:72px;
    }

    .navbar-regnumchristi .navbar-nav > li {
      transition: 1s all ease;
      /*border-bottom: 1px solid #000;*/
      background-color: transparent!important;
      padding: 23px 15px 12px;
    }

    .navbar-regnumchristi .nav li:hover > a {
      border-bottom: 2px solid white;
      background-color: transparent;
    }

    .navbar-regnumchristi .navbar-nav li a {
      font-family: 'Open Sans';
      font-size: 18px;
      font-weight: bold;
      color: white;
      padding: 0 0 5px;
      border-bottom: 1px solid #990000;
      background-color: transparent!important;
    }

    /*.navbar-regnumchristi .nav li.dropdown:hover > ul.dropdown-menu {
      display: block;
    }

    .navbar-nav > li > .dropdown-menu {
      background-color: #000000!important;
    }

    .navbar-nav > li > .dropdown-menu li {
      padding: 5px 15px;
      text-align: right;
    }

    .navbar-nav > li > .dropdown-menu li a {
      border-bottom: 1px solid #000;
    }*/

    .navbar-regnumchristi .nav li > a:focus {}

    .navbar-regnumchristi .nav li > a:hover,
    .navbar-regnumchristi .nav li.active > a {background-color: transparent!important;}

    #hauptmenu {}

    #menu-hauptmenu {}

    #logo {}



/**********************************************************************
*** PAGE-HEADER
*********************************************************************/
  #page-header {
    /*margin-bottom: 60px;*/
    background-size: cover;
  }

  #page-header.bg-gradient-20 #jarallax-container-0 > div::before {
    background-color: rgba(8, 29, 88, 0.2)!important;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  #page-header.bg-gradient-40 #jarallax-container-0 > div::before {
    background-color: rgba(8, 29, 88, 0.4)!important;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .page-header-text {
    color: white;
    text-shadow: 1px 1px 2px #7b808f;
    padding-bottom: 15px;
  }

  .page-header-text > p {
    margin-bottom: 0;
  }

  .page-header-content h1 {
    text-shadow: 1px 1px 2px #7b808f;
  }

  .page-header-content hr {
    border-color:  white;
  }



  /*****************************
  *** PAGE HEADER BG
  ******************************/
    #page-header-bg {}

    #page-header-bg {
      background-position: center center;
      background-size: cover;
      position: relative;
    }

    #page-header-bg .full-height {
      height: 700px;
      max-height: 1080px;
      position: relative;
    }

    .page-header-content {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
    }

    .page-header-content br {
      height: 3px;
    }

    #page-header-link {
      margin-top: 30px;
    }

    #page-header-link.btn-regnumchristi {
      background-color: transparent;
    }

    #page-header-link.btn-regnumchristi:hover,
    #page-header-link.btn-regnumchristi:focus,
    #page-header-link.btn-regnumchristi:active {
      color: #990000;
      border-color: #990000;
    }



/**********************************************************************
*** PAGE-CONTENT
*********************************************************************/
  #main-content {}

  #main-content .container,
  #main-content .container-fluid {}

  .content-section {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-intro > div > p:last-child,
  .content-intro > p:last-child,
  .content-area > div > p:last-child,
  .content-outro > div > p:last-child {margin-bottom: 0;}

  .content-title {
    padding-bottom: 30px;
    max-width: 1170px;
    margin: 0 auto;
    /*text-align: center;*/
  }

  .content-title > div {
    padding-left: 0;
    padding-right: 0;
  }

  .content-title-heading {
    margin-bottom: 0;
  }

  .content-title-subline {}

  .content-intro {
    padding-bottom: 30px;
    max-width: 1170px;
    margin: 0 auto;
  }

  .content-intro > div {
    padding-left: 0;
    padding-right: 0;
  }

  .content-area {}

  .content-item {
    padding-bottom: 30px;
  }

  .content-item-intro a.btn-regnumchristi {
    text-decoration:  none!important;
  }

  .content-title-subheading {
    margin-bottom: 15px;
  }

  .content-outro {
    padding: 60px 15px 0;
  }

  .content-link {text-align: center;}

  .img-content {}



  /*****************************
  *** TEXT
  ******************************/
    .content-section-text {}


  /*****************************
  *** IMAGE-TEXT
  ******************************/
    .content-section-image-text {}

    .content-section-image-text .content-title-heading {
      text-align: center;
    }

    .content-section-image-text .content-item-image {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }


  /*****************************
  *** MOOD
  ******************************/
    .content-section-mood {}

    .content-section-mood {
      padding: 200px 0;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .content-section-mood.mood-position-left,
    .content-section-mood.mood-position-left #jarallax-container-5 > div {
      background-position: 50% 80%!important;
    }

    .content-section-mood.mood-position-right {
      background-position: center left;
    }

    .mood-position-center {
      text-align: center;
    }

    .content-section-mood .content-title-heading {
      color: white;
      font-size: 3rem;
    }



  /*****************************
  *** IMAGE
  ******************************/
    .content-section-image {}

    .content-section-image .content-image-text-box {
      padding: 15px 0;
    }

    .content-section-image .content-image-item a,
    .content-section-image .content-image-item a img {
      display: block;
      margin: 0 auto;
    }


  /*****************************
  *** SHORTCODE
  ******************************/
    .content-section-shortcode {}



  /*****************************
  *** VIDEO
  ******************************/
    .content-section-video {}

    .content-section-video .content-title-heading {
      font-size: 44px;
    }

    .content-section-video .content-outro {
      font-size: 32px;
      padding-bottom: 0;
    }

    .embed-responsive {
      background-color: #f7f7f7;
    }



  /*****************************
  *** ICONS
  ******************************/
    .content-section-icons {}

    .content-section-icons .content-item-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 5px;
    }

    .content-section-icons .content-item-text {
      font-size: 16px;
      line-height: 1.2;
    }

    .img-content-icon {
      background-color: #900;
      border-radius: 50%;
      padding: 10px;
    }



/**********************************************************************
*** PAGE-SECTIONS
*********************************************************************/



/**********************************************************************
*** PAGE-FOOTER
*********************************************************************/
  #page-footer {}

  #page-footer {
    background-color: black;
    color: white;
    padding: 15px 0;
  }

  #page-footer a {
    color: white;
  }


  /*****************************
  *** PAGE-FOOTER-META-MENU
  ******************************/
    #page-footer-meta-menu {
      font-size: 14px;
    }

    #menu-footer {
      list-style-type: none;
      padding-left: 0;
    }

    #menu-footer li {
      display: inline-block;
      padding: 0 5px;
    }



/**********************************************************************
*** ANIMATIONS
*********************************************************************/
  /*.shine {
    background: #990000 -webkit-gradient(linear, left top, right top, from(#990000), to(#990000), color-stop(0.5, #990000)) 0 0 no-repeat;
    -webkit-background-size: 150px;
    color: rgba(255, 255, 255, 0.3);
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
  }

  @-webkit-keyframes shine {
    0%, 10% {
      background-position: -1000px;
    }
    20% {
      background-position: top left;
    }
    90% {
      background-position: top right;
    }
    100% {
      background-position: 1000px;
    }
  }*/



/**********************************************************************
*** FORMS
*********************************************************************/
  .wpcf7 {}

  .wpcf7 .form-control {
    border-radius: 0;
  }

  .wpcf7 .form-control:focus {
    box-shadow: inset 0 1px 1px #990000,0 0 5px #990000;
    border: 1px solid #e2e2e2;
  }

  .wpcf7 label {
    font-weight: normal;
  }

  .wpcf7 #legal {margin-right: 5px;}

  .wpcf7-acceptance {padding: 5px 0; display: block;}

  .wpcf7 .wpcf7-not-valid-tip,
  .wpcf7 .screen-reader-response,
  .wpcf7 .wpcf7-response-output {display: none!important;}
  .wpcf7 .wpcf7-not-valid {border: 2px solid #990000!important;}



/**********************************************************************
*** BREAKPOINT MAX 1200px
*********************************************************************/
  @media (max-width: 1200px) {

    /** BASICS **/
      body {}
      h1, .h1 {font-size: 3rem;}
      h2, .h2 {font-size: 2rem;}
      h3, .h3 {font-size: 1.7rem;}
      h4, .h4 {font-size: 1.4rem;}
      h5, .h5 {font-size: 1.2rem;}
      h6, .h6 {font-size: 1.2rem;}


    /** MENU **/


    /** HEADER **/


    /** CONTENT **/


    /** FOOTER **/


  }



/**********************************************************************
*** BREAKPOINT MAX 992px
*********************************************************************/
  @media (max-width: 992px) {

    /** BASICS **/
      body {}
      h1, .h1 {font-size: 3rem;}
      h2, .h2 {font-size: 2rem;}
      h3, .h3 {font-size: 1.7rem;}
      h4, .h4 {font-size: 1.4rem;}
      h5, .h5 {font-size: 1.2rem;}
      h6, .h6 {font-size: 1.2rem;}


    /** MENU **/
      #logo {}
      #hauptmenu {}
      .navbar-regnumchristi .navbar-nav > li {padding: 18px 12px 12px;}
      .navbar-regnumchristi .navbar-nav > li > a {}



    /** HEADER **/
      #page-header-bg {height: 50vh;}
      #page-header-bg .full-height {height: 50vh;}


    /** CONTENT **/
      .content-section {}
      .img-content-icon {max-width: 60px; float: right;}


    /** FOOTER **/



  }



/**********************************************************************
*** BREAKPOINT MAX 767px
*********************************************************************/
  @media (max-width: 767px) {

    /** BASICS **/
      body {
        padding-top: 80px;
        padding-bottom: 50px;
        font-size: 18px;
      }

       h1, h2, h3, h4, h5, h6,
      .h1, .h2, .h3, .h4, .h5, .h6 {
        hyphens: auto;
      }

      h1, .h1 {font-size: 3rem;}
      h2, .h2 {font-size: 2rem;}
      h3, .h3 {font-size: 1.5rem;}
      h4, .h4 {font-size: 1.4rem;}
      h5, .h5 {font-size: 1.2rem;}
      h6, .h6 {font-size: 1.2rem;}

      .equal-height {display: block;}
      .equal-height > div[class*="col-"] {display: block;}


    /** MENU **/
      .navbar-regnumchristi {padding: 8px 0 10px; height: 85px;}
      #nav-logo {height: 70px;}

      #hauptmenu {}
      .navbar-regnumchristi .navbar-nav > li {text-align: right;}
      .navbar-regnumchristi .navbar-nav > li > a {display: inline-block;}
      .navbar-toggle .icon-bar {background-color: #990000;}
      .caret {display: none;}


    /** HEADER **/
      #page-header-bg,
      #page-header-video .full-height {height: 50vh;}
      .page-header-content {position: relative;}
      #nav-logo-right {max-height: 50px; float: right; padding-right: 15px; margin-top: 10px;}


    /** CONTENT **/
      .content-section-video .content-outro {
        font-size: 23px;
      }

    /** PAGE **/
      #page-footer-mobile-links {height: 50px; overflow: hidden; box-shadow: 0px 5px 15px black;}
      #page-footer-mobile-links .shopify-buy__btn-wrapper {margin-top: 0px!important;}
      #page-footer-mobile-links #product-component-1662380149111 {max-width: none!important; transform: translateY(-20px);}


    /** FOOTER **/
      #page-footer-blocks {padding: 30px 0;}
      .page-footer-block {padding-bottom: 30px;}
      #footer-menu a {font-size: 12px;}
      #logo-footer {margin: 15px auto;}
      #mobile-home {line-height: 50px; display: block;}




  }



/**********************************************************************
*** BREAKPOINT MAX 640px
*********************************************************************/
  @media (max-width: 640px) {

    /** BASICS **/
      body {}
      h1, .h1 {font-size: 2rem;}
      h2, .h2 {font-size: 1.5rem;}
      h3, .h3 {font-size: 1.3rem;}
      h4, .h4 {font-size: 1.2rem;}
      h5, .h5 {font-size: 1.2rem;}
      h6, .h6 {font-size: 1.2rem;}


    /** MENU **/
      #logo {height: 30px;}
      #nav-logo-right {max-height: 30px; padding-right: 10px; margin-top: 20px;}
      #hauptmenu {}
      .navbar-regnumchristi .navbar-nav > li > a {}


    /** HEADER **/
      .page-header-content {width: 100%; padding: 0 15px;}


    /** CONTENT **/
      .content-section {}
      .content-section-mood .content-title-heading {font-size: 1.8rem;}
      .content-section-video .content-title-heading {font-size: 1.8rem;}



    /** FOOTER **/



  }


/**********************************************************************
*** IE 10+
*********************************************************************/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {



  }