/*
Theme Name: B4U Publishing
Author: Petr Pojer
Author URI: http://www.petrpojer.cz/
Description: Šablona na míru pro B4U Publishing
Version: 1.4
*/

/*                        
 * Reset
 * inspired normalize.css
 */
html      {font-family: Arial; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
{display: block;}
a:hover, a:active 
{outline: 0;}
img       {max-width: 100%; height: auto; border: 0;}
button, input, select, textarea
{margin: 0; font-family: 'Open Sans', sans-serif; font-size: 100%; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box;}
button, input[type="button"], input[type="reset"], input[type="submit"]                                                                                        
{cursor: pointer;}

*:focus   {outline: 0;}

/*#_Inicialization/Style#*/
body  {margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; background: #fff; color: #2d2c2f;}

a       {color: #c00418; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5
{margin: 0px; font-weight: 700; line-height: 1.4;}

h1    {margin-bottom: 50px; font-size: 40px;}                                      
h2    {margin: 60px auto 30px; font-size: 30px;}
h3    {margin: 60px auto 30px; font-size: 20px;}

h1 span,
h2 span   {font-weight: 400;}

h2:first-child,
h3:first-child,
h4:first-child  {margin-top: 0px;}

h1 + p,
h2 + p,                                       
h3 + p,
h4 + p  {margin-top: 5px;}

p       {line-height: 1.8;}
p:first-child  {margin-top: 0px;}
strong  {font-weight: 700;}

table   {width: 100%; font-family: 'Open Sans', sans-serif; border-collapse: collapse;}

/*#_Inicialization/Classses#*/
.item-hidden    {opacity: 0;}
.item-visible   {opacity: 1;}

.link-download  {margin-bottom: 10px; padding-left: 20px; font-size: 16px; display: inline-block; position: relative;}
.link-download:before {margin-top: -6px; width: 12px; height: 12px; background: url('images/sprite.png') no-repeat 0px -56px; content: ""; display: block; position: absolute; top: 50%; left: 0px;}

.perex    {color: #9b9a9d; font-size: 16px; line-height: 1.8;}

/*#_Inicialization/Buttons#*/
.button button,
.button input,
a.button        {padding: 0px 25px; line-height: 50px; font-size: 17px; display: inline-block; position: relative; text-align: center; text-decoration: none; border: 0px; border-radius: 10px;}
.button         {position: relative;}

.button-red button,
.button-red input,
a.button-red    {background: #c00418; color: #fff; border: 1px solid #c00418; opacity: 0.9;}

.button-red button:hover,
.button-red input:hover,
a.button-red:hover  {opacity: 1;}

.button-grey input,
a.button-grey   {background: #ebeaed; color: #c00418; border: 1px solid #ebeaed;}

.button-grey input:hover,
a.button-grey:hover {background: #fff; color: #c00418;}

.button-back input,
a.button-back   {padding: 0px 20px 0px 35px; font-size: 14px; font-weight: 700;}
.button-back:before {margin-top: -4px; width: 10px; height: 8px; background: url('images/sprite.png') no-repeat 0px -68px; content: ""; display: block; position: absolute; top: 50%; left: 15px;}

.button-download input,
a.button-download   {padding: 0px 20px 0px 40px; font-size: 16px;}
.button-download:before {margin-top: -6px; width: 12px; height: 12px; background: url('images/sprite.png') no-repeat 0px -56px; content: ""; display: block; position: absolute; top: 50%; left: 20px;}

/*#Header#*/
header          {width: 100%; height: 80px; background: #fff; border-bottom: 1px solid #e1e0e3; position: fixed; top: 0px; left: 0px; z-index: 99;}
header + *      {margin-top: 80px;}

#logo           {margin: 25px 0px 0px; max-width: 100%; width: 200px; display: block;}

/*#Header/Menu#*/
#menu-main-wrapper #menu-main       {margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; display: inline-block; position: relative;}
#menu-main-wrapper #menu-main > li    {margin: 0px 0px 0px 60px; padding: 0px; line-height: 80px; float: left; position: relative;}
#menu-main-wrapper #menu-main > li:first-child  {margin-left: 0px;}
#menu-main-wrapper #menu-main > li > a  {color: #2d2c2f; font-size: 14px; font-weight: 700; text-transform: uppercase;}
#menu-main-wrapper #menu-main > li.current-menu-parent > a,
#menu-main-wrapper #menu-main > li.current-menu-item > a,
#menu-main-wrapper #menu-main > li > a:hover  {padding-bottom: 28px; text-decoration: none; border-bottom: 1px solid #c00418;}

#menu-main-wrapper #menu-main ul		{margin: 0px; padding: 0px; line-height: 1.2; background: #e1e0e3; text-align: left; list-style-type: none; position: absolute; top: 80px; left: 0px; display: none;}
#menu-main-wrapper #menu-main ul li		{margin: 0px 10px; padding: 0px; border-bottom: 1px solid #c00418;}
#menu-main-wrapper #menu-main ul li:last-child	{border-bottom: 0px;}
#menu-main-wrapper #menu-main ul li a	{padding: 10px; display: block; color: #2d2c2f; font-size: 12px; font-weight: 700; text-transform: uppercase;}
#menu-main-wrapper #menu-main ul li.current-menu-item a,
#menu-main-wrapper #menu-main ul li a:hover  {color: #c00418; text-decoration: none;}

#menu-main-wrapper #menu-main > li:hover ul	{display: block;}

/*#Homepage#*/
.content-homepage {padding-top: 10px;}

/*#Homepage/Slider#*/
#slider           {margin: 0px -15px 7px; color: #ebeaed; position: relative;}
#slider .container  {position: relative;}
.slider-wrapper   {margin: 0px 15px; height: 390px;}
.slider-item      {margin: 0px; width: 100%!important; height: 390px;}

.slider-inner     {width: 100%; height: 100%; position: relative;}
.slider-teaser    {margin-left: -435px; max-width: none; position: absolute; top: 0px; left: 50%;}
.slider-info      {margin-top: 50px; font-size: 18px;}
.slider-title     {margin: 15px auto 30px; line-height: 1; color: #fff; font-size: 60px; font-weight: 700; word-wrap: break-word;}

.slider-text-dark               {color: #333;}
.slider-text-dark .slider-title {color: #000;}

.bx-prev,
.bx-next    {margin-top: -15px; width: 30px; height: 30px; line-height: 30px; background: url("images/sprite.png") no-repeat; font-size: 0px; display: block; text-align: center; position: absolute; top: 50%; z-index: 89; opacity: 0.9; border-radius: 50%;}
.bx-prev    {background-position: 0px 0px; left: 0px;}
.bx-next    {background-position: -30px 0px; right: 0px;}
.bx-prev:hover,
.bx-next:hover  {opacity: 1;}

/*#Homepage/Banner*/
#banner-wrapper {margin: 0px 0px 10px; position: relative; overflow: hidden;}
#banner-1       {margin: 0px 7px 0px 0px; width: 578px; height: 390px;}
#banner-2       {margin: 0px 0px 0px 0px; width: 285px; height: 390px;}
#banner-3       {margin: 0px 0px 10px 0px; width: 285px; height: 190px;}
#banner-4       {margin: 0px; width: 285px; height: 190px;}
#banner-5       {margin: 0px 0px 0px 10px; width: 285px; height: 190px;}

.banner-item     {color: #2d2c2f; display: block; float: left; position: relative; text-align: left;}
.banner-overlay  {padding: 50px 20px; width: 100%; background: rgba(235, 234, 237, 0.85); position: absolute; bottom: 0px; left: 0px; display: none;}
.banner-overlay h2   {margin: 0px;}

.text-page #banner-wrapper {margin: 0px 0px 0px auto; display: inline-block;}
.text-page .banner-item    {margin: 0px 0px 10px 0px!important; float: none;}

.category-item  {width: 30px; height: 30px; line-height: 30px; background: #9b9a9d; color: #ebeaed; font-size: 14px; font-weight: 700; text-align: center; position: absolute; top: 10px; left: 10px; border-radius: 50%;}

.label-new  {width: 30px; height: 30px; background: url('images/sprite.png') no-repeat 0px -106px; font-size: 0px; display: block; position: absolute; top: 50px; left: 10px;}

#banner-3 .banner-overlay,
#banner-4 .banner-overlay   {height: 100%;}

.banner-item:hover .banner-overlay  {display: block;}

.homepage-list .book-item {margin-left: 7px;}

/*#Homepage/SEO#*/
#seo h1     {margin: 50px 0px 30px;}


/*#Content#*/
.content    {padding-bottom: 70px;}

.contact-bottom h3  {margin-top: 70px;}
.contact-top p    {color: #9b9a9d; font-size: 16px;}
.contact-bottom p {color: #9b9a9d; font-size: 15px;}

/*#Content/Blog#*/
.post-item    {margin-bottom: 50px; padding-bottom: 40px; background: url('images/bg-line.png') repeat-x bottom center;}
.post-item a  {color: #2d2c2f;}
.post-item p  {color: #9b9a9d; font-size: 16px;}
p.post-date   {margin: 0px 0px 20px; font-size: 13px; display: block;}
.post-teaser  {margin-bottom: 30px;}

.post-item:last-child {margin-bottom: 0px; padding-bottom: 0px; background: transparent;}

/*#Content/Breadcrumbs#*/
#breadcrumbs    {padding: 20px 0px 30px; color: #9b9a9d; font-family: Arial; font-size: 11px;}
#breadcrumbs a  {padding-right: 30px; color: #9b9a9d; display: inline-block; position: relative;}
#breadcrumbs a:before {width: 10px; height: 1px; background: #c00418; content: ""; display: block; position: absolute; top: 50%; right: 9px;}

/*#Content/Form#*/
.form-checkbox > label,
.form-item label    {margin: 10px 0px; font-weight: 400; display: block;}
.form-item textarea,
.form-item input    {padding: 0px 15px; width: 100%; height: 40px; line-height: 40px; background: #ebeaed; color: #9b9a9d; font-size: 14px; border: 0px; border-radius: 10px;}
.form-item textarea {padding: 15px; height: 100px; line-height: 1.5;}

.form-button      {margin-top: 30px;}

.form-checkbox input    {display: none;}
.form-checkbox .input-wrap label    {width: 30px; height: 30px; background: url('images/sprite.png') no-repeat 0px -76px; font-size: 0px; display: block; cursor: pointer;}
.form-checkbox .input-wrap input:checked + span label {background-position: -30px -76px;}

.validator span {padding: 5px 10px; background: #c00418; color: #fff; font-size: 12px; display: block;}

.sidebar-right-item    {margin: 0px 0px 0px auto; width: 285px; text-align: center;}
.mc4wp-form-fields input {width: 100%;}
.mc4wp-form-fields .form-button {margin-top: 10px;}

/*#Content/Form/Search#*/
.search-wrapper   {margin: 20px 0px 0px auto; width: 100%; height: 40px; position: relative;}
.search-wrapper .form-item input      {padding-right: 50px;}
.search-wrapper input[type="submit"]  {margin-top: -8px; width: 16px; height: 16px; background: url('images/sprite.png') no-repeat 0px -40px; font-size: 0px; border: 0px; position: absolute; top: 50%; right: 20px;}


/*#Content/Popup#*/
#popup-overlay  {width: 100vw; height: 100vh; background: rgba(235, 234, 237, 0.85); position: fixed; top: 0px; left: 0px; z-index: 999; overflow: scroll; display: none;}
#popup-wrapper  {padding: 60px 40px 40px; width: 450px; max-width: 100%; background: #fff; position: absolute; top: 20px; left: 50%; z-index: 999; border-radius: 10px; display: none; -ms-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px);}
#popup-close    {width: 40px; height: 40px; background: #ebeaed; font-size: 0px; border-radius: 10px; position: absolute; top: 10px; right: 10px;}
#popup-close:before {margin: -5px 0px 0px -5px; width: 10px; height: 10px; background: url('images/sprite.png') no-repeat 0px -30px; content: ""; display: block; position: absolute; top: 50%; left: 50%;}

/*#Content/Sidebar#*/
.sidebar-item   {margin-bottom: 60px;}
.sidebar-title  {margin-bottom: 20px; color: #9b9a9d; font-size: 12px; text-transform: uppercase;}

/*#Content/Sidebar/Menu#*/
#menu-sidebar     {margin: 0px; padding: 0px; list-style-type: none;}
#menu-sidebar li  {margin: 0px 0px 20px; padding: 0px;}
#menu-sidebar a   {color: #2d2c2f; font-size: 16px; font-weight: 700;}
#menu-sidebar img {width: 150px;}

/*#Content/Author#*/
#author-list  {overflow: hidden;}
.author-item    {margin-left: 10px; width: 285px; height: 330px; position: relative; float: left;}
.author-teaser  {width: 100%; height: 240px; display: block; overflow: hidden;}
.author-title   {margin: 20px 0px 5px; color: #2d2c2f; font-size: 15px; font-weight: 700; display: block;}
.author-item p  {margin: 0px; line-height: 1; color: #9b9a9d; text-transform: uppercase;}

.author-teaser img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.author-item:hover .author-teaser img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
    transform:scale(1.05);
}

.author-item:nth-child(4n+1)   {margin-left: 0px;}

.author-item:hover .author-title  {color: #c00418; text-decoration: none;}

/*#Content/Book#*/
/*#Content/Book/List#*/
#book-list    {padding-bottom: 30px; background: url('images/bg-line.png') repeat-x bottom center; overflow: hidden;}
.book-item    {margin-left: 10px; width: 283px; height: 330px; position: relative; float: left;}
.book-teaser  {width: 100%; height: 243px; display: block; overflow: hidden;}
.book-title   {margin: 10px 0px 5px; color: #2d2c2f; font-size: 15px; font-weight: 700; display: block;}
.book-item p  {margin: 0px; line-height: 1; color: #9b9a9d; text-transform: uppercase;}

.book-teaser img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.book-item:hover .book-teaser img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
    transform:scale(1.05);
}

.book-item:hover .book-title  {color: #c00418; text-decoration: none;}

#book-list.no-border    {padding-bottom: 0px; background: transparent;}

.archive-list .book-item:nth-child(3n+1)    {margin-left: 0px;}
.full-list .book-item:nth-child(4n+1)   {margin-left: 0px;}
.full-list .book-item     {width: 285px;}
.full-list .book-teaser   {height: 240px;}

.category-description   {margin-top: 30px;}

/*#Content/Book/Detail#*/
.book-detail iframe   {margin: 40px auto; max-width: 100%;}

.gallery-item       {margin-bottom: 10px; display: block; position: relative;}
.gallery-item span  {width: 16px; height: 16px; background: url('images/sprite.png') no-repeat -16px -40px; font-size: 0px; border: 0px; position: absolute; top: 10px; right: 10px}

.book-button-wrapper  {margin: 40px 0px 50px;}
.book-button-wrapper .button:first-child  {margin-right: 10px;}

.related-book-list {margin-top: 60px;}

/*#Cookies#*/
#cookies    {padding: 15px 0px; width: 100%; background: #9b9a9d; font-family: Arial; font-size: 11px; position: fixed; bottom: 0px; left: 0px; z-index: 50;}
#cookies p  {margin: 0px;}

#cookies-close  {width: 10px; height: 10px; background: url('images/sprite.png') no-repeat 0px -30px; font-size: 0px; position: absolute; top: 15px; right: 15px;}

/*#Footer#*/
footer    {padding: 30px 0px; background: #2d2c2f; color: #9b9a9d;}

.social-wrapper a {margin-left: 10px;}
.social-wrapper a:hover {text-decoration: none; opacity: 0.75;}
.social-wrapper svg {height: 30px;}

/*#_Responsive#*/
@media (min-width: 1201px)
{
    #banner-5   {display: none;}
}

@media (max-width: 1200px)
{
    #slider     {margin-left: auto; margin-right: auto; width: 905px;}
    
    #banner-wrapper   {margin-left: auto; margin-right: auto; width: 875px;}
    .text-page #banner-wrapper  {width: 100%;}
    #banner-1         {margin-bottom: 10px;}
    #banner-2         {margin: 0px;}
    #banner-3         {margin-right: 10px;}

    #author-list,
    #book-list.full-list    {margin-left: auto; margin-right: auto; width: 875px;}

    #book-list.homepage-list .book-item:nth-child(4)    {display: none;}
    
    .author-item:nth-child(4n+1),
    .archive-list .book-item:nth-child(3n+1),
    .full-list .book-item:nth-child(4n+1)   {margin-left: 10px;}
    .author-item:first-child,
    .archive-list .book-item:first-child,
    .full-list .book-item:first-child,
    .author-item:nth-child(3n+1),
    .archive-list .book-item:nth-child(2n+1),
    .full-list .book-item:nth-child(3n+1)   {margin-left: 0px;}
}

@media (max-width: 1100px)
{
    #menu-main-wrapper #menu-main li  {margin-left: 30px;}

    .slider-info    {margin-top: 40px;}
}

@media (max-width: 993px)
{
    .text-page .col-xs-12       {text-align: left;}
    .text-page #banner-wrapper  {margin-top: 50px;}
}

@media (max-width: 920px)
{
    #menu-main-wrapper #menu-main li    {margin-left: 20px;}
    #menu-main-wrapper #menu-main li a  {font-size: 13px;}

    #slider     {width: 610px;}
    .slider-item    {/*background: #12205F;*/ text-align: center;}
    .slider-teaser  {display: none;}
    .slider-info    {margin-top: 80px; font-size: 16px;}
    .slider-title   {font-size: 40px;}
    .slider-item .col-xs-12 {padding: 0px 20px; width: 100%; left: 0px;}
    
    
    #banner-wrapper   {width: 580px;}
    #banner-1         {margin-right: 0px;}
    #banner-2         {margin-right: 10px;}
    #banner-3         {margin-right: 0px;}
    #banner-5         {display: none;}

    #author-list,
    #book-list.full-list    {width: 580px;}
    #book-list.homepage-list .book-item:nth-child(4)    {display: block;}
    
    
    .author-item:nth-child(3n+1),
    .full-list .book-item:nth-child(3n+1)   {margin-left: 10px;}
    .author-item:first-child,
    .full-list .book-item:first-child,
    .author-item:nth-child(2n+1),
    .full-list .book-item:nth-child(2n+1)   {margin-left: 0px;}
}


@media (max-width: 768px)
{
    /* Header */
    header  {height: auto; position: relative; text-align: center;}
    header + *  {margin-top: 0px;}
    #logo   {margin: 25px auto;}

    /* Content */
    .content-header .col-xs-12 {margin: 0px 0px 20px; text-align: left;}
    .content-header h1    {margin-bottom: 0px;}

    #menu-sidebar     {overflow: hidden;}
    #menu-sidebar li  {width: 33.33%; float: left; display: block;}

    #author-list,
    #book-list    {margin-left: auto; margin-right: auto; width: 580px;}

    .author-item:nth-child(3n+1),
    .archive-list .book-item:nth-child(3n+1),
    .full-list .book-item:nth-child(3n+1)   {margin-left: 10px;}
    .author-item:first-child,
    .archive-list .book-item:first-child,
    .full-list .book-item:first-child,
    .author-item:nth-child(2n+1),
    .archive-list .book-item:nth-child(2n+1),
    .full-list .book-item:nth-child(2n+1)   {margin-left: 0px;}

    .wp-post-image        {margin-bottom: 20px;}
    .gallery-item span    {right: inherit; left: 10px;}

    .contact-top    {margin-bottom: 0px;}
    .contact-top .col-xs-12,
    .contact-bottom .col-xs-12   {margin-bottom: 30px; word-wrap: break-word;}

    /* Footer */
    footer .col-xs-12   {margin-bottom: 10px; text-align: left;}

}             

@media (max-width: 620px)
{
    h1    {font-size: 32px;}
    h2    {font-size: 26px;}
    
    #slider,
    #banner-wrapper   {width: 100%; overflow: hidden;}
    #banner-1         {margin-right: 0px; max-width: 100%; height: auto;}
    #banner-2         {margin: 0px 0px 10px;}
    .banner-overlay   {height: 100%;}


    #author-list,
    #book-list  {width: 100%!important;}
    .author-item,
    .book-item  {margin-left: 0px!important;}
}

@media (max-width: 500px)
{
    .book-button-wrapper .button    {margin: 0px 0px 10px; width: 100%;}
}

@media (max-width: 400px)
{
    .slider-info    {margin-top: 40px;}
    
    #menu-sidebar li  {width: 50%;}
	
	#popup-wrapper {padding: 60px 15px 20px; top: 0px;}

    #cookies .col-xs-1,
    #cookies .col-xs-11 {position: static;}
    #cookies-close  {position: absolute; top: 10px; right: 10px;}
}