/**
 * Theme Name: Retter Sports BOOTSTRAP4 Theme
 * Description: Retter Sport modivications
 * Author: Christoph Purin
 * Template: bootstrap-basic4
 * Text Domain: blocksy
 */

/*
 * Helpers for Layout
 */

.m_320 {
  margin-top: 320px;
}
.p_320_b {
  padding-bottom: 320px;
}
.p_320 {
  padding-top: 320px;
}
.p_160 {
  padding-top: 160px;
}

.p_160_b {
  padding-bottom: 160px;
}

.p_125 {
  padding-top: 128px;
}

.p_100 {
  padding-top: 100px;
}

.p_60 {
  padding-top: 60px;
}

.p_50 {
  padding-top: 50px;
}

.p_40 {
  padding-top: 40px;
}

.p_32 {
	padding-top: 32px;
}

.p_30 {
  padding-left: 30px;
  padding-right: 30px;
}


.p_20 {
  padding-top: 20px;
}

.t_small {
  margin-left: 20%;
  margin-right: 20%;
}
.t_medium {
  margin-left: 10%;
  margin-right: 10%;
}

.c_18 {
  padding-left: 18%;
  padding-right: 18%;
}

.s_min {
	min-height: 80vh;
}

@media only screen and (max-width: 1024px) {
  .m_320 {
    margin-top: 64px;
  }
  .p_320_b {
    padding-bottom: 64px;
  }
  .p_320 {
    padding-top: 64px;
  }
  .p_160 {
    padding-top: 64px;
  }

  .p_125 {
    padding-top: 64px;
  }

	.p_100 {
    padding-top: 64px;
  }

  .t_small {
    margin-left: 10%;
    margin-right: 10%;
  }
  .t_medium {
    margin-left: 5%;
    margin-right: 5%;
  }
	.c_18 {
  padding-left: 10%;
  padding-right: 10%;
}

.s_min {
	min-height: 50vh;
}
}

@media only screen and (max-width: 768px) {
  .m_320 {
    margin-top: 60px;
  }
  .p_320_b {
    padding-bottom: 60px;
  }
  .p_320 {
    padding-top: 60px;
  }
  .p_160 {
    padding-top: 30px;
  }

  .p_125 {
    padding-top: 30px;
  }
  .p_100 {
	padding-top:34px
  }
  .p_60 {
    padding-top: 15px;
  }

  .p_50 {
    padding-top: 32px;
  }
	.p_30 {
		padding-left: 0px;
  padding-right: 0px;
	}

  .t_small {
    margin-left: 0%;
    margin-right: 0%;
  }
  .t_medium {
    margin-left: 0%;
    margin-right: 0%;
  }
	.c_18 {
  padding-left: 0%;
  padding-right: 0%;
}
}
/*
 * Helpers for Text
 */
@media only screen and (min-width: 1024px) {
.small-text {
	padding-left:25%;
	padding-right:25%;
}
}

@media only screen and (max-width: 1024px) {
	.mobile-font-black h1, .mobile-font-black h2, .mobile-font-black p, .mobile-font-black h3 {
		color:#101828!important;
		text-transform:text-normal!important;
		font-weight:500;
	}
}


/*
 * Image Helper
 */
.c__icon {
  height: 80px !important;
}
.c__icon_sports {
  height: 43px !important;
}
.c__icon_sports_white {
  height: 35px !important;
}

@media only screen and (max-width: 1280px) {
	.cpd-icon-share svg {
    font-size:50px;

}
}


/*
 * Menue
 */
[data-menu] > ul > li > a:before,
[data-menu] > ul > li > a:after {
  height: var(--menu-indicator-height, 10px) !important;
}


/*
 * Slider for start page
 */
.c__slider_sports {
  display: flex;
  justify-content: center;
  gap: 18px;
}

.c__slider_sports img {
  height: 43px !important;
}
@media only screen and (max-width: 1024px) {
	.c__slider_sports img {
  height: 40px !important;
}
}
@media only screen and (max-width: 768px) {
	.c__slider_sports img {
  height: 44px !important;
}
}

.c__slider_dest {
  display: flex;
  justify-content: end;
  gap: 10px;
}

/*
 * Slider Bug / columns too narrow
 */

.c__slider .e-add-post-block {
  display: block !important;
}

/*
 *Top Destinations Page
 */

.c__dest img {
  border-radius: 10px !important;
  min-height: 268px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c__dest img {
    min-height: 327px;
  }
}



html{
  max-width:100vw;
  /* overflow-x:hidden; */
  font-feature-settings: "ss01" 1;
}

:root body{
  --text-light: #a5a5a5;
  --text-medium: #5e5e5e;
  --text: #242424;
  --text-hover: #464646;
  --text2: #000;
  --grey: #525252;
  --grey-lighter: #bbbbbb;
  --grey-lightest: #cacaca;
  --light: #f5f5f5;
  --grey-light: #8c8c8c;
  --grey-hover: #a7a7a7;

  --primary-dark:#28436d;
  --primary-dark-hover:#28436d;
  --primary:#2a81b8;
  /* --primary:red; */
  --primary-medium:#096DB6;
  --primary-light:#a4bde4;
  --primary-lightest:#dce6f1;
  --primary-lightestest:#eef4fb;
  --primary-hover:#054f87;

  --primary-transparent:#2a82b85c;
  --primary-transparent:#21a8fb5c;

  --white75: rgba(255,255,255,0.75);
  --white50: rgba(255,255,255,0.5);
  --warmwhite: #fffaf6;
  --white: #fff;
  /* --white: #e4dfda; */
  --realwhite: white;
  --whitewhite: white;

  /* --gradient: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--primary) 0%, var(--primary-dark) 100%); */
  /* --gradient2: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--secondary) 0%, var(--secondary-darkest) 200%); */
  /* --gradient3: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--text-hover) 0%, var(--text) 60%); */

  --btn-theme-color: var(--gradient2);

  --transparent:transparent;

  --secondary-light: #ffaa34;
  --secondary-lightest: #ffbf71;
  --secondary-dark: #c77108;
  --secondary-darkest: #bd681e;

  --secondary: #c67e26;

  --bg-transparent-light:#ffffff14;
  --bg-transparent-light:#6e6e6e0d;
  --bg-transparent-light:#f3f3f391;
  --bg-transparent-dark:#00000014;
  --blur-dark-bg: #1f1f1fb5;
  --gradient: linear-gradient(63.57deg, #2a81b8 7.58%, #a4bde4 102.48%);
  --gradient3: linear-gradient(63.57deg, #2a81b8 7.58%, rgb(84, 122, 184) 102.48%);

  /* --bg-transparent-dark:#ffffff14;
  --bg-transparent-light:#00000014; */

  --tertiary: #B3CF22;

   --admin-bar-height: 0px;


   /*TYPO*/
  --sans: 'Open Sans', sans-serif;
  --sans2: 'Inter Tight', sans-serif;
  --serif: 'Inter Tight', serif;


  --h1-size:42px;
  --theme-h-size:34px;
  --h2-size:32px;
  --h3-size:22px;
  --h3-light-size:20px;
  --h2-light:26px;

  --lead-p-size: 20px;
  --larger-p-size: 1.7rem;
  --large-p-size: 1.4rem;
  --medium-p-size: 1.04rem;
  --regular-p-size: 1rem;
  --small-p-size: 0.85rem;
  --smallest-p-size: 0.75rem;

  --regular-p-mb:1.24rem;

   /*SECTIONS*/
   --section-top:28px;


   /*BTN*/
  --btn-font-weight:400;
   --btn-fontsize: .9rem;
   --btn-padding: 8px 20px 10px;
   --btn-padding-sm: 4px 12px 4px;
   --btn-padding-lg: 6px 40px;
   --btn-padding-regular: 0.3rem 1.04rem .2rem;
   --btn-padding-md: 2px 22px; /*pill*/
   --btn-border-radius:8px;
   --btn-border-radius-pill: 4px;
   --btn-border-width:0px;
   --btn-line-height:1; /*z.b. 18px -> 28px lineheight*/

   --border-radius-md:12px;
   --border-radius-lg:20px;
   --border-radius-sm:6px;

   /*BREADCRUMBS, TERMS*/
   --smallest-link-padding: 0px 6px;
   --breadcrumb-fontsize: var(--small-p-size);

   /*MENU*/
   --menu-font-size: 1rem;
   --menu-font-family: var(--sans);
   --menu-text-transform: uppercase;
   --nav-items-padding: 0;
   --nav-items-fontweight: 400;
   --menu-height:2.1em; /*header-height*/
   --menu-height:100%; /*header-height*/
   --nav-link-padding: .2rem 1rem; /* consider --menu-height*/
   --main-menu-color: var(--primary);
   /*MENU collapsed*/
   --c-menu-font-family: var(--serif);
   --c-menu-font-size: 1.6rem;
   --c-nav-items-fontweight: 200;
   --c-main-menu-color: var(--white);
   --c-menu-align: center;

   --main-menu-bg:var(--gradient);
   --main-menu-hover-color: var(--primary-light);
   --menu-item-hover-shadow:1px 1px 1px #000000a8;
   --menu-item-hover-shadow:none;
   /* --main-menu-font-size: 1.64rem; */
   /* --main-menu-font-weight: 400; */
   --menu-width: 900px;
   --menu-line-hight:1.8;


   /*NAV-HEADER*/

    --logo-width:9.2rem;
    --nav-extra-box-width:290px;
    --mega-menu-height:390px;
    --mega-menu-linkboxx-height:360px;


   --header-height: 70px;
   --headerheight: 70px;
   --headerheight-scrolled: 70px;

   --headerbackground: var(--white);
   /*set this to transparent if you don't want any shading after the header*/
   --header-after-gradient:linear-gradient(180deg, rgb(146 201 255 / 18%) 00%, rgba(0,0,0,0) 100%);
   /* --header-after-gradient:transparent; */
   --content-bg-color:var(--text);
   /*DISPLAY-HEADER (video,slider etc)*/
   --display-header-min-h:430px;
   /*set text-shadow to "none" if you dont want any*/
   /* --header-caption-text-shadow:2px 2px 7px #00000087; */
   --header-caption-text-shadow:none;
   --header-caption-spacing-y:1rem;
   --border-radius-large:14px;
   --border-radius-medium:12px;




  --cpt-item-padding-x:.6rem;

  /*SPACING*/
   --spacing-lg:82px;
   --spacing-md:68px;

   --std-img-height: 296px;



   /*FORMU*/
   --form-field-width:100%;
   --form-font-size:16px;
   --form-field-height:32px;
   --form-field-padding:0 12px;
   --form-field-border-width:1px;




   /*CTA*/
   --cta-content-fontsize:2rem;
--cta-content-fontweight:500;
}
:root body.scrolled{
--header-height:70px;
--headerheight: 70px;
}
:root body.admin-bar{
   --admin-bar-height: 46px;
}
:root body:not(.home){
  --display-header-min-h:420px;
}
:root body:not(.home).lower-d-header{
  --display-header-min-h:360px;
}


@media(min-width:576px){
   :root body{
        --display-header-min-h:560px;
        --h2-size:34px;
   }
   :root body:not(.home).lower-d-header{
    --display-header-min-h:380px;
  }
}
@media(min-width:768px){
   :root body{
        /*TYPO*/


        --lead-p-size: 20px;
        --regular-p-size: 1rem;

        /*DISPLAY-HEADER*/
        --display-header-min-h:560px;
        /* --display-header-min-h:calc(100vh - var(--header-height) - var(--admin-bar-height) - 3rem); */
        --header-caption-spacing-y:1.5rem;


        --btn-fontsize: .95rem;
        /* --btn-padding: 7px 16px 11px; */
        /* --btn-border-width:2px; */
   }
  :root body:not(.home){
    --display-header-min-h:560px;
  }
}


@media(min-width:782.02px){
   :root body.admin-bar{
        --admin-bar-height: 32px;
   }
   :root body{
        --header-height:70px;
        --headerheight: 70px;
   }
   :root body.scrolled{
        --header-height:70px;
        --headerheight: 70px;
   }
}
@media(min-width:992px){
   :root body{

        --h1-size:48px;
        --theme-h-size:40px;
        --h2-size:2.1rem;
        --h3-size:24px;

        --h2-light:1.9rem;
        --menu-font-size: 1.05rem;
        --header-height: 82px;
        --headerheight: 82px;
        --section-top:38px;

        /* --display-header-min-h:calc(100vh - var(--header-height) - var(--admin-bar-height) - 3rem); */
        --display-header-min-h:700px;
   }
   :root body.scrolled {
        --header-height: 82px;
        --headerheight: 82px;
    }
    :root body:not(.home){
      --display-header-min-h:560px;
    }
    :root body:not(.home).lower-d-header{
      --display-header-min-h:440px;
    }

}
@media(min-width:1200px){
   :root body{
        --menu-width: 985px;
        --section-top:52px;


        --btn-fontsize: 1rem;
        /* --btn-padding: 9px 23px 13px; */
        /* --btn-border-width:2px; */
        /* --display-header-min-h:520px; */
        --border-radius-large:14px;
        /* --display-header-min-h: calc(100vh - var(--header-height) - var(--admin-bar-height) - 6rem); */
   }
   :root body:not(.home){
    --display-header-min-h:560px;
  }
   :root body.single{
    --display-header-min-h:520px;
  }

}
@media(min-width:1440px){
   :root body{
        /* --display-header-min-h: 620px;; */
        /* --display-header-min-h: calc(100vh - var(--header-height) - var(--admin-bar-height) - 23rem); */
   }

}

.mt-5, .my-5 {
   margin-top: 4rem !important;
}




.logocolor-primary{fill:var(--primary)!important;}
.logocolor-secondary{fill:var(--secondary)!important;}



body.admin-bar .rot-fixed-top-mobile,
body.admin-bar .background-fixed:not(.parallax-scroll){
   top:46px!important;
}
@media(min-width:782.2px){
   body.admin-bar .rot-fixd-top-tablet,
   body.admin-bar .background-fixed:not(.parallax-scroll){
        top:32px!important;
   }
}
@media(min-width:768px){
   .position-md-fixed{
        position:fixed!important;
   }
}
@media(min-width:992px){
   .position-lg-fixed{
        position:fixed!important;
   }
   body.admin-bar .rot-fixed-top-desktop,
   body.admin-bar .background-fixed:not(.parallax-scroll){
        top:32px!important;
   }
}


::-webkit-scrollbar {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 0px solid #d5d5d5;
}