/*	

	NOTES:		Only add class for pages that inherit the HomePage.master file

	HISTORY:	20/07/2011 - POF - Created

*/

/*

	Home Page

*/

/* hero slider */

.hero-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
    .hero-slider.slick-initialized {
        visibility: visible;
        opacity: 1;
    }

.hero-slider.slick-dotted.slick-slider {
    margin-bottom: 10px;
}

.slider-arrows .slick-prev:before,
.slider-arrows .slick-next:before {
    color: #144AA7;
}

.dots-right .slick-dots {
    bottom: 20px;
    right: 0;
    text-align: right;
}

    .dots-right .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #144AA7;
    }

    .dots-right .slick-dots li button:before {
        font-size: 16px;
        width: 14px;
        height: 14px;
        opacity: .25;
        color: #144AA7;
    }

.slider-arrows .slick-prev {
    left: 8px;
}

.slider-arrows .slick-next {
    right: 8px;
}

/* content */

.blok-blue {
    background-color: #144AA7;
    color: #ffffff;
    font-size: 14px;
}

    .blok-blue.strapline h1 {
        margin: 30px 0 0;
        padding: 10px;
    }

    .blok-blue p {
        line-height: normal;
    }

    .blok-blue a {
        color: #ffffff;
        text-decoration: underline;
    }

    .blok-blue .info-section .blok-light-turquoise {
        font-size: 16px;
    }

.blok-turquoise {
    background-color: #81BBC7;
}

.blok-light-turquoise {
    background-color: #BDDEDD;
}
    .blok-light-turquoise p,
    .blok-light-turquoise p a {
        color: #144AA7;
    }

.info-section .blok-blue {
    box-sizing: border-box;
    width: 495px;
    float: left;
    margin: 0 5px 0 0;
}

.info-section .blok-turquoise {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 495px;
    padding: 10px 10px 10px 20px;
}

.info-section .blok-light-turquoise {
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    width: 495px;
    height: 246px;
    float: left;
    margin: 0 0 0 5px;
}
    .info-section .blok-light-turquoise .col-3 {
        margin-top: 15px;
    }

    .info-section .blok-light-turquoise p {
        display: inline;
        font-size: 20px;
        line-height: 1.3em;
    }


.info-section .publication-covers img {
    width: 100px;
    margin: 12px 5px 0 5px;
    box-shadow: 3px 3px 7px #778f91;
}

.products h2,
.products h2 a {
    color: #144AA7;
}

.products p {
    color: #231F20;
}

.products img {
    margin-bottom: 12px;
    height: 100px;
}

.products,
.video-section {
    padding: 30px 0;
}

.video-section {
    margin-bottom: 30px;
}

    .video-section .content {
        color: #231F20;
        margin: 60px 0;
    }
        .video-section .content p {
            color: #231F20;
        }