/*
Theme Name: jansass Blank One Child Theme
Theme URI: http://www.jansass.com/
Description: jansass Blank One Child Theme
Author: jansass
Author URI: http://www.jansass.com/
Template: jansass-blank-one
Version: 0.0
*/

/* global styles*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body, html,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, strong, b {font-family: "Segoe UI", Verdana, Geneva, sans-serif; text-shadow: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, strong, b {font-weight: bold; color: rgba(225,10,27,1); line-height: 125%;}

h1, .h1 {font-size: 3.0em;}
h2, .h2 {font-size: 2.5em;}
h3, .h3 {font-size: 1.25em;}
h4, h5, h6, .h4, .h5, .h6, strong, b {font-size: 1em;}


a {color: rgba(225,10,27,1);}
a:hover {color: #333; text-decoration: none;}
.btn-primary {background: rgba(225,10,27,1); border-radius: 0; border: 0;}
.btn-primary:hover {background: #333;}
article.page {width: 100%;}
article.post p {text-align: left !important;}
iframe { width: 100%; height: 100%;}

hr {width: 100%; display: block; margin: 1em 0; border: 0;    border-top: 1px solid rgba(0,0,0,.1);}

/* custom styles*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header#widgets .col:nth-child(1) {text-align: right; }
header#widgets .col:nth-child(1) img {width: 50%; }
header#header {margin-bottom: 0}
header#header #logo {text-align: left !important; border: 0; padding: 1em 0;}
header#header #logo img {}
header#header #menu {background: rgba(225,10,27,1); box-shadow: 500px 0 0 rgba(225,10,27,1), -500px 0 0 rgba(225,10,27,1); padding: 10px 20px; margin-top: 15px; }
header#header #menu a,
header#header #menu i {color: white; text-transform: uppercase;}
header#header #menu a:hover {text-decoration: none; color: #333; }
header#header #menu a.dropdown-item {text-transform: uppercase; color: black; font-size: 90%; padding-top: 0.75em; padding-bottom: 0.75em;  }
header#header #menu a.dropdown-item:hover {color: #333; background: #00000010;}
header#header #menu .dropdown-menu {box-shadow: 0 0 10px rgba(225,10,27,1);}
header#header #menu .dropdown-menu  .dropdown-menu  {display: block;   box-shadow: none; }
header#header #menu nav.navbar {width: 100%;}
header#header #menu ul.nav.navbar-nav {justify-content: space-between; display: flex; width: 100%;}
.separator.menu-item {font-size: 0 !important; border-bottom: 1px solid rgba(128,128,128,0.2); }

/* pseudo-megamenu */
@media (min-width:768px){ 
	header#header #menu #menu-item-9496 .dropdown-menu {width: 540px; vertical-align: top; padding: 0; margin: 0;}
	header#header #menu #menu-item-9496 .dropdown-menu .dropdown-menu {display: inline-block; width: 176px; position: relative;}
	header#header #menu #menu-item-9496 .dropdown-menu .dropdown-menu a { text-align: center; }

	header#header #menu #menu-item-9496 .dropdown-menu {}
	header#header #menu #menu-item-9496 .dropdown-menu .dropdown-menu a {padding: 0.75em 0; }
	header#header #menu #menu-item-9496 .dropdown-menu .dropdown-menu a:hover {opacity: 0.9; background: #00000010;}

	/*header#header #menu #menu-item-9496 .dropdown-menu .dropdown-menu a:nth-child(1) {padding-top: 1.5em;}
	header#header #menu #menu-item-9496 .dropdown-menu .dropdown-menu a:nth-child(7) {padding-bottom: 1.5em;}*/
}

@media (min-width:768px){ 
	header#widgets #sidekick { width: 35%; height: auto; margin: 0em 0 -8.5%;}

	header#header #menu {text-align: left !important;}
}
@media (max-width:767px){ 
	header#header #menu li {border-top: 1px solid rgba(255,255,255,.2);}
	header#header #menu a.menu-item {font-size: 125%; padding: 0.75em 0;}
	header#header #menu i.fa-navicon:after {content: "Menü";font-family: "Segoe UI", Verdana, Geneva, sans-serif; margin-left: 5px;}
}

@media (max-width: 580px){ 
	header#header #logo img {width: 100% !important;}
}
@media (min-width: 580px){ 
	header#widgets .col:nth-child(1) {margin: 30px 0 -7%;}
	header#widgets .col:nth-child(1) img {width: 33.33%; height: auto; padding: 0 15px;}
}

footer#widgets {background: rgba(225,10,27,1); color: white; padding: 30px 0;}
footer#widgets h1, footer#widgets h2, footer#widgets h3, footer#widgets h4, footer#widgets h5, footer#widgets h6, footer#widgets .h1, footer#widgets .h2, footer#widgets .h3, footer#widgets .h4, footer#widgets .h5, footer#widgets .h6, footer#widgets strong, footer#widgets b,
footer#widgets a {color: white; }
footer#widgets a:hover {color: #333; }
footer#widgets .jansass_Menu a {font-weight: bold; text-transform: uppercase;}
footer#widgets a.rsbtn_play {color: #333;}

@media (max-width: 1023px){ 
	footer#widgets .jansass_Menu li {display: block; padding-left: 0;}
	footer#widgets .jansass_Menu li a {padding: 0.75em 0; display: block;}
}

@media (min-width: 1024px){ 
	footer#widgets .col:nth-child(1) {flex: 0 0 66.6%; max-width: 66.6%; }
	footer#widgets .col:nth-child(2) {flex: 0 0 33.3%; max-width: 33.3%;}
}

@media (max-width: 320px){ 
	footer#widgets .col:nth-child(1),
	footer#widgets .col:nth-child(2) {flex: 0 0 100%; max-width: 100%; }
}

body.single div#content {padding: 0}
body.single .meta {font-size: 75%; border-bottom: 1px solid #f2f2f2; padding-bottom: 1em; margin-bottom: 1em;}

div#main {padding-top: 3em;}
div.col.post .btn-primary.btn {position: absolute; bottom: 0;}
div.col.post.list .btn-primary.btn {position: relative;}
div.col.post.list hr {margin: 1em 0;}
div.col.post.single hr {border: 0; height: 3em;}
div.col.post.single {float: left;}
div.col.post.large {padding-bottom: 3em;}
div.col.post.large img {width: 100%; height: auto;}
div.post {padding-bottom: 3em; }	
div.post.list {padding-bottom: 0; }	

div#sidebar {background: rgba(225,10,27,1); border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5); padding: 1em;}
div#sidebar h1, div#sidebar h2, div#sidebar h3, div#sidebar h4, div#sidebar h5, div#sidebar h6, div#sidebar .h1, div#sidebar .h2, div#sidebar .h3, div#sidebar .h4, div#sidebar .h5, div#sidebar .h6, div#sidebar strong, div#sidebar b,
div#sidebar a {color: rgba(255,255,255,0.8); }
div#sidebar a:hover {color: #333; }
div#sidebar .theme_widget {margin: 2em 0;}
div#sidebar strong.jansass_Menu.tab {position: relative; display: block; text-transform: uppercase; color: #333; border-top: 1px solid #333; padding: 0.5em 2em 0.5em 0; margin-bottom: 0.5em; cursor: pointer;}
div#sidebar strong.jansass_Menu.tab.closed {border-bottom: 1px solid #333;}
div#sidebar strong.jansass_Menu.tab img.titleimage {height: 96px; width: auto;}
div#sidebar ul.jansass_Menu.tab img.featuredimage {width: calc(100% - 20px); display: block; margin: -1em 0 0.5em; border: 1px solid rgb(255,255,255,0.8);}
div#sidebar ul.jansass_Menu.tab a.featuredimage:after { content: "\f144"; font-family: FontAwesome; margin: 0 0.5em 0 -1em; color: rgba(255,255,255,0.8); position: absolute; top: calc(50% - 40px); width: calc(100% - 20px); text-align: center; font-size: 40px; left: 40px;}
div#sidebar strong.jansass_Menu.tab.open:after {content:"–"; position: absolute; top: 0.5em; right: 0; color: #333;}
div#sidebar strong.jansass_Menu.tab.closed:after {content:"+"; position: absolute; top: 0.5em; right: 0; color: #333;}
div#sidebar div.jansass_Menu.tab.closed,
div#sidebar ul.jansass_Menu.tab.closed {display: none;}
div#sidebar ul.jansass_Menu.tab {margin-left: 1.5em;}
div#sidebar ul.jansass_Menu.tab li {text-indent: -0.25em; padding: 0.5em 0; position: relative;}
div#sidebar ul.jansass_Menu.tab li:before {content:"\f061"; font: 0.75em FontAwesome; margin: 0 0.5em 0 -1em; color: rgba(255,255,255,0.8); }


@media (max-width: 1400px){ 
	.sow-carousel-container {height: calc(28vw + 120px); overflow: hidden;width: 100%;}
	.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a { width: 728px !important;}
}

/* Form/Searchform
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
form input {border-radius: 138px !important;}
form.search-form {margin-bottom: 3em;}
form.search-form span.input-group-btn button {position: absolute; top: 0; right: 10px; background: none; border: 0;}
form.search-form span.input-group-btn button:after {content:"\f002"; font: 1.25em FontAwesome;color: #333; }

/* SO > Layout Slider 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sow-slider-base .sow-slide-nav {display: block !important; background: rgba(225,10,27,1); top: calc(50% - 40px);}
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {padding: 0 !important;}
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper div.col.post {margin: 0; padding: 0 0 3em 0;}
   
/* [spoiler]
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.spoiler,
body.single a.spoiler,
body.single a.spoiler_close {display: none;}
body.single section.spoiler {display: block;}

/* cforms
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha {height: inherit !important;}


/* read speaker
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 div.rsbtn {display: none !important;}
 div.rsbtn.manual {display: block !important;}


/* so accordion
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sow-accordion-panel-header,
.sow-accordion-panel-border {padding: 0 !important;}
.sow-accordion-title {font-weight: bold; color: rgba(225,10,27,1); margin-bottom: 0.5em;}
.sow-accordion,
.sow-accordion div {outline: 0 !important;}


/* event-manager
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.em-calendar-wrapper .em-calendar {margin: auto;}
.em-calendar-wrapper .em-calendar .eventful {background: rgba(225,10,27,1);}



/* Form/Searchform
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
form input,
form textarea {border-radius: 20px !important; border: 1px solid #00000050;  padding: .375rem .75rem;}
form input:focus,
form textarea:focus {outline:none;}
form.search-form {margin-bottom: 3em;}
form.search-form span.input-group-btn button {position: absolute; top: 0; right: 10px; background: none; border: 0;}
form.search-form span.input-group-btn button:after {content:"\f002"; font: 1.25em FontAwesome;color: #333; }