/*
	Theme Name: Streambio
	Theme URI: https://www.streambio.co.uk/
	Description: Streambio wordpress theme
	Version: 1.0.0
	Author: Didia Media
	Author URI: https://didia.co.uk
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html{
	color: #080b0a;
	line-height: 1.4;
}

.bg-dkgrey {
	background-color: #484948!important;
}

.bg-black{
	background-color: #000!important;
}

.bg-ltgrey{
	background-color:#535A59!important;
}

.bg-ltr-grey{
	background-color:#F3F3F3!important;
}

.bg-white{
	background-color:#fff!important;
}

.txt-white{
	color:#fff!important;
}

.txt-ltgrey{
	color:#969696!important;
}

.txt-grey{
	color:#6b6b6b!important;
}

.txt-dark{
	color:#3b3a39!important;
}

svg{
	width:100%;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
	font-weight:300;
}

strong{
	font-weight:500!important;
}

iframe{
	width:100%;
}

.btn{
	display:inline-block;
	padding:10px 20px;
	text-decoration:none;
}

.btn:hover{
	text-decoration:none;
}

.btn.black{
	color:#fff;
	background:#000;
}

a {
    color: #1b7c8f;
}

a:hover {
    color: #1b7c8f;
    text-decoration:underline;
}

.uk-accordion-content .wp-video{
	max-height:200px;
	margin:0 auto;
}

.uk-accordion-content .wp-video video, .uk-accordion-content .wp-video .mejs-container{
	max-height:200px;
}

#slider .uk-button-default{
	color: #fff;
	background-color: #32373c;
	border: none;
	border-radius: 1.55em;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1.125em;
	padding: .667em 1.333em;
	text-align: center;
	text-decoration: none;
	overflow-wrap: break-word;
	height: auto;
	line-height: 1.4em;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

.wrapper {
	max-width:1024px;
	padding: 0 1rem;
	margin:0 auto;
}

.products-wrapper{
	max-width:900px;
}

/* header */

.header {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.header-banner *{
	max-height:100px;
}

/* logo */

.logo {
	width:347px;
	max-width:100%;
}
.logo-img {

}

/* nav */

.main-navigation ul{
	padding:0;
	margin:0;
}

.main-navigation ul li{
	list-style:none;
	display:inline-block;
	position:relative;
}

.main-navigation ul li a{
	margin-top: 0;
	margin-right: 1rem;
	padding: .4rem .5rem;
	display: inline-block;
	color:#fff;
	font-size: 1rem;
	text-align: center;
	color:#fff;
	/*margin-left: -1rem;*/
	font-size: 0.875rem;
}

.main-navigation ul li .sub-menu{
	position:absolute;
	top:100%;
	left:0;
	min-width: 250px;
	background-color:#1A1A1A;
	display:none;
	/*margin-left: -1rem;*/
	z-index:9;
}

.main-navigation ul li .sub-menu li{
	display:block;
}

.main-navigation ul li .sub-menu li a{
	display: block;
	text-align: left;
	width: 100%;
	padding: .5rem 1rem;
	margin-left:0;
}

.main-navigation ul li:hover .sub-menu{
	display:block;
}

.main-navigation ul li:hover a{
	text-decoration:none;
	background-color:#1A1A1A;
}

.main-navigation ul li .sub-menu li:hover a{
	text-decoration:none;
	background-color:#000;
}

/* sidebar */

.sidebar {

}

/* footer */

.footer h3{
	color:#fff;
	font-size: 16px;
	line-height: 1.4;
	font-weight:600;
}

.footer ul{
	margin:0;
	padding:0;
}

.footer ul li{
	list-style:none;
}

.footer ul li a{
	color:#fff;
	font-size: 14px;
	line-height: 1.4;
}

.footer .footer-social{
	display:block;
}

.footer .footer-social i{
	color:#fff;
	font-size:2rem;
}

a.uk-slidenav{
	background:rgba(0,0,0,0.8);
	border-radius:50%;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.hero-title{
	font-size: 4rem;
	color:#969696;
	font-weight: 300;
	margin: 0;
	padding-top: 2rem;
	padding-bottom: 1rem;
	text-transform: uppercase;
}

.cta-block img{
	height:60px;
}

.product-block, .post-block, .dl-block, .card-block{
	padding: 1rem;
	background-color:#fff;
	border-bottom: 4px solid rgba(0,0,0,.12);
}

.post-block{
	padding-bottom:50px;
}

.post-block .date{
	display:block;
	position:absolute;
	left:1rem;
	bottom:1rem;
	font-size:0.875rem;
}

.product-block:hover{
	background-color: #f9f9f9;
}

.product-block .product-image-2{
	display:none;
}

.product-block:hover .product-image-1{
	display:none;
}

.product-block:hover .product-image-2{
	display:block;
}

.products-wrapper .product-block h4{
	font-size:1rem;
}

.explore-list ul{
	margin:0;
	padding:0;
}

.explore-list ul li{
	list-style: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #dedede;
	padding-bottom: 20px;
}

.explore-list ul li i{
	margin-right:10px;
}

span.wpcf7-list-item{
	margin-left:0;
}

.contact-form input, .contact-form textarea{
	border:1px solid #ccc;
	padding:10px;
	width:100%;
}

.contact-form input[type="checkbox"]{
	width:auto;
}

.contact-form input[type="submit"]{
	background:#1b7c8f;
	color:#fff;
	border:none;
	width:auto;
}

.cta-block a{
	border-radius:5px;
}

.multi-drop{
	position:static!important;
}

li.multi-drop .sub-menu{
	display: none;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
}

li.multi-drop:hover .sub-menu{
	display:flex!important;
}

.hide-desk{
	display:none;
}

.single-events .date{
    display:none;
}

/*=== Newsletter popup ===*/

.ig_messenger.ig_canvas.ig_container {
    max-width: 400px!important;
    width:100%;
}

.ig_messenger.ig_canvas .ig_content{
	padding: 20px!important;
}

.ig_messenger.ig_canvas .ig_content .wpcf7-form input{
	width: 100%;
	margin-bottom: 10px;
	font-size: 1rem;
	padding: 6px;
}

/*.ig_messenger.ig_canvas .ig_content .wpcf7-form span.first-name, .ig_messenger.ig_canvas .ig_content .wpcf7-form span.last-name{
	display:inline-block;
	width:48%;
}

.ig_messenger.ig_canvas .ig_content .wpcf7-form span.first-name{
	margin-right:4%;
}*/

.ig_messenger.ig_canvas .ig_content .wpcf7-form input[type="submit"]{
	background:#32373c;
	color:#fff;
	padding:10px;
	border-radius: 28px;
}

#icegram_message_873 .ig_close::after{
	background-position: -254px center!important;
	background-color:#000;
	padding: 10px;
	left: -7px;
	border-radius:3px;
}

.ig_messenger.ig_canvas .ig_headline{
	font-size: 1.2em!important;
	margin-bottom: 20px;
}

.ig_messenger .ig_message p{
	color:#6b6b6b !important;
	font-size:0.875rem;
	margin-bottom:20px!important;
}

#icegram_message_873 .ig_message{
	text-align:left!important;
}

#icegram_messages_container div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
	background:#333;
    font-size: 0.875rem;
    padding: 10px;
    text-align: center;
    margin: 0;
}

div.wpcf7-response-output{
	background:#333;
    font-size: 0.875rem;
    padding: 10px;
    text-align: center;
    margin: 0;
}

.ig_messenger.ig_canvas .ig_body{
    max-height:90vh!important;
}

.ig_messenger .ig_message p:first-of-type{
	margin-bottom:0!important;
}

#icegram_message_873 .ig_headline{
    display:none!important;
}

#icegram_message_873 *{
    font-family: inherit !important;
}

body.newsletter-signup .wpcf7-form{
	background: #efefef;
	padding: 20px 40px;
}

body.newsletter-signup main .wpcf7-form input{
	width:100%;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}

body.newsletter-signup main .wpcf7-form input[type="submit"]{
	background: #32373c;
	color: #fff;
	padding: 20px;
	border-radius: 28px;
	border:none;
}

body.newsletter-signup main .wpcf7-form div.wpcf7-response-output{
	background:#fff;
}

.resource-download-btn{
	background:#32373c;
	color:#fff !important;
	padding: 10px;
	border-radius: 28px;
	border: none;
	font-size: 1rem;
	display: block;
	margin-top: 20px;
	text-decoration:none;
}

.resource-download-btn:hover{
	text-decoration:none;
	background:#485058;
}

.resource-download-btn.small{
	font-size:0.875rem;
}

.resource-link{
	display:none;
}

body.literature .uk-subnav > *{
	padding-left: 10px;
}

.grecaptcha-badge{
	display:none;
}

body.literature .page-hero h1, body.literature .page-hero h2, body.literature .page-hero h3, body.literature .page-hero h4, body.literature .page-hero *{
	color:#fff;
}

.product-switcher.uk-tab li a{
	font-size: 1.2rem;
}

.product-switcher.uk-tab > .uk-active > a{
	border-color:#222;
}

.linkbright-kits .cards > div:first-of-type{
	display:none!important;
}

#slider img{
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

}

@media only screen and (max-width:768px) {
	.main-navigation{
		/*display:none;*/
	}
	
	.hide-nav{
		display:none;
	}
	
	.main-navigation ul li{
		display:block;
		width:100%;
		margin:10px 0;
	}
	
	.main-navigation ul li .sub-menu{
		width:100%;
		max-width:100%;
		position:static;
		display:block!important;
		padding:10px;
		margin-left:0;
	}
	
	.hide-desk{
		display:block;
	}
	
	.header-nav-toggle{
		font-size:2rem;
	}
	
	.page-hero{
	    text-shadow: 0 0 5px #000;
	}
	
	.our-technology .page-hero p a{
	    background-color:rgba(0,0,0,0.7);
	    padding:20px;
	    border-radius:5px;
	    display:block;
	    text-align:center;
	}
	
	
}

@media only screen and (max-width:600px) {
	.hide-mob{
		display:none!important;
	}
	.hero-title{
		font-size:2rem;
	}
	iframe{
		width:100%;
		max-height:250px;
	}
	.where-to-buy .wp-block-column{
		flex-basis: 50% !important;
		padding: 10px;
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

em {
    color: inherit!important;
}