.site-header { height: 60px; position: sticky; top: 0; z-index: 5; background: white; }

.site-header .site-logo { z-index: 3; margin-left: -20px; }

.site-header .site-logo img { padding-top: 0.3em; }

.site-header .page-link { font-size: 15px; font-weight: 500; line-height: 21px; font-style: italic; color: #004fae; padding-top: 20px; padding-bottom: 19px; }

.site-header .page-link.current, .site-header .page-link:hover { background: url(/assets/images/menu_rollover.jpg) top left repeat-x; }

header .main-nav > li:hover, header .lang-nav > li:hover, header .main-nav > li.active, header .lang-nav > li.active { background: url(/assets/images/menu_rollover.jpg) top left repeat-x; }

.dropdown:hover .page-link { background: url(/assets/images/menu_rollover.jpg) top left repeat-x; }

.site-nav { margin-left: -9.1%; }

.site-nav .nav-trigger, .site-nav .menu-icon { display: none; }

.social-icon { width: 70px; }

.social-icon ul { padding-top: 3px; padding-left: 5px; }

.social-icon ul li:first-child { padding-right: 9px; }

.social-icon a { opacity: 1; display: block; width: 28px; height: 28px; padding: 0; text-indent: -9999px; transition: opacity 0.3s; }

.social-icon a:hover { opacity: 0.7; }

nav li a { padding: 5px 15px; }

.social-icon .facebook a { background: url(/assets/images/social/facebook.jpg) no-repeat top left; }

.social-icon .instagram a { background: url(/assets/images/social/icon-instagram.png) no-repeat top left; }

.dropdown { float: left; position: relative; display: block; }

.dropdown-menu { padding-left: 0; display: none; float: left; margin: 0; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 160px; padding: 5px 0; font-size: 15px; background-color: #ffffff; border-radius: 0px; background-clip: padding-box; box-shadow: 4px 4px 0px #0000004d; }

.dropdown-menu > li:hover { background-color: #deeefb; width: 100%; }

.dropdown-menu li a { line-height: 16px; position: relative; white-space: nowrap; display: block; font-style: italic; font-weight: 500; padding: 10px 15px; padding-right: 25px; color: #004394; }

li.dropdown:hover > .dropdown-menu { display: block; }

.site-nav__list li, .trigger__content ul { float: left; }

.lang-nav { display: inline-block; float: none; vertical-align: top; }

.lang-nav li { float: left; }

.lang-nav li a { text-indent: -9999px; box-sizing: border-box; display: inline-block; width: 50px; height: 30px; margin-top: 22px; background-color: transparent !important; }

.lang-nav li.czech a { background: url(/assets/images/lang/lang-cz.png) no-repeat top center; }

.lang-nav li.slovak a { background: url(/assets/images/lang/lang-sk.png) no-repeat top center; }

header .main-nav > li > a, header .lang-nav > li > a { padding: 20px 15px 18px; }

.navbar-nav { margin: 0; padding-left: 0; }

.nav > li > a { display: block; }

body { font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; box-sizing: border-box; margin: 0; padding: 0; }

.container { max-width: 960px; }

html { scroll-behavior: smooth; }

main { min-height: calc(100vh - 60px); }

a { text-decoration: none; }

ul { list-style: none; }

.hi-recipes__logo { width: 33%; height: auto; }

.recipe-list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); column-gap: 10px; row-gap: 10px; }

.recipe-list li { display: block; overflow: hidden; }

.recipe-list li a { width: 100%; height: 100%; display: inline-block; }

.recipe-list li a:hover img { transform: scale(1.1); opacity: 0.8; }

.recipe-list li a span { bottom: 5%; color: white; font-size: 21px; z-index: 2; }

.recipe-list li a img { transition: transform 0.4s ease-out; object-fit: cover; width: 100%; height: 100%; }

.footer { padding-top: 90px; }

.footer .footer-section { background-color: #1c60b5; padding-top: 50px; padding-bottom: 35px; color: #ffffff; }

.footer a { font-size: 22px; color: white; }

.footer a:hover { color: #7098c7; }

.footer:after { content: ""; background: url(/assets/images/ehrmann-logo-footer.png) top center no-repeat; position: absolute; width: 227px; height: 83px; left: 50%; top: 70px; margin-left: -114px; }

footer .footer-section .social-icons .social-links li a { text-align: left; text-indent: -9999px; position: relative; display: inline-block; transform: translate(0, 0); vertical-align: middle; background-image: url(/assets/images/ehrmann-icons.png); }

footer .footer-section .social-icons .social-links li a[title="Facebook"] { background-position: -166px -333px; width: 62px; height: 62px; }

footer .footer-section .social-icons .social-links li a[title="Instagram"] { background-position: -328px -333px; width: 62px; height: 62px; }

.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; font-size: 14px; }

.footer-links { margin: 0; padding-left: 0; float: none; display: inline-block; text-align: center; }

.footer-links a { font-size: 14px; padding: 0 10px; }

.footer-links li { display: inline; }

.footer-links li:hover a { text-decoration: underline; color: white; }

.footer-links li:not(:last-child) a { border-right: 1px solid #ffffff; }

.billboard img { width: 100%; height: auto; display: block; }

.mobile-links { display: none; }

@media (max-width: 991.98px) { .site-nav { margin-left: -11.7%; } .container { max-width: 740px; } header .nav > li > a { padding-left: 7px; padding-right: 7px; } }

@media screen and (max-width: 767.98px) { .hi-recipes__logo { width: 100%; } .site-header .site-logo { margin-left: 8px; } .site-header .social-icon { margin-right: 4rem; margin-top: 0.6rem; } .site-header .lang-nav { padding-left: 0 !important; } .site-header .lang-nav li:before { position: absolute; font-size: 15px; font-weight: 500; line-height: 21px; font-style: italic; top: 5px; left: 20px; color: #004fae; } .site-header .lang-nav li a { background: none; margin: 0; display: inline-block; } .site-header .mobile-links { display: block; background: #004394; } .site-header .mobile-links .page-link { color: white; } .site-header .mobile-links .page-link:hover { background: none; } .trigger__content li { border-bottom: 1px solid #eeeeee; width: 100%; } .trigger__content ul { clear: both; width: 100%; padding-left: 0; } .trigger__content ul li a { display: inline-block; line-height: 35px; line-height: 21px; padding: 10px 20px; width: 100%; text-align: left; padding-top: 10px !important; padding-bottom: 10px !important; } .trigger__content ul li.czech:before { content: "CZ"; } .trigger__content ul li.slovak:before { content: "SK"; } .site-nav { position: absolute; top: 0; right: 0px; padding-top: 25px; padding-right: 15px; text-align: right; z-index: 2; } li.dropdown:hover > .dropdown-menu { display: none; } .site-nav input ~ .trigger { position: absolute; clear: both; max-height: 0; height: auto; transition: height 0.6s ease-out; overflow: hidden; background-color: white; top: 60px; box-sizing: border-box; right: 0; padding-left: 1rem; width: calc(100vw); box-shadow: 0 3px 2px #0000004d; } .site-nav input ~ .trigger .trigger__content { display: flex; align-items: start; justify-content: flex-start; flex-direction: column; } .site-nav input:checked ~ .trigger { transition: all 0.6s ease-out; max-height: 500px; padding-left: 0; } .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; } .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; } .site-nav .menu-icon > svg { fill: #004394; } .recipe-list { grid-template-columns: 1fr; grid-template-rows: 1fr; } .recipes-detail { flex-direction: column; text-align: start; } .recipes-detail .recipes-detail__col { width: 100% !important; } .recipes-detail .recipes-detail__col blockquote { margin: 0; } .recipes-detail .recipes-detail__col h2, .recipes-detail .recipes-detail__col ul { padding-left: 0 !important; } }

.main-container { margin: 180px auto; text-align: center; }

.container--lg { max-width: 1157px; margin-right: auto; margin-left: auto; }

.container--sm { max-width: 710px; margin: auto; }

.container--md { max-width: 871px; margin: auto; }

.flex { display: flex; }

.grid { display: grid; }

.flex-row { flex-direction: row; }

.flex-column { flex-direction: column; }

.absolute { position: absolute; }

.relative { position: relative; }

.direction-column { flex-direction: column; }

.align-baseline { align-items: baseline; }

.align-center { align-items: center; }

.align-end { align-items: end; }

.align-start { align-items: start; }

.align-stretch { align-items: stretch; }

.block { display: block; }

.justify-between { justify-content: space-between; }

.m-auto { margin: auto; }

.justify-center { justify-content: center; }

.justify-end { justify-content: flex-end; }

.justify-space-around { justify-content: space-around; }

.justify-space-between { justify-content: space-between; }

.w-100 { width: 100%; }

.w-60 { width: 60%; }

.w-70 { width: 70%; }

.w-50 { width: 50%; }

.w-40 { width: 40%; }

.w-80 { width: 80%; }

.h-100 { height: 100%; }

.ml-auto { margin-left: auto; }

.mr-auto { margin-right: auto; }

.m-auto { margin: 0 auto; }

.m--2 { margin: -0.5em; }

.m--1 { margin: -0.25em; }

.m-0 { margin: 0; }

.p-0 { padding: 0; }

.m-1 { margin: 0.25em; }

.p-1 { padding: 0.25em; }

.m-2 { margin: 0.5em; }

.p-2 { padding: 0.5em; }

.m-3 { margin: 0.75em; }

.p-3 { padding: 0.75em; }

.m-4 { margin: 1em; }

.p-4 { padding: 1em; }

.m-5 { margin: 1.25em; }

.p-5 { padding: 1.25em; }

.m-6 { margin: 1.5em; }

.p-6 { padding: 1.5em; }

.m-7 { margin: 1.75em; }

.p-7 { padding: 1.75em; }

.m-8 { margin: 2em; }

.p-8 { padding: 2em; }

.m-9 { margin: 2.25em; }

.p-9 { padding: 2.25em; }

.m-10 { margin: 2.5em; }

.p-10 { padding: 2.5em; }

.m-b--2 { margin-bottom: -0.5em; }

.m-b--1 { margin-bottom: -0.25em; }

.m-b-0 { margin-bottom: 0; }

.p-b-0 { padding-bottom: 0; }

.m-b-1 { margin-bottom: 0.25em; }

.p-b-1 { padding-bottom: 0.25em; }

.m-b-2 { margin-bottom: 0.5em; }

.p-b-2 { padding-bottom: 0.5em; }

.m-b-3 { margin-bottom: 0.75em; }

.p-b-3 { padding-bottom: 0.75em; }

.m-b-4 { margin-bottom: 1em; }

.p-b-4 { padding-bottom: 1em; }

.m-b-5 { margin-bottom: 1.25em; }

.p-b-5 { padding-bottom: 1.25em; }

.m-b-6 { margin-bottom: 1.5em; }

.p-b-6 { padding-bottom: 1.5em; }

.m-b-7 { margin-bottom: 1.75em; }

.p-b-7 { padding-bottom: 1.75em; }

.m-b-8 { margin-bottom: 2em; }

.p-b-8 { padding-bottom: 2em; }

.m-b-9 { margin-bottom: 2.25em; }

.p-b-9 { padding-bottom: 2.25em; }

.m-b-10 { margin-bottom: 2.5em; }

.p-b-10 { padding-bottom: 2.5em; }

.m-l--2 { margin-left: -0.5em; }

.m-l--1 { margin-left: -0.25em; }

.m-l-0 { margin-left: 0; }

.p-l-0 { padding-left: 0; }

.m-l-1 { margin-left: 0.25em; }

.p-l-1 { padding-left: 0.25em; }

.m-l-2 { margin-left: 0.5em; }

.p-l-2 { padding-left: 0.5em; }

.m-l-3 { margin-left: 0.75em; }

.p-l-3 { padding-left: 0.75em; }

.m-l-4 { margin-left: 1em; }

.p-l-4 { padding-left: 1em; }

.m-l-5 { margin-left: 1.25em; }

.p-l-5 { padding-left: 1.25em; }

.m-l-6 { margin-left: 1.5em; }

.p-l-6 { padding-left: 1.5em; }

.m-l-7 { margin-left: 1.75em; }

.p-l-7 { padding-left: 1.75em; }

.m-l-8 { margin-left: 2em; }

.p-l-8 { padding-left: 2em; }

.m-l-9 { margin-left: 2.25em; }

.p-l-9 { padding-left: 2.25em; }

.m-l-10 { margin-left: 2.5em; }

.p-l-10 { padding-left: 2.5em; }

.m-r--2 { margin-right: -0.5em; }

.m-r--1 { margin-right: -0.25em; }

.m-r-0 { margin-right: 0; }

.p-r-0 { padding-right: 0; }

.m-r-1 { margin-right: 0.25em; }

.p-r-1 { padding-right: 0.25em; }

.m-r-2 { margin-right: 0.5em; }

.p-r-2 { padding-right: 0.5em; }

.m-r-3 { margin-right: 0.75em; }

.p-r-3 { padding-right: 0.75em; }

.m-r-4 { margin-right: 1em; }

.p-r-4 { padding-right: 1em; }

.m-r-5 { margin-right: 1.25em; }

.p-r-5 { padding-right: 1.25em; }

.m-r-6 { margin-right: 1.5em; }

.p-r-6 { padding-right: 1.5em; }

.m-r-7 { margin-right: 1.75em; }

.p-r-7 { padding-right: 1.75em; }

.m-r-8 { margin-right: 2em; }

.p-r-8 { padding-right: 2em; }

.m-r-9 { margin-right: 2.25em; }

.p-r-9 { padding-right: 2.25em; }

.m-r-10 { margin-right: 2.5em; }

.p-r-10 { padding-right: 2.5em; }

.m-t--2 { margin-top: -0.5em; }

.m-t--1 { margin-top: -0.25em; }

.m-t-0 { margin-top: 0; }

.p-t-0 { padding-top: 0; }

.m-t-1 { margin-top: 0.25em; }

.p-t-1 { padding-top: 0.25em; }

.m-t-2 { margin-top: 0.5em; }

.p-t-2 { padding-top: 0.5em; }

.m-t-3 { margin-top: 0.75em; }

.p-t-3 { padding-top: 0.75em; }

.m-t-4 { margin-top: 1em; }

.p-t-4 { padding-top: 1em; }

.m-t-5 { margin-top: 1.25em; }

.p-t-5 { padding-top: 1.25em; }

.m-t-6 { margin-top: 1.5em; }

.p-t-6 { padding-top: 1.5em; }

.m-t-7 { margin-top: 1.75em; }

.p-t-7 { padding-top: 1.75em; }

.m-t-8 { margin-top: 2em; }

.p-t-8 { padding-top: 2em; }

.m-t-9 { margin-top: 2.25em; }

.p-t-9 { padding-top: 2.25em; }

.m-t-10 { margin-top: 2.5em; }

.p-t-10 { padding-top: 2.5em; }

h1 { font-size: 42.5px; font-weight: 500; }

h2 { font-size: 34px; font-weight: 500; }

h3 { font-size: 30px; font-weight: 500; }

h4 { font-size: 24px; font-weight: 300; line-height: 34px; }

h5 { font-size: 20px; font-weight: 400; }

h6 { font-size: 18px; font-weight: 300; }

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

.text-left { text-align: left; }

.text-right { text-align: right; }

.capitalize { text-transform: uppercase; }

.text-blue { color: #004394; }

/*# sourceMappingURL=styles.css.map */