/* TYPOGRAPHY ==================================== */


body {
    font-family: 'Almarai', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    color: #333333;
    background: #ffffff;
}

a {
    color: #33805c;
}

a.handheld-navigation {
    color: #33805c!important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Almarai', sans-serif;
    font-weight: 700;
}

h1 { font-size: 2.4em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.7em; }

.site-header .primary-navigation, .site-header .handheld-navigation {
    font-size: 1em;
}


/* COMPONENTS ==================================== */

.top-bar-custom {
    background-color: #33805c;
    color: #ffffff;
}

#secondary .widget ul.product-categories {
    background: #ffffff;
    color: #333333;
}

.primary-navigation .sub-menu {
    background: #ffffff;
    border-color: #efefef;
}

.primary-navigation .sub-menu li {
    border-color: #efefef;
}

.primary-navigation .sub-menu a {
    color: #333333;
}

.primary-navigation ul ul li:focus>a, .primary-navigation ul ul li:hover>a {
    color: #33805c;
}

.primary-navigation ul li:hover > a, .primary-navigation ul ul li.current-menu-item a {
    color: #33805c;
}

#secondary a {
    color: #333333;
}

#secondary .widget .widget-title {
    color: #33805c;
    background: #ffffff;
}

.footer-top {
    background: #efefef;
    color: #333333;
}

.footer-top .social-media a {
    color: #333333;
}

.footer-top .social-media a:hover {
    color: #335947;
}

.site-footer {
    background: #ffffff;
    color: #333333;
}

.site-footer .widget-title, .social-icon-widget-header {
    color: #333333!important;
}

.site-footer a {
    color: #333333;
}

.site-footer li.current-menu-item a, .site-footer a:hover {
    color: #33805c;
}


/* BUTTONS ==================================== */

.button,
button {
    padding: .65em 1em;
    background-color: #33805c;
    color: #ffffff;
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    border: none;
    cursor: pointer;
    border-radius: 45px!important;
}

.button:hover,
button:hover,
.wpcf7 input[type="submit"] {
    background-color: #245c42;
    color: #eaf2ee;
}

.button:focus,
button:focus {
    outline: 0
}

.button.disabled,
.button:disabled,
button.disabled,
button:disabled {
    opacity: .5;
    cursor: not-allowed
}

    
input, select, textarea {
    background: #ffffff;
    color: #333333;
    border-color: #efefef;
}

.products .product .button-icon {
    color: #33805c;
}

.products .product .button-icon:hover {
    color: #245c42;
}

.site-header {
    background-color: #ffffff;
}

.site-header .custom-logo img {
    max-width: 360px;
}

.primary-navigation ul li a{
    color: #333333;
}

.primary-navigation ul li a:hover, .primary-navigation ul li.current-menu-item a {
    color: #33805c;
}

.demo_store {
    background: #33805c;
    color: #ffffff;
}

.demo_store a {
    color: #ffffff;
}

#datafetch {
    border-color: #efefef;
    background: #ffffff;
    border-radius: 0px;
}

#datafetch a, #datafetch span {
    border-color: #efefef;
}

#datafetch a:hover {
    background: #f9f9f9;
}

#datafetch a:last-child {
    border-color: #efefef;
}


/* COLORS ===================================== */
.primary-bg,
.select2-container--default .select2-results__option[aria-selected=true],
.categories-nav .basket-container .cart-customlocation .header-count,
.archive .sub-categories .sub-category a.has-no-img,
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot span {
    background: #33805c;
}

.secondary-bg {
    background: #ffffff;
}

.primary-text,
#secondary .widget ul.product-categories .current-cat-parent>.woo-cat-toggle, 
#secondary .widget ul.product-categories .current-cat-parent>a, 
#secondary .widget ul.product-categories .current-cat>.woo-cat-toggle, 
#secondary .widget ul.product-categories .current-cat>a,
.news .news-feed.news-feed-archive .news-feed-content .post-title, .related-posts .news-feed.news-feed-archive .news-feed-content .post-title {
    color: #33805c;
}

.secondary-text,
.home .frontpage-categories .category__title,
.home .top-level-categories .top-level-category__title,
.home .top-level-categories .top-level-category__intro,
.archive .sub-categories .sub-category__title,
.select2-container--default .select2-results__option[aria-selected=true],
.categories-nav .basket-container .cart-customlocation .header-count {
    color: #ffffff;
}

.main-color,
.home .best-selling-products .slider-nav .owl-next, .home .best-selling-products .slider-nav .owl-prev, 
.home .featured-products .slider-nav .owl-next, .home .featured-products .slider-nav .owl-prev,
.home .best-selling-products .slider-nav .owl-next:hover, .home .best-selling-products .slider-nav .owl-prev:hover, 
.home .featured-products .slider-nav .owl-next:hover, .home .featured-products .slider-nav .owl-prev:hover,
.home .best-selling-products .slider-nav i, .home .featured-products .slider-nav i,
.categories-nav .sub-nav.with-sub-sub-categories .featured-container .sub-sub-category-title {
    color: #333333;
}

.main-link-color {
    color: #33805c;
}


/* BORDER-RADIUS / BORDER-COLOR =============== */
img, button, .button, button.alt, input, select, input[type="button"].alt, input[type="reset"].alt, 
input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, 
.added_to_cart, .widget a.button.checkout, .owl-carousel a.button,
#secondary,
.cff-shared-link, .cff-photo-hover,
#secondary .widget ul,
.owl-carousel-banner .item .banner-content .overlay, .news .news-feed .news-feed-image,
.related-posts .news-feed .news-feed-image,
.news .news-feed-inner, textarea, .home .top-level-categories .top-level-category a, 
.archive .sub-categories .sub-category a,
.owl-carousel-banner .owl-stage-outer, .home .frontpage-categories .category a,
.home .insta-container .insta-container-item a, .flash__item,
.wpcf7 input[type="submit"] {
    border-radius: 0px;
}

.news .news-feed .news-feed-content .read-more, 
.related-posts .news-feed .news-feed-content .read-more {
    border-color: #ffffff;
}

.news, .related-posts, .categories-nav .sub-nav .category-title, .categories-nav .sub-nav,
.categories-nav .basket-container .dropdown-menu-mini-cart, .product_list_widget li,
.widget_shopping_cart_content p.total,
.product_list_widget li .product_list_item_image img, .flash__item, #secondary .widget ul.product-categories,
#secondary .widget ul.product-categories>li, #secondary .product_list_widget,
.select2-dropdown {
    border-color: #efefef;
}
.primary-navigation ul ul li:focus, .primary-navigation ul ul li:hover{
    background: #f9f9f9;
}

/* LAYOUT ======================================== */
#primary {
    width: 100%;
}

@media only screen and (min-width:993px) {
#primary {
    width: 100%;
}
.single-post #primary{
    width: 65%;
}
    .site-content > .col-full{
        direction: rtl;
    }
    .site-content .col-full .content-area,
    .site-content .col-full .widget-area,
    .site-content .col-full #main,
    .site-content .col-full .news {
        direction: ltr;
    }
    .qc-cmp-persistent-link{
        right: auto!important;
    }

}



/* MISCELLANEOUS ================================= */
.box-shadow,
.wptheme-handheld-footer-bar, .wptheme-handheld-footer-bar .site-search,
.magnific-img:hover img,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active,
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.wptheme-product-pagination a {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.box-shadow__bottom, 
.categories-nav .sub-nav {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.box-shadow__small,
#datafetch, .primary-navigation .sub-menu, .flash__item {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

.site-header{
    border-bottom: 3px solid #33805c;
}

.site-footer{
    border-top: 3px solid #33805c;
}

.theme-headline,
.site-footer i,
.entry-title,
#big.owl-theme .owl-next i,
#big.owl-theme .owl-prev i,
.document-sidebar li a:before,
.single-post h1,
.single-post h2,
.two-column-wrapper h3,
.textwidget a{
    color: #33805c!important;
}

.owl-carousel-banner .item h1,
.featured-image-banner h1,
.category-label{
    background-color: #33805c;
}

.featured-image-banner h1,
.category-label{
    color: #ffffff!important;
}

.owl-carousel-banner .item a.btn,
.featured-image-banner p{
    background-color: #ffffff;
}

.owl-carousel-banner .item a.btn:hover{
    background-color: #e5e5e5;
}

.home .the-content .featured-image{
    border: 5px solid #33805c;
}

.page-template-page-kontakt .site-info{
	margin-top: 20px;
}

.page-template-page-kontakt .site-main{
	margin-bottom: 0;
}

.page-template-page-kontakt .two-column-wrapper.col-full{
    max-width: 1468px;
	padding: 80px 0;
}

@media only screen and (min-width: 993px){
	.home .the-content .featured-image {
		margin: 4em auto 0 auto;
	}

	.primary-navigation .nav-menu > .menu-item > .sub-menu li.menu-item-has-children>a{
		width: 300px;
	}
}

.primary-navigation .sub-menu li.menu-item-has-children>a::after {
    right: .875em;
}

.fb-headline{
	margin: 2em 0 1em 0;
	text-align:center;
}

.home #cff .cff-item {
	background-color: #f7f7f7;
	margin-bottom: 1em;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	padding: 1em;
}

.home #cff .cff-item a{
	font-size: 16px;
	color: #33805C;
}

.home #cff .cff-item a:hover{
	opacity: .9;
}
.owl-carousel-banner .item{
	height: 60vh;
}
@media only screen and (min-width: 480px) {
	.owl-carousel-banner .item{
		height: 90vh;
	}
}