

/*** OBECNE ***/
/*body *{*/
    /*-webkit-transform: translateZ(0);*/

    /*-moz-transform: translateZ(0);*/
    /*-ms-transform: translateZ(0);*/
    /*transform: translateZ(0);*/
/*}*/
body { font-family: 'Elena'; font-weight: normal; font-size: 18px; }
.et_pb_extra_module { font-family: 'Elena'; }
body h1 { font-family: 'MuseoSansNoClearType'; font-weight: bold; text-transform: inherit; letter-spacing: 0px; font-size: 33px; }
body h2,
body h3,
body h4,
div.compressed { font-family: 'Elena'; font-weight: bold; color: #23527c; }
.vyrazne { font-size: 40px; font-weight: 100 }
.force-background-repeat { background-repeat: repeat !important; background-size: auto !important; }

body h4 { font-size: 80%; text-transform: uppercase; }

.plutanium-custom-font .et-pb-icon { font-family: 'plutanium-custom-font' !important; }
.sebak-custom-font     .et-pb-icon { font-family: 'sebak-custom-font' !important; }
.sebak-navigace-font   .et-pb-icon { font-family: 'sebak-navigace-font' !important; }

.no-user-select
    {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }


/*** FRONTEND ADMINBAR OVERRIDE ***/
#wpadminbar #wp-admin-bar-plutanium_menu>div.ab-item .ab-icon:before { font-family: 'plutanium-custom-font' !important; content: '\f121'; }
#wpadminbar #wp-admin-bar-plutanium_menu>div.ab-item .ab-icon        { width: auto; }
/*** FRONTEND ADMINBAR OVERRIDE ***/



/***********************************************************/
/************** TILED GALLERY PLUGIN OVERRIDES *************/
/************************* HEADER **************************/

#main-header { background-image: url("/wp-content/uploads/2015/12/babca_bg_header.png"); background-position: top center; }
#xmain-header { background: transparent; }

/*header.header #top-header a, header.header #et-navigation a {
    font-family: 'MuseoSansNoClearType';
    color: white;
    font-weight: bold;
    text-transform: lowercase;
}
*/

/* nastaveni fixed menu */
/*
                                     a.logo            { height: 64px; margin: 30px 0; transition: height 0.5s, margin 0.5s; }
.centered                            a.logo            { width: 100%; margin: 30px 0 35px; }
.et-fixed-header > div#main-header > a.logo            { height: 40px; margin: 20px 0; + JAVASCRIPTEM VYPOCITANA WIDTH KTERA VE VYSLEDKU LOGO RESIZUJE }
.et-fixed-header > div#main-header > a.logo > img#logo { display: block; height: 100%; max-width: 100%; }

*/

.centered #et-navigation { display: none; }
.centered .logo                     { height: 125px; margin: 30px 0 -12px 0; }
.et-fixed-header #main-header .logo { height: 125px; margin: 30px 0 -12px 0; }

#main-header .container { box-shadow: inset 0px -4px 52px -19px rgba(0,0,0,1); }

/** SECTION SPECIAL STYLES **/
.section-with-halfsize-blurb-images img  { width: 50%; }

/*** HEADER LOGO OVERRIDE ***/
/*#main-header { padding-bottom: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateZ(0);
    background: url('http://joo.plutanium.xyz/design_babca_2.png') top center no-repeat;
    height: 260px;
    box-shadow: none;
}
#main-header .container {
    max-width: 840px !important;
}
#main-header h2 {
    margin: 20px 0 0 20px;
    color: #fff;
    font-size: 33px;
    font-weight: bold;
    font-family: Elena;
    -webkit-font-smoothing: antialiased;
    }
#logo{
    -webkit-transform: translateZ(0);
    display: none;
}
.xet_fixed_nav    #logo { margin-top: 14px; max-height: 60px; max-width:213px; }
.xet-fixed-header #logo { margin-top:  9px; max-height: 50px; }
                 #logo:hover { -webkit-animation: wiggle .3s ease-out; animation: wiggle .3s ease-out }*/

/*** HEADER NAVMENU OVERRIDE ***/
/*
.et_header_style_left  #et-top-navigation nav > ul > li > a,
.et_header_style_split #et-top-navigation nav > ul > li > a { padding-bottom: 0px; }

.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 0px; }

                 #top-menu   li     { padding: 0; margin: 0; cursor: pointer; }
                 #top-menu   li   a { text-align: center; font-weight: 400; line-height: 160%; }
                 #top-menu   li   a:hover::before { color: #5893C3; }
                 #top-menu   li   a:hover         { color: #5893C3; }
                          #top-menu > li > a { padding: 0px 8px 0px 8px; border: 0px solid white; background: transparent; border-radius: 6px; color: white; text-transform: uppercase; }
.et-fixed-header          #top-menu > li > a,
.et_header_style_centered #top-menu > li > a { padding: 0px 8px 0px 8px; border: 0px solid white; background: transparent; border-radius: 6px; color: white; text-transform: uppercase; }
                 #top-menu > li.current-menu-item      > a { border-color: rgba(0, 144, 55, 0.15); color: white !important; }
.et-fixed-header #top-menu > li.current-menu-item      > a { border-color: rgba(0, 144, 55, 0.15); color: white !important; }
                 #top-menu > li.current-menu-item      > a::before { color: #5893C3; }
                 #top-menu   li.menu-item-has-children > a:first-child       { padding: 0px 8px 0px 8px; }
                 #top-menu   li.menu-item-has-children > a:first-child:after { display: none;    }

                 #top-menu li a::before      { content: ""; font-family: 'ETmodules'; font-size: 24px; line-height: 30px; font-weight: normal; font-style: normal; color: #5893C3; display: block; }

header #top-menu li:nth-of-type(1) a::before { content: ""; }
header #top-menu li:nth-of-type(2) a::before { content: ""; }
header #top-menu li:nth-of-type(3) a::before { content: ""; }
header #top-menu li:nth-of-type(4) a::before { content: ""; }
header #top-menu li:nth-of-type(5) a::before { content: ""; }
header #top-menu li:nth-of-type(6) a::before { content: ""; }
*/






/***********************************************************/
/******************* DIVI THEME OVERRIDES ******************/
/************************* FOOTER **************************/

#footer-bottom {
    min-height: 40px;
    box-shadow: inset 0px 4px 52px -19px rgba(0,0,0,1);
    background-image: url("/wp-content/uploads/2015/12/babca_bg_header.png");
    background-position: top center;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

#footer-bottom > p,  /* divi <p></p> bug workaround */
#footer-bottom > div.container.clearfix { display: none; }

.et_pb_widget a { text-transform: uppercase; }

/***********************************************************/
/******************* DIVI THEME OVERRIDES ******************/
/************************** OTHER **************************/

.et_extra_other_module.author-box { display: none; }

.et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a
{ color: #aaa; }

article .et_post_meta_wrapper h1 { display: none }
article h2 a { color: #23527c }
#main-content .container { padding-top: 0px; }

.et_pb_posts article { text-align: justify; }
.et_pb_posts article h2,
.et_pb_posts article p.post-meta { text-align: center; }

.et_pb_widget { line-height: 1em; font-size: 80% }


@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .category div#left-area {width: 700px;}
    .category div#sidebar {width: 315px;}
    .category #main-content .container:before {right: 330px !important;}
    .single div#left-area {width: 700px;}
    .single div#sidebar {width: 315px;}
    .single #main-content .container:before {right: 330px !important;}
    }

@media only screen and (min-width: 1280px) {
    .category div#left-area {width: 900px;}
    .category div#sidebar {width: 360px;}
    .category #main-content .container:before {right: 390px !important;}
    .single div#left-area {width: 900px;}
    .single div#sidebar {width: 360px;}
    .single #main-content .container:before {right: 390px !important;}
    }

h4.widgettitle { text-align: center; padding-top: 13px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }


/*.post-header .post-meta .rating-stars { display: none; }*/

/*.et_pb_extra_module .posts-list article .post-thumbnail, .et_extra_other_module .posts-list article .post-thumbnail
    { background: none !important; } *//* bugfix, v ET asi neumi pracovat s obrazky nebo co, mozna to v budoucnu spravi*/

/*fix vzhledu boxu nejnovejsi clanky */
/*.post-thumbnail { display: none !important; }*/
.et_pb_extra_module .post-meta, .et_extra_other_module .post-meta { padding: 0; }

/******************************************************************/
/************** LAST COMMENTS WIDGET plugin OVERRIDES *************/

.recent-comment-author { background: none; padding-right: 5px; }
.recent-comment-text   { color: #666; }


/***********************************************************/
/************** TILED GALLERY PLUGIN OVERRIDES *************/

.tiled-gallery { margin: 25px 0 25px 0 !important; }






/***  LEGACY PLUTANIUM GENERAL STYLE ***/

.tabulka-s-ohranicenim { margin-top: 20px; margin-bottom: 20px; }
.tabulka-s-ohranicenim td, .tabulka-s-ohranicenim th { border: 1px solid; padding: 5px 10px 5px 10px; }
.tabulka-s-ohranicenim td { background-color: #ffffff; border-color: #eeeeee; color: #333333; }
.tabulka-s-ohranicenim th { background-color: #eeeeee; border-color: #dddddd; color: #333333; }

.tabulka-bez-ohraniceni td, .tabulka-bez-ohraniceni th { padding: 2px 10px 2px 0px; }



/* seznamy */
ul.seznam            {  list-style-type: none !important; list-style: none; padding: 0px; padding-left: 30px;  /* margin: 0 0 0 6px*/ }
ul.seznam  li::before { content: '–'; position: relative; left: -10px; }
ul.seznam  li        { text-indent:-10px; padding-bottom: 10px; }

ul.seznam.fajfky,
ul.seznam.plusy,
ul.seznam.modre-plusy,
ul.seznam.minusy,
ul.seznam.oranzove-minusy,
ul.seznam.vlastni,
ul.seznam.pomlcky {  }

ul.seznam.fajfky li,
ul.seznam.plusy li,
ul.seznam.modre-plusy li,
ul.seznam.minusy li,
ul.seznam.oranzove-minusy li,
ul.seznam.vlastni li,
ul.seznam.pomlcky li { text-indent: 0px; }

ul.seznam.fajfky li::before,
ul.seznam.plusy li::before,
ul.seznam.modre-plusy li::before,
ul.seznam.minusy li::before,
ul.seznam.oranzove-minusy li::before,
ul.seznam.vlastni li::before,
ul.seznam.pomlcky li::before { content: none; }

/* vychozi jsou seznam POMLCKY */
ul.seznam.fajfky          li { background: url('http://www.plutanium.cz/system_img/ikony/tick.png')         no-repeat; background-position: 0px 3px; line-height: 1.7em; padding-left: 30px; }
ul.seznam.plusy           li { background: url('http://www.plutanium.cz/system_img/ikony/plus.png')         no-repeat; background-position: 0px 5px; line-height: 1.7em; padding-left: 30px; }
ul.seznam.modre-plusy     li { background: url('http://www.plutanium.cz/system_img/ikony/plus_blue.png')    no-repeat; background-position: 0px 5px; line-height: 1.7em; padding-left: 30px; }
ul.seznam.minusy          li { background: url('http://www.plutanium.cz/system_img/ikony/minus.png')        no-repeat; background-position: 0px 5px; line-height: 1.7em; padding-left: 30px; }
ul.seznam.oranzove-minusy li { background: url('http://www.plutanium.cz/system_img/ikony/minus_orange.png') no-repeat; background-position: 0px 5px; line-height: 1.7em; padding-left: 30px; }                               no-repeat; background-position: 0px 0px; margin-bottom: 10px; line-height: 1.7em; padding-left: 33px; }

ul.seznam.pomlcky            { list-style: none; padding: 0px; margin: 0 0 0 6px }
ul.seznam.pomlcky  li::before { content: '–'; position: relative; left:-10px; }
ul.seznam.pomlcky  li        { text-indent:-10px; }


ul.bez-puntiku, ul.bez-puntiku ul { list-style-type: none !important }

#left-area ol, .entry-content ol, .comment-content ol, body.et-pb-preview #main-content .container ol
    {
    list-style-position: outside;
    padding-left: 37px;
    }
#left-area ol li, .entry-content ol li, .comment-content ol li, body.et-pb-preview #main-content .container ol li
    {
    margin: 10px 0 10px 0;
    padding-left: 10px;
    }
#left-area ol li:before, .entry-content ol li:before, .comment-content ol li:before, body.et-pb-preview #main-content .container ol li:before
    {
    }



pre {  background: #f5f5f5; border: #ddd 1px solid; line-height: 1em; padding: 10px; margin: 10px 0 10px 0;}
code { font-family: "Monaco", monospace; font-size: 0.6em; border-radius: 5px; text-align: left; }






/*************************************************/
/******************* ANIMATIONS ******************/







/*************************************************/
/******************* WEB FONTS *******************/

/* pouze pro hlavni nadpis - tam cleartype nechceme */
@font-face {
    font-family: 'MuseoSansNoClearType';
    src: url('../fonts/MuseoSans/MuseoSans_500.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family:'Elena';
    src: url('../fonts/Elena/Elena-Regular.eot');
    src: url('../fonts/Elena/Elena-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Elena/Elena-Regular.woff') format('woff'),
        url('../fonts/Elena/Elena-Regular.ttf') format('truetype'),
        url('../fonts/Elena/Elena-Regular.svg#Elena-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0020-FB02;
}

@font-face {
    font-family:'Elena';
    src: url('../fonts/Elena/Elena-Bold.eot');
    src: url('../fonts/Elena/Elena-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Elena/Elena-Bold.woff') format('woff'),
        url('../fonts/Elena/Elena-Bold.ttf') format('truetype'),
        url('../fonts/Elena/Elena-Bold.svg#Elena-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    unicode-range: U+0020-FB02;
}

@font-face {
    font-family:'Elena';
    src: url('../fonts/Elena/Elena-RegularItalic.eot');
    src: url('../fonts/Elena/Elena-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Elena/Elena-RegularItalic.woff') format('woff'),
        url('../fonts/Elena/Elena-RegularItalic.ttf') format('truetype'),
        url('../fonts/Elena/Elena-RegularItalic.svg#Elena-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-FB04;
}

@font-face {
    font-family:'Elena';
    src: url('../fonts/Elena/Elena-BoldItalic.eot');
    src: url('../fonts/Elena/Elena-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Elena/Elena-BoldItalic.woff') format('woff'),
        url('../fonts/Elena/Elena-BoldItalic.ttf') format('truetype'),
        url('../fonts/Elena/Elena-BoldItalic.svg#Elena-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    unicode-range: U+0020-FB04;
}



/**************************************************/
/******************* ICON FONTS *******************/

@font-face {
    font-family: 'plutanium-custom-font';
    src:url('../fonts/plutanium-custom-font.eot');
    src:url('../fonts/plutanium-custom-font.eot?#iefix') format('embedded-opentype'),
    url('../fonts/plutanium-custom-font.woff') format('woff'),
    url('../fonts/plutanium-custom-font.ttf') format('truetype'),
    url('../fonts/plutanium-custom-font.svg#plutanium-custom-font') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'sebak-custom-font';
    src:url('../fonts/sebak-custom-font/flaticon.eot');
    src:url('../fonts/sebak-custom-font/flaticon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sebak-custom-font/flaticon.woff') format('woff'),
    url('../fonts/sebak-custom-font/flaticon.ttf') format('truetype'),
    url('../fonts/sebak-custom-font/flaticon.svg#flaticon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sebak-navigace';
    src:url('../fonts/sebak-navigace-font/sebak-navigace.eot?rnr3nm');
    src:url('../fonts/sebak-navigace-font/sebak-navigace.eot?rnr3nm#iefix') format('embedded-opentype'),
    url('../fonts/sebak-navigace-font/sebak-navigace.ttf?rnr3nm') format('truetype'),
    url('../fonts/sebak-navigace-font/sebak-navigace.woff?rnr3nm') format('woff'),
    url('../fonts/sebak-navigace-font/sebak-navigace.svg?rnr3nm#sebak-navigace') format('svg');
    font-weight: normal;
    font-style: normal;
}
