/*
Theme Name: UYKBYDRONE
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for UYKBYDRONE
*/


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	border:0px solid !important;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}


/********************* SITE STRUCTURE ****************************/
body{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	color:#000;
	line-height:26px;
	font-weight:100;
	background:#fff;
	/* background:url(images/bg.png) center repeat-y #333333; */
}

a:focus, a:hover {
    color: #03baff;
    text-decoration: underline;
}

#sidebar{
	display: none;
}

.site-header{	
	padding:10px;
	border-bottom:1px solid #03baff;
	background: #fff;
	/* padding:10px; */
	/* margin-bottom:30px; */
}
.header-logo{
	max-width: 240px !important;
	/* margin:0 auto;
	z-index:99;
	position: absolute;;
	left: 50%;
    transform: translate(-50%, -80px); */
}

header svg{
	width:100%;
	max-width:250px;
}
header h2{
	color:#333333;
}

a{
	color:#03baff;
	text-decoration: none;
}

table{
	width:100% !important;
}

#navigation-button{
	/* max-width:130px; */
	margin-top:10px;
	cursor: pointer;
	/* border:1px solid #fff; */
	border-bottom:4px solid #03baff;
	display: inline-block;
	padding:10px;
	cursor: pointer;
	color:#333333;
}
#navigation-button:hover{
	color:#333333;
}

#header-contact-block{
	margin-top:10px;
}

footer{
	/* border-top:5px solid #03baff; */
	/* color:#5A6361; */
	border-top:1px solid #03baff;;;
	font-size:0.9em;
	clear:both;
	padding:45px;
	margin-top:50px;
	/* margin-bottom:30px; */
	margin-bottom:0px;
	text-align:center;
}
/* footer .header-logo{
	max-width: 240px;
	margin:0 auto;
	z-index:99;
	position: absolute;;
	left: 50%;
    transform: translate(-50%, -50%);
} */
footer ul{
	list-style: none;;
	margin-left:0px;
	padding-left:0px;
}
footer li{
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}
footer a, footer h2, footer h3{
	color:#03baff;
}

footer p{
	/* text-transform: uppercase;; */
	letter-spacing: 1.0px;
}

.credit{
	margin-top:25px;
	font-size:0.8em;

}
.credit  a{
	color:#5A6361;
}

.woocommerce ul.products li.product .price{
	color:#03baff;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background:#03baff !important;
	color:#797979 !important;
}
.variations_form{
	margin-top:30px;
}

.clear{
	clear:both;
	height:1px;
}

h1, .h1{
	color:#ffffff;
	position: relative;
	margin-bottom:10px;
	font-size:3.5em;
	text-transform: uppercase;
	margin-top:0px;
	font-family: 'Lato', sans-serif;
	clear:both;
}
/* h1::after, .h1::after{
	content:".";
	position: relative;
	display: inline-block;
	color:#ffffff;
	font-size:1.5em;
} */

.h2, h2{
	color:#ffffff;

	position: relative;
	margin-bottom:5px;
	font-size:1.5em;
	margin-top:0px;
	font-family: 'Lato', sans-serif;
	clear:both;
}
h2 strong{
	font-family: 'Lato', sans-serif;
	font-size:1.8em;
	text-transform: capitalize;
	display:block;
	color:#03baff;
	font-weight:100;
}
/* h2::after, .h12:after{
	content:".";
	position: relative;
	display: inline-block;
	color:#ffffff;
	font-size:1.5em;
} */

h3{
	display: block;
	color:#03baff;
	padding-bottom:4px;
	font-size:1.1em;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	clear:both;
	margin-top:20px;
	border-bottom:1px solid #fff; 
}

a:hover .btn{
	color:#ffffff
}

a:hover{
	text-decoration: none;
}

ul{
	padding-left:0px;
	margin-left:20px;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
	display: none;
}
.woocommerce div.product form.cart .variations select{
	background: #333333;
	border:1px solid  #03baff !important;
	padding:5px;

	font-weight:100;
}
.woocommerce-message{
	background: #03baff !important;
	color:#333333 !important;
	border-top:0px solid !important;
}
.woocommerce .woocommerce-tabs{
	display: none;;
}
.woocommerce .quantity .qty{
	display: none;;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color:#03baff;
}
.woocommerce .site-header, .woocommerce-page .site-header{
	margin-bottom:50px;
}
.woocommerce table.shop_table{
	margin-top:80px;
}
.woocommerce table.shop_table{
	background-color:#1d1d1d
}
.tablepress td{
	background-color:#1d1d1d !important;
}
.woocommerce-form-coupon-toggle{
	display: none;
}
button, input, select, textarea{
	background:#1d1d1d;
	padding:5px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background-color:#1d1d1d;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th{
	border:0px solid transparent;
}
.woocommerce .site-content, .woocommerce-page .site-content{
    max-width: 1140px;
	margin:0 auto;
}
.woocommerce .woocommerce-ordering{
	display:none;
}
.woocommerce .site-content h1{
	background:transparent;
	padding-top:0px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    padding: 20px 40px;
	border-radius: 5px;
	background: #03baff;
	color:#333333;
}
.woocommerce-breadcrumb{
	display:none;
}
/* .site-content li{
	list-style-type: none;
	padding:5%;
	margin-bottom:4px;
	background:#ffffff;
	color:#fff;
}
.site-content ul{
	margin-left:0px;
	padding-left:0px;
} */
.site-content{
	display: block;
	clear:0 ;
}

.thwepo-extra-options tr td{
	padding-bottom:10px;
}

/************* TABLE PLUS ********/
.tablepress .odd td{
	background:transparent !important;
}
.tablepress .even td{
	background:transparent !important;
}
.tablepress tbody td, .tablepress tfoot th{
	border:0px solid !important;
}

/********************** SOCIAL BUTTONS ****************/
.social-buttons{
	margin-top:10px;
		margin-bottom:100px;
}
.social-buttons .fa{
	font-size:2.1em;
	margin-left:5px;
	margin-right:5px;

  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #000000;
  width: 70px;
	background: #ffffff;
  height: 70px;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  border:1px solid #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	scale:1;

}
.social-buttons .fa:hover{
	transform:scale(1.2);
	
}
.social-buttons .fa:hover{
	color:#ffffff;
}

/******************** NAVIGATION ****************/
#navigation{
	width:100%;
	
	text-align:center;
	color:#5A6361;
background:#ffffff;
display:none;
list-style-type: none;
font-family: 'Lato', sans-serif;
font-size:1.2em;
margin-bottom:0px;
margin-left:0px;
padding-left:0px;
}
#menu-top-navigation{
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
}
#navigation li{
	padding:10px;
	/* margin-bottom:30px;
	margin-top:30px; */
	list-style-type: none;	
	border-bottom:1px solid #03baff;
	padding-bottom:10px;
}
#navigation li:hover{
	background:#03baff;
	color:#333333;
}
#navigation li:hover a{
	color:#333333;
}
#navigation a{
	color:#5A6361;
}

/********************* CONTACT BLOCK ***************/
.contact-block{
	padding:10px;
	text-align:center;
}



.mobile-navigation{
padding: 19px 20px 19px 20px;
cursor: pointer;
text-align: center;
border-radius: 15px;
display: none;
/* color:#ffffff;
background:#214720; */
border:2px solid #214720;
margin-top:20px;
margin-bottom:20px;
display:none;
}

/****************** WP FORMS ******************/
.wpforms-container,div.wpforms-container-full .wpforms-form .wpforms-field-label{
	text-align:left !important;
}

@media only screen and (max-width: 991px) {
	body{
		font-size:16px;
	}
	/* header .text-align, header .text-right, header div{
		text-align:center !important;
	} */

	#mobile-menu-button{
		display: block;
	}
/* 	
	#navigation-button{
		max-width:100px;
	} */
	h1, .h1{
		font-size:2.0em;
	}
	.header-contact-block{
		display:none;
	}
	#navigation-button{
		display: block;;
	}
	header{
		text-align:center;
	}
	#navigation-button{
		border:0px solid;
		background:#03baff;
		color:#333333;
	}
}