/*
Theme Name: Eventime
Theme URI: https://example.com/eventime
Author: Your Name
Author URI: https://example.com
Description: A modern WordPress theme for event management companies.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eventime
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
   ----------------------------------------------- */
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:none}table{border-collapse:collapse;border-spacing:0}

/* =Global
   ----------------------------------------------- */
body,
button,
input,
select,
textarea{
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6{
	clear: both;
}
p{
	margin-bottom: 1.5em;
}
ul{
	margin: 0 0 1.5em 3em;
}
ol{
	margin: 0 0 1.5em 3em;
}
ul ul,
ol ol,
ul ol,
ol ul{
	margin-bottom: 0;
}
dt{
	font-weight: bold;
}
dd{
	margin: 0 1.5em 1.5em;
}
b,
strong{
	font-weight: bold;
}
dfn,
cite,
em,
i{
	font-style: italic;
}
blockquote{
	margin: 0 1.5em;
}
address{
	margin: 0 0 1.5em;
}
embed,
iframe,
object{
	max-width: 100%;
}
hr{
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text meant only for screen readers */
.screen-reader-text{
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus{
	background-color: #eee;
	clip: auto !important;
	clip-path: inset(0);
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Links */
a{
	color: #007cba;
	text-decoration: underline;
}
a:hover,
a:focus,
a:active{
	color: #00a0d2;
}
a:focus{
	outline: thin dotted;
}
a:hover,
a:active{
	outline: 0;
}

/* Alignment */
.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;
}

/* Text position */
.only-text + .alignleft,
.only-text + .alignright{
	display: block;
	float: none;
}

/* Images */
img{
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%;
}

/* =Content
   ----------------------------------------------- */
.hentry{
	margin: 0 0 1.5em;
}
.byline,
.updated:not(.published){
	display: none;
}
.single .byline,
.group-blog .byline{
	display: inline;
}
.page-content,
.entry-content,
.entry-summary{
	margin: 1.5em 0 0;
}
.page-links{
	clear: both;
	margin: 0 0 1.5em;
}

/* =Asides
   ----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title{
	display: none;
}

/* =Media
   ----------------------------------------------- */
.site-content .gallery{
	margin-bottom: 1.5em;
}
.site-content .gallery a img{
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd{
	margin: 0;
}

/* =Plugins
   ----------------------------------------------- */

/* =Infinite Scroll
   ----------------------------------------------- */

/* Infinite Scroll Mode */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverbinding .site-footer{ /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via display: none) before. */
.infinity-end.neverbinding .site-footer{
	display: block;
}

/* =Comments
   ----------------------------------------------- */
.comment-content a{
	word-wrap: break-word;
}
.bypostauthor{
}

/* =Widgets
   ----------------------------------------------- */
.widget{
	margin: 0 0 1.5em;
}

/* =Site Header
   ----------------------------------------------- */
.site-header{
	padding: 2em 0;
	text-align: center;
}
.site-branding{
	margin-bottom: 1.5em;
}
.site-title{
	margin: 0;
	font-size: 2em;
}
.site-title a,
.site-title a:hover{
	color: #404040;
	text-decoration: none;
}
.site-description{
	font-size: 1.1em;
	color: #666;
	font-style: italic;
	margin: 0;
}

/* =Site Navigation
   ----------------------------------------------- */
.main-navigation{
	text-align: center;
	margin: 0 0 1.5em;
}
.main-navigation ul{
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li{
	display: inline-block;
	position: relative;
}
.main-navigation a{
	display: block;
	text-decoration: none;
	padding: .5em 1em;
}
.main-navigation a:hover{
	color: #007cba;
}
.main-navigation ul ul{
	display: none;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul{
	left: 100%;
	top: 0;
}
.main-navigation ul ul a{
	width: 200px;
}
.main-navigation ul li:hover > ul{
	display: block;
}
.menu-toggle{
	display: none;
}

/* =Site Footer
   ----------------------------------------------- */
.site-footer{
	margin: 0;
	padding: 3em 0;
	clear: both;
}
.site-info{
	text-align: center;
	font-size: .8em;
	color: #666;
}

/* =Front Page Sections
   ----------------------------------------------- */
.hero{
	background: #f5f5f5;
	padding: 4em 0;
	text-align: center;
}
.hero h1{
	font-size: 2.5em;
	margin-bottom: .5em;
	color: #333;
}
.hero p{
	font-size: 1.2em;
	margin-bottom: 1.5em;
	color: #666;
}
.button{
	display: inline-block;
	background: #007cba;
	color: #fff;
	padding: .75em 1.5em;
	text-decoration: none;
	border-radius: 3px;
}
.button:hover{
	background: #00a0d2;
}

/* =Responsive Structure
   ----------------------------------------------- */
@media screen and (max-width: 800px){
	.menu-toggle{
		display: block;
	}
	.main-navigation ul{
		display: none;
	}
	.toggled-on .main-navigation ul{
		display: block;
	}
}