/*
Theme Name: Tictalic Theme
Theme URI: http://tictalic.com/
Description:
Text Domain: tic
Author: Tictalic.com
Author URI: http://tictalic.com
Version: 2.1
License: 
License URI: 
Tags:
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* TABLE BORDER FIX  */
table { border-collapse: collapse; }

/* BOX SIZE FIX */
*,*::before,*::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* CLEARFIX */
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear:both; }

/* FORMS */
/*
fieldset {}
legend { display: block; width: 100%; padding: 0; margin-bottom: 1.62em; line-height: inherit; color: #333; border: 0; 	border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: .62em; font-weight: bold; }
textarea, input, select { margin:0; display: block; width: 100%; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; height: 1.62em; padding:0 .62em; }
select[multiple], select[size] { height: auto; }
input[type="search"] { padding-left: .62em; }
input[type="radio"], input[type="checkbox"] { width: auto; margin: .81em 0 0; margin-top: 1px \9; line-height: normal; height: 1em; }
input[type="file"] { border:none; }
textarea { height:auto; padding:.62em; }
input:focus, textarea:focus, select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
input[type="submit"], input[type="reset"], input[type="button"], button { margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid #ccc; background:#ccc; height: 1.62em; border-radius: .31em; }
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
input[disabled], input[readonly], fieldset[disabled] input { background-color: #eee; opacity: 1; }
button[disabled], html input[disabled] { cursor: default; }
input[disabled], fieldset[disabled] input { cursor: not-allowed; }
*/

form { padding:1em; }
input, form button { width:100%; }
input[type="checkbox"], input[type="radio"] { width:1em; height:1em; }
textarea { width:100%; }
input, optgroup, select, textarea, form button {
	margin-bottom:1em;
}

#form-elements { padding:2em 0; }
#form-elements pre { margin: 0 0 2em 0; }


/* SCREEN READER TEXT */
html body .screen-reader, html body .screen-reader-text, html body .screen-reader-link { display:block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
[tabindex="-1"]:focus { outline: 0 !important; }

/* PREVENT MOBILE OVERFLOWS */
html, body, * { max-width:100%; }

/* CONTAINER SYSTEM */
.container { width:100%; padding: 0 3%; margin:0 auto; position:relative; max-width:100%; }
@media (min-width: 1200px) { .container { padding-left: calc( 50% - 585px ); padding-right: calc( 50% - 585px ); } }

/* LAYOUT */
.sidebar { position: relative; }
.content>* { width:100%; }
.main:nth-last-child(2) {
	max-width: 810px;
	margin-right:auto;
	margin-left:auto;
}
@media (min-width: 900px) {
	.content>* { float:left; }
	/* main when sidebar exists - padding & width change */
	.main:nth-last-child(2) {
		padding-right:1.62em;
		width: 69%;
		max-width: calc(100% - 300px);
	 }
	.sidebar {
		float:right;
		min-width:300px;
		width:31%;
		max-width:360px;
	}
	/* flex update - same height sidebar and content */
	.content { display:flex; }
	.main { flex-grow:1; }
	.sidebar { flex-shrink:0; }	
}

/* maybe use breakpoints */
/* mobile portrait: less than 640px */
/* mobile landscape: > 640px */
@media (min-width: 640px) { .breakpoints .container { padding-left: calc( ( 100% - 640px)/2  ); padding-right: calc( ( 100% - 640px)/2  ); } }
/* tablet portrait: > 768px */
@media (min-width: 768px) { .breakpoints .container { padding-left: calc( ( 100% - 750px)/2  ); padding-right: calc( ( 100% - 750px)/2  ); } }
/* tablet landscape: > 1024px */
@media (min-width: 1024px) { .breakpoints .container { padding-left: calc( ( 100% - 1000px)/2  ); padding-right: calc( ( 100% - 1000px)/2  ); } }
/* laptop: > 1280px */
@media (min-width: 1280px) { .breakpoints .container { padding-left: calc( ( 100% - 1150px)/2  ); padding-right: calc( ( 100% - 1150px)/2  ); } }

/* put footer down */
html { height:100%; }
body { display: flex; min-height: 100vh; flex-direction: column; }
.content { flex:1; }
/* footer bug fix - ie 10 & ie 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body, .content { display:block; }
}

/* LAYOUT EXTRAS */
.link-top { position: fixed; bottom: 1em; right:1em; }
.link-top-sign { display: block; width: 3em; height: 3em; text-align: center; line-height: 3em; }
.footer { }
.colophon { margin: 0 auto; padding: 0; width:100%; line-height: 2.62em; }
.colophon>* { display: block; text-align: center; }
@media (min-width: 768px) {
	.colophon { display: table; }
	.colophon>* { display: table-cell; position: relative; vertical-align: middle; text-align:left; }
	.colophon .copyright { text-align:right; }
}
.credits { font-size:.62em; text-align:center; }

/* GRID SYSTEM */


/* FONTS */																						
body { font-size:17px; line-height:1.62; font-weight:400; font-family: "Segoe UI",SegoeUI,"Segoe WP",-apple-system,system-ui,BlinkMacSystemFont,Helvetica,Tahoma,Arial,sans-serif; text-rendering: optimizeLegibility; }
code, kbd, pre, samp { font-family: monospace; }
@media (min-width: 500px) {
	body { font-size: 19px; }
}
sub, sup, small { font-size: 81%; }

/* TYPOGRAPHY */
h1, h2 { display:block; font-size: 1.62em; font-weight:bold; margin:0; padding:0; }
h3, h4, h5, h6 { display:block; font-size: 1.31em; font-weight:bold; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display:block; text-decoration:none; font-size: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; }
p { margin: 0 0 1em 0; }

/* POST */
.post-title { line-height: 1.31; }
.post-content { overflow:hidden; clip:auto; }
.post-content>* { max-width:780px; margin: 0 auto; }
.post-content>* + .post-content>*  { margin-top: 1.31em; }
.post-content>*.alignright { margin-right:0; }
.post-content>*.alignleft { margin-left:0; }
.aligncenter { margin-right:auto; margin-left:auto; }
.alignleft { float:left; }
.alignright { float:right; }
.post-content p:empty { display:none; }
.post-origin {
	font-style: italic;
	padding: .31em 0;
	display: block;
	font-size: .81em;
}
/* author */
.post-author-card { position: relative; display: table; margin: 0 auto; padding: 0; width:100%; }
.post-author-card>* { display: table-cell; position: relative; min-height: 1px; vertical-align: top; padding:0 .62em; }





/* images */
img { max-width:100%; height:auto; }

/* iframes */
iframe { max-width:100%; } 

/* gallery */


/* NAVIGATION */
/* navigation (single post) */
/* navigation (archive) */
/* pagination (archive) */
/* navigation to top */
.nav-links { position: relative; display: table; margin: 0 auto; padding: 0; width:100%; }
.nav-link { display: table-cell; position: relative; }
.nav-link a, .nav-link .current { padding: .62em 1em; line-height: 1.31; display:block; }
.nav-link .nav-next { text-align:right; }

/* MENU V SIDEBARU */


/* MENU */
/* 
https://www.youtube.com/watch?v=sjrp1FEHnyA
https://github.com/wilsmex/edu/blob/master/responsive_menu_css_only/finish/menu.css
 */
.menu {
	text-transform: uppercase;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;	
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.menu li {
	position: relative;
	display: inline-block;
	padding:0 1em;
}
.menu>li {
	flex: auto;
	flex-wrap: wrap;
}
.menu li a {
	display: block;
	line-height: 2.62em;
	height:2.62em;
}
.menu ul {
	list-style: none;
	display:none;
	padding:0;
	margin:0;
}
.menu li:hover>ul,
.menu li>ul:hover {
	display:block;
	position:absolute;
	top:100%;
	right:0;
	left:0;
	z-index:1;
}



/* WP SEARCH FORM */
.search-form { width:100%; max-width: 400px; position: relative; display: table; margin: 0 auto; padding: 0; }
.search-form>* { display: table-cell; position: relative; vertical-align:top; }

/* WP WIDGETS */
.widget { line-height: 1.31em; }
.widget + .widget { margin-top:1em; }
.widget-title { font-size: 1.31em; line-height:1em; }
.widget img { max-width:100%; height:auto; }
.widget ul { list-style:none; margin:0; padding:0; }
.widget ul ul { margin-left:1em; }
.widget li { display:block; }
/* widget calendar */
#wp-calendar { width:100%; }
#wp-calendar td { text-align:center; }
/* widget rss */
.widget_rss .widget-title a.rsswidget { float: left; margin-right: .31em; }
.widget_rss .widget-title a.rsswidget img { vertical-align: baseline; }
.widget_rss ul { clear:both; }
.widget_rss li { margin-bottom:.62em; }
.widget_rss li a.rsswidget { display:block; font-weight:bold; }
.widget_rss .rss-date { font-style:italic; }
/* links lists */
.widget_categories li, .widget_pages li, .widget_archive li, .widget_recent_entries li, .widget_recent_comments li, .widget_nav_menu li, .widget_meta li { display:block; padding: .31em 0 0 0; }
/* recent posts, recent comments */
.widget ul li .post-date, .widget ul li.recentcomments { font-style:italic; }
.widget ul li.recentcomments a { font-style:normal; }





.comments {
	margin:0 auto;
	max-width:100%;
	background:#f8f8f8;
	padding:1em;
	margin-bottom:2em;
}
.comment-reply-title {
	text-align:center;
	font-weight:normal;
	margin-bottom:.31em;
}
.comment-form-comment label {
	display:none;
}
.commentlist {
	padding: 0;
}
.commentlist ul {
	padding-left:1em;
}
.commentlist li {
	display:block;
}
.commentlist>li {
	border-bottom: 1px solid #ccc;
	padding: .5em;
}
.commentlist>li:first-child {
	border-top: 1px solid #ccc;
}
.comment-author>*,
.reply a {
	font-size:.81em;
}
.reply {
margin-top: -.5em;
	 margin-bottom: .5em;
}

.comment-author img,
.comment-metadata,
.comment-metadata .edit-link {
	display:none;
}
.comment-content p {
	margin-bottom:.5em;
}
.blockUI {
	/*display:none;*/
}

@media print {
  .container { width: auto; }
}



.header:before {
	content:"";
	display:block;
	position: absolute;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP88R8AAvUB+VkkrXoAAAAASUVORK5CYII=);
	top:0;
	right: 0;
	bottom:0;
	left: 0;
	z-index:-1;
}