/* 
Teal (green-semi-transparent) color scheme
-----------------------------------------
	Table of Contents
--------------------------------------------
.. 01. General
.. 02. Main Navigation
.. 03. Header
.. 04. Modules
.. 05. Footer
.. 06. Comments
.. 07. Widgets Styling
.. 08. WordPress defaults
.. 09. Mobile Menu
.. 10. External Plugins
.. 11. WooCommerce
*/

/* -----------------------------------------
	01. General
----------------------------------------- */
/* Basic Typography
=================================== */
body {
	color: #3e3a3b;
	background: #f9fdfa;
}


a {
  color: #8DCC24;
}
a:hover,
a:focus {
  color: yellow;
}

/* General Element Styling
=================================== */
/* Lists */

/* Blockquotes */
blockquote,
blockquote cite {
	color: #b4b3b3;
	border-color: rgba(18,128,64,0.6);
}

/* Tables */
.entry-content table {border-color: rgba(18,128,64,0.6);}

.entry-content table caption,
.entry-content table th,
.entry-content table td {border-color: rgba(18,128,64,0.6);}

.entry-content table tr:nth-child(2n) {background-color: rgba(18,128,64,0.6);}

/* Code */

/* Various */

/* Embeds and iframes
=================================== */


/* General Form Styling
=================================== */
label {
    color: rgb(46 50 48 / 73%);
    font-size: 18px;
}


input, textarea {
    border-color: rgb(67 159 52);
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color: #8DCC24;
}

input[type="text"]:hover#s, input[type="text"]:focus#s {
	border-color: rgba(18,128,64,0.6);
}

select {
    color: #555;
    background-color: transparent;
    border-color: #439f34;
}

select:focus-visible {
    color: #555;
    background-color: transparent;
    border-color: #439f34;
}

/* Placeholder text color */
::-webkit-input-placeholder {
	color: rgba(18,128,64,0.6);
	opacity: 1;
}

::-moz-placeholder {
	color: rgba(18,128,64,0.6);
	opacity: 1;
}

:-ms-input-placeholder {
	color: rgba(18,128,64,0.6);
	opacity: 1;
}

/* Buttons
=================================== */
.btn,
.comment-reply-link,
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
	color: #fff;
    border-color: #439f34;
    background-color: #439f34;
	background-image: none;
}
.btn:hover,
.comment-reply-link:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover,
.btn:focus,
.comment-reply-link:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus,
.button:focus,
.btn:active,
.comment-reply-link:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active {
	color: #70B38C;
	border-color: #70B38C;
	background-color: #fff;
}

.btn.btn-inverted,
input[type="button"].btn-inverted,
input[type="submit"].btn-inverted,
input[type="reset"].btn-inverted,
button.btn-inverted,
.button.btn-inverted,
.comment-reply-link.btn-inverted {
	color: #fff;
	border-color: rgba(18,128,64,0.6);
	background-color: #8DCC24;
}
.btn.btn-inverted:hover,
input[type="button"].btn-inverted:hover,
input[type="submit"].btn-inverted:hover,
input[type="reset"].btn-inverted:hover,
button.btn-inverted:hover,
.button.btn-inverted:hover,
.comment-reply-link.btn-inverted:hover {
	color: #fff;
	border-color: rgba(18,128,64,0.6);
	background: #70B38C;
}

.btn[disabled],
[disabled].comment-reply-link,
.btn.disabled,
.disabled.comment-reply-link,
input[type="button"][disabled],
input[type="button"].disabled,
input[type="submit"][disabled],
input[type="submit"].disabled,
input[type="reset"][disabled],
input[type="reset"].disabled,
button[disabled],
button.disabled,
.button[disabled],
.button.disabled {
	border: none;
	opacity: 0.8;
	background-color: rgba(0, 0, 0, 0.15)!important;
}

/* Flexslider Overrides
=================================== */
.flex-direction-nav a {
	color: #b4b3b3;
	opacity: 0.7;
}
.flex-direction-nav a:hover {
	color: white;
	opacity: 1;
}

/* Magnific Popup Overrides
=================================== */
.mfp-bg {background-color: #000;}

.mfp-counter {color: #ccc;}

button.mfp-close,
button.mfp-arrow,
button.mfp-close:hover,
button.mfp-arrow:hover {
	border: none;
	color: #fff;
	background: transparent;
}

/* Text Alignment Helpers
=================================== */
#page {border-color: rgba(18,128,64,0.6);}

/* -----------------------------------------
	02. Main Navigation
----------------------------------------- */

#navigation a {
  color:  #3b5043;
  /* First Level & Global Menu Link Styles */
}
#navigation a:hover,
#navigation .sfHover > a {
	color: #3b5043;
  /* First Level & Global Menu Link Hover Styles */
}

#navigation > li > a,
#navigation > li.current-menu-ancestor > a,
#navigation > li.current-menu-parent > a,
#navigation > li.current-menu-item > a,
#navigation > li.current_page_item > a,
#navigation > li.current > a {
	border-bottom-color: transparent;
}
#navigation > li > a:hover {
	border-bottom-color: #8dcc24;
}
#navigation > li.sfHover > a,
#navigation > li.sfHover > a:active {
	border-bottom-color: transparent;
}

#navigation ul {
	border-color: #70B38C;
	/* All Lower Level Menu Container Styles */
}

#navigation > li ul a {
	color: #3b5043;
	border-color: #EEF7DF;
	background: rgba(255,255,255,0.97);
	 /* All Other Level Menu Link Styles */
}
#navigation > li ul a:hover,
#navigation > li ul .sfHover > a {
	color: rgba(255,255,255,0.97);
	background: #8dcc24;
   /* All Other Level Menu Link Hover Styles */
}

/* -----------------------------------------
	03. Header
----------------------------------------- */

#header {
	border-color: #EEF7DF;
	background-color: #fff;
}

.site-logo a {
	color: rgba(18,128,64,0.6);
}
.site-logo a:hover,
.site-logo a:focus {
	 color: #FCA760;
}

.cart-head {
    color: rgba(18,128,64,0.6);
    display: none;
}

/* -----------------------------------------
	04. Modules
----------------------------------------- */
/* Front Page Slider */
#home-slider .slides li {
	border-bottom-color: #8DCC24;
}


#home-slider .flex-control-paging li a {
	background-color: white;
	opacity: 0.65;
}
#home-slider .flex-control-paging li a.flex-active,
#home-slider .flex-control-paging li a:hover {
	opacity: 1;
}

.slide-content {
	color: transparent;
	background-color: none;
	box-shadow: none;
}

.slide-title,
.slide-subtitle {text-shadow: none;}

.slide-video-wrap iframe {
	box-shadow: 0 0 40px rgba(0,0,0,0.5);
}

.slider-btn {
	color: #fff;
	border-color: white;
	background-color: rgba(0,0,0,0.5);
}
.slider-btn:hover,
.slider-btn:active,
.slider-btn:focus {
	color: #fff;
	border-color: rgba(18,128,64,0.6);
	background-color: #8DCC24;
}

/* Sections Styling */
.section-title {
	color: #3e3a3b;
}
.section-title::after {
	border-bottom-color: #8DCC24;
}

/* Item Styling */
.item {
	border-color: transparent;
}
.item-media-thumb {
	border-color: rgb(103, 137, 4, 0.5);
}
.cpt_service .item {
	border-color: #8DCC24;
}

.item-thumb {background-color: transparent;}
.item-thumb::after {
	height: 35%;
	background-image: linear-gradient(to top, rgba(0,0,0,0.25), transparent);
	background: rgb(67 159 52 / 80%);
}
.item.cpt_post a figure.item-thumb::after {
	height: 50%;
	background-image: linear-gradient(to top, rgba(0,0,0,0.33), transparent);
	background: rgba(18,128,64,0.6);
}
.cpt_service .item a figure.item-thumb::after {
	height: 0;
	background: none;
}

a.zoom:after {
	color: #fff;
	opacity: 0.4;
}
a.zoom:hover:after {
	opacity: 1;
}


.item-info {
  color: #fff;
}


.item-btn {
	color: #70B38C;
	border-color: #70B38C;
	background: #fff;
}
.item-btn:hover,
.item-btn:active,
.item-btn:focus {
	color: #fff;
	border-color: #70B38C;
	background: #70B38C;
}


.item-meta {
	color: #3e3a3b;
	background-color: #EEF7DF;
}
.item-meta-price {
	color: #fff;
	background: #8DCC24;
}

.item-meta th,
.item-meta td {
	border-left: none;
	border-bottom-color: rgba(0, 0, 0, 0.15);
}
.item-meta td {
	border-right: none;
}


/* Entry Styles */
.entry-thumb,
.entry-thumb a {
	border-color: rgba(18,128,64,0.2);
	background: none;
	border-radius: 5px;
}

.entry-title,
.entry-title a {
	color: #484546;
}
.entry-title:hover,
.entry-title a:hover {
  color: #678904;
}

.entry-meta {
	color: rgba(18,128,64,0.6);
}

.entry-time,
.entry-comments {
	color: #128040;
}

.entry-content img {
	border-color: rgba(18,128,64,0.6);
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	color: #484546;
}

/* Pagination */
#paging > span,
#paging a,
.page-numbers li > span,
.page-numbers li a {
	color: rgba(18,128,64,0.6);
	border-color: rgba(18,128,64,0.6);
	background-color: #fff;
}

#paging span.current,
#paging a:hover,
.page-numbers li span.current,
.page-numbers li a:hover {
	color: #FFF;
	border-color: rgba(18,128,64,0.6);
	background-color: #8DCC24;
}

#paging > span.current,
#paging a.current,
.page-numbers li > span.current,
.page-numbers li a.current {
	color: #FFF;
	border-color: rgba(18,128,64,0.6);
	background-color: #8DCC24;
}


.tip-content {
	color: rgba(18,128,64,0.6);
}

/* Video Single */

/* Gallery Staple */
.tp-title {
	color: #fff;
	background: none;
}
.tp-title span:nth-child(2) {
  color: #fff;
  box-shadow: none;
  background: none;
  opacity: 0.8;
}

/* Isotope Filtering */
.filters-nav .btn,
.filters-nav .comment-reply-link {
	color: rgba(18,128,64,0.6);
	background-color: #fff;
}

.filters-nav .btn:hover,
.filters-nav .comment-reply-link:hover {
	color: #fff;
	background-color: rgba(18,128,64,0.6);
}

.filters-nav .btn:active,
.filters-nav .comment-reply-link:active,
.filters-nav .btn:focus,
.filters-nav .comment-reply-link:focus,
.filters-nav a.selected {
	color: #fff;
	background-color: rgba(18,128,64,0.6);
}

/* -----------------------------------------
	05. Footer
----------------------------------------- */
.footer-separator {
	background-color: rgba(18,128,64,0.6);
}

#footer {
	color: #fff;
	background-color: #128040;
}

#footer .widget-title {
	color: #FFF;
	background: transparent;
}

#footer .widget ul li {
	border-bottom-color: #fff;
}

/* -----------------------------------------
   06. Comments
----------------------------------------- */

.form-allowed-tags,
.comment-notes {
	color: rgba(0,0,0,0.5);
}

/* -----------------------------------------
	07. Widgets Styling
----------------------------------------- */

.widget-title {
	color: #fff;
	border-color: transparent;
	background: #70B38C;
}
.widget-title::before {border-top-color: transparent;}
.widget-title::after {border-top-color: #70B38C;}

/* Sections */

/* WIDGET: #CI Callout
========================================= */
section.widget_ci-callout .widget-wrap,
.widget_ci-callout .widget-wrap {
	color: #FFF;
}

section.widget_ci-callout .btn,
section.widget_ci-callout .comment-reply-link,
.widget_ci-callout .btn.btn-inverted {
	color: #fff;
	background-color: rgba(18,128,64,0.6);
}
section.widget_ci-callout .btn:hover,
section.widget_ci-callout .comment-reply-link:hover,
.widget_ci-callout .btn.btn-inverted:hover {
	color: #128040;
	background-color: rgba(255,255,255,0.9);
}

/* WIDGET: #CI Items
========================================= */

/* WIDGET: #CI Split Content Widget
========================================= */
.split-media {
	border-color: rgba(0,0,0,0.4);
}

/* WIDGET: #Contact Info
========================================= */

/* WIDGET: #List Widgets
========================================= */
.widget ul li {
	border-bottom-color: rgba(18,128,64,0.6);
}

.widget ul ul.children li:first-child {
	border-top-color: rgba(18,128,64,0.6);
}

/* WIDGET: #Ads125
========================================= */

/* WIDGET: #Search
========================================= */

/* WIDGET: #Flickr
========================================= */

/* WIDGET: #About
========================================= */

/* WIDGET: #Text Widget
========================================= */

/* WIDGET: #Twitter
========================================= */
.widget_ci_twitter_widget .twitter-time {
	color: #1DA1F2;
}

/* WIDGET: #Calendar
================================================== */
#wp-calendar caption {
	background: none repeat scroll 0 0 rgba(0,0,0,0.03);
}

#wp-calendar thead th {
	background: rgba(0,0,0,0.1);
}

#wp-calendar tbody td {
	border-color: rgba(0,0,0,0.1);
}
#wp-calendar tbody td:hover {
	background: rgba(0,0,0,0.1);
}

/* -----------------------------------------
	08. WordPress Defaults
----------------------------------------- */
/* WordPress Galleries
=================================== */
.gallery-caption {
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
}

/* WordPress Classes
=================================== */
/* Alignment */

/* Captions */

/* -----------------------------------------
  09.  MOBILE MENU
----------------------------------------- */

#mobile-bar {
	color: #FFF;
	border-bottom: none;
    background: rgb(102 174 89);
}

.menu-trigger,
.menu-trigger:focus {
	color: #FFF;
	background: none;
	opacity: 0.9;
}
.menu-trigger:hover {
	color: #8DCC24;
	opacity: 0.9;
}
.menu-trigger:active {
	opacity: 1;
}

.mob-title {
	color: #FFF;
}

/* jQuery.mmenu themes extension CSS */
.mm-menu {
	color: #70B38C;
	background: rgba(255,255,255,0.97);
}
  
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
	color: #70B38C;
}

.mm-menu .mm-navbar .mm-btn::before,
.mm-menu .mm-navbar .mm-btn::after,
.mm-menu .mm-listview > li .mm-prev::before,
.mm-menu .mm-listview > li .mm-next::after,
.mm-menu .mm-listview > li .mm-arrow::after {
	border-color: #70B38C;
}

/* -----------------------------------------
	10. External Plugins
----------------------------------------- */
/* Isotope Animations */

/* Jetpack Sharing */

/* Jetpack contact form */

/* WP Instagram */

/* PrettyPhoto Overrides */
.pp_content {
	color: #000;
}

/* Chosen */

/* Elementor Styles */

/* -----------------------------------------
	11. WooCommerce
----------------------------------------- */


/* -----------------------------------------
	12. Global Mediaqueries
----------------------------------------- */

@media (min-width: 1920px) {

}

@media (min-width: 1600px) and (max-width: 1919px) {

}

@media (min-width: 1280px) and (max-width: 1599px) {

}

@media (min-width: 720px) and (max-width: 1279px) {

}

@media (min-width: 480px) and (max-width: 719px) {
/* -----------------------------------------
	03. Header
----------------------------------------- */
#header {
	border-color: transparent;
	background: none;
}
.page-template-template-frontpage-php:not(.ci-no-slider) #header {
  background: none;
}
/* -----------------------------------------
	04. Modules
----------------------------------------- */
/* Item Styling */
.item.cpt_post a figure.item-thumb::after {
    height: 100%;
    background-image: linear-gradient(to top, rgba(0,0,0,0.25), transparent);
    background: rgba(0,0,0,0.35);
	}
}

@media (min-width: 320px) and (max-width: 479px) {
/* -----------------------------------------
	03. Header
----------------------------------------- */
#header {
	border-color: transparent;
	background: none;
}
.page-template-template-frontpage-php:not(.ci-no-slider) #header {
  background: none;
}
/* -----------------------------------------
	04. Modules
----------------------------------------- */
/* Item Styling */
.item.cpt_post a figure.item-thumb::after {
    height: 100%;
    background-image: linear-gradient(to top, rgba(0,0,0,0.25), transparent);
    background: rgba(0,0,0,0.35);
	}
}

@media (max-width: 319px) {
/* -----------------------------------------
	03. Header
----------------------------------------- */
#header {
	border-color: transparent;
	background: none;
}
.page-template-template-frontpage-php:not(.ci-no-slider) #header {
  background: none;
}
/* -----------------------------------------
	04. Modules
----------------------------------------- */
/* Item Styling */
.item.cpt_post a figure.item-thumb::after {
    height: 100%;
    background-image: linear-gradient(to top, rgba(0,0,0,0.25), transparent);
    background: rgba(0,0,0,0.35);
	}
}