/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://conexion-salsa.de
Author: Anika Strobach
Author URI: https://stroberry.de
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html{
    scroll-behavior: auto;
  }
}
h1, h2 {
    padding-bottom: 2rem;
}
h3 {
  padding-bottom: 1.5rem;
}

p {
  padding-bottom: 1rem;
}

/* kein Zeilenumbruch */
.no-break {
  white-space: nowrap;
}

header a:hover {
  text-decoration: none;
  color: #323232 !important;
}
main a:hover {
  text-decoration: underline;
}

/* Links auf orangen Seiten */
div.orange a:where(:not(.wp-element-button)) {
  color: rgb(255, 255, 255) !important;
  font-weight: bold;
}
div.orange a:hover {
  color: #BC1F1E !important;
  text-decoration: none;
}

/* Breakpoint fuer Menu neu setzen */
@media screen and (max-width: 1200px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }

  .wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: center !important;
  }
}

/* Newsletter */
 header ul.wp-block-navigation__container li.newsletter {
  padding: 10px 14px;
  background-color:#bc1f1e;
  color:rgb(255, 255, 255);
 }

/* Social Media dynamische Groesse */
@media screen and (max-width: 1600px) {
  .wp-block-social-links {
    font-size: 16px;
    transition: all 1s ease;
  }
 }
 @media screen and (min-width: 1600px) {
  .wp-block-social-links {
    font-size: 24px;
    transition: all 1s ease;
  }
 }

 /* google maps Location / Tickets */
 a.googlemaps::before, .vsel-meta-link a::before {
  font-family: 'Dashicons';
  color:rgb(255, 255, 255);
  font-weight: 400;
  padding-right: 5px;
 }
  a.googlemaps::before {
      content: "\f230";
  }
  .vsel-meta-link a::before {
  content: "\f486";
  }
 a.googlemaps:hover::before, .vsel-meta-link a:hover::before {
  color: #BC1F1E !important;
 }

/* Runder Button */
.round {
    width: 160px;
    height:160px;
    border-radius:50%;
	min-width: 160px;
	min-height: 160px;
    }
    .round a {
   transform: rotate(0deg);
     transition: all 1s ease;
     hyphens: auto;
}
.round a:hover {
   transform: rotate(30deg);
}
@media screen and (max-width: 970px) {
    .round {
    width: 125px;
    height:125px;
	min-width: 125px;
	min-height: 125px;
    }
       .round a {
  font-size: .75rem !important;
    }
}
@media screen and (max-width: 780px) {
  .round {
    width: 200px;
    height:200px;
	min-width: 200px;
	min-height: 200px;
    }
    .round a {
  font-size: 1.25rem !important;
    }
}
@media screen and (max-width: 320px) {
    .round a {
  font-size: 1rem !important;
    }
}

/* Kontaktformular */
.wpcf7 p {
  padding-bottom: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  color: #333;
  font-size: 1rem;
  font-family: 'PT Sans', sans-serif;
  min-height: 30px;
  height: 30px;
}

input[type="submit"],
input[type="button"]
{
  padding: .8rem 2rem;
  background: #bc1f1e;
  color: #fff;
  font-family: 'PT Sans', sans-serif;
  font-size: 1.5rem;
  border: none;
  transition: all 1s ease;
}

input[type="submit"]:hover,
input[type="button"]:hover {
  background: #e75118;
  color: #323232;
  cursor: pointer;
}

/* swapple 
* {
  box-sizing: border-box;
}

.swapple-container {
    padding: 0.5rem;

  .swapple {
    height: 500px;
    width: 500px;
    position: relative;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: all 2s ease;

    .swapple-front,
    .swapple-back {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }

    .swapple-front {
      
    }

    .swapple-back {
    
      transform: rotateY(180deg);
      z-index: -1;
    }
  }

  &:hover .swapple {
    transform: rotateY(180deg)
  }
}*/