/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/* CUSTOM FONT Helvetica ekledik */

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-BlackIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-BlackIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay ExtraBlack';
    src: url('/fonts/HelveticaNowDisplay-ExtBlkIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-ExtBlkIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-ExtBdIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay ExtraBlack';
    src: url('/fonts/HelveticaNowDisplay-ExtBlk.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-ExtBlk.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-BoldIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-BoldIta.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-Black.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay Hairline';
    src: url('/fonts/HelveticaNowDisplay-HairlineI.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-HairlineI.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-ExtLtIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-ExtLtIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-ExtLt.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-ExtLt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay Hairline';
    src: url('/fonts/HelveticaNowDisplay-Hairline.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-LightIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-LightIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-MedIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-MedIta.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-Light.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-RegIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-RegIta.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-ThinIta.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-ThinIta.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-Thin.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('/fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'),
        url('/fonts/HelveticaNowDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* CUSTOM FONT Helvetica ekledik */

.inspiro-slider .slide .container,
.inspiro-slider .slide .container-wide {
  padding-top: 450px;
  padding-bottom: 100px;
  align-self: center !important;
}

.inspiro-slider .slide-captions h1 {
    color: #2B48FF !important;
    letter-spacing: -0.2rem !important;
    font-size: 8rem !important;
    line-height: 7rem !important;
}

.inspiro-slider .slide-captions p {
    color: #2b2b2b !important;
}

.dark #mainMenu nav > ul > li.hover-active > a,
.dark #mainMenu nav > ul > li.hover-active > span, .dark #mainMenu nav > ul > li.current > a,
.dark #mainMenu nav > ul > li.current > span, .dark #mainMenu nav > ul > li:hover > a,
.dark #mainMenu nav > ul > li:hover > span, .dark #mainMenu nav > ul > li:focus > a,
.dark #mainMenu nav > ul > li:focus > span,
#mainMenu.dark nav > ul > li.hover-active > a,
#mainMenu.dark nav > ul > li.hover-active > span,
#mainMenu.dark nav > ul > li.current > a,
#mainMenu.dark nav > ul > li.current > span,
#mainMenu.dark nav > ul > li:hover > a,
#mainMenu.dark nav > ul > li:hover > span,
#mainMenu.dark nav > ul > li:focus > a,
#mainMenu.dark nav > ul > li:focus > span {
  color: #FF0055;
}

.text-grey {
    color: #797979;
}

.eventpages {
    padding: 3em 2em;
}

/* partnerler için */
.grayscale-logo {
    filter: grayscale(100%);
    max-height: 60px;
    object-fit: contain;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}
.grayscale-logo:hover {
    opacity: 1;
}