/*
Theme Name: Mesmerize Child
Description: Ein Childtheme von Mesmerize
Author: Carlos Baez
Author URI: www.baezdesign.de
Template: mesmerize
Version: 1.0
Tags: Euphrat Grill Restaurant, Grillgerichte, Türkisch, Doner, Lammspieße, Türkische Spezialitäten, Frankfurt, Hanau, Offenbach, Hessen, Deutschland, Wiesbaden, Mainz, Darmstadt, Rhein-Main, Taunusstein
*/

  body {
      color: #2E2D2C;
  }

  .header, 
  .header-homepage,
  .header-wrapper {
    display: none;
  }

  html, body, .p {
      font-size: 16px;
      line-height: 1.5rem;
      font-weight: 300;
  }

  .mesmerize-inner-page .page-content, 
  .mesmerize-inner-page .content, 
  .mesmerize-front-page.mesmerize-content-padding .page-content {
    background-color: #ffffff !important;
  }

/*//////////////////////////////////Header Anfang*/

  a i.fa {
    color: #ffffff;
  }

  a i.fa:hover {
    color: #A99059;
  }

  .header-top-bar {
    background-color: #2E2D2C;
    padding-left: 5%;
    padding-right: 5%;
  }

  .top-bar-field {
    float: left;
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    padding: 11px 15px;
  }

  .top-bar-field a:link {
    color: #ffffff;
  }

  .top-bar-field a:hover {
    color: #A99059;
  }

  .top-bar-social-icons a:hover {
    color: #2E2D2C;
  }

  p.header-subtitle2,
  p.header-subtitle {
    font-family: "Muli", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 130%;
    color: #ffffff;
    margin-bottom: 1.25rem;
  }

  .inner-header-description.gridContainer {
    display: none;
  }

  .inner-header-description {
    display: none;
  }

  ul.dropdown-menu > li > a {
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

/*//////////////////////////////////Header Ende*/


/*//////////////////////////////////Smart Slider Anfang*/

.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0px !important;
}

/*//////////////////////////////////Smart Slider Ende*/


/*//////////////////////////////////Links Anfang*/

  a {
    color: #2E2D2C;
    text-decoration: none;
  }

  a:hover {
    color: #2E2D2C;
  }

  a:link  { 
    color: #A99059;
  }

  a:active  {
  } 

  a.color1:not(.button):hover {
    color: #2E2D2C;
  }

/*//////////////////////////////////Links Ende*/


/*//////////////////////////////////Farben Anfang*/

  element.style {
    fill: #2E2D2C;
  }

  .staedte {
    color: #2E2D2C;
  }

  .color1 {
    color: #2E2D2C;
  }

  .bg-color1 {
    background-color: #2E2D2C;
  }

  .border-color1 {
    border-color: #2E2D2C;
  }

  a.color1:not(.button) {
    color: #2E2D2C;
  }

  hr.small-line.color1 {
    background-color: #2E2D2C;
  }

  .circle-counter.color1 .circle-bar {
    stroke: #2E2D2C;
  }

  a {
    color: #2E2D2C;
  }

  .read-more {
    color: #2E2D2C;
  }

  .read-more.color1 {
    color: #2E2D2C;
  }

  .tags-list a:hover {
    background-color: #2E2D2C;
    border-color: #2E2D2C;
  }

  .read-more.color1:hover {
    color: #2E2D2C;
  }

  .nav-links .prev-navigation a:hover, .post-comments .navigation .prev-navigation a:hover,
  .nav-links .next-navigation a:hover, .post-comments .navigation .next-navigation a:hover {
    background-color: #2E2D2C;
  }

  .sidebar .widget > ul > li a:hover {
    color: #2E2D2C;
  }

  .subscribe-form input[type="submit"]:hover {
    background-color: #2E2D2C;
    border-color: #2E2D2C;
  }

  .contact-form-wrapper input[type=submit]:hover {
    background-color: #2E2D2C;
    border-color: #2E2D2C;
  }

  .wpforms-form button[type=submit].wpforms-submit.color1:hover {
    background-color: #2E2D2C;
    border-color: #2E2D2C;
  }

  .comment-list li.comment.byuser {
    border: 1px solid #2E2D2C;
  }

  .comment-reply-link {
    color: #2E2D2C;
  }

  svg.section-separator-top path,
  svg.section-separator-bottom path {
    background-color: #2E2D2C;
  }

  i.fa.icon.bordered, i.fa.icon.card[class*="bottom-border-"] {
    border: 2px solid #2E2D2C;
  }

  i.fa.icon.reverse {
    background-color: #2E2D2C;
  }

  hr.small-line {
    background-color: #2E2D2C;
  }

  .subscribe-form input[type="submit"] {
    background-color: #2E2D2C;
    border: 2px solid #2E2D2C;
  }

  .top-right-triangle.color1 {
    border-right-color: #2E2D2C;
  }

  .checked.decoration-color1 li:before {
    color: #2E2D2C;
  }

  .stared.decoration-color1 li:before {
    color: #2E2D2C;
  }

  .card.bottom-border-color1 {
    border-bottom-color: #2E2D2C;
  }

  .card.card-color1 {
    background-color: #2E2D2C;
  }

  .card.bg-color1 {
    background-color: #2E2D2C;
  }

  .border-color1 {
    border-color: #2E2D2C;
  }

  .contact-form-wrapper input[type=submit] {
    background-color: #2E2D2C;
    border: 2px solid #2E2D2C;
  }

  .wpforms-form button[type=submit].wpforms-submit.color1.outline {
    color: #2E2D2C;
    border-color: #2E2D2C;
  }

  .background-blue {
    background-color: #2E2D2C;
    width: 100%;
    padding: 25px 0 25px 0;
  }

  .font-white {
    color: #ffffff;
  }

/*//////////////////////////////////Farben Ende*/


/*//////////////////////////////////Footer Anfang*/

  .footer-contact-boxes .footer-content {
    background-color: #000;
  }

  .footer-contact-boxes a:hover {
    color: #2E2D2C;
  }

  .mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content {
    padding-bottom: 2rem;
  }

  .footer a:hover {
    color: #A99059;
    text-decoration: none;
  }

  .footer a {
    color: #ffffff;
    text-decoration: none;
  }

  .footer-contact-boxes .col-sm-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer {
    color: #2E2D2C;
    text-decoration: none;
  }

  .footer-nav {
    text-align: center;
  }

  .footer-contact-boxes .footer-bg-accent {
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #000000;
    color:#ffffff;
  }

  .footer a:hover {
    color: #A99059;
  }

  .footer a:hover .fa {
      color: #2E2D2C;
  }

  .footer form input[type="submit"] {
    background-color: #2E2D2C;
    outline: 1px solid #2E2D2C;
  }

  .footer-contact-boxes a {
    color: #A99059;
  }

  .footer-contact-boxes a:hover {
    color: #ffffff;
  }

  .footer-contact-boxes .fa:hover{
    color: #A99059;
  }

  .footer-contact-boxes .fa {
    color: #A99059;
  }

  .footer-content-lists .footer-content {
    background-color: #000000;
  }

  .footer-content-lists h1,
  .footer-content-lists h2, 
  .footer-content-lists h3, 
  .footer-content-lists h4, 
  .footer-content-lists h5, 
  .footer-content-lists .comment-author .fn, 
  .comment-author .footer-content-lists .fn, 
  .footer-content-lists h6 {
    color: #A99059;
  }

  .footer-content-lists .textwidget p {
    color: #ffffff;
  }

  .footer-content-lists p {
    color: #ffffff;
  }

  i.fa.fa-facebook-official {
    color: #3b5998;
  }

  i.fa.fa-instagram {
    color: #e1306c;
  }

  .footer-content-lists .widget li a:hover {
    border-bottom: none;
    text-decoration: none;
}

.footer-content-lists .widgets-row > * {
  border-left: 0px solid;
}

/*//////////////////////////////////Footer Ende*/


/*//////////////////////////////////Schrift Anfang*/

  label {
    color: #2E2D2C;
    margin-bottom: 4px;
    font-size: 15px;
  }

  h1.hero-title {
    color: #ffffff;
    margin-bottom: 0.5rem;
    font-size: 4.0rem;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: 0.9px;
    text-shadow: 2px 2px 5px #999999;
  }

  h1.title, h1, h2, h3, h4, h5, .comment-author .fn, h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #2E2D2C;
    text-rendering: optimizeLegibility;
    margin-bottom: 16px;
  }

  p.header-subtitle2, p.header-subtitle {
    font-family: "Open Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 130%;
    color: #ffffff;
    margin-bottom: 1.25rem;
  }

  h3,
  .h3 {
    color:#2E2D2C;
  }

  h4,
  .h4 {
    color:#2E2D2C;
  }

/*//////////////////////////////////Schrift Ende*/


/*//////////////////////////////////Navigation Anfang*/

  .navigation-bar.fixto-fixed {
    transform: translateZ(0);
    background-color: #2E2D2C;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
    opacity: 1;
  }

  .navigation-bar.coloured-nav.bordered {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
  }

  .navigation-bar.fixto-fixed {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
  }

  .coloured-nav ul.dropdown-menu > li,
  .fixto-fixed ul.dropdown-menu > li {
    color: #ffffff !important;
  }

  .navigation-bar.coloured-nav {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.33)
  }

  .navigation-bar.coloured-nav {
    background-color: #000000;;
  }

  ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
  ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
  ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #2E2D2C;
  }

  ul.dropdown-menu > li:hover > a, ul.dropdown-menu > li.hover > a {
    color: #A99059;
  }

  ul.dropdown-menu.simple-menu-items > .current_page_item > a,
  ul.dropdown-menu.simple-menu-items > .current-menu-item > a {
    color: #A99059;
  }

  ul.dropdown-menu.active-line-bottom > .current_page_item > a,
  ul.dropdown-menu.active-line-bottom > .current-menu-item > a, ul.dropdown-menu.default > .current_page_item > a,
  ul.dropdown-menu.default > .current-menu-item > a {
    border-bottom: 3px solid #2E2D2C;
  }

  ul.dropdown-menu.active-line-top > .current_page_item > a,
  ul.dropdown-menu.active-line-top > .current-menu-item > a {
    border-top: 3px solid #2E2D2C;
  }

  ul.dropdown-menu.active-round-button > .current_page_item > a,
  ul.dropdown-menu.active-round-button > .current-menu-item > a {
    background-color: #2E2D2C;
  }

  ul.dropdown-menu.active-arrow-down > .current_page_item:after,
  ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
    border-color: transparent transparent #2E2D2C transparent;
  }

  ul.dropdown-menu.active-round-border-button > .current_page_item > a,
  ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
    border: 2px solid #2E2D2C;
    color: #2E2D2C;
  }

  ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
  ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
    border-top: 1px solid #2E2D2C;
    border-bottom: 1px solid #2E2D2C;
    color: #2E2D2C;
  }

  .coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
  .coloured-nav ul.dropdown-menu.default > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.default > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.default > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.default > .current-menu-item > a {
    color: #A99059;
  }

  .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
  .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #A99059;
  }

  .coloured-nav ul.dropdown-menu.active-line-top > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-line-top > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > .current-menu-item > a {
    border-top: 3px solid #2E2D2C;
  }

  .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #2E2D2C;
  }

  .coloured-nav ul.dropdown-menu.active-round-button > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-round-button > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > .current-menu-item > a {
    background-color: #2E2D2C;
  }

  .coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
    border: 2px solid #2E2D2C;
    color: #2E2D2C;
  }

  .coloured-nav ul.dropdown-menu.active-arrow-down > .current_page_item:after,
  .coloured-nav ul.dropdown-menu.active-arrow-down > .current-menu-item:after,
  .fixto-fixed ul.dropdown-menu.active-arrow-down > .current_page_item:after,
  .fixto-fixed ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
    border-color: transparent transparent #2E2D2C transparent;
  }

  .coloured-nav ul.dropdown-menu.active-round-border-button > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-round-border-button > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
    border: 2px solid #2E2D2C;
    color: #2E2D2C
  }

  .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
    border: 2px solid #2E2D2C;
    color: #2E2D2C;
  }

  .coloured-nav ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
    border-top: 1px solid #2E2D2C;
    border-bottom: 1px solid #2E2D2C;
    color: #2E2D2C;
  }

  .coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #2E2D2C;
  }

  .nav-links .prev-navigation a, .post-comments .navigation .prev-navigation a,
  .nav-links .next-navigation a, .post-comments .navigation .next-navigation a {
    border: solid 2px #2E2D2C;
    color: #2E2D2C;
  }

  .nav-links .numbers-navigation span.current, 
  .post-comments .navigation .numbers-navigation span.current, 
  .nav-links .numbers-navigation a:hover, 
  .post-comments .navigation .numbers-navigation a:hover {
    background-color: #2E2D2C;
  }

  #offcanvas-wrapper {
    background-color: #2E2D2C !important;
  }

  .offcanvas_menu li a {
    font-size: 1.0rem;
  }

/*//////////////////////////////////Navigation Ende*/


/*//////////////////////////////////Mobile Ansicht Anfang*/

@media (max-width: 768px) {
  h1.hero-title {
    font-size: 2.5rem;
    font-weight: 300;
  } 
}

@media (max-width: 768px) {
  .bigline {
      margin: 0 auto;
      margin-bottom: 20px;
  } 
}

@media (max-width: 768px) {
  .button8,
  .overlay.bg-color1 {
    margin-bottom: 40px;
  } 
}

@media (max-width: 768px) {
  .header-homepage .header-description-row {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  } 
}

@media (max-width: 768px) {
  .col-md-4 {
    padding-top: 30px;
  } 
}

/*//////////////////////////////////Mobile Ansicht Ende*/


/*/////////////////////////////// Mobil Menue Anfang*/

  .offcanvas_menu li.open > a, .offcanvas_menu li.open > a:hover {
    background-color: #ffffff;
    color: #2E2D2C;
    border-left: 3px solid #2E2D2C;
  }

/*/////////////////////////////// Mobil Menue Ende*/

.comments-form,
.post-comments {
  display:none;
}