*,
*::before,
*::after { box-sizing: border-box; padding: 0; margin: 0; }
*:focus { outline: 0; }
* { scrollbar-width: thin; text-decoration: none; -webkit-tap-highlight-color: transparent; }
:root { overscroll-behavior: none; overflow-x: hidden; }
html { scroll-behavior: smooth; }                
body { margin: 0;  padding: 0; font-size: clamp(16px, 1.1vw, 18px); color: #000; font-family: "Red Hat Display", sans-serif; }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; font-weight: 700; }
p, li { line-height: 1.5; }
ul, ol { margin: 0; }
a, a:link, a:hover, a:focus, a:active { text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; height: auto; }
.container { max-width: 1920px; padding-inline: 60px; margin: 0 auto; }
.wrapper { max-width: 1200px; margin: 0 auto; }
section { margin: 70px 0; }
section.grey { background: #EBEBEB; padding: 70px 0; }
header { position: fixed; width: 100%; padding: 30px 0; z-index: 10; transition: all .3s; }
header .logo img { display: block; transition: all .3s; }
header nav { display: flex; align-items: center; gap: 40px; }
header nav ul { list-style: none; }
header nav ul li { display: inline-block; }
header nav ul li:not(:last-child) { margin-right: 40px; }
header nav ul li a { font-size: clamp(16px, 1.2vw, 20px); color: #fff; font-weight: 700; }
header nav .search-toggle { display: inline-block; font-size: clamp(26px, 2vw, 32px); color: #fff; cursor: pointer; }
header .socials { display: flex; gap: 25px; }
header .socials a { font-size: clamp(26px, 2vw, 32px); color: #fff; }
header form { display: none; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); margin: 0; height: 40px; gap: 0; border-radius: 20px; overflow: hidden; }
header form input { font-family: "Red Hat Display", sans-serif; font-size: clamp(16px, 1.1vw, 18px); color: #000; padding: 0 15px; border: 0; }
header form button { font-size: clamp(24px, 1.8vw, 28px); border: 0; padding: 0 15px; background: #C2D72E; color: #000; cursor: pointer; }
.nav-toggle { position: relative; width: 32px; height: 26px; }
.nav-toggle .bar { position: absolute; left: 50%; width: 100%; height: 2px; background: #fff; border-radius: 10px; transition: all 0.3s;}
.nav-toggle .bar.bar2 { top: 50%; transform: translate(-50%, -50%); }
.nav-toggle .bar.bar3 { bottom: 0; transform: translateX(-50%); }
.nav-toggle .bar.bar1 { top: 0; transform: translateX(-50%); }
.mob-nav-active .nav-toggle .bar1 { top: 50%; transform: translate(-50%, 0) rotate(45deg); }
.mob-nav-active .nav-toggle .bar2 { opacity: 0; }
.mob-nav-active .nav-toggle .bar3 { top: 50%; bottom: auto; transform: translate(-50%, 0) rotate(-45deg); }
.search-active header form { display: flex; }
.scroll-top header { transform: translate(0%, 0%); background: rgba(0, 0, 0, .5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.scroll-bottom header { transform: translate(0%, -100%); }
@media only screen and (min-width: 992px) {
.scroll-top header { padding: 20px 0; }
.scroll-top .logo img, .scroll-bottom .logo img { width: 150px; }
}
.hero { position: relative; width: 100%; height: 80svh; color: #fff; padding: 70px 0; margin: 0; overflow: hidden; }
.hero .video-wrapper { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; filter: brightness(0.5); }
.hero .video-wrapper iframe { aspect-ratio: 16 / 9; width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hero.hero-small { height: 50svh; }
.hero .wrapper { display: flex; flex-direction: column; justify-content: center; }
.hero .wrapper > div { margin-top: auto; }
.hero .date-author { color: #C7C7C7; margin-bottom: 30px; }
.hero .suptitle { font-size: clamp(16px, 1.2vw, 18px); color: #C6C6C6; text-transform: uppercase; margin-bottom: 15px; }
.hero h1, .home .hero h2 { font-size: clamp(32px, 4vw, 60px); line-height: 1.1; text-transform: uppercase; margin-bottom: 0; }
.home .hero h2 a { color: #fff; text-decoration: none; }
.home .hero .excerpt { margin-bottom: 0; }
.hero .excerpt { max-width: 900px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 25px 0 20px 0; }
body:not(.home) .hero .excerpt { margin-bottom: 0; }
.hero a { color: #C2D72E; text-decoration: underline; }
.hero .cover-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; filter: brightness(0.4); object-fit: cover; z-index: -1; }
.play { text-align: center; margin-bottom: 50px;  }
.play .if { font-size: clamp(60px, 6vw, 90px); color: #C2D72E; cursor: pointer; }
.modal { display: flex; position: absolute; left: 0; top: -80svh; width: 100%; height: 80svh; background: rgba(0,0,0, .5); align-items: center; justify-content: center; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 10; }
.modal-video { position: relative; padding: 0 60px; }
.modal iframe { aspect-ratio: 16 / 9; width: 100%; height: 60svh; }
.close-modal { position: absolute; top: -20px; right: 40px; color: #000; font-size: 26px; background: #C2D72E; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; cursor: pointer; }
.modal-active .modal { display: flex; top: 0; }
.date-author { display: flex; justify-content: space-between; padding-bottom: 6px; border-bottom: 2px solid #C2D72E; position: relative; }
.date-author a { color: #898989; z-index: 2; position: absolute; right: 0; bottom: 6px; max-width: 46%; text-align: right; }
.single-post .date-author a { color: #fff; text-decoration: none; }
.date-author img { width: 60px; aspect-ratio: 1 / 1; position: absolute; right: 0; bottom: 30px; overflow: hidden; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,.5); }
.date-author p { margin: 0; }
.date-author p span { display: none; }
.article-author { position: relative; }
.article-author a { color: #777; }
.single-post .hero .wrapper:has(> div + div) { max-width: 100%; flex-direction: row; align-items: flex-end; gap: 100px; }
@media only screen and (min-width: 992px) and (max-width: 1399px) {
.single-post .hero .wrapper:has(> div + div) { gap: 60px; }
}
.single-post .hero .wrapper:has(> div + div) > div { width: 50%; }
.single-post iframe { display: block; }
.single-post .hero:has(iframe) .cover-img { filter: brightness(0.4) blur(10px); transform: scale(1.05); }
.clanci .title,
.cat-clanci h1 { font-family: "EB Garamond", serif !important; font-weight: 600 !important; text-transform: none; }
.articles .row { row-gap: 60px; }
.articles .wrapper:has(.article.flex) { display: flex; flex-direction: column; gap: 80px; }
.articles .wrapper:has(.article.flex) .article.flex:nth-child(even) { flex-direction: row-reverse; }
.article { position: relative; }
.article.flex { display: flex; align-items: flex-start; align-items: center; gap: 40px; }
.article.flex .content { width: 60%; }
.article.flex .date-author { color: #696969; margin-bottom: 20px; }
.article .suptitle { font-size: clamp(16px, 1.2vw, 18px); color: #666666; text-transform: uppercase; margin-bottom: 15px; }
.article .suptitle a { color: #696969; }
.article .date { margin-bottom: 15px; }
.date-dimmed { opacity: .7; padding-bottom: 6px; border-bottom: 2px solid #a6b923; }
.article .title { font-size: clamp(24px, 2vw, 28px); line-height: 1.25; margin-bottom: 10px; }
.article.flex .title { font-size: clamp(20px, 2vw, 24px); font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }
.povezani-clanci .article .title { font-size: clamp(20px, 2vw, 24px); }
.article .title a { color: #000; font-weight: 700;  transition: all 0.3s; }
.article .title a.card:after, .article h5 a.card:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.article .excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 10px; }
.article.flex .excerpt { -webkit-line-clamp: 4; color: #696969; margin: 0; }
.article .content > *:last-child { margin-bottom: 0; }
.article .image { overflow: hidden; margin-bottom: 15px;  }
.article.flex .image { width: 40%; margin-bottom: 0; }
.article .image img { display: block; aspect-ratio: 16 / 9; width: 100%; object-fit: cover;  }
.article.flex .video-container { margin: 0; }
.article:has(.video-container) .content { position: relative; }
@media only screen and (min-width: 992px) {
.article .image img { transition: all 0.5s ease-in-out; }
.article:hover .image img { transform: scale(1.1); }
.article .title a:hover, .grey .article .title a:hover { color: #97a81f; }
}
.grey .article .title a { color: #000; }
.grey .article p { color: #383838; }
.button { display: inline-block; padding: 14px 60px; text-decoration: unset!important; border: 1px solid #C2D72E; border-radius: 30px; transition: all 0.4s ease-in-out; }
.button:hover { background: #C2D72E; color: #000; }
.button.prev:before { content: "<"; margin-right: 10px; }
.button.next:after { content: ">"; margin-left: 10px; }
.video-container { width: 100%; aspect-ratio: 16 / 9; }
.video-container iframe { display: block; height: 100%; width: 100%; }
aside h4 { font-size: clamp(16px, 1.1vw, 18px); color: #666666; line-height: 1.1; text-transform: uppercase; font-weight: 700; margin-top: 40px; margin-bottom: 10px; }
aside h4:first-child { margin-top: 0; }
aside .tags a { display: inline-block; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #666; }
aside .tags a:before { content: "#"; color: #C2D72E; }
aside .article + .article { margin-top: 40px; }
aside .article .image { margin-bottom: 10px; }
aside .article .date-author { margin-bottom: 10px; }
aside .article .date-author p { font-size: 14px; color: #898989; }
aside .article .date-author p a { color: #898989; }
aside .article .date-author a { position: unset; }
aside .article .title { font-family: "Red Hat Display", sans-serif;  font-size: clamp(14px, 1vw, 16px); font-weight: 700; text-transform: uppercase; line-height: 1.3; }
aside .article .title a { color: #484848; }
aside .post-ratings { display: flex; align-items: center; gap: 5px; font-size: 16px; }
aside .post-ratings strong { margin-left: 10px; }
.social-links { display: flex; gap: 15px; }
.social-links a { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; background: #C2D72E; font-size: 28px; color: #000; border-radius: 50%; }
.single-post .hero .excerpt { -webkit-line-clamp: unset; overflow: unset; -webkit-box-orient: unset; }
.style-text { color: #2B2B2B; padding-left: 30px; }
.style-text > *:first-child { margin-top: 0; }
.style-text > *:last-child { margin-bottom: 0; }
.style-text h2 { font-size: clamp(30px, 2vw, 32px); line-height: 1.3; margin: 52px 0 38px 0; }
.style-text h3 { font-size: clamp(24px, 1.6vw, 26px); line-height: 1.3; margin: 44px 0 36px 0;}
.style-text h4 { font-size: clamp(20px, 1.4vw, 22px); line-height: 1.35; margin: 38px 0 34px 0;}
.style-text h5 { font-size: clamp(18px, 1.2vw, 20px); line-height: 1.4; margin: 34px 0 32px 0; }
.style-text h6 { font-size: clamp(16px, 1.1vw, 18px); line-height: 1.4; margin: 30px 0; }
.style-text p, .style-text ul, .style-text ol { margin: 30px 0; }
.style-text a { color: #96ab01; overflow-wrap: break-word; word-break: break-all; }
.style-text ul, .style-text ol { padding-left: 26px; }
.style-text p:has(img) { margin: 10px 0; }
.style-text p:has(img) + h6, .style-text div:has(iframe) + h6 { margin-top: 0; }
.style-text p:has(img) + h6, .style-text div:has(iframe) + h6, .style-text ul li:has(h6) h6 { font-size: 14px; color: #666;  }
.style-text ul li:has(h6) h6 { margin: 10px 0; }
.style-text div:has(iframe) + h6 br { display: none; }
.style-text .single-quote { border-left: 1px solid #c4c4c4; }
.style-text .single-quote p { margin: 0; }
.style-text blockquote { position: relative; margin-bottom: 50px; font-size: 16px; font-style: italic; padding: 40px; border: 1px solid #c4c4c4; }
.style-text blockquote:after { content: url(//ideje.hr/wp-content/themes/ideje/images/quotes.png); background: white; padding: 0px 15px; position: absolute; left: 50%; bottom: -24px; transform: translateX(-50%); }
.style-text blockquote p { margin: 0; }
.style-text p img { display: block; }
.style-text p iframe { width: 100%; }
.related-title { font-size: clamp(18px, 1.8vw, 20px); font-weight: 700; text-transform: uppercase; margin-bottom: 25px;}
.prev-next a { position: relative; color: #666; display: inline-block; font-weight: bold; }
.prev-next a span { text-transform: uppercase; font-size: 14px; display: block; color: #c2c2c2; }
.prev-next a svg { fill: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(180deg); transition: all .3s linear; }
.prev-next .text-right svg { right: 0; left: inherit; transform: translateY(-50%) rotate(0deg); }
.prev-next a:hover, .prev-next a:hover span { color: #C2D72E; }
.prev-next a:hover svg { fill: #C2D72E; }
.prev-next .prev { padding-left: 50px; }
.prev-next .next { padding-right: 50px; }
.prev-next .prev:hover svg { margin-left: -15px; }
.prev-next .next:hover svg { margin-right: -15px; }
.wp-paginate { display: flex; justify-content: center; align-items: center; gap: 10px; list-style: none; padding: 0 0 40px 0; }
.wp-paginate li:has(.title) { display: none; }
.wp-paginate li .page, .wp-paginate .prev, .wp-paginate .next { display: inline-flex; justify-content: center; align-items: center; color: #000; width: 30px; height: 30px; }
.wp-paginate li .page { border: 1px solid #000; border-radius: 50%; }
.wp-paginate .page.current { background: #C2D72E; }
.wp-paginate .prev, .wp-paginate .next { font-size: 28px; padding: 0; }
.newsletter { position: relative; padding: 60px 0; color: #C8C8C8; }
.newsletter * { font-size: clamp(16px, 1.1vw, 18px); }
.newsletter h4 { color: #C2D72E; text-transform: uppercase; margin-bottom: 15px; }
.newsletter label { display: block; margin-top: 5px; }
.newsletter .newsletter-email { background: none; width: 100%; color: #fff; padding: 0 0 5px 0; border: 0; border-radius: 0; border-bottom: 1px solid #fff; }
.newsletter .newsletter-email:focus { box-shadow: unset; }
.newsletter .button { background: none; color: #C2D72E; padding: 8px 40px; cursor: pointer; }
.newsletter .button:hover, .newsletter .button:active { background: #C2D72E; color: #000; border-color: #C2D72E; }
.newsletter .cover-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.4); z-index: -1; }
footer a { color: #000; }
footer .social-links { justify-content: center; margin-bottom: 20px; }
.footer-bottom { padding: 40px 0 }
.footer-bottom p { margin: 16px 0; }
.go-to-top { opacity: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; position: fixed; bottom: 20px; right: 20px; z-index: 10; border: none; outline: none; background-color: #C2D72E; color: #000; width: 50px; height: 50px; border-radius: 50%; font-size: 22px; cursor: pointer; transition: opacity 0.3s; }
.go-to-top.active { opacity: 1; opacity: 1; pointer-events: auto; }
.podcast-player { height: 56px; background: #302c2d; }
.podcast-player.green-audio-player { width: 100%; min-width: 100%; border-radius: 0; background-color: #302c2d; color: #c3d91e; border-top: 4px solid #c2d72e; }
.podcast-player.green-audio-player:before { content: 'Audio Podcast '; display: block; margin-right: 20px; color: #fff; }
.podcast-player.green-audio-player img, .green-audio-player svg { width: 10px; height: 15px; }
.podcast-player svg > * { fill: #c2d72e; }
.podcast-player.green-audio-player .slider .gap-progress .pin { background-color: #c2d72e; }
.podcast-player.green-audio-player .slider { background-color: rgba(194, 215, 46, .3); }
.podcast-player.green-audio-player .slider .gap-progress { background-color: rgba(194, 215, 46, .4);  }
.podcast-player.green-audio-player .controls { color: rgba(255,255,255,0.3); }
@media only screen and (min-width: 992px) and (max-width: 1399px) {
header .logo img { width: 150px; }
header nav ul li:not(:last-child) { margin-right: 20px; }
header nav { gap: 20px; }
.hero .date-author { margin-bottom: 25px; }
.hero h1 { font-size: clamp(30px, 3.5vw, 60px); }
.home .hero .excerpt { -webkit-line-clamp: 2; }
.hero .excerpt { margin: 15px 0; }
.excerpt-mob { margin-bottom: 30px!important; }
} 
@media only screen and (max-width: 991px) {
header { padding: 0; overflow: hidden; }
header nav { width: 100%; flex-direction: column; gap: 30px; height: calc(100svh - 60px); justify-content: center; margin-top: -30px; }
header nav ul li { display: block; text-align: center; }
header nav ul li:not(:last-child) { margin: 0 0 12px 0; }
header nav ul li a { text-transform: uppercase; }
header .header-wrapper { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; }
header .search-toggle { font-size: 34px; color: #fff; margin-right: 25px; }
header form { right: -5px; }
.mob-nav-active header { height: 100svh; background: rgba(0, 0, 0, .5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.hero { height: 100svh; }
.hero h1, .home .hero h2 { font-size: clamp(32px, 5vw, 60px); }
aside { margin-top: 30px; }
aside h4 { margin-top: 30px; }
.style-text { padding-left: 0; }
.single-post .hero .wrapper:has(> div + div) { flex-direction: column; justify-content: flex-end; gap: 40px; }
.single-post .hero .wrapper:has(> div + div) > div:first-child { order: 1; }
.single-post .hero .wrapper:has(> div + div) > div:first-child { order: 2; }
.single-post .hero .wrapper:has(> div + div) > div { width: 100%; }
.single-post .hero .wrapper > div { margin-top: unset; }
.prev-next .prev:hover svg { margin-left: 0; }
.prev-next .next:hover svg { margin-right: 0; }
.go-to-top { width: 40px; height: 40px; font-size: 18px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container { padding-inline: 40px; }
header, header .header-wrapper { height: 70px; }
header .logo img { width: 150px; }
header nav { height: calc(100svh - 70px); }
header nav ul li a { font-size: 28px; }
header .socials a { font-size: 32px; }
.article.flex { gap: 40px; }
.article.flex .image, .article.flex .content { width: 50%; }
}
@media only screen and (max-width: 767px) {
.container { padding-inline: 20px; }
header, header .header-wrapper { height: 60px; }
header .logo img { width: 120px; }
header nav { height: calc(100svh - 60px); }
header nav ul li a { font-size: 24px; }
header .socials a { font-size: 28px; }
header form { height: 36px; }
header form input { width: 130px; }
.hero { padding: 40px 0; }
.hero .wrapper { justify-content: flex-end; }
.hero .date-author { margin-bottom: 15px; }
.hero .date-author > p:first-child { max-width: 130px; }
.hero .suptitle { margin-bottom: 10px; }
.hero .excerpt { -webkit-line-clamp: 3; margin: 10px 0; }
.date-author { font-size: 14px; align-items: flex-end; }
.articles .row { row-gap: 40px; }
.row .col-style:not(:last-child) { margin-bottom: 40px; }
.article.flex { flex-direction: column; gap: 0; }
.articles .wrapper:has(.article.flex) .article.flex:nth-child(even) { flex-direction: column; }
.articles .wrapper:has(.article.flex) { gap: 40px; }
.article.flex .date-author p { max-width: 46%; }
.article .title { line-height: 1.15; }
.article.flex .image, .article.flex .content { width: 100%; }
.article .image, .article.flex .image { margin-bottom: 10px; }
.article .image img { aspect-ratio: 2 / 1; }
.article.flex .date-author { margin-bottom: 15px; }
.article .date.date-dimmed { font-size: 14px; margin-bottom: 15px; }
.article .suptitle { margin-bottom: 10px; }
.article.flex .title, .article.flex .suptitle { margin-bottom: 10px; }
section { margin: 40px 0; }
section.grey { padding: 40px 0; }
.date-author img { width: 40px; }
.style-text blockquote { padding: 30px; }
.button { padding: 8px 30px; }
.green-audio-player { padding-left: 12px; padding-right: 12px; }
.play { margin-bottom: 25px; }
.modal-video { padding: 0 20px; }
.close-modal { right: 10px; }
.wp-paginate { gap: 8px; }
.wp-paginate li .page, .wp-paginate .prev, .wp-paginate .next { width: 25px; height: 25px; font-size: 14px; }
.newsletter form { margin-top: 15px; }
.prev-next .prev { margin-bottom: 20px; }
.clanci-col:nth-of-type(n + 4) { display: none; }
} @media screen and (max-aspect-ratio: 128 / 90) { 
.hero .video-wrapper iframe { height: 100%; width: auto; }
} .row { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.row > * { padding: 0 20px; }
[class*="col-"] { width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-12 { flex: 0 0 auto; width: 100%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-9 { flex: 0 0 auto; width: 75%;}
.col-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-6 { flex: 0 0 auto; width: 50%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-3 { flex: 0 0 auto; width: 25%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-1 { flex: 0 0 auto; width: 8.33333333%;}
@media (min-width: 768px) {
.col-md-auto { flex: 0 0 auto; width: auto; }
.col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; }
.col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; }
.col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px) {
.col-lg-auto { flex: 0 0 auto; width: auto; }
.col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-lg-3 { flex: 0 0 auto; width: 25%; }
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-lg-9 { flex: 0 0 auto; width: 75%; }
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-lg-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1200px) {
.col-xl-auto { flex: 0 0 auto; width: auto; }
.col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xl-3 { flex: 0 0 auto; width: 25%; }
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xl-9 { flex: 0 0 auto; width: 75%; }
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xl-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1400px) {
.col-xxl-auto { flex: 0 0 auto; width: auto; }
.col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; }
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; }
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
} .d-none { display: none!important; }
.d-block { display: block!important; }
.d-inline-block { display: inline-block!important; }
.d-flex { display: flex!important; }
.d-inline-flex { display: inline-flex!important; }
.justify-content-start { justify-content: start!important; }
.justify-content-center { justify-content: center!important; }
.justify-content-between { justify-content: space-between!important; }
.justify-content-end { justify-content: flex-end!important; } 
.align-items-start { align-items: flex-start!important; }
.align-items-center { align-items: center!important; }
.align-items-end { align-items: flex-end!important; }
.flex-wrap { flex-wrap: wrap; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.relative { position: relative; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.uppercase { text-decoration: uppercase; }
.mb-0 { margin-bottom: 0px!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-30 { margin-bottom: 30px!important; }
.mb-40 { margin-bottom: 40px!important; }
.mb-50 { margin-bottom: 50px!important; }
@media (min-width: 768px) { 
.d-md-none { display: none!important; }
.d-md-block { display: block!important; }
.d-md-inline-block { display: inline-block!important; }
.d-md-flex { display: flex!important; }
.d-md-inline-flex { display: inline-flex!important; }
.justify-md-content-start { justify-content: start!important; }
.justify-md-content-center { justify-content: center!important; }
.justify-md-content-between { justify-content: space-between!important; }
.justify-md-content-end {  justify-content: flex-end!important; } 
.align-md-items-start { align-items: flex-start!important; }
.align-md-items-center { align-items: center!important; }
.align-md-items-end { align-items: flex-end!important; }
.order-md-1 { order: 1; }
.order-md-2 { order: 2; }
.order-md-3 { order: 3; }
.order-md-4 { order: 4; }
.order-md-5 { order: 5; }
}
@media (min-width: 992px) {
.d-lg-none { display: none!important; }
.d-lg-block { display: block!important; }
.d-lg-inline-block { display: inline-block!important; }
.d-lg-flex { display: flex!important; }
.d-lg-inline-flex { display: inline-flex!important; }
.justify-lg-content-start { justify-content: start!important; }
.justify-lg-content-center { justify-content: center!important; }
.justify-lg-content-between { justify-content: space-between!important; }
.justify-lg-content-end {  justify-content: flex-end!important; } 
.align-lg-items-start { align-items: flex-start!important; }
.align-lg-items-center { align-items: center!important; }
.align-lg-items-end { align-items: flex-end!important; }
.order-lg-1 { order: 1; }
.order-lg-2 { order: 2; }
.order-lg-3 { order: 3; }
.order-lg-4 { order: 4; }
.order-lg-5 { order: 5; }
}
@media (min-width: 1200px) { 
.d-xl-none { display: none!important; }
.d-xl-block { display: block!important; }
.d-xl-inline-block { display: inline-block!important; }
.d-xl-flex { display: flex!important; }
.d-xl-inline-flex { display: inline-flex!important; }
.justify-xl-content-start { justify-content: start!important; }
.justify-xl-content-center { justify-content: center!important; }
.justify-xl-content-between { justify-content: space-between!important; }
.justify-xl-content-end {  justify-content: flex-end!important; } 
.align-xl-items-start { align-items: flex-start!important; }
.align-xl-items-center { align-items: center!important; }
.align-xl-items-end { align-items: flex-end!important; }
.order-xl-1 { order: 1; }
.order-xl-2 { order: 2; }
.order-xl-3 { order: 3; }
.order-xl-4 { order: 4; }
.order-xl-5 { order: 5; }
}
@media (min-width: 1400px) { 
.d-xxl-none { display: none!important; }
.d-xxl-block { display: block!important; }
.d-xxl-inline-block { display: inline-block!important; }
.d-xxl-flex { display: flex!important; }
.d-xxl-inline-flex { display: inline-flex!important; }
.justify-xxl-content-start { justify-content: start!important; }
.justify-xxl-content-center { justify-content: center!important; }
.justify-xxl-content-between { justify-content: space-between!important; }
.justify-xxl-content-end {  justify-content: flex-end!important; } 
.align-xxl-items-start { align-items: flex-start!important; }
.align-xxl-items-center { align-items: center!important; }
.align-xxl-items-end { align-items: flex-end!important; }
.order-xxl-1 { order: 1; }
.order-xxl-2 { order: 2; }
.order-xxl-3 { order: 3; }
.order-xxl-4 { order: 4; }
.order-xxl-5 { order: 5; }
} .if { font-family: "icons"; }
@font-face {
font-display: swap; 
font-family: 'icons';
font-style: normal;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/icons.woff2?49712607) format('woff2');
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-regular.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-italic.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: normal;
font-weight: 600;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-600.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: italic;
font-weight: 600;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-600italic.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-regular.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-italic.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 700;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-700.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 700;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-700italic.woff2) format('woff2'); 
}html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//ideje.hr/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//ideje.hr/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}.post-ratings {
width: 100%;
opacity: 1; }
.post-ratings-loading {
display: none;
height: 16px;
text-align: left;
}
.post-ratings-image {
border: 0;
}
.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
border: 0;
padding: 0;
margin: 0;
}
.post-ratings-text {
}
.post-ratings-comment-author {
font-weight: normal;
font-style: italic;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}