/*
Theme Name: WP Bootstrap 4.8.2
Theme URI: http://kasio99.com
Description: A base bootstrap 4 theme
Author: James Williamson
Author URI: http://kasio99.com/
Version: 1.0
Tags: responsive,bootstrap,easy theme
*/

/*Global Styles*/

@import url('bootstrap/css/bootstrap.min.css'); 

@import url('https://fonts.googleapis.com/css?family=Assistant:400,700&display=swap');

html, body {
	height: 100%
}

body {
	font-family: 'Assistant', sans-serif;
    background-color: #000;
	color: #fff;
	
}

h1 {
	font-size: 35px;
}

.custom-logo {
    margin: 35px 0px;
}

.navbar {
    padding: 0px;
    /* min-height: 150px; */
    font-size: .8em;
    font-weight: bold;
    vertical-align: top;
}

.nav-item {
    padding: 15px 10px 15px 10px;
}

.nav-item.active {
    
    color: #dfdfdf;
}

.navbar-light .navbar-nav .nav-link {
    color: grey;
}

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

.navbar-light .navbar-nav .nav-link:hover {
    color: #dfdfdf;
}

.nav-item.active:hover {
    
    color: #dfdfdf;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #f7941d;
	text-decoration: underline;
}

span.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}

spam.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203) !important;
} 

/* search form styles */


body > div:nth-child(1) > form {
	float: right;
}

.header-cont > nav > form > label > input {
	border: 2px solid #363636;
    background-color: #000;
	color: #FFF;
	padding: 0px 0px 0px 10px;
}

.header-cont > nav > form > button {
	background-color: #000;
	color: #FFF;
	border: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}

/* Brochure page styles */

.brochure-cont {
	margin: 20px 0px;
}

.brochure-cont >  p > a {

	color: #fff;
}

.brochure-cont >  p > a:hover {
	color: #f7941d;
}

/* contact styles */

.icon-cont {
	padding: 20px 60px;
}

hr {
	border: 1px solid #2d2d2d;
}

.contact-dets {
	line-height: 10px;
}

.contact-dets > div > p > a {
	color: #fff;
}

.contact-dets > div > p > a:hover {
	color: #f7941d;
}



.footer {
	background-color: #1a1a1a;
	padding-top: 20px;
    padding-bottom: 6px;
}

/* Woocommerce Styles */

.woocommerce-loop-category__title {
    display: none;
}

.product_type_simple {
	display: none !important;
}

/* Product lightbox Customisation */

.wc-quick-view-modal.with-product-image.with-product-details {
    width: 1550px !important;
	border: 1px solid #fff;
}

.wc-quick-view-modal {
	background-color: #000 !important;
}


.wp-post-image {
	width: 100%;
	height: auto;
}

.prod-sku {
	display: block;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
}

a.technical, a.prod-install, a.video-link {
	color: #fff;
}

a.technical:hover, a.prod-install:hover, a.video-link:hover {
	color: #f7941d;
}

.deks-orange {
	color: #f7941d;
}


.close-modal {
	
	background-image: url('https://deks.com.au/wp-content/uploads/close-btn-1.png') !important;

	/*background-image: none !important;
	https://deks.com.au/staging/wp-content/uploads/close-btn-1.png*/
	top: 10px !important;
	right: 10px !important;
}



li.product-type-simple {
	line-height: 4px;
}

span.sku-cat {
	color: #fff;
}

h2.woocommerce-loop-product__title {
	color: #fff;
	
	font-weight: bold;
}

h2.woocommerce-loop-product__title:hover {
	color: #f7941d;
}

/* category widget */

ul.product-categories {
	position: fixed;
	top: 300px;
	left: -40px;
	z-index: 1000;
	list-style: none;
	line-height: 30px;
	color: #fff;
}


ul.product-categories > li {
	border: none;
    transition: all .5s;
    padding: 0px 10px 0px 10px;
    background: rgb(247, 148, 30, .6);
    margin-bottom: 2px;
}

ul.product-categories > li:hover {
	background: #F7B05B;
}

ul.product-categories > li > a {
	color: #fff;
	
}

ul.product-categories > li > a:hover {
	text-decoration: none;
	
}

/*blog styles*/

.blog-thumb {
	margin-top: 12px;
	max-height: 190px;
}

.single-blog-img {
	margin: 20px 0px;
}

h2.blog-title {
	font-weight: bold;
	font-size: 30px;
	color: #f7941d;
}

h2.blog-title > a, h2.blog-title > a:hover {
	color: #f7941d;
	text-decoration: none;
}

a.more-link {
	color: #f7941d;
}

a.more-link:hover {
	color: #f7941d;
}

.recent-post-cont > h3 {
	font-weight: bold;
}

div.recent-post-cont > ul {
	list-style-type: none;
	margin-left: -40px;
}

div.recent-post-cont > ul > li {
	margin: 20px 0px;
}

div.recent-post-cont > ul > li > a, div.recent-post-cont > ul > li > a:hover {
	color: #f7941d;
}

h3.comments-title, h3.comment-reply-title {
	font-weight: bold;
}

.make-comment > a, .commentmetadata > a, .comment-reply-link, time {
	color: #fff;
	text-decoration: underline;
}

ul.comment-list {
	list-style-type: none;
	margin-left: -40px;
}

li.comment {
	margin: 20px 0px;
	
}

div.comment-author {
	float: left;
}

p.comment-form-cookies-consent { display: none; }

#comment {
	width: 100%;
}


@media only screen and (max-width: 970px) {
  
	.icon-cont {
		padding: 20px 20px;
	}

}



@media only screen and (max-width: 600px) {
  
  
  div.container-fluid.header-cont > nav > form > label > input {
	width: 170px;
}

	.navbar {
		min-height: 70px;
	}
	
	.icon-cont {
		padding: 20px 10px;
	}
	
	.close-modal {
		position: fixed !important;
		top: 30px !important;
		right: 40px !important;
	}
	
	ul.product-categories > li {
		max-width: 100px;
	}
	
	.blog-thumb {
	
	max-height: none;
}

	
	
}