/*
Theme Name: Lismark Theme
Theme URI: http://www.creative.onl
Description: A responsive theme for the Lismark website.
Version: 1.0
Author: Creative.onl
Author URI: http://www.creative.onl
*/

body {font-family: 'Lato', sans-serif; padding:0; margin:0; font-size:18px; font-weight:300; color:#333;}
.container {width:auto; max-width:1100px; margin: 0 auto; padding:0 30px; height:auto; overflow:hidden;}
#toolbar {background:#32025C; color:#fff; height:auto; overflow:hidden; font-size:14px; font-weight:300;}
#toolbar-items {float:right;display:block;}
#toolbar a:link img {height:20px; width:auto; padding-right:5px; margin-bottom:-5px;}
.callback {background:#85BB3F; border-radius:99px; padding: 6px 10px 12px 10px !important; margin:10px; line-height:70%;}
.callback:hover {color:#fff !important; background:#A6D26C;}
#navigation {background:#5C2A88; color:#fff; font-size:16px; font-weight:400; padding:15px 0 10px 0; height:auto; border-top:1px solid white; border-bottom:1px solid white; position:relative;}
#navigation .logo img {height:40px; width:auto; display:inline-block; padding-right:15px;}
#navigation .logo {margin-top:-6px !important;}
#toolbar a:link, #toolbar a:visited {color:#fff; text-decoration:none; padding:10px 15px; display:inline-block;}
#navigation a:link, #navigation a:visited {color:#fff; text-decoration:none; padding:10px; display:block; float:left; margin-top:6px;}
#toolbar a:hover, #navigation a:hover {color:#ccc;}
#nav-right {float:right;}
#nav-right a:last-child {padding-right:0;}
#toolbar form {display:inline;}
#toolbar form div {display:inline;}
#toolbar input {padding:5px; margin-left:15px; border:none; height:22px; border-radius:8px; font-size:14px; font-weight:200;}
.cta-button {background:#85BB3F; border-radius:99px; padding: 10px 15px 12px 15px !important; margin:20px 0; line-height:100%; color:#fff; text-decoration:none; display:inline-block; font-weight:700; text-shadow:none;}
.cta-button:hover {color:#fff !important; background:#A6D26C;}
#searchform label {display:none;}
#searchform input:last-of-type {display:none;}
.menu-left-menu-container ul, .menu-right-menu-container ul {list-style-type: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0;}
.menu-right-menu-container li {display:inline-block !important; padding-left:10px;}
.menu-left-menu-container li {padding-right:10px;}

#header {position:relative; z-index:1;}

#arrow {bottom:0; position:absolute; left: calc(50% - 12px); bottom: 10px;}
#arrow img {width:32px; height:32px;}

#navigation ul li ul {max-height:0; max-height:0; overflow:hidden;}
#navigation ul li:hover ul {display: block; position:absolute; top:59px; background-color:#5C2A88; left:0; width: 100%; border-bottom:1px solid white; padding: 30px 0 10px 0px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;  transition:.5s; max-height:200px;}
#navigation ul li ul li {display: inline-block; width: 20%; margin-top:0; padding:0px;}
#navigation ul li ul li a:link {margin-top:0;}

#mc4wp-form-1 {width:auto; max-width:600px; display:block; margin:0 auto;}
#mc4wp-form-1 input:nth-of-type(1), #mc4wp-form-1 input:nth-of-type(2) {width:calc(50% - 23px); height:30px; padding:5px; border-radius:6px; border:0; font-size:16px; font-weight:300;}
#mc4wp-form-1 input:nth-of-type(1) {margin-right:20px;}
#mc4wp-form-1 input:nth-of-type(3) {background:#85BB3F; border-radius:99px; padding: 10px 35px 12px 35px !important; margin:20px auto; line-height:100%; color:#fff; text-decoration:none; display:block; font-weight:700; border:0; font-size:16px; -webkit-appearance: none;}
#mc4wp-form-1 input:nth-of-type(3):hover {color:#fff !important; background:#A6D26C; cursor:pointer;}

.wpcf7-submit {background:#85BB3F; border-radius:99px; padding: 10px 35px 12px 35px !important; margin:20px 0; line-height:100%; color:#fff; text-decoration:none; display:block; font-weight:700; border:0; font-size:16px; -webkit-appearance: none;}

.wpcf7-text {height:30px; padding:5px 10px; border-radius:6px; border:0; font-size:16px; font-weight:300; border:1px solid #333; color:#333; margin:5px 0 10px 0;}
.wpcf7-textarea {padding:5px; border-radius:6px; border:0; font-size:16px; font-weight:300; border:1px solid #333; color:#333; margin:5px 0 10px 0;}

.metaslider .caption-wrap {background:none !important; opacity:1 !important; padding-bottom:20px;}
.metaslider-flex .caption {text-align:center; font-weight:700;}

input:focus {background:white !important; outline:none;}

.content-block h2 {text-align:center;}

.content-block {height:auto; overflow:hidden; padding:50px 0;}
.content-block:nth-of-type(even) {background:#efefef;}
.content-block:nth-of-type(odd) {background:#fff;}

.page-id-250 .content-block:nth-of-type(8) {display:none;}
.page-id-250 .content-block:nth-of-type(5) {display:none;}
.page-id-250 .content-block:nth-of-type(6) {display:none;}
.page-id-250 .content-block:nth-of-type(7) {display:none;}

.page-id-248 .content-block:nth-of-type(8) {display:none;}
.page-id-248 .content-block:nth-of-type(5) {display:none;}
.page-id-248 .content-block:nth-of-type(6) {display:none;}
.page-id-248 .content-block:nth-of-type(7) {display:none;}

.grid { text-align : justify; position : relative; padding-top:30px;}
.grid>* { display : inline-block; }
.grid:after { content : ''; display : inline-block; width : 100%; height : 0; }
.grid h3 {text-align:left;}
.page-id-10 .grid {text-align:left;}

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	padding: 0;
	width:100%; height:auto;
	border:2px solid white !important;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

.tile{
	width: 30%;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
    margin-right: 5px;
	vertical-align:top;
}

.tile h2 {text-align:left; padding:0;}
.tile p {text-align:left;}

.tile img {width:calc(100% - 2px); height:auto; border:1px solid #ccc;}
.tile a:link, .tile a:visited {color:#333; text-decoration:none;}

.tile:last-child {float:left; padding-right:3%;}

h2 {padding:0 0 30px 0;}

.third {width:calc(33% - 37px); float:left; display:block; padding: 0 30px;}
.third h3 {text-align:center;}
.third a:link, .third a:visited {text-decoration:none; color:#333;}
.third a:hover {color:#999;}
.third img {width:100%; height:auto; display:block;}
.third a:link img:hover {opacity:0.7;}
.third:first-of-type {padding-left:0;}
.third:last-of-type {padding-right:0;}

.half {width:calc(50% - 20px); float:left; display:block; padding: 0 20px;}
.half img {width:100%; height:auto; display:block;}
.half:first-of-type {padding-left:0;}
.half:last-of-type {padding-right:0;}
.half p:first-of-type {-webkit-margin-before: 0;}

.single-post p {width:auto; max-width:700px;}
.single-post .entry {padding:0px 0;}
.read-more {text-decoration:underline !important; color:#333; padding-left:10px;}

.page-template-page-product .post-header {padding:30px 0; color:#fff; background: #b8b6b9;
background: -moz-linear-gradient(left, #b8b6b9 0%, #dddcdd 100%);
background: -webkit-linear-gradient(left, #b8b6b9 0%,#dddcdd 100%);
background: linear-gradient(to right, #b8b6b9 0%,#dddcdd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b6b9', endColorstr='#dddcdd',GradientType=1 );}
.page-template-page-product .post-header p {max-width:550px;}
.product-photo {width:auto; max-width:90%; height:auto; margin-top:20px; border:1px solid #ccc;}
.page-template-page-product .entry {width:70% !important; float:left; padding:30px 0 60px 0;}
.page-template-page-product .entry p {max-width:500px;}
.page-template-page-product h2 {padding:0;}
.page-template-page-range .post-header, .page-template-page-collection .post-header, .page-template-page-content .post-header, .page-template-page-home #post-header, .page-template-page-about .post-header {background-repeat:no-repeat; background-size:cover; min-height:400px; padding:50px 0; color:#fff; background-position:center center; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);}
.page-template-page-range .post-header p, .page-template-page-collection .post-header p, .page-template-page-content .post-header p, .page-template-page-home #post-header p, .page-template-page-about .post-header p {/*max-width:550px;*/ max-width:800px;}

.page-template-page-range .post-header h1, .page-template-page-collection .post-header h1, .page-template-page-content .post-header h1, .page-template-page-home #post-header h1, .page-template-page-about .post-header h1 {max-width:600px;}

.page-template-page-range .entry p, .page-template-page-collection .entry p, .page-template-page-content .entry p {/*max-width:500px;*/ max-width:1200px;}
.page-template-page-range h2, .page-template-page-collection h2 {padding:40px 0 0 0;}
.page-template-page-content .entry {padding:50px 0;}
.page-template-page-content .entry a:link, .page-template-page-content .entry a:visited {color:#333;}

.product-sidebar {width:25%; float:left; padding-top:30px;}
.product-sidebar img {width:100%; height:auto; border:1px solid #ccc;}
.product-sidebar .child-thumb {padding-bottom:20px;}
.product-sidebar a:link, .product-sidebar a:visited {color:#333; text-decoration:none; font-weight:700;}

#footer {background:#5C2A88; color:#fff; font-size:16px; font-weight:400; padding:50px 0; height:auto; overflow:hidden; border-top:1px solid white; border-bottom:1px solid white;}
#footer h2, #footer p {text-align:center; max-width:500px; display:block; margin:0 auto; padding-bottom:20px;}
#footerbar {background:#32025C; color:#fff; height:auto; overflow:hidden; font-size:12px; font-weight:300; text-align:center;}
#footerbar a:link, #footerbar a:visited {color:#fff; text-decoration:none;}

.prod-cat-header-div, .prod-cat-sidebar {display:none;}

@media screen and (max-width: 960px) {
	.half {width:auto; float:none; padding:30px 0;}
	.third {width:auto; float:none; padding:30px 0;}
	#toolbar-items {float:none;}
	#toolbar-items a:link {width:auto; text-align:center; display:block;}
	#navigation ul li ul {display: none !important;}
	#navigation ul {text-align:center;}
	#navigation li {display:inline-block; text-align:center; padding-right: 0 !important; padding-left: 0 !important;}
	#navigation li a:link {margin-top:0; font-size:12px; padding:5px;}
	.tile{ width: 100%; margin-right: 0;}
	#toolbar form {display:none;}
	.page-template-page-range .post-header, .page-template-page-collection .post-header, .page-template-page-content .post-header, .page-template-page-home #post-header, .page-template-page-about .post-header {background-size: auto 100%; padding:50px 0; color:#fff;}
	#toolbar-items a:nth-of-type(2), #toolbar-items a:nth-of-type(3) {display:none;}
	.logo {float:none !important; display:inline !important;}
	.logo img {margin: 0 auto; display:block !important; padding-right: 0 !important;}
	#nav-right {float:none;}
	.page-template-page-product .entry {width:100% !important; float:none; padding:30px 0 60px 0;}
		.product-photo {max-width:100%;}
	.product-sidebar {width:100%; float:none; padding-top:30px;}
}

@media screen and (max-width: 500px) {
	#mc4wp-form-1 input:nth-of-type(1), #mc4wp-form-1 input:nth-of-type(2) {width:100%; margin:10px 0;}
	.gallery-item {width:100% !important; float:none !important;}
}
.fullwidthcustom p{max-width:100% !important;}