/* =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, 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;

	/*font-size: 100%; vertical-align: baseline;*/
}

pre,
.avatar {
	box-sizing: border-box;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}




ul { list-style: none; }
ol { list-style: decimal; }

.hentry .entry ul:not(.jp-controls),
.comment .text ul,
.textwidget ul { list-style: disc; }

.ltr .hentry .entry ul:not(.jp-controls),
.ltr .comment .text ul,
.ltr .textwidget ul { margin-left: 18px; }

.rtl .hentry .entry ul:not(.jp-controls),
.rtl .comment .text ul,
.rtl .textwidget ul { margin-right: 18px; }

.ltr ol { margin-left: 24px; }
.rtl ol { margin-right: 24px; }

.ltr ol ol,
.ltr .hentry .entry ul:not(.jp-controls) ul,
.ltr .comment .text ul ul,
.ltr .textwidget ul ul { margin-left: 8%; }

.rtl ol ol,
.rtl .hentry .entry ul:not(.jp-controls) ul,
.rtl .comment .text ul ul,
.rtl .textwidget ul ul { margin-right: 8%; }

a,
a:link,
a:hover,
a:active,
a:visited { text-decoration: none; }


h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
	font-weight: inherit;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit !important; }

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }


dl { width: 100%; overflow: hidden; }
dt { width: 30%; }
dd { width: 70%; }

.ltr dt, .ltr dd { float: left; }
.rtl dt, .rtl dd { float: right; }


pre {
	word-wrap: break-word;
	overflow: auto;
	box-sizing: border-box;
}

@media only screen and (max-width: 768px)
{
	pre { font-size: smaller !important; }
}

.rtl pre { direction: ltr; text-align: left; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}




:focus { outline: 0; } /* only on inputs? */


.button,
button,
input,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	text-align: center;
	cursor: pointer;
	vertical-align: top;
	box-sizing: border-box;
}

input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }
:focus::-webkit-input-placeholder { color: transparent !important; }




/* migrate to input button textarea */
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="button"] {
	font-family: inherit;
	box-sizing: border-box;
}

/* =Form Fields
-------------------------------------------------------------- */

.ys-form-field { position: relative; }

.ys-form-field > i {
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	position: absolute;
	top: 0;
	color: inherit;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0.5;
}

.dark .ys-form-field > i { opacity: 0.8; }

.ltr .ys-form-field > i { right: 18px; }
.rtl .ys-form-field > i { left: 18px; }

.ys-form-field > i:before { content: "\f149"; }


/* =Helpers
-------------------------------------------------------------- */

.cf:before, .cf:after {
	display: table;
	content: '';
}

.cf:after { clear: both; }


.left { float: left; }
.right { float: right; }

.center {
	clear: both;
	margin-left: auto !important;
	margin-right: auto !important;
	/*float: none !important;?*/
}

.center:before, .center:after {
	clear: both;
	content: '';
	display: table;
}


.align-left { text-align: left; }
.align-right { text-align: right; }
.to-center { text-align: center; }


.to-center .button { margin-left: auto; margin-right: auto; float: none !important; }

.align-left .button { float: left; }
.align-right .button { float: right; }

.row > div.right.first { margin-right: 0 !important; }
.row > div.left.first { margin-left: 0 !important; }

.hidden { display: none; }

.w100 { width: 100% !important; }


@media only screen and (max-width: 766px)
{
	.responsive,
	.to-left.responsive,
	.to-right.responsive {
		text-align: center;
	}

	.responsive .button,
	.responsive.button,
	.to-left.responsive .button,
	.to-right.responsive .button {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1022px)
{
	.responsive.tablet,
	.to-left.responsive.tablet,
	.to-right.responsive.tablet {
		text-align: center;
	}

	.responsive.tablet .button,
	.responsive.tablet.button,
	.to-left.responsive.tablet .button,
	.to-right.responsive.tablet .button {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1022px) and (max-width: 1024px)
{
	.responsive.tablet-l,
	.to-left.responsive.tablet-l,
	.to-right.responsive.tablet-l {
		text-align: center;
	}

	.responsive.tablet-l .button,
	.responsive.tablet-l.button,
	.to-left.responsive.tablet-l .button,
	.to-right.responsive.tablet-l .button {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
}

/* =Icons
-------------------------------------------------------------- */

i {
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa { font-family: "FontAwesome"; }
.ion { font-family: "Ionicons"; }

/* =Adjustments
-------------------------------------------------------------- */

.hentry:last-child { margin-bottom: 0; }

body.logged-in .ys-menu li.login {
	display: none;
}

/* Images */

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	max-width: calc(100% - 12px); /* do calc(100% - 10px)*/
}

/* make sure captions are 100% - WP adds inline width styling to .wp-caption class */
.wp-caption {
	max-width: 100%;
}

.loading {
	width: 32px; height: 32px;
	background: transparent url(theme/assets/images/loader.gif) no-repeat left top;
}



/* =Post Password
-------------------------------------------------------------- */

input[name="post_password"] { margin-top: 3px; margin-bottom: 10px; display: block; }

/* =WP Gallery
-------------------------------------------------------------- */

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16%; }
.gallery-columns-7 .gallery-item { width: 14%; }
.gallery-columns-8 .gallery-item { width: 12%; }
.gallery-columns-9 .gallery-item { width: 11%; }

.ltr .gallery-item { float: left; }
.rtl .gallery-item { float: right; }

.gallery-icon, .gallery-caption, .wp-caption-text {
	float: none !important;
	width: auto;
	text-align: center;

	margin: 0 auto;
	display: table;
}

.gallery-icon img {
	height: auto; /* max-width: 80%; ? */
}


/* =WP Alignments
-------------------------------------------------------------- */

.alignnone { float: none; }

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

.alignleft { float: left; }
.alignright { float: right; }



/* ajax */

.ajaxresponse { display: none; }


/* =Table
-------------------------------------------------------------- */

.widget_text table, .widget_calendar table, .entry table, .comment table { width: 100%; }

.widget_text th, .widget_calendar th, .entry th, .comment th {
	text-transform: uppercase;
	text-align: center;
}

.widget_text td, .widget_calendar td, .entry td, .comment td { text-align: center; }