/*
Theme Name: Golfyr
Text Domain: golfyr
Version: 1.0
Author: https://ddcom.ch
*/







/* ===============
transferred styles
==================*/

/* home-teaser */

@media screen and (max-width: 991px){
  #maker-teaser.image-large-content .justify-content-end{
    justify-content: flex-start!important;
  }
  #maker-teaser.image-large-content .wrapper .content-all{
    padding-top: 100px;
  }
}



/* black page */
body.default-p1-1920-black.default-p1-1920 .navbar-p1:not(.dark),
body.default-p1-1920-black.default-p1-1920 .navbar-p1:not(.dark) .container .sub-menu{
  background-color: #282828;
}
.default-p1-1920 .navbar-p1:not(.dark) .container .maker-menu-item a{
  color: #FFF3DA!important;
}
body.default-p1-1920-black .club-tech-specs{
  background-color: #282828;
}
body.default-p1-1920-black .club-tech-specs h2,
footer.footer-home-p1.footer-p1-1920-black .slogan,
footer.footer-home-p1.footer-p1-1920-black .footer-primary-wrapper ul li a:hover,
footer.footer-home-p1.footer-p1-1920-black .footer-primary-wrapper .title,
footer.footer-home-p1.footer-p1-1920-black .data-wrapper .data-nav li a{
  color: white;
}
footer.footer-home-p1.footer-p1-1920-black .footer-primary-wrapper ul li a, footer.footer-home-p1.footer-p1-1920-black .address,
footer.footer-home-p1.footer-p1-1920-black .data-wrapper .data-nav li a:hover{
  color: rgba(255, 255, 255, 0.4);
}
body.default-p1-1920-black .club-tech-specs hr,
footer.footer-home-p1.footer-p1-1920-black hr{
  background-color: white;
}
body.default-p1-1920-black .club-tech-specs .swiper-scrollbar{
  background: rgba(255, 255, 255, 0.20);
}
body.default-p1-1920-black .club-tech-specs .swiper-scrollbar .swiper-scrollbar-drag{
  background: white;
}
body.default-p1-1920-black .club-tech-specs .swiper-buttons .swiper-club-tech-specs-button-next img,
body.default-p1-1920-black .club-tech-specs .swiper-buttons .swiper-club-tech-specs-button-prev img{
  opacity: 0;
}
body.default-p1-1920-black .club-tech-specs .swiper-buttons .swiper-club-tech-specs-button-next,
body.default-p1-1920-black .club-tech-specs .swiper-buttons .swiper-club-tech-specs-button-prev{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
body.default-p1-1920-black .club-tech-specs .swiper-buttons .swiper-club-tech-specs-button-next{
  background-image: url(/wp-content/themes/golfyr/includes/img/slider-arrow-p1-white.png);
}
body.default-p1-1920-black .club-tech-specs .swiper-buttons .swiper-club-tech-specs-button-prev{
  background-image: url(/wp-content/themes/golfyr/includes/img/slider-arrow-p1-white-left.png);
}
footer.footer-p1-1920-black .some-wrapper .some-nav .linkedin a{
  background-image: url(/wp-content/themes/golfyr/includes/img/linkedin-white.svg);
}
footer.footer-p1-1920-black .some-wrapper .some-nav .facebook a{
  background-image: url(/wp-content/themes/golfyr/includes/img/facebook-white.svg);
}
footer.footer-p1-1920-black .some-wrapper .some-nav .instagram a{
  background-image: url(/wp-content/themes/golfyr/includes/img/instagram-white.svg);
}
footer.footer-p1-1920-black .some-wrapper .some-nav .twitter a{
  background-image: url(/wp-content/themes/golfyr/includes/img/x-white.svg);
}
footer.footer-p1-1920-black .some-wrapper .some-nav .youtube a{
  background-image: url(/wp-content/themes/golfyr/includes/img/youtube-white-1.png);
}
footer.footer-home-p1.footer-p1-1920-black .footer-primary-wrapper .title, footer.footer-home-p1.footer-p1-1920-black .some-wrapper{
  border-color: white;
}

@media (min-width: 1200px) and (max-width: 1520px){
  .default-p1-1920 .navbar-p1 #main-navbar{
    margin-left: 40px!important;
  }
 .default-p1-1920 .navbar-p1 .container .menu-item {
    margin: 0 12px 0 0!important;
  }
  .default-p1-1920 .navbar-p1 .container .menu-item a {
    padding: 0 16px!important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px){
  .default-p1-1920 .navbar-p1 .container .menu-item a {
    padding: 0 8px!important;
  }
  .default-p1-1920 .navbar-p1 #main-navbar{
    margin-left: 8px!important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .default-p1-1920 .navbar-p1 #main-navbar{
    margin-left: 0!important;
  }
  .default-p1-1920  .navbar-p1 .container .menu-item {
    margin: 0 6px 0 0!important;
  }
  .default-p1-1920 .navbar-p1 .container .menu-item a {
    padding: 0!important;
  }
}
/* maker-tour grid component*/
.maker-tour-grid_wrapper.top-margin{
  padding-top: var(--offet-default);
}
.maker-tour-grid_wrapper.bottom-margin{
  padding-bottom: var(--offet-default);
}
.maker-tour-grid_inner{
  display: grid;
  grid-gap: 16px;
}
.maker-tour-grid_item{
  background: #FFF3DA;
  padding: 30px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  color: black;
}
.maker-tour-grid_item.top_text{
  flex-direction: column-reverse;
}
.maker-tour_item-content{
  display: grid;
  grid-gap: 4px;
}
.maker-tour-grid_item.signature img{
  width: 100%;
  height: 106px;
  object-fit: contain;
}
.maker-tour_item-headline p{
  font-family: "AeonikPro-Medium";
  font-size: 90px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.maker-tour-grid_item:nth-child(4n+3){
  padding-bottom: 0;
  gap: 20px;
}
.maker-tour-grid_item.putter .maker-tour_item-media{
  text-align: center;
}
.maker-tour-grid_item.putter img{
  max-width: 250px;
  height: auto;
}
@media (min-width: 768px) {
  .maker-tour-grid_item{
    padding: 40px 24px 24px;
  }
  .maker-tour-grid_inner{
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .maker-tour-grid_item:nth-child(4n+1) {
    grid-column: 1;
  }
  .maker-tour-grid_item:nth-child(4n+2) {
    grid-column: 1;
  }
  .maker-tour-grid_item:nth-child(4n+3) {
    grid-column: 2;
    grid-row: 1 / span 2;
    height: 100%;
  }
  .maker-tour-grid_item:nth-child(4n+4) {
    grid-column: 1 / -1;
  }
  .maker-tour-grid_item.putter img {
    max-width: 306px;
  }
}
@media (min-width: 1200px) {
  .maker-tour-grid_inner{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .maker-tour-grid_item:nth-child(4n+1) {
    grid-column: 1;
    grid-row: span 1;
  }
  .maker-tour-grid_item:nth-child(4n+2) {
    grid-column: 2;
    grid-row: span 1;
  }
  .maker-tour-grid_item:nth-child(4n+3) {
    grid-column: 3;
    grid-row: span 2;
    height: 100%;
  }
  .maker-tour-grid_item:nth-child(4n+4) {
    grid-column: 1 / span 2;
    grid-row: span 1;
  }
  .maker-tour-grid_item{
    padding: 48px 40px 36px;
    gap: 32px;
  }
  .maker-tour_item-headline p{
    font-size: 106px;
  }
  .maker-tour-grid_item.signature img {
    height: 134px;
  }
  .maker-tour-grid_item.putter .maker-tour_item-media{
    flex: 1;
    position: relative;
  }
  .maker-tour-grid_item.putter img{
    position: absolute;
    inset: 0;
    object-fit: contain;
    object-position: center bottom;
    max-width: 100%;
    height: 100%;
    width: 100%;
  }
  .maker-tour-grid_item.signature .custom_text{
    max-width: 206px;
  }
}
@media (min-width: 1920px) {
  .maker-tour-grid_item{
    gap: 40px;
    padding: 56px 48px 40px;
  }
  .maker-tour-grid_item.signature .custom_text {
    max-width: 280px;
  }
  .maker-tour_item-headline p {
    font-size: 120px;
  }
  .maker-tour-grid_item.signature img {
    height: 148px;
  }
}

/* maker-tour hero component*/
main:has(.hero-maker){
  overflow: hidden;
}
.hero-maker{
  background: #282828;
}
.hero-maker .container{
  padding-top: 120px;
}
.hero-maker-content{
  margin-top: 56px;
  color: white;
}
.hero-maker-content.no_image{
  padding-bottom: var(--offet-lg);
}
.hero-maker-content .cta-wrapper{
  padding-top: 16px;
}
.hero-maker .pre-headline{
  font-family: "AeonikPro-Medium";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 109.075%;
  margin-bottom: 16px;
  letter-spacing: .02em;
  color: #909090;
}
.hero-maker h1{
  font-family: "AeonikPro-Medium";
  font-size: 98px;
  font-style: normal;
  font-weight: 700;
  line-height: 0.891;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #FFF3DA;
}
.hero-maker-content p{
  font-family: "AeonikPro-Medium";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hero-maker-image{
  position: relative;
  height: 316px;
}
.hero-maker-image img{
  position: absolute;
  bottom: -40px;
  left: 78%;
  transform: translate(-50%);
  height: 420px;
  width: auto;
  max-width: none;
  /* pointer-events: none; */
}
.maker-tour_item-media:empty{
  display: none;
}
.hero-maker a.btn.btn-light{
  border: 2px solid rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.1);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  padding: 16px 40px;
}
.hero-maker a.btn.btn-light:hover{
  color: #000;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(255, 255, 255);
}
@media (min-width: 768px) {
  .hero-maker-content .cta-wrapper{
    padding-top: 24px;
  }
  .hero-maker-content .cta-wrapper, .hero-maker-content .content{
    max-width: 480px;
  }
  .hero-maker h1{
    font-size: 160px;
  }
  .hero-maker-image img{
    left: 80%;
    height: 680px;
  }
  .hero-maker-image {
    height: 360px;
  }
  .hero-maker .pre-headline{
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .hero-maker .container{
    /* height: 100vh; */
    min-height: 100vh;
  }
  .hero-maker-content{
    margin-top: auto;
    padding-top: min(6vh, 80px);
    padding-bottom: 80px;
  }
  .hero-maker .pre-headline{
    text-align: right;
  }
  .hero-maker-image{
    height: auto;
  }
  .hero-maker h1 {
    font-size: 220px;
  }
  .hero-maker-image img {
    height: 84vh;
    min-height: 620px;
    bottom: -10vh;
    max-height: 1080px;
  }
  .hero-maker .pre-headline{
    margin-bottom: 8px;
  }
  .hero-maker .container{
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  .hero-maker .container{
    padding-top: calc(35px + 4vh);
  }
  .hero-maker-content .cta-wrapper{
    padding-top: min(3.5vh, 26px);
  }
  .hero-maker h1 {
    font-size: min(32vh,300px);
  }
  .hero-maker .pre-headline{
    font-size: min(3.24vh, 28px);
  }
  .hero-maker-image img {
    height: 110vh;
    left: 78%;
    min-height: 40px;
    bottom: auto;
    top: 16vh;
  }
  .hero-maker-image{
    position: static;
  }
  .hero-maker-content {
    padding-top: min(2vh, 80px);
    padding-bottom: min(8vh, 80px);
  }
}
@media (min-width: 1400px) {
  .hero-maker .pre-headline{
    margin-bottom: 0;
    transform: translateY(24px);
  }
}
@media (min-width: 1920px) {
  .hero-maker-content .cta-wrapper{
    padding-top: 26px;
  }
  .hero-maker h1 {
  font-size: min(33vh, 320px);
  }
  .hero-maker-image img {
    height: 116vh;
    left: 76%;
    top: 18vh;
  }
  .hero-maker-content {
    padding-top: min(3vh, 80px);
    padding-bottom: min(10vh, 160px);
  }
  .hero-maker .pre-headline {
    font-size: min(4.56vh, 42px)
  }
  .hero-maker .container{
    padding-top: calc(35px + 6vh);
  }
}

/* maker-tour tech-specs component*/
#maker-tour-tech-specs.club-tech-specs{
  padding-bottom: 0;
}
@media (min-width: 992px) {
  #maker-tour-tech-specs.club-tech-specs .row:has(.col-8){
    padding-bottom: 16px;
  }
}

/* information-plates component*/
.information-plates-wrapper{
  --col: 1;
  --gap: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: flex-end;
}
.information-plates-wrapper article{
  width: calc((100% / var(--col)) - ((var(--gap) / var(--col)) * ((var(--col) - 1))));
  position: relative;
}
.information-plates-wrapper .content-wrapper{
  color: white;
  text-align: right;
  padding: 52px 16px 16px 24px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
@media (min-width: 768px) {
  .information-plates-wrapper .content-wrapper{
    padding: 80px 32px 32px 40px;
  }
}
@media (min-width: 992px) {
  .information-plates-wrapper{
    --col: 3;
    --gap: 20px;
  }
  .information-plates-wrapper .content-wrapper{
    padding: 38px 24px 32px 24px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    width: 100%;
    text-align: left;
  }
  .information-plates-wrapper article{
    display: flex;
    align-items: flex-end;
    min-height: 33.333vw;
  }
}
@media (min-width: 1200px) {
  .information-plates-wrapper{
    --col: 4;
  }
  .information-plates-wrapper article{
    min-height: min(27.5vw, 532px);
  }
}

/* image and quote component*/
.image-quote-content .wrapper{
  min-height: 80vh;
  position: relative;
}
.image-quote-content .wrapper .background, .information-plates-wrapper article .image-wrapper{
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.image-quote-content .wrapper .background .image-wrapper{
  width: 100%;
  height: 100%;
}
.image-quote-content .wrapper .background .image-wrapper img, .information-plates-wrapper article .image-wrapper img{
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.image-quote-content .content-all{
  color: white;
  padding-top: 56px;
  padding-bottom: 100px;
}
.image-quote-content.bottom-margin{
  padding-top: var(--offet-lg);
}
.image-quote-content.top-margin{
  padding-bottom: var(--offet-lg);
}
@media (min-width: 992px) {
  .image-quote-content .wrapper{
    min-height: 51vw;
  }
  .image-quote-content .content-all{
    padding-top: 4vw;
    padding-bottom: 15vw;
  }
}
@media (min-width: 1920px) {
  .image-quote-content .wrapper{
    min-height: 44vw;
  }
}
@media (min-width: 2560px) {
  .image-quote-content .wrapper{
    min-height: 34vw;
  }
}
/* cta component */
.cta_wrapper{
  padding: var(--offet-default) 16px;
  text-align: center;
  margin-inline: -16px;
  width: auto;
  color: black;
}
.cta-text.top-lg{
  padding-top: var(--offet-lg);
}
.cta-text.top-xl{
  padding-top: var(--offet-xl);
}
.cta-text.bottom-md{
  padding-bottom: var(--offet-md);
}
.cta_inner{
  max-width: 100%;
  margin-inline: auto;
}
.btn.btn-dark.btn-black{
  background-color: #000;
  border-color: #000;
}
.btn.btn-dark.btn-black:hover{
  color: #000;
}
.cta_wrapper .btn{
  margin-top: 56px;
}
.cta_wrapper a.btn.btn-dark{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  padding: 16px 40px;
  border-width: 2px;
}
@media (min-width: 768px) {
  .cta_wrapper{
    padding-inline: 20px;
    margin-inline: -20px;
  }
  .cta_wrapper .btn{
    margin-top: 64px;
  }
}
@media (min-width: 992px) {
  .cta_inner {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .cta_wrapper{
    padding-inline: 0;
    margin-inline: 0;
    width: 100%;
  }
  .cta_wrapper .btn{
    margin-top: 72px;
  }
  .cta_inner {
    max-width: 888px;
  }
}
@media (min-width: 1400px) {
  .cta_inner {
    max-width: 1000px;
  }
}
@media (min-width: 1920px) {
  .cta_wrapper .btn{
    margin-top: 100px;
  }
  .cta_inner {
    max-width: 78%;
  }
}

/* middle text component */
.middle-text-block.bottom-md{
  padding-bottom: var(--offet-md);
}
.middle-text-block.top-md{
  padding-top: var(--offet-md);
}
.middle-text-block.bottom-none, .cta-text.bottom-none{
  padding-bottom: 0;
}
.cta-text.top-none{
  padding-top: 0;
}
.middle-text-block.bottom-lg{
  padding-bottom: var(--offet-lg);
}
.middle-text-block.top-lg{
  padding-top: var(--offet-lg);
}
.middle-text-block.bottom-xl{
  padding-bottom: var(--offet-xl);
}
.middle-text-block.top-xl{
  padding-top: var(--offet-xl);
}
.middle-text-block .custom_h2 h2, .cta-text .custom_h2 h2, .image-quote-content .custom_h2 h2{
  margin: var(--h2-default-margin);
}


/* offets */
body{
  --offet-xl: 120px;
  --offet-lg: 60px;
  --offet-md: 28px;
  --offet-default: 86px;
  --h2-default-margin: 0 0 18px;
}
@media (min-width: 768px) {
  body{
    --offet-lg: 80px;
    --h2-default-margin: 0 0 40px;
  }
}
@media (min-width: 992px) {
  body{
    --offet-xl: 142.8571428571px;
    --offet-md: 57.1428571429px;
    --h2-default-margin: 0 0 20px;
  }
}
@media (min-width: 1400px) {
  body{
    --offet-default: 100px;
    --h2-default-margin: 0 0 23px;
  }
}

@media (min-width: 1920px) {
  body{
    --offet-xl: 200px;
    --offet-lg: 120px;
    --offet-md: 80px;
    --offet-default: 140px;
    --h2-default-margin: 0 0 36px;
  }
}
/* fonts */
.custom_h2 h2, h2.custom_h2, .custom_h2 p,  p.custom_h2 {
  font-family: "AeonikPro-Medium";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
@media (min-width: 768px) {
  .custom_h2 h2, h2.custom_h2, .custom_h2 p,  p.custom_h2{
    font-size: 64px;
    line-height: normal;
  }
}
@media (min-width: 992px) {
  .custom_h2 h2, h2.custom_h2, .custom_h2 p,  p.custom_h2{
    font-size: 46px;
  }
}
@media (min-width: 1400px) {
  .custom_h2 h2, h2.custom_h2, .custom_h2 p,  p.custom_h2{
    font-size: 45.7142857143px;
  }
}
@media (min-width: 1920px) {
  .custom_h2 h2, h2.custom_h2, .custom_h2 p,  p.custom_h2{
    font-size: 64px;
  }
}
.custom_h3 h3, h3.custom_h3, .custom_h3 p,  p.custom_h3 {
  font-family: "AeonikPro-Medium";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  hyphens: auto;
}
@media (min-width: 992px) {
  .custom_h3 h3, h3.custom_h3, .custom_h3 p,  p.custom_h3 {
    font-size: 25.7142857143px;
    line-height: 31.8857142857px;
  }
}
@media (min-width: 1400px) {
  .custom_h3 h3, h3.custom_h3, .custom_h3 p,  p.custom_h3 {
    font-size: 28.5714285714px;
    line-height: 35.4285714286px;
  }
}
@media (min-width: 1920px) {
  .custom_h3 h3, h3.custom_h3, .custom_h3 p,  p.custom_h3 {
    font-size: 40px;
    line-height: 124%;
  }
}
.custom_h4 p, p.custom_h4, #maker-tour-tech-specs.club-tech-specs h2{
  font-family: "AeonikPro-Medium";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 126%;
}
@media (min-width: 768px) {
  .custom_h4 p, p.custom_h4, #maker-tour-tech-specs.club-tech-specs h2{
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .custom_h4 p, p.custom_h4, #maker-tour-tech-specs.club-tech-specs h2{
    font-size: 24px;
    line-height: normal;
  }
}
@media (min-width: 1400px) {
  .custom_h4 p, p.custom_h4, #maker-tour-tech-specs.club-tech-specs h2{
    font-size: 25.7142857143px;
    line-height: 32.4px;
  }
}
@media (min-width: 1920px) {
  .custom_h4 p, p.custom_h4, #maker-tour-tech-specs.club-tech-specs h2{
    font-size: 36px;
    line-height: 126%;
  }
}
.custom_text p, p.custom_text, .custom_text li{
  font-family: "AeonikPro-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  hyphens: auto;
}
@media (min-width: 1400px) {
  .custom_text p, p.custom_text, .custom_text l{
    font-size: 17.1428571429px;
  }
}
@media (min-width: 1920px) {
  .custom_text p, p.custom_text, .custom_text l{
    font-size: 24px;
    line-height: 126%;
  }
}





/* checkout */
.woocommerce-checkout-review-order-table .cart-subtotal .d-flex{
  gap: 8px;
}
/* new -- cart styles  */
.cart_item:has(.variation-Partof) .product-remove{
  display: none!important;
}
.cart_item:has(.variation-Partof):not(:has(.product-remove>a)) .product-subtotal,
.cart_item:has(.variation-Partof):not(:has(.product-remove>a)) .product-total{
  display: none!important;
}
.cart_item .woocommerce-Price-amount{
  display: block;
}

/* new -- sho sets preview*/
.swiper.swiper-products-category[data-count="1"] .swiper-buttons{
  height: auto;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px){
  .swiper.swiper-products-category[data-count="2"] .swiper-buttons, .swiper.swiper-products-category[data-count="3"] .swiper-buttons, .swiper.swiper-products-category[data-count="4"] .swiper-buttons{
    height: auto;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px){
  .swiper.swiper-products-category[data-count="2"] .swiper-buttons, .swiper.swiper-products-category[data-count="3"] .swiper-buttons{
    height: auto;
    margin-bottom: 0;
  }
}
/* related post price */
.upsells .swiper .product .price, .related .swiper .product .price, .cross-sells .swiper .product .price{
  font-size: 16px!important;
}
@media (min-width: 992px) {
  .upsells .swiper .product .price, .related .swiper .product .price, .cross-sells .swiper .product .price{
    font-size: 24px!important;
  }
}
