/*
Theme Name: Blackcurrants NZ
Author: Toivo J // Touch Marketing
Version 1.0
Built from Master: 2013 Goldfinger Lite 1.22
*/

/** Theme overrides Feb-05-19 */
*:focus {outline:0;!important}
/* Header */
header.sticky{box-shadow: 0px 6px 7px -6px rgba(0,0,0,0.1);}
header nav > ul > li > a, header nav > ul > li > span{padding:0 12.5px}
.top-sm{position:absolute;right:-50px;top:29px}
.top-sm img{width:36px;height:36px;}
.top-sm a{margin:0 2px;width:30px;height:30px;display:inline-block;color:#fff;background:#a3367b;border-radius:3px;font-size:24px;left:20px;text-align:center;padding-top:3px;}
.top-sm a:hover{background:#7d295e}
/* Home Page */
.top-cta{padding:30px 0;position:relative;z-index:2}
.top-cta a{}
.top-cta .box{width: 385px;min-height:96px;border: 1px solid #752ea0;border-radius: 10px;padding-top:4%;margin:auto}
.top-cta .box::before{content:url('img/greenarrowdown.svg');position:absolute;bottom:0;left:45%;top:88px}
.top-cta .box p{text-align: center;}
@media (max-width:480px){
    .top-cta .box{width:100%;margin:8px 0}
    .featured .button{width:50%!important;right:25%!important}
    .home-banner-video{height: 60vw!important}
    .home-banner-video video{top:0!important;object-fit:cover;height:100%!important}
    .static_bg{visibility:hidden;}
    #bc_video{visibility:visible;}
    .custom_controlvid #err span{visibility:hidden;}
    .featured .img_wrap{width:100%!important}
}

/*.home-banner{background:#000;height:40vw;overflow:hidden}*/
.home-banner .slide .video-slide{background-color: #000}
.home-banner.loading .video-background{opacity: 0;}

.custom_controlvid{position:absolute;z-index:1;margin-top:-39%;left:2%;}
.custom_controlvid #err{display:inline-block}
.custom_controlvid #err span{color:#fff;font-size: 12px}
.custom_controlvid .btn {cursor: pointer;display:inline; margin: 5px;color:#fff}
.custom_controlvid .btn:hover{color:#a3367b}

.custom_controlvid_mobile{position:absolute;z-index:1;margin-top:-59%;left:1%}
.custom_controlvid_mobile .btn {cursor: pointer;display:block; margin: 5px;color:#fff}
.custom_controlvid_mobile .btn span{font-size:28px}
.custom_controlvid_mobile .btn span.text{font-size:12px!important}
.custom_controlvid_mobile .btn:hover{color:#a3367b}
.custom_controlvid_mobile #err{position:absolute;left:35px;width:300px;top:4px}
.custom_controlvid_mobile #err span{color:#fff;font-size: 12px}

.video-background {position:relative;top:0;left:0;padding-top:56.25%;width:100%;-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);transform:translateY(-50%);-webkit-transition:2s opacity ease;transition: 2s opacity ease;opacity:1}

.video-foreground{}
.video-background iframe{position:absolute;top:35%;left:0;width:100%;height:100%;pointer-events: none;}

.home-banner-video{background:#000;height:40vw;overflow:hidden;position:relative;background-position:center!important;background-size:cover!important;}
.home-banner-video video{width:100%;height:auto;position:absolute;left:0;top:-5px}


.below_banner_section .page-fullwidth{position:relative;padding:50px 30px 0}
.below_banner_section .page-fullwidth h2{font-size: 38px;text-align:center;margin-bottom:60px}
.below_banner_section .page-fullwidth h3{font-size: 20px;color: #752ea0;}
.below_banner_section .page-fullwidth .btn-wrap{padding:40px 0!important}
.below_banner_section .page-fullwidth .btn-wrap img{display:block;margin:auto}
.below_banner_section .page-fullwidth .button{height:62px;width:272px;line-height:62px;padding:0;font-size: 20px;text-transform:uppercase}
.below_banner_section .page-fullwidth .columns{padding:0 3%;color: #752ea0;}
.below_banner_section .static_bg{position: absolute;width:100%;z-index:0}
.below_banner_section .static_bg .imgLeft{position:absolute;left:-5px;width:20%}
.below_banner_section .static_bg .imgRight{position:absolute;right:0}

.featured-heading{text-align: center;font-size: 40px;}
.featured{background-color: #f5ecf2;padding:30px 0}
.featured .post-meta{font-size: 16px;color: #752ea0;margin:12px 0}
.featured .post-title{color: #752ea0;font-size: 20px;font-weight: 700;margin:12px 0}
.featured .content{font-size: 16px;color: #752ea0;line-height: 27px;margin:12px 0}
.featured .img_wrap{width: 310px;height: 261px;}
.featured .img_wrap img{width:100%;height:100%;object-fit:cover}
.featured .button{position:absolute;right:150px;width: 272px;height: 61px;font-size: 20px;font-weight: 700;line-height: 48px;text-transform: uppercase}

.latest_news{margin:110px 0}
.latest_news h2{text-align:center;margin-bottom: 50px}
.latest_news .post-title{color: #a3367c;;font-size: 20px;font-weight: 700;margin:12px 0}
.latest_news .content{font-size: 16px;color: #752ea0;line-height: 27px;margin:12px 0}

.news_research{background: url('img/news-research-bg.jpg')no-repeat;background-size:cover;background-position:center bottom;background-attachment: fixed; padding:60px 20px}
.news_research h2{text-align:center;color:#fff;font-size: 40px;font-weight: 700;}
.news_research .subheading{text-align:center;color:#fff;font-size: 24px;}
.news_research .columns{padding:30px;margin-top:45px}
.news_research .columns .postbox{background: rgba(255, 255, 255, 0.8);border-radius:10px;min-height:243px;padding:28px 16px}
.news_research .post-title{font-size: 24px;color: #a3367c;font-weight: 700;line-height: 27px;margin:12px 0}
.news_research .content{font-size: 16px;line-height: 27px;color: #262626;}
.news_research .button{position:relative;margin:auto;display:block;width: 272px;height: 61px;border-radius: 15px;background-color: #a3367c;margin-top:30px;text-transform:uppercase;padding:0;line-height:61px}

/* News */
.catsidebar a{font-size: 16px;color: #5e5e5e;line-height: 40px;font-weight: 700;text-transform:uppercase; font-style: normal}
.catsidebar a:hover{text-decoration: underline}
.catsidebar h3{font-size: 24px;color: #a3367c;font-weight: 700;}

/* Where to Buy */
.page-links .sticky-cont{margin-top:60px}
.desc_wtb{margin-bottom: 60px}
.desc_wtb p{color:#752ea0}

.wertobuy ul li{list-style:none;display:inline-block}
.wertobuy ul{text-align:center;margin:20px 20px 45px}
.wertobuy ul li{max-width:190px;max-height:125px;margin:12px}
.wertobuy h3{font-size: 24px;color: #752ea0;font-weight: 700;text-align:center;margin-bottom:24px}
.wertobuy h3::before{content: url(img/h_line.svg);position: relative;width: 205px;display: inline-block;overflow: hidden;top: 2px;margin: 0 12px;}
.wertobuy h3::after{content: url(img/h_line.svg);position: relative;width: 205px;display: inline-block;overflow: hidden;top: 2px;margin: 0 12px;}
.wertobuy h5{font-size: 16px;font-weight: 700;color: #a3367c;text-align: center}