/*
Theme Name: Elegant Fashion
Theme URI: https://rarathemes.com/wordpress-themes/elegant-fashion/
Template: chic-lite
Author: Marijke Fontijn
Author URI: https://www.druktemakers.com/
Description: Druktemakers is in 1996 gevestigd in Rotterdam.
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce
Version: 1.0.2
Requires at least: 4.7
Requires PHP: 5.6
Tested up to: 6.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: elegant-fashion
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Chic Lite is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# varible
--------------------------------------------------------------*/

:root {
    --primary-font: 'DM Sans', sans-serif;
    --secondary-font: 'Nanum Myeongjo', serif;
    --font-color: #333333;
    --primary-color: #cf9c88;
    --primary-color-rgb: 207, 156, 136;
    --black-color: #000000;
    --black-color-rgb: 0, 0, 0;
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;
}

/*============================
HOMEPAGE LAYOUT TWO
============================*/
body.post-layout-two .site-main article {
    border-bottom: 1px solid rgba(var(--primary-color-rgb),0.2);
    padding-bottom: 48px;
    margin-bottom: 48px;
}
body.post-layout-two .site-main article .entry-header {
    margin-bottom: 25px;
}
body.post-layout-two .site-main article .entry-title {
    margin-top: 10px;
    font-size: 2.22em;
}

.post-layout-two .site-main article span.category{
	display: inline-block;
    font-size: 0.6666em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.49;
    letter-spacing: 1px;
}
.post-layout-two .site-main article span.category a:hover{
	color: #121212;
    text-decoration: none;
}

.owl-carousel>.owl-nav button[class*="owl-"]{
	background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px !important;
}

.nav-menu .close {
    display: none;
    background-color: transparent;
    padding: 0;
}
.secondary-menu .secondary-menu-list  .close {
    display: none;
}

@media screen and (max-width: 1024px) {


	/*=====================
	HEADER T
	=====================*/
	.header-t {
		position: relative;
	}

	.secondary-menu .toggle-btn {
		display: block;
	}


	.secondary-menu .secondary-menu-list {
		display: none;
		position: absolute;
		top: 100%;
		left: 15px;
		right: 15px;
		width: auto;
		height: auto;
		background: var(--white-color);
		box-shadow: 0 5px 10px rgba(var(--black-color-rgb),0.1);
		padding: 0 20px;
		max-height: 44vh;
		overflow: auto;
		visibility: visible;
		z-index: 9;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
    .secondary-menu .secondary-menu-list  .close {
		display: block;
		width: 20px;
		height: 20px;
		position: relative;
		cursor: pointer;
        background: transparent;
        margin-left: auto;
        margin-top: 10px;
	}

	.secondary-menu .secondary-menu-list  .close::before, 
	.secondary-menu .secondary-menu-list  .close::after {
		content: "";
		background: #333;
		height: 2px;
		width: 60%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		-webkit-transition: all ease 0.35s;
		-moz-transition: all ease 0.35s;
		transition: all ease 0.35s;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.secondary-menu .secondary-menu-list  .close::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.secondary-menu .secondary-menu-list  .close:hover::before, 
	.secondary-menu .secondary-menu-list  .close:hover::after {
		background: #f00;
	}

	.secondary-menu ul li {
		display: block;
	}

	.secondary-menu ul li a {
		padding: 20px 0;
		border-bottom: 1px solid rgba(var(--black-color-rgb),0.1);
		display: block;
	}

	.secondary-menu ul li .submenu-toggle {
		top: 0;
		right: 0;
		width: 20px;
		height: 55px;
		line-height: 55px;
	}

	.secondary-menu ul ul li.menu-item-has-children .submenu-toggle {
		right: 0;
		transform: none;
		top: 0;
	}

	.secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.secondary-menu ul ul {
		padding-left: 10px;
		position: static;
		visibility: visible;
		opacity: 1;
		box-shadow: none;
		width: auto;
		display: none;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}

	.secondary-menu ul ul li {
		padding-left: 0;
		padding-right: 0;
	}

	.secondary-menu ul ul li a {
		border-bottom-style: solid;
	}


}
.post-layout-two  .site-main article span.category a + a::before {
    content: "";
    background: rgba(var(--primary-color-rgb), 0.3);
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin: -2px 8px 0 5px;
}
.secondary-menu ul.nav-menu.ps{
	overflow:unset !important;
}

@media(min-width:1025px) {
	.style-one .secondary-menu ul li.menu-item-has-children > a{
		position: relative;
	}
	.style-one .secondary-menu ul li.menu-item-has-children > a::after {
        content: '';
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-down fa-w-14' aria-hidden='true' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
        top: 4px;
        width: 17px;
        height: 13px;
		right: 2px;
    }
	.style-one .secondary-menu ul li.menu-item-has-children .sub-menu li > a::after{
		top:17px;
	}
	.style-one .secondary-menu ul li .submenu-toggle{
		display: none;
	}
	.style-one .secondary-menu ul li.menu-item-has-children .sub-menu li > a::after,
	.main-navigation ul li.menu-item-has-children .sub-menu li > a::after{
       transform: rotate(-90deg);
   	}
	.secondary-menu .nav-menu>li:nth-last-of-type(1)>ul ul, .secondary-menu .nav-menu>li:nth-last-of-type(2)>ul ul, .secondary-menu .nav-menu>li:nth-last-of-type(3)>ul ul,
	.main-navigation ul.nav-menu>li:nth-last-of-type(1)>ul ul, .main-navigation ul.nav-menu>li:nth-last-of-type(2)>ul ul, .main-navigation ul.nav-menu>li:nth-last-of-type(3)>ul ul{
		left: 100%;
		right: auto;
	}
	.main-navigation ul li.menu-item-has-children:hover > a::after {
      
        background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-down fa-w-14' aria-hidden='true' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='%23CF9C88' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
       
    }

}