/* Theme Name: HTML5 BLANK AUTOVINY23 Version: 25.02.09a Author: ERIK STRIZ Author URI: https://www.striz.sk */
/* ----------- PREMENNE -------------------*/
:root {
    --MOTIV: #b31414;
    --HEADER: #b31414;
}

element {
    background-color: var(--MOTIV);
}

/* ----------- STAR RATING -------------------*/
.star-img img {
    width: auto !important;
}

div#snippet-box {
    margin: 0 auto !important;
    border: 0px !important;
}

.snippet-title {
    text-align: center;
}

.snippet-markup {
    padding: 10px 5px 15px 5px;
}

.postbanner {
    margin: 0px -10px 0px -10px;
    padding: 20px;
    font-size: 14px;
    color: #333 !important;
    background: #f3f3f3;
    border-radius: 0;
    height: auto;
    min-height: 180px;
    position: relative;
}

.pb-thumb {
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 0;
    float: left;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

.pb-thumb img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.pb-ttl-txt p {
    margin: 10px 0 0 0;
    padding: 0 15px 0;
    font-size: 1em;
}

.pb-ttl-txt h3 a {
    color: #333 !important;
}

.postbanner .pb-ttl-txt h3 {
    display: table-cell;
    margin: 0 0 10px 0;
    font-size: 1.4em !important;
    padding: 0;
    text-align: left !important;
}

.pb-ttl-txt {
    width: 100%;
    height: auto;
    margin: 0;
}

/* ----------- PAYWALL -------------------------*/
#paywall {
    width: 100%;
    height: 780px;
    background: transparent;
    margin: -300px 0 0 0;
    padding: 0;
    position: relative;
}

#paywallgradient {
    background-image: linear-gradient(transparent,white);
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
}

#paywallcontent {
    width: 100%;
    height: auto;
    background: linear-gradient(45deg, black, #1687b3);
    position: absolute;
    top: 300px;
    left: 0;
    border: 0;
    border-radius: 5px;
    padding: 10px;
    color: white;
}

#paywallcontent img {
    width: 65px;
    height: auto;
    border: 0;
    margin: 0 auto 20px auto;
    animation-iteration-count: infinite
}

#paywallcontent h3 {
    color: white;
    text-align: center;
    font-weight: normal;
    margin: 5px 5px 20px 5px;
    padding: 0;
    font-size: 1.5em;
}

#paywallcontent a:href, #paywallcontent a:visited {
    color: #10ac84;
}

#paywallpredplatne {
    width: 100%;
    height: 1000px;
    border: 0;
}

#paywall a {
    color: white !important;
    text-decoration: underline;
}

h3 {
    font-size: 18px;
    padding: 0;
    margin: 10px 10px 20px 0;
}

/* ----------- ARTICLE.LOOPS -------------------*/

#sidebar article#loop.small #thumb {
    height: 150px;
    width: 100%;
    max-width: 100%;
}

main section article.tag-recenzia h4 {
    color: yellow;
    background: #42369d;
    padding: 3px 5px;
    font-size: 13px;
}

section.odporucko {
    background: #2f2f2f;
    color:white;
}

section.odporucko article#loop #loop-content h3 a  {
    color:white;
}



#article-panel {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    font-family: Arial;
    font-size: 15px;
    box-sizing: border-box;
}

article#loop a.viac {
    position: absolute;
    font-size: 0.6em;
    z-index: 55;
    right: 10px;
    bottom: 10px;
    width: fit-content;
    padding: 10px;
    background: transparent;
    color: #2b2b2b;
    text-decoration: none;
}

div#creditfoto {
    color: #f1f1f1;
    font-size: 1em;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: #00000080;
}

div#creditfoto a {
    color: #f1f1f1;
    font-size: 10px;
    text-decoration:underline;
}

article.toto ol, article.toto ul {
    font-size: 17px;
}

h3.oznaceniesekcie {
    font-size: 25px;
}

#sidebar article#loop.small time {
    margin-left: 9px;
}

ul.suhrn {
    background: #efefef;
    padding: 10px 10px 10px 50px;
    border-radius: 10px;
    color: #262626;
}

.language-undefined p code {
    width: 100%;
    box-sizing: border-box;
    max-width: 750px;
    min-width: auto;
    margin: 10px auto;
    padding: 10px 15px;
    line-height: 1.9em;
    font-size: 17px;
    text-align: justify;
    color: #222;
    font-family: Arial;
}

div#vertical {
    /* display: flex; */
    flex-direction: row;
    /* align-content: flex-start; */
    justify-content: space-around;
}

article#loop {
    box-sizing: border-box;
    margin: 5px auto 5px auto;
    width: 100%;
    max-width: 800px;
    min-width: 300px;
    height: min-content;
    background: transparent;
    position: relative;
    overflow: hidden;
    padding: 0 0 10px 0;
}

article#loop #thumb {
    z-index: 90;
    position: relative;
    margin: 0 10px 10px 0;
    float: left;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: linear-gradient(45deg, #efefef, white);
    background-size: contain;
}

article#loop #thumb a img {
    z-index: 90;
    width: 100%;
    max-width: 200px;
    min-width: 200px;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.99);
    border-radius: 7px;
}

article#loop #loop-content {
    z-index: 50;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 10px;
    background: transparent;
}

article#loop #loop-content h3 {
    color: #222;
    margin: 5px 0;
    padding: 0 20px 10px 0;
    font-size: 1.0em;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: block;
    clear: none;
    text-align: left;
}

article#loop #loop-content h3 a {
    color: #222;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
}

originalh4 {
    color: #333;
    font-weight: normal;
    background: transparent;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    display: block;
}

article#loop #loop-content h5 {
    color: #333;
    width: 100%;
    height: auto;
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.4em;
    display: block;
    /* float: left; */
}

article#loop #loop-content h5.excerpt {
    width: 100%;
    float: none;
    font-weight: normal;
    color: #666;
    box-sizing: border-box;
}

article#loop h6 {
    display: block;
}

article#loop #loop-content p {
    /* color:white; */
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5em;
    box-sizing: border-box;
}

article#loop.loop4 {
    margin: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    min-width: 130px;
}

article#loop.loop4 #thumb {
    z-index: 90;
    position: relative;
    margin: 0 10px 10px 0;
    float: left;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 200px;
    min-width: 250px;
    background: #e4e4e4;
    border-radius: 7px;
}

article#loop.loop4 #thumb a img {
    z-index: 90;
    width: 250px;
    height: 200px;
    object-fit: cover;
    position: relative;
    max-width: 100%;
    border-radius: 7px;
}

article#loop.loop5 {
    width: 33.3%;
    float: left;
    max-width: 400px;
    height: fit-content;
    max-height: 450px;
    position: relative;
    z-index: 1;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    overflow: hidden;
}

article#loop.loop5 #thumb {
    width: 100%;
    max-width: 400px;
    height: 300px;
    /* z-index: 1; */
    padding: 0;
    margin: 0;
    background: transparent;
}

article#loop.loop5 #thumb a img {
    width: 100%;
    height: 300px;
    min-width: auto;
    max-width: 100%;
    /* border-radius: 7px; */
}

article#loop.loop5 #loop-content {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0px;
    color: #000000 !important;
    /* background: #000000; */
}

article#loop.loop5 #loop-content h5.excerpt {
    display: none;
}

article#loop.loop6 {
    width: 100%;
    float: left;
    max-width: 400px;
    height: fit-content;
    max-height: 450px;
    position: relative;
    z-index: 1;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0;
}

article#loop.loop6 #thumb {
    width: 100%;
    max-width: 100%;
    height: 400px;
    /* z-index: 1; */
    padding: 0;
    margin: 0;
    background: transparent;
}

article#loop.loop6 #thumb a img {
    width: 100%;
    height: 100%;
    min-width: auto;
    max-width: 100%;
    object-fit: cover;
    border-radius: 0px;
}

article#loop.loop6 #loop-content {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    z-index: 2;
    width: 100%;
    padding: 10px;
    margin: 0px;
    color: #000000 !important;
    /* background: #000000; */
}

article#loop.loop6 #loop-content h5.excerpt {
    display: none;
}

a.megatitle {
    color: white;
    font-size: 2.5em;
}

#loop.loop6 div#odporucanetick {
    top: 0px;
    left: 0px;
    border-radius: 0px 0px 5px 0px;
    background: linear-gradient(180deg, black, #20202050, transparent);
    padding: 20px 10px 10px 10px;
    height: 100px;
    text-align: center;
    width: 100%;
}

div#odporucanetick p {
    display: none;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    color: white;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: normal;
    background: #0000005c;
    border-radius: 0px;
}

div#najcitanejsie {
    background: #1a1a1a;
    padding: 10px 10px 30px 5px;
    border-radius: 5px;
    color: white;
    margin: 10px -10px 10px -10px;
}

div#najcitanejsie article#loop.small #loop-content h3 a {
    color: #e3e3e3;
}

div#post_views_counter_list_widget-3 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

div#post_views_counter_list_widget-3 ul li {
    list-style: none;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0 5px 0 0;
    background: transparent;
    padding: 0;
    margin: 0;
    clear: both;
}

span.post-thumbnail {
    width: 75px !important;
    max-width: 75px;
    height: 75px !important;
    overflow: hidden;
    position: relative;
    background: #343434;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

a.post-title {
    color: #e3e3e3;
    margin: 5px 0;
    padding: 0 20px 10px 0;
    font-size: 1em;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: block;
    text-align: left;
    font-weight: bold;
    line-height: 1.2em;
}

span.count {
    padding: 0;
    margin: 0;
    text-align: right;
    /* clear: both; */
    width: 100%;
    line-height: 1.2em;
    display: block;
    color: #999;
    font-size: 0.75em;
}

article#loop.loop5 #loop-content h3, article#loop.loop5 #loop-content h3 a {
    font-size: 17px;
    text-align: center;
}

article#loop.small #loop-content h3 a {
    font-size: 19px;
}

a#galeriabutton {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 8px 12px;
    border-radius: 5px;
    background: #b31414;
    color: white;
    font-weight: bold;
    zoom: 1.2;/* animation: bounce; */
    /* referring directly to the animation's @keyframe declaration */
    /* animation-duration: 1s; */
    /* don't forget to set a duration! */
}

a#galeriabutton:hover {
    background: black;
    transition: 0.3s ease;
    text-decoration: none;
}

#zvyraznene {
    background: transparent;
    width: 100%;
    max-width: 750px;
    /* float: left; */
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 20px 0;
}

#zvyraznene #l {
    width: 100%;
    float: none;
}

#zvyraznene #r {
    width: 100%;
    float: none;
}

article#loop.small {
    width: 100%;
    margin: 5px 0 22px 0;
    padding: 0 5px 0px 0;
    background: transparent;
    /* flex-direction: column; */
    /* display: flex; */
}

article#loop.small h4 {
    display: none;
    padding: 0;
    margin: 0;
}

article#loop.small h3 {
    font-size: 15px;
    font-weight: bold !important;
    padding: 0 0 0 0 !important;
    display: inline !important;
}

article#loop.small time {
    font-size: 0.8em;
    color: #7a7a7a;
    float: left;
    margin: 0px 0 0 0px;
}

article#loop.small.min {
    border-bottom: 1px solid #e0e0e0;
}

article#loop.small.min #loop-content h3 a {
    font-size: 1.1em;
}

article#loop.small.min #loop-content h3 {
    width: 100%;
}

article#loop.small.min #loop-content h3::before {
    content: "\25A0";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0;
    color: var(--MOTIV);
    zoom: 1.3; }

article#loop.small #thumb {
    width: 120px;
    max-width: 120px;
    height: 100px;
    overflow: hidden;
    position: relative;
    background: #343434;
    border-radius: 7px;
}

article#loop.small #thumb a img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 7px;
}

article#loop.small #loop-content {
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
}

article#loop.feat {
    width: 25%;
    height: 100px;
    margin: 0;
    padding: 0;
    float: left;
    box-sizing: border-box;
    min-width: auto;
}

article#loop.feat h4 {
    display: none;
    padding: 0;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
    background: #eee;
}

article#loop.feat h3 {
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 0 0 0 0 !important;
    display: inline !important;
}

article#loop.feat #thumb {
    width: 75px;
    max-width: 75px;
    height: 75px;
    overflow: hidden;
    position: relative;
    min-width: 75px;
}

article#loop.feat #thumb a img {
    width: 75px;
    max-width: 75px;
    min-width: 75px;
    height: 75px;
    object-fit: cover;
    object-position: center;
}

article#loop.feat #loop-content {
    padding: 5px;
}

article#loop.tag-min {
    background: #eaeaea;
    padding: 5px;
    margin: 5px auto 10px auto;
}

article#loop.tag-min #thumb {
    background: transparent;
    float: right;
    width: 75px;
    min-width: 75px;
    min-height: 75px;
    height: 75px;
    max-width: 75px;
    max-height: 75px;
    padding: 0;
    margin: 10px 0 0 0;
}

article#loop.tag-min #thumb a img {
    background: transparent;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 5px;
    margin: 5px;
}

article#loop.tag-min #thumb #creditfoto {
    display: none;
}

article#loop.tag-min #loop-content {
    padding: 5px;
}

article#loop.tag-min #loop-content h5, article#loop.tag-min #loop-content h5.excerpt {
    display: none;
}

article#loop #loop-content h5.excerpt li {
    list-style: none;
    text-align: justify;
}

article#loop.tag-odporucaneXX #thumb {
    width: 100%;
    max-width: 100%;
    height: 300px;
}

article#loop.tag-odporucaneXX #thumb a img {
    width: 100%;
    max-width: 100%;
    height: 300px;
}

article#loop.tag-odporucaneXX #loop-content {
    padding: 5px;
}

section#najnovsie {
    display: none;
}

div#odporucane {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
}

div#odporucanetick {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 50;
    font-size: 11px;
    font-weight: bold;
    background: #c54242;
    padding: 5px 7px;
    color: WHITE;
    border-radius: 0px;
}

article div#odporucane {
    height: auto;
}

div#sponzor {
    width: fit-content;
    height: fit-content;
    background: #222222;
    color: white;
    font-weight: bold;
    padding: 10px 180px 10px 10px;
    position: relative;
    border-radius: 5px;
    margin: 20px auto 30px auto;
    font-size: 13px;
}

div#sponzor img {
    position: absolute;
    top: -15px;
    right: 10px;
    width: AUTO;
    max-width: 150px;
    height: 70px;
}

a.dalsie {
    color: white;
    background: #cf2e2e;
    padding: 10px;
    border-radius: 5px;
    zoom: 1.2; margin: 0 auto 50px auto;
}

a.dalsie::before {
    content: "\00BB";
}

md-block {
    line-height: 1.9em;
    font-size: 17px;
}

div#metaclanok {
    margin: 10px -10px 10px -10px;
    padding: 20px;
    font-size: 14px;
    color: #333 !important;
    background: #f3f3f3;
    border-radius: 0;
}

#metaclanok a {
    color: #333 !important;
}

#metaclanokdetaily a {
    background: #1687b3;
    padding: 9px;
    color: white;
    font-size: .9em;
    border-radius: 5px;
	display: inline-block;
	line-height: normal;
}

#metaclanokdetaily a:hover {
    background: #2b7998;
}

div#metaclanokdetaily {
    color: white;
/*     text-align: right; */
    margin: 20px 5px;
    line-height: 2.5em;
}

div#infooclanku {
    margin: 20px auto;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font-size: 0.8em;
}

div#infooclanku img {
    width: 60px;
    height: auto;
    margin: 0 0 0 -75px;
    float: left;
}

div#infooclanku b {
    color: black;
    font-size: 0.9em;
}

div#infooclanku a {
    color: black;
    font-weight: bold;
    text-decoration: underline;
}

main section article h1 {
    margin: 20px 0 10px;
    font-size: 2.2em;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    font-weight: bold;
    background: linear-gradient(114deg, black, #1687b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #1687b3;
    box-sizing: border-box;
}

main section.ecomoto {
    background: linear-gradient(45deg, black, #76b7a2, black);
    border: 0;
    color: white !important;
}

section.ecomoto article#loop #loop-content h5 {
    color: #ececec;
}

section.ad {
    background: transparent;
}

section.casopis a {
    color: #e9e9e9 !important;
    font-weight: normal;
}

section.casopis article#loop.small.min #loop-content h3::before {
    color: whitesmoke;
}

section.ecomoto a {
    color: white !important;
}

section.ecomoto article#loop.small.min #loop-content h3::before {
    color: whitesmoke;
}

div#casopis-promo {
    position: relative;
    margin: 5px 83px -15px 0;
    padding: 0 0 0 0;
    z-index: -9999;
    /* overflow: hidden; */
    height: 115px;
    rotate: 5deg;
    width: 90px;
    border: 0;
}

main section.ecomoto p {
    color: white;
}

section.casopis {
    border-left: 0;
    background: linear-gradient(45deg, black, #dd2a2a, black);
    color: white;
    margin: 10px 0 15px 0;
}

section.casopis #zvyraznene img {
    width: 300px; 
/* 	height:320px; */
    rotate: 4deg;
    box-shadow: 15px 15px 25px #000000b3;
    transition: 0.2s ease;
}

section.casopis #zvyraznene img:hover {
    width: 310px;
    rotate: 0deg;
    box-shadow: 15px 15px 25px #000000b3;
    transition: 0.2s ease;
}

main section article h1 a {
    margin: 0;
    padding: 0;
}

main section article h4 {
    color: white;
    background: #1687b3;
    width: fit-content;
    margin: 5px 0 0 0;
    padding: 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0;
    display: block;
    display: none;
}

main section article .perex,
main section article .post-meta {
    color: #333;
    margin: 5px 0 0 0;
    padding: 5px 0;
    font-weight: bold;
    font-size: 1.1em;
	line-height: 1.5em;
}

/* main section article h5 p {
    margin: 0;
    display: inline;
    padding: 0;
    line-height: 1.5em;
} */

main section article h6 {
    position: relative;
    /* z-index:51; */
    /* bottom: 20px; */
    /* left: 20px; */
    color: #333;
    font-weight: normal;
    font-size: 0.7em;
    padding: 0;
    margin: 20px 0 0 0;
}

main section article h6 a {
    color: white;
}

main section article #thumb {
    position: relative;
    width: 100%;
    height: auto;
    margin: 15px 0 0 0;
}

/* .perex::before {
    content: "\25A0";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0;
    color: #1687b3;
    zoom: 1; 
} */

h5 li {
    list-style: square;
    line-height: 1.5em;
    font-size: 14px;
    font-weight: normal;
}

h5 li::before {
    content: "";
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 0;
    /* Also needed for space (tweak if needed) */
    margin-left: 0;
    /* Also needed for space (tweak if needed) */
    color: var(--MOTIV);
    zoom: 1.3; 
}

article {
    width: 100%;
/*     max-width: 750px;
    min-width: auto; */
    padding: 0 0 50px 0;
    box-sizing: border-box;
}

article p {
    box-sizing: border-box;
/* 	margin: 10px auto;
    padding: 10px 0; */
    line-height: 1.9em;
    font-size: 17px;
    color: #222;
    text-align: justify;
}

article p img, article img {
    /* width: 100%; */
    height: auto;
}

article p:has(img) {
    padding: 0px;
    width: 100%;
    max-width: 100%;
    margin: 0px;
}

article h3 {
    margin: 20px 0;
    padding: 10px 0;
    font-size: 1.5em;
    font-weight: bold;
    clear: both;
    text-align: left;
}

section#articlemain h3 {
    font-size: 1.7em;
    text-align: left;
}

section#articlemain h4 {
    font-size: 1.7em;
    text-align: left;
    margin: 20px 0;
    display:block;
    color:#333;
    text-transform:none;
}

#loop-content h3 {
    text-align: left;
}

ol, ul {
    width: 90%;
    max-width: 700px;
    min-width: auto;
    margin: 0 auto;
    padding: 10px;
    line-height: 1.7em;
}

div#wrapper {
    background: transparent;
    background-size: 100% 300px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

p.podtitul {
    font-size: 0.75em;
    font-weight: bold;
    color: black !important;
    padding: 0 0 0 2px;
    margin: 0;
}

.g {
    height: fit-content;
    width: fit-content;
    margin: 0 auto !important;
}

/* .g img {
    height: auto;
    width: auto;
} */

#autorova-vizitka {
    box-sizing: border-box;
    margin: 15px auto 10px auto;
    width: 100%;
    max-width: 750px;
    min-width: 320px;
    height: min-content;
    background: transparent;
    position: relative;
    transition: 0.5s ease;
    overflow: hidden;
    padding: 0;
    border-radius: 0px;
    color: #333;
    font-size: 14px;
}

section.autor #autorova-vizitka #profilova-fotografia img {
    width: 180px;
    height: 180px;
}

section.autor #autorova-vizitka #autorov-popis .autor {
    font-size: 25px;
}

img[src=""] {
    display: block;
    background-image: url('https://autoviny.striz.sk/wp-content/uploads/2022/11/01_alfaromeotonalepluginhybridq4interiorlaunchimages31-6373b4f048dc6.jpeg');
}

#autorova-vizitka #profilova-fotografia {
    position: relative;
    width: 250px;
    height: 250px;
    object-fit: cover;
    margin: 0 auto;
    float: left;
    z-index: 9;
}

#autorova-vizitka #profilova-fotografia img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background: transparent;
}

#autorova-vizitka #autorov-popis {
    width: 95%;
    text-align: justify;
    position: relative;
    padding: 0 20px 0 0;
    z-index: 8;
}

button.ukaz-clanky {
    display: none;
}

article button.ukaz-clanky {
    display: NONE;
    border: 0;
    border-radius: 5px;
    margin: 10px;
    padding: 10px 15px;
    text-align: center;
    background: #e5e5e5;
    color: #111;
    float: right;
    font-size: 12px;
}

article button.ukaz-clanky:hover {
    background: white;
}

article button.ukaz-clanky a {
    color: #333;
}

#autorova-vizitka #autorov-popis .autor {
    color: #333;
    font-size: 1em;
}

#autorova-vizitka #autorov-popis .autor a {
    color: #333;
    font-size: 1em;
}

article #autorova-vizitka {
    font-size: 1em;
}

article #autorova-vizitka #profilova-fotografia {
    width: 100px;
    height: 100px;
    margin: 10px 20px 10px 0;
}

article #autorova-vizitka #autorov-popis p {
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: justify;
    color: #777;
    display: table-header-group;
}

article #autorova-vizitka #autorov-popis .autor {
	margin-bottom: 12px;
}

article #autorova-vizitka #autorov-popis .autor, 
article #autorova-vizitka #autorov-popis .autor a {
    color: #777;
    font-size: 1.1em;
}

article #autorova-vizitka #autorov-popis .autor a {
	font-weight: bold;
}

article #autorova-vizitka #autorov-popis .autor::before {
    content: 'autor: ';
    font-weight: normal;
}

article button.ukaz-clanky {
    display: NONE;
    border: 0;
    padding: 10px 15px;
    text-align: center;
    background: #e5e5e5;
    color: #111;
    float: right;
    font-size: 12px;
}

article button.ukaz-clanky:hover {
    background: white;
}

/*------------------------------------*\ BANNERY \*------------------------------------*/
/* Branding */
.g.g-5 {
    display: block;
}

/* INARTICLE DESKTOP 8. ODSTAVEC */
.g.g-4 {
    display: block;
}

/* LEADERBOARD DESKTOP nad headerom */
.g.g-3 {
    display: block;
    /* max-height: 250px; */
    height: auto;
}

/* LEADERBOARD MOBIL nad headerom */
.g.g-10 {
    display: none;
}

/* SIDEBAR SINGLE DESKTOP - skupina 1 */
.g.g-1 {
    display: block;
}

/* SIDEBAR SINGLE DESKTOP - skupina 2 */
.g.g-12 {
    display: block;
}

/* SIDEBAR SINGLE DESKTOP - skupina 3 */
.g.g-13 {
    display: block;
}

/* SIDEBAR INDEX DESKTOP - skupina 1 */
.g.g-2 {
    display: block;
}

/* SIDEBAR INDEX DESKTOP - skupina 2 */
.g.g-14 {
    display: block;
}

/* SIDEBAR INDEX DESKTOP - skupina 3 */
.g.g-15 {
    display: block;
}

/* SIDEBAR SINGLE MOBIL - Blok bannerov */
.g.g-7 {
    display: none;
}

/* SIDEBAR SINGLE MOBIL - skupina 1 (za 4. odst) */
.g.g-16 {
    display: none;
}

/* SIDEBAR SINGLE MOBIL - skupina 2 (za 8. odst) */
.g.g-9 {
    display: none;
}

/* SIDEBAR SINGLE MOBIL - skupina 3 (za 12. odst) */
.g.g-17 {
    display: none;
}

/* SIDEBAR INDEX MOBIL - Blok bannerov */
.g.g-8 {
    display: none;
}

.g.g-19 {
    display: none;
}

.g.g-20 {
    display: block;
}

.g.g-22 {
    display: none;
}

/* SLOT DESKTOP Special - VW Vypredaj */
.g.g-23 {
    display: inline;
}

/* SLOT MOBIL Special - VW Vypredaj */
.g.g-24 {
    display: none;
}

/*------------------------------------*\ WP EMBED \*------------------------------------*/
a.post-edit-link {
    display: none;
}

body.post-template-default.single.single-post {
    max-width: 100% !important;
    height: 200px !important;
}

.embed-container {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 0;
    width: 100% !important;
    height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-embedded-content .wp-embed {
    background: #f5f5f5 !important;
}

.wp-embed-comments, .wp-embed-share {
    display: none !important;
}

.wp-embed-featured-image img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
    border: none !important;
    float: left !important;
    margin: 0 10px 5px 0 !important;
}

.wp-embed-excerpt {
    display: none !important;
}

.wp-embed-featured-image.rectangular {
    width: 100px !important;
    height: 100px !important;
    float: left;
    margin: 0 10px 5px 0 !important;
}

.wp-embed-featured-image.rectangular img {
    object-fit: cover !important;
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
    object-position: center;
}

p.wp-embed-heading {
    font-family: Arial;
    font-size: 17px !important;
    margin: 0 0 0 0 !important;
    width: 90% !important;
}

.wp-embed-excerpt {
    font-size: 13px;
    width: 90%;
}

iframe.wp-embedded-content {
    width: 100% !important;
    padding: 0;
    margin: 0 0 0 -10px;
    background: transparent;
}

/*------------------------------------*\ MAIN \*------------------------------------*/
.pagination {
    font-size: 18px;
    margin: 20px auto;
    width: fit-content;
    line-height: 2.5em;
}

a.page-numbers {
    width: fit-content;
    margin: 0 auto;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #efefef;
    padding: 10px;
}

span.page-numbers.current {
    text-decoration: underline;
    padding: 10px;
    background: transparent;
    font-size: 18px;
}

p.post-nav-links {
    font-size: 18px;
    width: fit-content;
    margin: 0 auto;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #efefef;
}

span.post-page-numbers.current {
    text-decoration: underline;
    padding: 10px;
    background: transparent;
}

a.post-page-numbers {
    background: white;
    padding: 10px;
    font-size: 18px;
}

.attach-navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    background: white;
    padding: 10px;
    font-size: 17px;
    font-weight: bolder;
}

.entry-attachment .entry-caption {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0;
    margin: 10px 0;
}

img.attachment-large.size-large {
    width: 100%;
    height: auto;
}

img.size-thumbnail {
    width: auto;
    height: 150px;
}

ol li, ul li {
    margin: 0;
    padding: 5px;
}

ul li {
    list-style: square;
}

nav ul li {
    list-style: none;
    display: inline-block;
    padding: 8px 10px;
    background: transparent;
    border-radius: 6px;
    text-transform: none;
    font-size: 12px;
    margin: 5px;
}

nav ul {
    line-height: 1.5em;
    margin: 10px;
    padding: 0;
    /* display: inline; */
    text-align: center;
}

span.mega-menu-description {
    display: none !important;
}

ul#menu-headermenu li, ul#menu-headermenu-1 li {
    background: transparent;
    padding: 0;
    text-transform: uppercase;
}

ul#menu-headermenu li a, ul#menu-extramenu li a, ul#menu-headermenu-1 li a, ul#menu-extramenu-1 li a {
    color: #e0e0e0;
    font-weight: 700;
    border-radius: 3px;
    padding: 10px;
}

ul#menu-headermenu li a:hover, ul#menu-extramenu li a:hover, ul#menu-headermenu-1 li a:hover, ul#menu-extramenu-1 li a:hover {
    background: #ffffff2b;
}

ul#menu-extramenu li, ul#menu-extramenu-1 li {
    background: transparent;
    margin: 0;
    padding: 5px;
}

ul#menu-extramenu li::before, ul#menu-extramenu-1 li::before {
    content: '#';
    color: white;
    font-weight: bold;
    letter-spacing: 0;
    margin-right: -8px;
}

div#gdpr {
    clear: both;
    max-width: 1070px;
    font-size: 12px;
    width: 100%;
    color: white;
    padding: 10px 10px 12px 10px;
    margin: 0 auto 10px auto;
    /* font-weight: bold; */
    background: #4ac694;
    border-radius: 0 0 5px 5px;
}

div#gdpr a {
    color: white;
    text-decoration: underline;
}

div#gdpr img {
    float: left;
    margin: -3px 5px 0 0;
}

li#mega-menu-item-48 {
    background: #c70018 !important;
    border-radius: 5px !important;
}

div#boxzilla-5225 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 5px 5px 5px;
    margin: 0;
}

div.gallery::before {
    display: NONE;
    content: "\01F4F7  11x FOTO";
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 999;
    background: white;
    padding: 10px;
    font-size: 16px;
    color: #bb2424;
    font-weight: bold;
    box-shadow: 8px 10px 10px 6px #0000006b;
}

.gallery-columns-1 dl.gallery-item {
    width: 100% !important;
    float: none;
}

.gallery-columns-2 dl.gallery-item {
    width: 50% !important;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.gallery-columns-3 dl.gallery-item {
    width: 33% !important;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.gallery-columns-4 dl.gallery-item {
    width: 25% !important;
    float: left;
}

.gallery-columns-5 dl.gallery-item {
    width: 20% !important;
    float: left;
}

div#iggal {
    width: 100%;
    aspect-ratio: 2 / 1.5;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

div#iggal:hover {
    filter: opacity(.8);
}

div#iggal .gallery-item {
    float: left;
    width: 33.3% !important;
    aspect-ratio: 1 / 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

div#iggal .gallery-item img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
    border: 0px !important;
    max-height: 100% !important;
}

div#iggal dt.gallery-icon.landscape {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

p.galgrad {
    z-index: 9999;
    background: #c34141;
    border-radius: 0;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin: 0;
    max-width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    color: WHITE !important;
}

p.galgrad:hover {
    background: #c65252;
}

blockquote p {
    font-size: 1.3em;
    font-style: italic;
    line-height: 1.4em;
    color: #6c6c6c;
    width: 80%;
    margin: 25px auto;
    text-align: center;
}

blockquote p::before {
    content: '';
    font-size: 4em;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    float: left;
    color: #db2a2a;
}

blockquote p::after {
    content: '';
    font-size: 4em;
    margin: -20px 0 0 0;
    padding: 0 0 0 0;
    float: right;
    color: #db2a2a;
}

video {
    width: 100% !important;
    height: auto;
}

main {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    min-width: auto;
    overflow: hidden;
    clear: both;
    box-sizing: border-box;
}

main section {
    width: 100%;
    max-width: 800px;
    float: left;
    padding: 5px 10px;
    background: white;
    border-radius: 5px;
    margin: 0 auto 20px auto;
    height: auto;
    box-sizing: border-box;
}

.menu ul li {
    list-style: none;
    display: inline-block;
}

/* global box-sizing */
:after, :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}

body {
    font-family: Arial;
    font-size: 15px;
    color: #222;
    background: #f3f3f3;
    background-size: 100% 100%;
}

/* clear */
table {
    overflow-x: scroll;
    border: 1px solid transparent!important;
    max-width: 800px;
    margin: 0 auto;
}

table tr td {
    padding: 5px;
}

table {
    width: 100%;
    margin: 5px auto;
}

table tr td {
    padding: 10px;
}

table tr:hover {
}

table tr:nth-child(even) {
    background: #FFF
}

table tr:nth-child(odd) {
    background: #f7f7f7
}

table#technicka-tabulka-auta {
    width: 100%;
    font-size: 0.9em;
    margin: 20px auto;
}

table#technicka-tabulka-auta tr td {
    padding: 10px;
}

table#technicka-tabulka-auta tr:hover {
    background: #d5e6ff !important;
}

table#technicka-tabulka-auta tr:nth-child(even) {
    background: #FFF
}

table#technicka-tabulka-auta tr:nth-child(odd) {
    background: #f7f7f7
}

table#technicka-tabulka-auta td:nth-child(even) {
    text-align: right;
}

table#technicka-tabulka-auta td:nth-child(odd) {
    text-align: left;
}

table tbody tr td ul li {
    font-size: 0.9em;
    line-height: 1.2em;
}

section#footer table {
	max-width: none;
    width: 100%;
    font-size: 1em;
    margin: 5px auto;
    color: white !important;
}

section#footer table tr td {
    padding: 10px;
}

section#footer table tr:hover {
    background: transparent !important;
}

section#footer table tr:nth-child(even) {
    background: transparent
}

section#footer table tr:nth-child(odd) {
    background: transparent
}

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

.clear:after {
    clear: both;
}

.clear {
    zoom:1; }

img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
}

a {
    color: #1687b3;
    text-decoration: none;
}

a:hover {
    /* color:var(--MOTIV); */
    text-decoration: underline;
}

a:focus {
    outline: 0;
}

a:hover, a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

/*------------------------------------*\ STRUCTURE \*------------------------------------*/
/* wrapper */
.wrapper {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* header */
.header {
    background: transparent;
    margin: 0 auto;
    padding: 0;
    height: fit-content;
    min-height: 50px;
    width: 100%;
    max-width: 1200px;
}

/* logo */
.logo {
    margin: 0 auto 10px;
    position: relative;
    z-index: 990;
    height: auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.logo-img {
    height: 75px;
}

.logo a h1 {
    width: fit-content;
    margin: 20px;
    padding: 5px;
    color: var(--HEADER);
    font-weight: bold !important;
}

img.headerlogol {
    width: 250px;
}

img.headerlogor {
    height: 50px;
}

/* nav */
.nav {
    float: none;
    margin: 0 auto;
    padding: 0 10px;
}

/* sidebar */
#sidebar {
    display: block;
    float: right;
    width: 100%;
    max-width: 350px;
    min-width: 300px;
    margin: 0 auto;
    padding: 5px 10px;
    box-sizing: border-box;
    background: white;
    border-radius: 5px;
}

#sidebar section.casopis {
    border: 0px;
}

#sidebar section.casopis #zvyraznene {
    display: flex;
    flex-direction: column;
}

#sidebar section.casopis #zvyraznene #l {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    justify-content: center;
    width: 75%;
    margin: 0 auto 20px auto;
}

#sidebar section.casopis #zvyraznene #r {
    width: 100%;
}

.textwidget {
    text-align: center;
    color: white;
}

.textwidget ul li {
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    line-height: 1em;
}

.textwidget ul li a {
    font-size: 12px;
    text-transform: none;
    color: #eaeaea;
}

.textwidget ul li::before {
    content: '#';
    color: white;
    font-weight: normal;
}

nav ul li:hover {
    font-weight: bold;
}

button.search-submit {
    border: 0;
    padding: 0;
    height: 50px;
    width: 42px;
    margin: 0;
    right: 15px;
    top: 0;
    background: transparent;
    position: absolute;
}

input.search-input {
    border: 1px solid #cecece;
    border-radius: 5px;
    height: 40px;
    margin: 0;
    padding: 5px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
}

form.search {
    width: 100%;
    max-width: 450px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

button.search-submit img {
    padding: 0;
    margin: 0;
}

form.search .advancedsearch {
    display: block;
    height: 1px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    padding: 10px;
}

form.search:active .advancedsearch, form.search:focus .advancedsearch, form.search:hover .advancedsearch {
    display: block;
    width: 100%;
    height: auto;
    min-height: 400px;
    background: #403b9e;
    transition: 0.3s ease-out;
}

section.vyhladavanie article#loop.type-attachment {
    display: none;
}

.slidebar .advancedsearch ul {
    margin: 5px auto;
}

.slidebar .advancedsearch ul li {
    list-style: none;
    padding: 10px;
    display: inline;
}

/* footer */
.footer {
    display: block;
    width: 100%;
    height: auto;
    clear: both;
    margin: 50px auto 0 auto;
    padding: 20px;
    color: #ebebeb;
    box-sizing: border-box;
    font-size: 13px;
    background: linear-gradient(45deg, #3a74a5, #000000);
}

section#footer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.footer a {
    color: #222;
    text-decoration: none;
    border-bottom: 1px dotted #d0d0d0;
}

.footer ul {
    margin: 0;
    padding: 0 0 0 30px;
}

.footer img {
    background: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 250px;
    height: auto;
}

.footer ul li {
    line-height: 1em;
    font-size: 0.9em;
}

div#admobile {
    display: none;
}

/*------------------------------------*\ RESPONSIVE \*------------------------------------*/
@media only screen and (max-width: 768px) {
    div#sponzor {
        font-size:12px;
        height: fit-content;
        display: none;
    }

    p.podtitul {
        display: none;
    }

    .logo {
        flex-direction: column;
        align-items: center;
    }

    div#casopis-promo {
        margin: 0 0 -40px 75px;
		
	}

    div#sponzor img {
        height: 60px;
        width: auto;
    }

    img.headerlogol {
        width: 230px;
        margin: 0 0 10px 0
    }

    img.headerlogor {
        width: 75px;
        height: auto;
    }

    #sidebar {
        display: none;
    }

    .gallery-columns-1 dl.gallery-item, .gallery-columns-2 dl.gallery-item, .gallery-columns-3 dl.gallery-item, .gallery-columns-4 dl.gallery-item, .gallery-columns-5 dl.gallery-item {
        /* width: 100% !important; */
        float: none;
    }

    .gallery-columns-1 dl.gallery-item img, .gallery-columns-2 dl.gallery-item img, .gallery-columns-3 dl.gallery-item img, .gallery-columns-4 dl.gallery-item img, .gallery-columns-5 dl.gallery-item img {
        height: auto;
        max-height: unset;
    }

    .header {
        padding: 10px;
        width: auto;
        max-width: none;
    }

    div#mega-menu-wrap-extra-menu {
        display: none;
    }

    article {
        max-width: 750px;
    }

    article#loop {
        height: fit-content;
    }

    article#loop.loop4 {
       flex-direction:column; 
    }

    article#loop #thumb {
        width: 150px;
        height: 150px;
        max-width: 150px;
        min-width: 150px;
        background: #d0d0d0;
    }

    article#loop #thumb a img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: 150px;
        object-fit: cover;
    }

    article#loop #loop-content {
        padding: 0px 5px 20px 5px;
        width: 100%;
        font-size: 1em;
    }

    article#loop #loop-content h5 {
        display: block;
        font-weight: normal;
        padding: 0 10px 0 0;
    }

    article#loop.tag-odporucane #loop-content h5, article#loop.tag-odporucane #loop-content h5.excerpt {
        display: block;
        width: 100%;
        clear: both;
    }

    article#loop h6 {
        display: block;
    }

    article#loop.small {
        margin: 0;
        padding: 5px;
    }

    article#loop.loop4 #thumb {
        z-index: 90;
        position: relative;
        margin: 0 10px 10px 0;
        float: left;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 250px;
        background: #e4e4e4;
        max-width: 100%;
    }

    article#loop.loop4 #thumb a img {
        z-index: 90;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.99);
    }

    article#loop.loop5 {
        height: fit-content;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        float: none;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        font-size: 0.8em;
    }

    article#loop.loop5 #thumb {
        z-index: 90;
        position: relative;
        margin: 0;
        float: left;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 130px;
        background: #e4e4e4;
        max-width: 100%;
    }

    article#loop.loop5 #thumb a img {
        z-index: 90;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.99);
    }

    article#loop.loop5 #loop-content {
        padding: 10px;
        width: 100%;
        font-size: 1em;
        margin: 0;
    }

    article#loop.loop5 #loop-content h5 {
        display: block;
        font-weight: normal !important;
    }

    article#loop.loop5 h6 {
        display: block;
    }

    article#loop.loop5 #loop-content h3, article#loop.loop5 #loop-content h3 a, article#loop #loop-content h3 a {
        font-size: 18px;
        text-align: left;
    }

    main section article h1 {
        font-size: 27px;
    }

    #zvyraznene #l {
        width: 100%;
        float: none;
    }

    #zvyraznene #r {
        width: 100%;
        float: none;
    }

    article#loop.small #thumb {
        width: 100px;
        max-width: 100px;
        min-width: 100px;
        height: 100px;
        overflow: hidden;
        position: relative;
        padding: 0;
        margin: 0 10px 1px 0;
    }

    article#loop.small #thumb a img {
        max-width: 100px;
        min-width: 100px;
        object-fit: cover;
        object-position: center;
    }

    article#loop.feat {
        width: 50%;
        height: 100px;
        margin: 0;
        padding: 0;
        float: left;
        box-sizing: border-box;
        min-width: auto;
    }
}

article#article-loop {
    width: 100%;
    max-width: 800px;
    min-width: 320px;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: row;
}

div#article-loop-thumb {
    width: 250px;
    height: 250px;
    flex: none;
    margin: 0 0 10px 0;
    padding: 0;
}

div#article-loop-content {
    padding: 0px 10px 10px 10px;
    margin: 0;
}

h3.article-loop-h3 {
    margin: 0;
    padding: 0;
}

h5.article-loop-h5 {
    padding: 0;
    margin: 10px 0 0 0;
    line-height: 1.5em;
    display: block;
    font-weight: normal;
    font-size: 1em;
}

h5.article-loop-h5 p {
    padding: 0;
    margin: 0;
    line-height: 1.5em;
    font-weight: bold;
    font-size: 1em;
}

h5.article-loop-h5::before {
    content: "\00BB";
    color: #1687b3;
    margin: 0 5px 0 0;
}

h6.article-loop-h6 {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    background: #1687b3;
    width: fit-content;
    border-radius: 4px;
    color: white;
    font-weight: bold;
}

h6.article-inside-h6 {
    margin: 10px 5px 5px 5px;
    padding: 5px 10px;
    background: #1687b3;
    width: fit-content;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    font-size: 1em;
}

#article-loop-content h3 a {
    color: #333333;
}

div#article-loop-meta {
    margin: 10px 0;
    padding: 0;
    color: #3b3b3b;
    width: fit-content;
    font-size: 12px;
}

#article-loop-thumb a img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media only screen and (max-width: 480px) {
    article {
        max-width:480px;
    }

    article#article-loop {
        flex-direction: column;
    }

    div#article-loop-thumb {
        width: 100%;
        height: auto;
    }

    #article-loop-thumb a img {
        height: 300px;
    }
}

@media only screen and (max-width: 1001px) {
/*     article {
        max-width:750px;
		margin: 0 auto;
    } */

    main section {
        margin: 0 auto;
        max-width: 100%;
        padding: 5px;
        clear: both;
        box-sizing: border-box;
    }

    div#admobile {
        display: block;
    }

    #sidebar {
        display: none;
    }

    .nav {
        float: none;
        clear: both;
        margin: 10px 0 0 0;
    }

    section#najnovsie {
        display: block;
        padding: 5px;
    }

    /* Branding */
    .g.g-5 {
        display: none;
    }

    /* INARTICLE DESKTOP 8. ODSTAVEC */
    .g.g-4 {
        display: none;
    }

    /* LEADERBOARD DESKTOP nad headerom */
    .g.g-3 {
        display: none;
    }

    /* LEADERBOARD MOBIL nad headerom */
    .g.g-10 {
        display: block;
    }

    /* SIDEBAR SINGLE DESKTOP - skupina 1 */
    .g.g-1 {
        display: none;
    }

    /* SIDEBAR SINGLE DESKTOP - skupina 2 */
    .g.g-12 {
        display: none;
    }

    /* SIDEBAR SINGLE DESKTOP - skupina 3 */
    .g.g-13 {
        display: none;
    }

    /* SIDEBAR INDEX DESKTOP - skupina 1 */
    .g.g-2 {
        display: none;
    }

    /* SIDEBAR INDEX DESKTOP - skupina 2 */
    .g.g-14 {
        display: none;
    }

    /* SIDEBAR INDEX DESKTOP - skupina 3 */
    .g.g-15 {
        display: none;
    }

    /* SIDEBAR SINGLE MOBIL - Blok bannerov */
    .g.g-7 {
        display: block;
    }

    /* SIDEBAR SINGLE MOBIL - skupina 1 (za 4. odst) */
    .g.g-16 {
        display: block;
    }

    /* SIDEBAR SINGLE MOBIL - skupina 2 (za 8. odst) */
    .g.g-9 {
        display: block
    }

    /* SIDEBAR SINGLE MOBIL - skupina 3 (za 12. odst) */
    .g.g-17 {
        display: block;
    }

    /* SIDEBAR INDEX MOBIL - Blok bannerov */
    .g.g-8 {
        display: block;
    }

    .g.g-19 {
        display: block;
    }

    .g.g-20 {
        display: block;
    }

    .g.g-22 {
        display: block;
    }

    /* SLOT DESKTOP Special - VW Vypredaj */
    .g.g-23 {
        display: none;
    }

    /* SLOT MOBIL Special - VW Vypredaj */
    .g.g-24 {
        display: block;
    }
}

@media only screen and (min-width: 1001px) and (max-width:1179px) {
    article {
        max-width:750px;
    }

    main section {
        float: left;
        margin: 0 auto;
        max-width: 680px;
    }

    #sidebar {
        width: 300px;
        max-width: 300px;
/*         float: left;
        margin: 0 10px 0 0;
        padding: 5px 15px 5px 5px; */
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution:144dpi) {
}

/*------------------------------------*\ MISC \*------------------------------------*/
::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/
.alignnone {
    margin: 0;
    height: auto;
    width: 100%;
    max-width: 100%;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    width: auto;
    height: auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: transparent;
    border: 0;
    max-width: 100%;
    padding: 0;
    text-align: center;
    width: 100% !important;
}

.wp-caption.alignnone {
    margin: 0;
    padding: 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100% !important;
    border-radius: 5px;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 1em;
    line-height: 1.7em;
    margin: 0;
    padding: 10px 5px 5px 5px;
    text-align: left;
    border-bottom: 0px solid #e5e5e5;
    color: #555;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-spacing: -0.05em;
    text-align: justify;
}

.wp-caption .wp-caption-text::before, .gallery-caption::before {
    content: "\01F4F7";
    margin: 0 10px 0 0;
}

#gallery-1 img, #gallery-2 img, #gallery-3 img, #gallery-4 img, #gallery-5 img, #gallery-6 img, #gallery-7 img, #gallery-8 img, #gallery-9 img, #gallery-10 img, #gallery-11 img, #gallery-12 img, #gallery-13 img, #gallery-14 img, #gallery-15 img {
    border: 0px solid transparent !important;
    object-fit: cover;
}

div#gallery-1, div#gallery-2, div#gallery-3, div#gallery-4, div#gallery-5, div#gallery-6, div#gallery-7, div#gallery-8, div#gallery-9, div#gallery-10, div#gallery-11, div#gallery-12, div#gallery-13, div#gallery-14, div#gallery-15 {
    clear: both;
    position: relative;
    height: auto;
}

dl.gallery-item img {
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}

pre {
    white-space: unset !important;
}

/*------------------------------------*\ SETUPAD \*------------------------------------*/
.display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.display-flex-semi {
    display: -webkit-box !important;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    align-items: center;
}

.billboard-height {
    min-height: 336px !important;
    max-height: 336px !important;
    overflow-y: auto !important;
}

.article-height {
    /* min-height: 600px !important; */
    /* max-height: 600px !important; */
}

@media (min-width: 1180px) {
    .sidebar-height, .article-height {
        /* min-height: 300px !important; */
        /* max-height: 300px !important; */
    }
}

@media (min-width: 768px) {
    .billboard-height {
        min-height: 300px !important;
        max-height: 300px !important;
    }
}

/*------------------------------------*\ PRINT \*------------------------------------*/
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}