/*general*/
body {font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px;}
h1,h2 {font-family: 'Cantora One', sans-serif; text-transform: uppercase; color: #61cf37; font-size: 35px; margin-bottom: 20px;}
h1:after, h2:after {content: url("/wp-content/uploads/2019/01/logo-object.png"); position: relative; top: -6px; left: -15px;}
.nflex-end {justify-content: flex-end;}
.np60 {padding: 60px;}
.nvp60 {padding: 60px 15px;}
.greybg {background: #f7f7f7;}
.btn.btn-default {background: #b6d7fe; color: #000; border-radius: 15px; border: 1px solid #b6d7fe; padding: 7px 25px; letter-spacing: 1px; font-weight: 500;}
.btn.btn-default:hover {background: #fff; border: 1px solid #b6d7fe; color: #000; box-shadow: 0 3px 6px rgba(0,0,0,0.24);}
.ngrid {display: grid;}
.ngrid2 {display: grid; grid-gap: 30px; grid-template-columns: repeat(2,1fr);}
.ngrid3 {display: grid; grid-gap: 30px; grid-template-columns: repeat(3,1fr);}
.ngrid4 {display: grid; grid-gap: 30px; grid-template-columns: repeat(4,1fr);}
.ngrid5 {display: grid; grid-gap: 30px; grid-template-columns: repeat(5,1fr);}
.ngrid6 {display: grid; grid-gap: 30px; grid-template-columns: repeat(6,1fr);}
ul.soap-cat, ul.distributors, ul.reco, ul.features {padding-inline-start: 0; list-style: none;}
ul.soap-cat li {position: relative;}
ul.soap-cat li a {position: relative; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; font-size: 18px; padding: 15px; justify-content: center; flex-flow: column;}
ul.soap-cat li a:after {content: "- read more -"; font-size: 12px; display: block; text-align: center;}
ul.soap-cat li a:hover {color: #000;}
ul.soap-cat li > img {transition: all 0.4s ease 0s;}
ul.soap-cat li:hover > img {transform: scale(0.95);}
fieldset {border: 1px solid #ccc; padding: 30px;}
a:hover {color: #61cf37;}
.page-featured-banner {padding: 80px 0; background-position: center center;}
.page-featured-banner h1 {color: #fff; font-size: 44px; text-align: left; margin: 0;}
.page-featured-banner h1:after {display: none;}
#distr {background: url("/wp-content/uploads/2019/01/bg-bokeh.jpg") bottom center no-repeat;}
ul.distributors h3, .underline {font-family: 'Cantora One'; border-bottom: 1px solid #61cf37; padding-bottom: 10px;}
ul.distributors li {font-size: 13px; padding: 15px; border: 1px solid #ccc; margin-bottom: 0; background: rgba(255,255,255,0.5);}
img.sym {max-width: 96px; margin-bottom: 15px;}
b {color: #000; font-weight: 600;}
ul.features {grid-template-columns: 33% 67%; grid-gap: 0;}
ul.features li {margin-bottom: 0;}
ul.features li h4 {font-weight: 700;}
.ngrid-grey {padding: 45px 30px; background: #95a1aa; color: #fff;}
.ngrid-green {padding: 45px 30px; background: #61cf37; color: #fff;}
div.relocat {margin-top: -50px;}

/*header & menu*/
#header {padding: 15px 0;}
#header .widget {float: right;}
#header .widgettitle {display: none;}
.navbar-collapse {clear: inherit;}
#header .social-icons li a {line-height: 24px; width: 24px; height: 24px; margin-bottom: 0;}
#header .social-icons li a:hover {}

/*SEARCH*/
#search-bar { position: relative; float: right;}
#search-button { color: #4b3010; background-color: transparent; border-radius: 50%; margin-left: 0; width: 24px; height: 24px; line-height: 24px; font-size: 14px; display: inline-block; }
#search-button:hover, #search-button.popup-open { background-color: #61cf37; color: #fff;}
#search { background: #fff; color: #484860; position: absolute; width: 350px; height: 150px; top: 52px; right: 5px; box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.2); transition: all 0.3s ease-in-out; opacity: 0; z-index: 9999; animation-duration: .5s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease-in-out; }
#search.open { animation-name: slideFadeUp; }
#search.close { animation-name: slideFadeDown; }
.popup-search-form { width: initial; float: initial; margin: initial; background: initial; border: initial; display: block; position: absolute; top: 50%; left: 0; right: 0; width: 100%; transform: translateY(-50%); padding: 0; }
#search input[type="search"] { background: none; font-size: 30px; width: 100%; font-weight: 200; text-align: center; border: 0; margin: 22px auto 12px; padding: 5px 10px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#search input[type="search"]::-webkit-input-placeholder { opacity: .7; }
#search input[type="search"]::-moz-placeholder { opacity: .7; }
#search input[type="search"]:-ms-input-placeholder { opacity: .7; }
#search input[type="search"]:-moz-placeholder { opacity: .7; }
#search .btn { margin: 0 auto; display: block; }
#search:not(.open) { pointer-events: none; }
#search button.close { color: #000; z-index: 99999; position: absolute; top: 4px; right: 4px; opacity: 1; width: 30px; height: 30px; font-size: 30px; outline: 0; transition: all 0.3s ease; }
#search button.close:hover { color: #ec1c24; }
/* Animation */
@keyframes slideFadeUp {
  0%   { opacity: 0; transform: translate(0, 60px); }
  100% { opacity: 1; transform: translate(0, 0); }
}
@keyframes slideFadeDown {
  0%   { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, 60px); }
}
.search-form { background: none; width: initial; margin-bottom: 0; float: none; position: relative; display: inline-block; padding-left: 0; }
.search-form:after { content: ''; display: table; clear: both; }
.search-form .search-field { background: #ededed; padding: 5px 15px 5px 35px; max-width: 170px; font-size: 13px; border-radius: 20px; outline: 0; box-sizing: border-box; transition: all 0.3s ease-in-out; }
.search-form .search-submit { background: url('images/search.png') center no-repeat; padding: 3px 12px; margin: 0; position: absolute; top: 0; left: 5px; bottom: 0; }
.search-form .search-field:focus { box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .2); }
.search-keyword { color: #b31616; }

/*Overide*/
.home .slick-prev {left: -15px;}
.home .slick-next {right: -15px;}
.home .wcp-post-author {display: none;}
.home .wcp-post-date {font-size: 11px; font-style: italic;}
img.wp-post-image {margin-bottom: 30px;}
.post-listing .featured-img {margin-right: 0; float: none;}
.post-listing li {border: 1px solid #e9e9e9;}

/*table*/
.table>tbody>tr>th {background: #aab4bb; border: 2px solid #fff; color: #fff; padding: 15px;}
.table>tbody>tr>td {border: 2px solid #fff; background: #e6e6e6; font-size: 13px; padding: 15px;}
.table>tbody>tr>td>strong {font-weight: 600;}

/*footer*/
#footer {background: #61cf37; font-size: 13px;}
#footer .widgettitle:after {display: none;}
#footer h3.widgettitle {font-weight: 700; font-size: 15px;}
#footer .footer-widget {padding: 15px 0;}
#footer .footer-widget a {color: #fff;}
#footer li {margin-bottom: 0;}
#footer ul.sub-menu {display: none;}
#colophon {background: #95a1aa;}
#copyright {color: #fff;}

/*full image object fit*/
.feat-img {position: relative; min-height: 280px;}
.feat-img img {object-fit: cover; object-position: center right; width: 100%; height: 100%; position: absolute;}


/*responsive*/
@media(max-width: 991px) {
	.widget_search {display: none;}
	.nflex-center {display: block;}
	#header .nflex-center {display: flex;}
}

@media(max-width: 768px) {
	.ngrid {display: block;}
	.feat-img img {position: relative;}
	.ngrid3, .ngrid4, .ngrid5, .ngrid6 {grid-template-columns: repeat(2,1fr);}
	h1:after, h2:after {display: none;}
	body .su-custom-gallery {text-align: center;}
	body .su-custom-gallery-slide {float: none; display: inline-block;}
}

@media(max-width: 480px) {
	.ngrid2, .ngrid3, .ngrid4, .ngrid5, .ngrid6 {display: block;}
	#footer .widget {margin-bottom: 15px;}
	ul.distributors li {margin-bottom: 15px;}
}