/*

BRAND COLOURS:

#0D161A - Darkest
#20262D - Core Dark
#2D353D - Dark lighter
#FFB600 - Core Yellow
#cccccc - Pale Grey


Additional Colours:


#070A0D - Off black
#384857 - Blue Grey
#556575 - Blue Grey lighter
#818D99 - Grey Blue
#B6CCE2 - Blue grey light 
#FFCA2C  - Yellow, brighter (Logo)
#0E141A - Darkest Blue

BG urls
/css/img/bg-tile.jpg
/css/img/bg-grain-seamless-top1.jpg
/css/img/bg-mobile.jpg
/css/img/bg-body-top.jpg
/css/img/bg-top-glow.jpg
/css/img/bg-home-wrap.jpg
/css/img/bg-product-hero.jpg


*/

@media only screen and (min-width: 1700px) {
	
	.specs table td:first-child, .specs table th:first-child{
		padding-left:80px;
		text-align: right;
	}
	
}


@media only screen and (max-width: 1300px) {

	.team .team-member{
		left:-15px;
		width:250px;
	}
	
	.team .team-member > div{
		padding:0;
	}
	
	.team .elementor-grid{
		grid-column-gap:0;
	}
	
	.hex-hero  .vid-hex-2{
		margin-left: -100px;
		max-width:800px !important;
	}
	
	.hero-text{
		padding:0 30px 30px 0;
	}
	
	.products-hero .hero-text{
		padding-top:60px;
	}

}


@media only screen and (max-width: 1200px) {
	
	#home-wrap .beeblade-home{
		margin-top:0;
	}
	
	h1{
		font-size:4.5rem;
	}
	
	.hex-hero h1{
		color:#fff;
		font-size:4.5rem;
		margin-top:50px;
	}

	.hex-hero h1 span{
		display:block;
		font-weight:100;
		font-size:3.9rem;
	}
	
}





@media only screen and (max-width: 1024px) {
	
	
	.product-nav{
		position: static;
		 transform: none;
	}
	
	.product-nav .post-navigation__next--label, .product-nav .post-navigation__prev--label{
		font-size:1rem;
	}

	.product-nav .post-navigation__prev--title, .product-nav .post-navigation__next--title{
		font-size:2rem;
		margin-top:-8px;
	}

	header.site-header .container-vs {
    	justify-content: space-between;
		padding:10px 30px;
	}
	
	
	.hex-hero h1, .top-2-col h1, .full-width h1, h1{
		font-size:4rem;
	}
	
	.hex-hero h1 span{
		font-size:3rem;
	}
	
	h2, .top-2-col h2{
		font-size:1.4rem;
	}
		
	/*.hex-hero  .vid-hex{
		width:130%;
	}*/
	
	#home-wrap .beeblade-home{
		padding-top:0;
		padding-bottom:0;
	}

   
	
	h2.lg, .feature h2, .team h2, .lg h2{
		font-size:2.5rem;
	}
	
	footer.site-footer div.container{
		flex-direction: column;
	}
	
	
	footer.site-footer div.container > div{
		width:100% !important;
		
	}
	
	.team .team-member{
		position:static;;
		width:auto;
		margin-bottom:20px;
	}
	
	
	
	.top-2-col .col1 h1, .top-2-col .col1 h2{
		text-align:left;
	}
	
	.top-2-col .col1, .top-2-col .col2,
	.feature .col1, .feature .col2,
	.full-width .row{
		padding:30px 0;
	}
	
	.software button{
		padding:30px !important;
	}
	
	.software img{
		border-width:6px;
	}
	
	.beeblade-grid .col1,
	.beeblade-grid .col2,
	.beeblade-grid .col3,
	.beeblade-grid .col4,
	.beeblade-grid .col5,
	.beeblade-grid .col6{
		grid-column: span 3 / span 3;
	}
	

	body.single .hex-profile{
		background-size:100% auto;
		padding:20px;
	}


	
	/*
	
	.team .team-member{
		left:0;
		position:relative;
		width:auto;
	}
	
	.team .team-member:nth-child(5),
	.team .team-member:nth-child(6),
	.team .team-member:nth-child(7),
	.team .team-member:nth-child(11),
	.team .team-member:nth-child(12),
	.team .team-member:nth-child(13){
		left:140px;
	}*/
	
	.menu-button{
		top:4px;
		right:0;
	}
	
	header.site-header.scrolled .container-vs .menu-button{
		top:2px;
	}
	
	.menu-overlay{
		background:#070A0D url(img/bg-repeat-vertical.jpg) repeat-y ;
	}
	
	.menu-overlay:before{
		content:'';
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		right:0;
		top:0;
		background:url(img/logo-watermark-1.svg) no-repeat center;
	}
	
	.menu-overlay.open .main-navigation ul li a, header.site-header.scrolled .menu-overlay.open .main-navigation ul li a{
		text-transform: none;
		font-size:1.25rem;
	}
	
	.main-navigation ul.sub-menu li a{
		font-weight:300;
	}
	
	.menu-overlay nav.main-navigation{
		max-width:250px;
	}
	
	.main-navigation ul li a:before{
		background:#FFB600;
	}
	
	.menu-button.open .menu-line{
		background:#FFB600;
	}
	
	.menu-overlay.open .main-navigation ul li a{
		text-transform:uppercase;
	}
	
	.menu-overlay.open .main-navigation ul ul.sub-menu li a{
		text-transform:none;
	}
	
	.main-navigation ul.sub-menu{
		padding:20px 0;
	}
	
	.main-navigation ul ul{
		box-shadow:none;
	}
	
	
	body.scroll-down header.site-header{
		transform:none;
		/*background:#0E141A;*/
	}
	
	.main-navigation ul li.menu-item-has-children:after{
		display:none;
	}
	
	.hex-hero  .vid-hex{
		padding:16px;
	}
	
	.hex-hero  .vid-hex-2{
		padding:12px 12px 10px 12px;
	}

	#hive-cloud{
		display:none;
	}
	
	.headline h2{
		font-size:3rem;
	}
	
	.specs{
		padding:0;
	}
	
	.specs table td, .specs table th{
		padding:10px;
	}

	.specs table th {
		font-size:0.8rem;
		line-height: 1;
	}
	
	.specs table td{
		font-size:0.8rem;
		
	}
	
	.specs table th strong{
		font-size: 0.8rem;
	}
	
	.products-hero h1 strong{
		font-size:4rem;
	}
	
	.product-carousel .lg h2, .big-type h2{
		font-size:4rem;
	}
	
	.product-carousel p, .product-carousel h3{
		font-size:2rem;
	}
	
	.product-carousel h4{
		font-size:1.5rem;
	}
	
}


@media only screen and (max-width: 768px) {
	
	.hex-hero  .vid-hex{
		max-width:600px !important;
	}
	
	.hex-hero h1{
		margin-top:80px;
	}
	
	
	.hex-hero  .vid-hex-2{
		margin-top: 0;
		max-width:800px !important;
	}

	
	
	.software button{
		padding:10px !important;
	}
	
	.software img{
		margin-top:30px;
	}
	
	
	.packages-acc .content{
		padding:40px;
	}
	
	.packages-acc .header, .packages-acc .quant, .packages-acc .variant, .packages-acc .price{
		width:33.3%;
	}
	
	body.home #primary:before{
		width:100%;
	}
	
	.hero-text{
		z-index: 4;
		padding-top:50px;
	}
	
	.hex-profile{
		padding:100px;
	}
	
	body.single .hex-profile{
		background-position:center;
		background-size:100% auto;
		padding:100px 60px;
	}

	.profile .col2{
		padding:0;
	}
	
	.infographic{
		/*background-color:#0E141A;
		background-image:url("img/bg-repeat-vertical.jpg");
		background-size:50% auto;
		background-position:right;
		background-repeat:repeat-y;*/
		border-top:12px solid #384857;
		background:#20262D;
	}
	
	.case-study-2 .col1 *, .news-article .col1 *{
		text-align:center;
	}

	.news-article  .dynamic.first{
		border:none;
		padding-top:0;
	}
	
	.carousel-loop .header1{
		position:static;
	}
	
	.products-hero .hex-hero h1{
		margin-top:0;
	}
	
	.all-products{
		display:none;
	}
	

}


	

@media only screen and (max-width: 667px) {
	
	.product-nav{
		margin-top: 20px;
        margin-bottom: 20px !important;
        padding-top: 15px;
	}
	
	.product-nav .post-navigation__next--label, .product-nav .post-navigation__prev--label{
		font-size:.7rem;
	}

	.product-nav .post-navigation__prev--title, .product-nav .post-navigation__next--title{
		font-size:1rem;
		margin-top:0;
	}
	
	.product-nav .elementor-post-navigation__next a:before, .product-nav .elementor-post-navigation__prev a:after{
		width:30px;
		height:50px;
	}
	
	.product-hero .desc h2{
		font-size:1.2rem;
	}
	
	.top-1-col.product-hero h1{
		font-size:4rem !important;
	}
	
	body.home header.site-header, body.home:not(.scroll-up) header.site-header{
		background:transparent;
		border-bottom:none;
	}
	
	body.home #primary {
		margin-top: 0;
	}
	
	body.scroll-down.home header.site-header {
        transform: none;
        background: #0E141A;
	}
	
	.team, .feature{
		padding:30px;
	}
	
	.software button{
		padding:0 !important;
		
	}
	
	.software button .e-n-tab-title-text{
		font-size:.7rem !important;
	}
	
	.software .e-n-tab-title:after{
		top:20px;
		width:15px;
		height:15px;
	}
	
	.software .elementor-widget-n-tabs .e-n-tabs-heading:after{
		top:27px;
	}
	
	.top-1-col h1, .beeblade-grid h1{
		font-size:3rem;
	}
	
	.packages-acc .header h3{
		font-size:1rem;
	}
	
	.packages-acc .content{
		padding:0 20px;
	}
	
	body.single .hex-profile{
		margin-top:-100px;
	}
	
	.hex-hero h1, .top-2-col h1, h1, .sm h1{
		font-size:3rem;
	}
	
		
	h2.lg, .feature h2, .team h2, .lg h2{
		font-size:2rem;
	}
	
	.case-studies-banner h1 br{
		display:none;
	}
	
	.carousel-loop .panel{
		position: relative;
        left: -15px;
        width: 100%;
        max-width: 95%;
        padding-right: 30px;
        margin-top: 20px;
	}
	
	.carousel-loop .col2{
		height:50vh;
		margin-top:-150px;
	}
	
	.carousel-loop .panel h2{
		font-size:1.3rem;
	}
	
	.carousel-loop .panel time{
		font-size:1rem;
	}
	
	.case-study-grid{
		margin-top:-70px;
		border-top:2px #384857 solid;
	}
	
	.profile .col2{
		margin-top:-50px;
	}
	
	.case-study-content .elementor-widget-text-editor{
		padding:30px;
	}
	
	.hex-hero  .vid-hex-2{
		max-width:none !important;
		width:120% !important;
	}
	
	.headline h2 {
        font-size: 2rem;
    }
	
	.hex-hero h1{
		margin-top:30px;
	}
	
	.specs table td, .specs table th{
		padding:5px;
	}

	.specs table th {
		font-size:0.8rem;
		line-height: 1;
	}
	
	.specs table td{
		font-size:0.5rem;
		
	}
	
	.specs table th strong{
		font-size:0.8rem;
	}
	
	.title-strip{
		padding:30px;
	}
	
	.title-strip h2, .strips h2, .header-stack h2{
		font-size:1.2rem;
	}
	
	.title-strip h2 strong, .strips h2 strong, .header-stack h2 strong{
		font-size:2.2rem;
	}
	
}



@media only screen and (max-width: 480px) {
	
	.products-hero h1 strong{
		font-size:3rem;
	}
	
}


@media only screen and (max-width: 420px) {
	
	.hex-hero h1{
		font-size:3.2rem;
	}
	
	.packages-acc .header h3{
		font-size:.7rem;
	}
	
	.hex-profile{
		padding:70px;
	}
	
	.view-all a{
		top:0;
	}
	
	.case-study-content .elementor-widget-text-editor{
		padding:0;
	}
	
	blockquote{
		padding:10px 30px 20px;
	}
	
	.product-carousel .lg h2, .big-type h2{
		font-size:3rem;
	}
	
	
		
}


@media only screen and (max-width: 380px) {
	
	.software button .e-n-tab-title-text{
		display:none;
	}
		
}