/*
Theme Name: Lasertronics
Theme URI: https://www.somsweb.com.au
Author: Selling Online Made Simple
Author URI: https://www.somsweb.com.au
Description: Custom theme for Lasertronics website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laser
*/

* {
	margin: 0 auto
}

html,
body {
	height: 100%
}

body {
	font-family: "Roboto Condensed", sans-serif;
	line-height: 1.5em;
	font-size: 14px
}

a {
	text-decoration: none!important
}

p{
	font-size: 20px;
	line-height: 1.5em;
}

img{
	max-width: 100%;
	height: auto;
}

hr{
	background: url('assets/images/colourful-line.png');
	height: 4px;
	background-size: contain;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.block {
	display: block
}

.padd {
	padding: .5em
}

.lead {
	font-size: 220%;
	line-height: 1.5em;
}

.bold {
	font-weight: 700
}

.condensed {
	font-family: 'Roboto Condensed'
}

.bg-dark {
	background: #474747
}

.bg-blue {
	background: #00aeef
}

.bg-magenta {
	background: #ec008c
}

.bg-yellow {
	background: #fff000
}

.bg-black {
	background: #000
}

.bg-yellow a{
	color: #212529;
}

.clear {
	content: "";
	display: block;
	clear: both;
	position: relative
}

.transition {
	transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-webkit-transition: .3s ease
}

.custom-button {
	position: relative;
	margin: .5em 0;
	margin-left: 116px;
	font-size: 400%;
	font-weight: 700;
	background: #00aeef;
	padding: .5em 1em;
	display: inline-block;
	font-family: 'Roboto Condensed';
	border: none;
	color: #fff;
	transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-webkit-transition: .3s ease
}

.custom-button::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 120px;
	background: url(assets/images/arrow.png) no-repeat;
	background-size: contain;
	top: 0;
	left: -114px;
}

.custom-button:hover {
	color: #000
}

header {
	position: relative
}

header .logo-container {
	position: absolute;
	width: 300px;
	z-index: 5;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(185,185,185,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(185,185,185,1);
	box-shadow: 0px 3px 5px 0px rgb(185, 185, 185);
}

header .logo-container img {
	width: 100%;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)
}

header .top-nav {
	background: #474747;
	height: 24px;
	line-height: 24px
}

header .top-nav ul {
	list-style: none;
	display: block;
	margin: 0;
	padding-left: 0px
}

header .top-nav ul li {
	float: left
}

header .top-nav ul li a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 80%;
	padding: 0 1em;
	transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-webkit-transition: .3s ease
}

header .top-nav ul li a:hover {
	background: #00aeef;
	color: #fff
}

header .top-nav ul li a.active {
	color: #00aeef
}

header .top-nav .contact,
header .top-nav .call {
	display: inline-block
}

header .top-nav .contact {
	color: #fff;
	padding: 0 1em
}

header .top-nav .contact a{
	color: #fff;
}

header .top-nav .contact .fa {
	color: #00aeef
}

header .top-nav .call {
	background: #00aeef;
	padding: 0 0.3em;
	color: #fff
}

header .top-nav .call a {
	color: #fff
}

header .top-nav .call .fa {
	color: #000
}

header .bottom-nav {
	background: #fff;
	padding: 1em;
	padding-top: 1.5em;
	padding-bottom: 0
}

header .bottom-nav .container {
	position: relative
}

header .bottom-nav ul{	
	list-style: none;
}

header .bottom-nav ul.menu{
	padding-left: 310px;
	display: block;
	padding-top:15px
}

header .bottom-nav ul li {
	float: left;
}

header .bottom-nav ul li ul{
	display: none;
	position: absolute;
	padding: 0;
    padding-top: 1em;
    z-index: 1;
}
header .bottom-nav ul li:hover ul{
	display: block;
}

header .bottom-nav ul li.magenta {
	border-bottom: 3px solid #ec008c
}

header .bottom-nav ul li.blue {
	border-bottom: 3px solid #00aeef
}

header .bottom-nav ul li.yellow {
	border-bottom: 3px solid #fff000
}

header .bottom-nav ul li.black {
	border-bottom: 3px solid #000
}

header .bottom-nav ul a {
	color: #474747;
	text-transform: uppercase;
	padding: .45em
}

header .bottom-nav ul::after {
	content: "";
	display: block;
	clear: both;
	position: relative
}

header .bottom-nav form.search {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

header .bottom-nav form.search input {
	width: 0;
	opacity: 0;
	padding: .1rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
	transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-webkit-transition: .3s ease
}

header .bottom-nav form.search .search-button {
	padding: 0 .3em;
	background: #000;
	color: #fff;
	cursor: pointer;
	border: none
}

header .bottom-nav form.search:hover input {
	width: auto;
	opacity: 1
}

.bx-wrapper{
	margin-bottom: 20px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
}

.banner {
	position: relative
}

.banner .img-banner {
	width: 100%
}

.banner .banner-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.page .banner .banner-content,
.post .banner .banner-content{

}

.banner .banner-content h2 {
	text-transform: uppercase;
	padding: .5em 0;
	padding-bottom: 0;
	line-height: 1.2em;
	margin-bottom: 0;
}

.banner .banner-content h3 {
	font-size: 115%;
	line-height: 0.1em
}

.banner .banner-content .pull-bottom {
	position: absolute;
	bottom: 1em
}

.banner .banner-content .magenta-box {
	background: #ec008c;
	font-size: 200%;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: .75em;
	margin-bottom: .5em
}

.banner .banner-content .btn-blue {
	background: #00aeef;
	color: #fff;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 225%;
	margin-right: .25em;
	font-family: 'Roboto Condensed'
}

.banner .banner-content .btn-blue .fa {
	color: #000
}

.banner .banner-content .btn-blue:hover {
	background: #009bd6
}

main {
	margin-top: 1em
}

section.tab-printer .nav-tabs .nav-item {
	width: 25%
}

section.tab-printer .nav-tabs .nav-item .nav-link {
	background: #edebeb;
	border: 1px solid #ccc
}

section.tab-printer .nav-tabs .nav-item .nav-link.active {
	background: #fff;
	border-bottom: none
}

section.tab-printer .tab-pane {
	border: 1px solid #ccc;
	padding: 2em;
	border-top: none;
	border-bottom: none;
	font-size: 110%
}

section.tab-printer .brand {
	width: 210px;
	height: 70px;
	background: url(assets/images/brand-sprites.png);
	display: block;
	background-size: cover
}

section.tab-printer .brand.hp {
	background-position: 0 0
}

section.tab-printer .brand.lexmark {
	background-position: -210px 0
}

section.tab-printer .brand.brother {
	background-position: -420px 0
}

section.tab-printer .brand.samsung {
	background-position: -640px 0
}

section.tab-printer .after-tab {
	border: 1px solid #ccc;
	border-top: none;
	padding: 1em 2em
}

section.about{
	margin: 40px 0;
}
section.about .about-box {
	background: #eee;
	padding: 1.5em
}

section.about .about-box .bla-stripe {
	width: 60px;
	height: 60px;
	background: url(assets/images/blablabla-stripe.png) no-repeat
}

section.about .about-box .bla-stripe.a {
	background-position: 0 0
}

section.about .about-box .bla-stripe.b {
	background-position: -60px 0
}

section.about .about-box .bla-stripe.c {
	background-position: -120px 0
}

section.about .about-box .bla-stripe.d {
	background-position: -180px 0
}

section.about .about-box .about-item {
	margin-bottom: 1em;
	position: relative
}

section.about .about-box .about-item.magenta {
	border-bottom: 5px solid #ec008c
}

section.about .about-box .about-item.magenta .icon-box {
	background: #ec008c
}

section.about .about-box .about-item.blue {
	border-bottom: 5px solid #00aeef
}

section.about .about-box .about-item.blue .icon-box {
	background: #00aeef
}

section.about .about-box .about-item.yellow {
	border-bottom: 5px solid #fff000
}

section.about .about-box .about-item.yellow .icon-box {
	background: #fff000
}

section.about .about-box .about-item.black {
	border-bottom: 5px solid #000
}

section.about .about-box .about-item.black .icon-box {
	background: #000
}

section.about .about-box .about-item .icon-box {
	padding: 1em 3em;
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 2em
}

section.about .about-box .about-item h3 {
	font-size: 250%;
	text-transform: uppercase;
	padding-top: 1em;
	padding-left: 7em
}

section.about .about-box .about-item::after {
	content: "";
	display: block;
	clear: both;
	position: relative
}

.nav-tabs{
	border-bottom: none;
}
.aligncenter{
	margin: auto;
	display: block;
}
.alignright{
	float: right;
	margin: 0.5em 0 0.5em 2em;
}
.alignleft{
	float: left;
	margin: 0.5em 2em 0.5em 0;
}
.post-wrapper img{
	max-width: 100%;
	height: auto;
}

.home .magenta-jumbo-text{
	font-size: 5.5em;
	color: #ec008c;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 30px;
}
.home-desc-side{
	width: 57%;
	float: left;
}

.footer-top{
	background: #eee;
	padding: 25px 0;
}
.footer-top .cta span{
	color: #474747;
	display: inline-block;
}
.footer-top .cta .icon{
	font-size: 2em;
	background: #00aeef;
	padding: 0.5em 0.35em;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	margin-right: 25px;
	margin-top: 30px;
	margin-bottom: 30px; 
}
.footer-top .cta span.bigger{
	color: #000;
	font-size: 1.3em;
}

.footer-top .cta span.text span{
	display: block;
}

/** CONTACT FORM 7 STYLE **/
.wpcf7 p{ 
	font-size: 14px;
	margin-bottom: 8px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 input[type="file"]{
	padding: 5px 10px;
	font-family: FontAwesome, "Roboto Condensed";
	margin: 0px;
	color: #7e7e7e;
	width: 100%;
	border-radius: 3px;
	border: none;
}
.wpcf7 input[type=submit]{
	background: #00aeef;
	border: none;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 6px 15px;
	cursor: pointer;
	font-size: 20px;
	font-weight: 800;
}
.wpcf7 input[type=submit]:hover{
	background: #0056b3;
}
.wpcf7 input[type=submit]:active{
	webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 10px 2px rgba(53,64,38,0.75) inset;
}
.wpcf7 textarea{
	height: 78px;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors{
 	border: 2px solid #d9ba17;
 	color: #b7b7b7;
 	line-height: 1.5em;
 	text-align: center;
 	margin-top: 10px;
 	margin-left: 0;
 	margin-right: 0;
 	margin-bottom: 0;
 }
.wpcf7 div.wpcf7-validation-errors{
	border-color: #ff0000;
}
.wpcf7 span.wpcf7-not-valid-tip{
	font-size: 11px;
	text-align: left;
}

.modal-body .wpcf7 button {background: #3fb3e3;color: #fff;font-weight: 700;border-radius: 6px;padding: 10px 9px;border: none;margin-top: 10px;width: 100%;}
.modal-header {padding: 25px 15px;text-align: center;background: #1a93c5;color: #fff;border-radius: 15px 15px 0px 0px;width: 100%;}
.modal-header .close{margin: -15px 0px -15px 0px;}
.modal-content {border-radius: 18px;}
.modal-header .close{ position: absolute; right: 10px; top: 5px; cursor: pointer; }
.modal-body .wpcf7 input[type="text"],
.modal-body .wpcf7 input[type="email"],
.modal-body .wpcf7 input[type="tel"],
.modal-body .wpcf7 textarea,
.modal-body .wpcf7 input[type="file"]{border: 1px solid;}

.post-wrapper h1, .post-wrapper h2, .post-wrapper h3, .post-wrapper h4, .post-wrapper h5, .post-wrapper h6{font-weight:bold;}
.type-page.status-publish{padding-top:20px;padding-bottom:10px;}
.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.search{padding-top:15px;}

a.bttClose img,
.sub-button img{
	display: inline;
}

.home-inline-form .wpcf7{
	margin-top: 1em;
}
.home-inline-form .wpcf7 .blue-background{
	padding: 1em;
	background: #00aeef;
}
.home-inline-form .wpcf7 input[type="text"],
.home-inline-form .wpcf7 input[type="email"],
.home-inline-form .wpcf7 input[type="tel"],
.home-inline-form .wpcf7 textarea,
.home-inline-form .wpcf7 input[type="file"]{
	color: #101010;
	border: none;
}
.home-inline-form .wpcf7 textarea{
	height: 75px;
}
.home-inline-form .wpcf7 button{
	background: #00aeef;
	font-size: 2em;
	color: #fff;
	border: none;
	padding: 1.5em 0;
	width: 100%;
	cursor: pointer;
}
.home-inline-form .wpcf7 .row.gutter-3{
	margin-right: -3px;
    margin-left: -3px;
}
.home-inline-form .wpcf7 .row.gutter-3 [class^=col-]{
	padding-right: 3px;
	padding-left: 3px;
}
.home-inline-form .wpcf7 .form-group{
	margin-bottom: 0;
}
.home-inline-form .wpcf7 .form-group+.form-group{
	margin-top: 7px;
}
.home-inline-form .wpcf7 .wpcf7-form-control-wrap{
	overflow: hidden;
	border-radius: 3px;
}
.footer-top .wpcf7{
	border: 1px solid #c5c3c3;
	padding: 1.8em 1.5em;
}
.footer-top .wpcf7 input[type=submit]{
	float: right;
}
.footer-top p.sub-button{
	margin-bottom: 0;
}

.footer{
	background: #474747;
	padding: 2em;
}
.footer .widget .title{
	color: #00aeef;
	font-size: 1.3em;
	margin-bottom: 0.3em;
}
.footer ul{
	padding-left: 0;
	margin-bottom: 0
}
.footer ul li{
	display: block;
}
.footer ul li a{
	color: #fff;
	font-size: 1.2em;
	display: block;
	padding: 0.3em 0;
}
.copyright{
	padding: 1em;
	color: #000;
}
.copyright .sosmed{
	margin-left: 0;
}
.copyright .copyright-text{
	margin-right: 0;
}
.copyright .sosmed a i.fa{
	font-size: 2em;
	color: #000;
	background: #dbdbdb;
	padding: 5px 0;
	display: inline-block;
}

@media (max-width: 1199px) {
	header .top-nav {
		height: auto
	}
	header .top-nav .container::after {
		content: "";
		display: block;
		clear: both;
		position: relative
	}
	header .top-nav .pull-right {
		float: right;
		padding-left: 30px
	}
	header .bottom-nav ul.menu {
		padding-left: 0;
		margin-top: 0;
		float: left;
		font-size: 12px;
	}
	.banner .banner-content h2{
		font-size: 1.5rem;
	}
	.banner .banner-content .magenta-box,
	.banner .banner-content .btn-blue{
		font-size: 150%;
	}
	.home .magenta-jumbo-text{
		font-size: 5em;
	}
	.home-desc-side{
		width: 50%;
	}
	.home-inline-form .wpcf7 .form-group{
		margin-bottom: 3px;
	}
	.home-inline-form .wpcf7 .form-group+.form-group{
		margin-top: 0;
	}
}

@media (max-width: 991px) {
	.custom-button {
		font-size: 300%;
		margin-left: 63px;
		text-align: center;
	}
	.custom-button:before{
		left: -63px;
	}
	.footer-top .cta span{
		display: block;
	}
	.footer-top .cta .icon{
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.home-desc-side{
		width: 100%;
	}
	.home-inline-form .wpcf7 button{
		font-size: 1.5em;
	}
	section.about .about-box .about-item h3{
		padding-top: 0;
		padding-left: 6em;
	}
	header .bottom-nav form.search{
		position: relative;
		width: 100%;
		margin-bottom: 1em;
	}
	header .bottom-nav form.search input{
		width: 96%;
		opacity: 1;
	    padding: .375rem .75rem;
	    font-size: 1rem;
	}
	header .bottom-nav form.search:hover input{
		width: 96%
	}
	.banner{
		padding: 2em 0;
	    background: #cbcbcb;
	}
	/* .banner .banner-content{
		position: relative;
	} */
	/* .banner .banner-content .pull-bottom{
		position: relative;
		bottom: 0;
	} */
}
@media (min-width: 992px) {
	.modal-dialog { width: 350px; }
}

@media (min-width: 1200px) {
	.modal-dialog { width: 400px; }
	/* .modal-body .g-recaptcha {margin: 0 auto;display: block;width: 86%;} */
}
@media (max-width: 767px) {
	p{
		font-size: 16px;
	}
	.custom-button {
		font-size: 200%;
	}
	.lead {
		font-size: 120%
	}
	header .logo-container {
		position: relative
	}
	header .top-nav {
		height: auto;
		text-align: center
	}
	header .top-nav ul {
		padding-left: 0
	}
	header .top-nav ul li {
		display: inline-block;
		float: none
	}
	header .top-nav ul::after {
		content: "";
		display: block;
		clear: both;
		position: relative
	}
	header .top-nav .pull-right {
		float: none;
		padding: 0
	}
	header .bottom-nav ul {
		padding-left: 0;
		text-align: center;
		margin-top: 0
	}
	header .bottom-nav ul li {
		float: none;
		display: inline-block
	}
	.banner .banner-content h2 {
		font-size: 130%
	}
	.banner .banner-content .magenta-box {
		font-size: 100%
	}
	.page .banner .banner-content .magenta-box h1{
		font-size: 1.75rem
	}
	.banner .banner-content .btn-blue {
		font-size: 100%
	}
	section.tab-printer .brand {
		width: 60px;
		height: 20px
	}
	section.tab-printer .brand.hp {
		background-position: 0 0
	}
	section.tab-printer .brand.lexmark {
		background-position: -60px 0
	}
	section.tab-printer .brand.brother {
		background-position: -120px 0
	}
	section.tab-printer .brand.samsung {
		background-position: -180px 0
	}
	section.about .about-box .about-item {
		text-align: center
	}
	section.about .about-box .about-item .icon-box {
		float: none;
		margin-left: 0
	}
	section.about .about-box .about-item h3 {
		padding-left: 0
	}
	.footer-top .cta .icon{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	/* .banner .banner-content .pull-bottom{
		position: relative;
	} */
	.home-inline-form .wpcf7 button{
		margin-top: 1em;
		padding: 1em 0;
	}
	header .bottom-nav form.search input,
	header .bottom-nav form.search:hover input{
		width: 95%;
	}
	
	.modal-body{position: relative;padding: 20px;display: inline-block;width: 100%;}
	.g-recaptcha{float: left;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
}

@media (max-width: 575px) {
	.custom-button {
		font-size: 150%;
	}
	header .logo-container {
		width: 100%
	}
	.banner .banner-content {
		position: relative
	}
	.banner .banner-content .pull-bottom {
		position: relative;
		padding-top: 2em
	}
	section.about .about-box .about-item h3 {
		font-size: 150%
	}
	section.tab-printer .tab-pane {
		padding: .75em
	}
	section.tab-printer .after-tab {
		padding: 1em .75em
	}
	header .bottom-nav form.search input,
	header .bottom-nav form.search:hover input{
		width: 88%;
	}
	
	a.showmenu{
		font-size: 2.5em;
		color: #00aeef;
		width:100%;
	}
	header .bottom-nav ul.menu{
		float: none;
	}
	header ul.menu li,
	header .bottom-nav ul a{
		display: block;
	}
	header .top-nav ul li a,
	header .bottom-nav ul a{
		font-size: 120%;
		padding: 0.7em;
	}
	header .top-menu{
		text-align: left;
		padding-top: 1em;
	}
	header .bottom-nav ul{
		text-align: left;
	}
	header .top-nav ul li{
		border-bottom: 3px solid #00aeef;
	}
	.menu.menu-show,
	.menu ul.menu-show{
		display: block !important;
	}
	
	.footer-top .cta span.smaller{
		color: #000;
		font-size: 0.8em;
	}
}

.archives-box.post-wrapper{
	padding:20px 0;
	margin-bottom: 10px;
}
.read-more{
	background: #00aeef;
	border: none;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
		margin-left: 0px;
	padding: 2px 10px;
	cursor: pointer;
	font-size: 20px;
	font-weight: 800;
	margin-left: 10px;
}