/**
 * Global
 */

body {
    margin: 0 ;
    font-family: 'Avenir Next Condensed';
    font-size: 18px;
    line-height: 1.5;

    &.no-scroll {
        overflow-y: hidden;
    }
}

.main  {
    overflow-x: hidden;
}

.grid-container {
    @include resp-max($breakpoint-medium - 1) {
        padding: 0;
    }
}

a {
    font-weight: bold;
    text-decoration: none;
    padding: #{$base-spacing-unit/2} 0;
    text-transform: uppercase;
}

svg {
    vertical-align: middle;
}


/**
 * Titles
 */


.uppertitle {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: $brand-color;
    margin-bottom: $base-spacing-unit;
}

.title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 $base-spacing-unit;

    @include resp-min($breakpoint-xlarge) {
        font-size: 48px;
    }
}


/**
 * Colours
 */

.white {
    color: $white-color;
}

.black {
    color: $black-color;
}

.bg-white {
    background: $white-color;
}

.bg-black {
    background: $black-color;
}

.bg-grey {
    background: $grey-color;
}


/**
 * Parallax
 */

.parallax-wrapper {
    width: 100%;

    &.image {
        height: 400px;

        @include resp-min($breakpoint-medium) {height: 600px} ;
        @include resp-min($breakpoint-large) { height: 710px; };
    }

    &.slideshow {
        height: 100%;
    }
   
    .image-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
    
       .inner-image-container {
            width: 100%;
            height: 100%;
            position: relative;
            transform: scale(1.4);

            img {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                object-fit: cover;
                box-sizing: border-box;
            }
       }          
    }
}


.pe-none { pointer-events: none; }