/*!
Theme Name: Experoner 
Theme URI: https://www.xeeshop.com/product/experoner/
Author: reviewexchanger
Author URI: https://www.xeeshop.com/
Description: Experoner provide to elegant layout with much customize using to make blog and ecommerce site for restaurants as will you can use any kind of blog for this.  Optimized for all devices, this theme will stand out with a unique design. Pick any accent color you wish. Set sidebar to the left or right - or no sidebar at all. Demo: https://www.xeeshop.com/product/experoner/
Version: 1.0.10
Tested up to: 5.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: experoner
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
experoner Pro is based on Underscores https://xeeshop.com/, (C) 2012-2020 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: sans-serif;
	line-height: 1.5;
}
aside  ol, ul {
	/*padding-left: 18px;*/
    padding-left: 0px;
}
/*.entry-content ol, ul{
	padding-left: 18px;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	max-width: 100%;
	height: auto;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.sticky {
    display: block;
}
.bypostauthor {
    display: block;
}
.gallery-caption{
	 display: block;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a {
	color: inherit;
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.screen-reader-text {
	border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    margin: -1px;
    padding: 0;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# theme css
--------------------------------------------------------------*/

#page{
	position: relative;
}
.site-main-display {
    display: block;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

.site aside.widget-area ul{
	list-style: none;
	padding-left: 0;
}
.menu-toggle {
    display: none;
}
.comments-area a {
    color: #0043ff;
    text-decoration: none;
}
.site-info {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #575c5c8c;
    line-height: 25px;
    font-weight: 300;
    color: #1d1d1d;   
}

.page-numbers a{
	color: #000;
}
p {
    margin-top: 0;
    margin-bottom: 15px;
}
.dropdown-toggle{
	display: none;
}

p.site-title{
	margin-bottom: 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
    width: auto;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
}
textarea {
	width: 100%;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
	padding: 0px;
}
input[type="search"] {
	width: auto;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: none;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    background-color: #FB397D;
    color: #ffffff;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.alignright {
    display: inline-block;
    float: none;
    margin: 0;
}
.nav-next {
    display: inline-block;
    float: right;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    line-height: 4;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
}
.nav-previous {
    display: inline-block;
    float: left;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    line-height: 4;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
nav.navigation.posts-navigation {
    display: inline-block;
    width: 100%;
}
/*--------------------------------------------------------------
# Main Menu css
--------------------------------------------------------------*/

.main-navigation ul.nav-menu {
    text-align: center;
    list-style: none;
    margin: 0px;
    padding-left: 0;
}

.main-navigation li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0px 15px;
    text-transform: uppercase;
}

.main-navigation a {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 36px;
    letter-spacing: 0.1px;
}

.main-navigation .menu-item-has-children > a{
    padding-right: 19px;
}

.main-navigation .menu-item-has-children > a:after{
	content: '\f105';
    font: normal normal normal 14px/1 'FontAwesome';
    position: absolute;
    right: 14px;
    top: 4px;
	font-size: 23px;
}

.main-navigation .nav-menu ul a{
	
    padding-left: 5px;
    float: left;
    
} 
.main-navigation .nav-menu ul.sub-menu{
    position: absolute;
    top: 100%;
    z-index: 99999;
    right: 0;
    width: 150px;
    padding-left: 0;
    /*background: #adadad36;
	border-top: 1px solid #a94e6f66;
	border-radius: 3px;*/
    left: -999em;   
	border-bottom-width: 4px;
    border-style: solid;
    border-color: #c8504b;
	background: #ffffff;
}
.main-navigation .nav-menu ul.sub-menu a:hover {
    color: #000;
}

.main-navigation .nav-menu li li {
    width: 92%;
    padding: 0 4%;
    text-align: left;
}
.main-navigation .nav-menu li:hover > ul, .main-navigation .nav-menu li.focus > ul {
    left: 0;
    right: auto;
}
.main-navigation .nav-menu ul li:hover > ul, .main-navigation .nav-menu ul li.focus > ul {
    top: 0;
    left:100%;
    right: auto;
}

/*.main-navigation .nav-menu ul.sub-menu a::after {
    right: 0;
}*/
article .entry-content a {
	text-decoration: underline;
}
footer#colophon .main-navigation .menu-item-has-children > a:after {
	display: none;
}
footer#colophon  .menu-item-has-children.open:before{
	display: none;
}

footer ul.sub-menu {
    display: none !important;
}
/*--------------------------------------------------------------
# Mobile css
--------------------------------------------------------------*/
@media only screen and (max-width: 768px){
	.main-navigation ul a,.main-navigation ul a:hover, .main-navigation ul a:focus {
	    color: #ffffff;
	}
	.toggled-on > li{
		background:#fc7216bf;
	}
	/*.main-navigation li.current-menu-item {
	    background-color: #ffc3d8;
	}*/
	ul.sub-menu {
		display: none !important;
	}
	ul.sub-menu li {
		padding: 1px !important;
	}
	.main-navigation li.current-menu-item ul li a{
	    color: #ffffff;
	}
	.main-navigation .menu-item-has-children > a:after{
		content: none;
	    position: absolute;
	    right: 11px;
	    top: 0px;
	}
	.dropdown-toggle {
		display: block;
	    background-color: transparent;
	    border: 0;
	    border-radius: 0;
	    color: #fff;
	    content: "";
	    height: 40px;
	    padding: 0;
	    position: absolute;
	    right: 0;
	    text-transform: none;
	    top: 0;
	    width: 44px;
	    margin: 0;
	}
	.dropdown-toggle:after {
		content: '\f105';
    	font: normal normal normal 14px/1 'FontAwesome';
	    font-size: 24px;
	    left: 1px;
	    position: relative;
	    float: right;
	    width: 48px;
	    border-width: 0px;
	}
	.dropdown-toggle.toggled-on:after {
		content: '\f107 ';
	}
	.main-navigation ul .toggled-on {
	    display: block !important;
	}
	.main-navigation ul .sub-menu {
        display: none;
    }
    .main-navigation li{
        width: 100%;
        padding: 5px !important;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
	#primary-menu ul li a {
        padding-left: 10px;
    }
	.nav-menu ul a {
	    padding-left: 5px;
	    float: left;
	    color: #fff;
	}
	.site-main article.page {
	    padding: 15px;
	}

	.main-navigation .sub-menu li {
	    background: #ffffff;
	}

	.main-navigation .menu-item-has-children > a {
		padding-right: 0;
	}

	.nav-menu ul a {
	    padding-left: 5px;
	    float: none;
	}
	.nav-menu ul.sub-menu{
		display: none;
	}
	.nav-menu ul.toggled-on {
		display: block;
	    position: relative;
	    top: 100%;
	    z-index: 99999;
	    right: 0;
	    width: 100%;
	    border: none;
	    padding-left: 0;
	    background: #fff;
	    left: 0;
	    margin-top: -1px;
	}
	.nav-menu ul li:hover > ul, .nav-menu ul li.focus > ul {
		top: 0;
	    left: 0;
	    right: auto;
	}
	.main-navigation ul ul ul.toggled-on li {
	    background-color: #ff9abe;
	}
	
	.menu-item-has-children a{
		width: 95%;
		display: inline-block;
	}
	ul.sub-menu {
		list-style: none;
	}	
}