/*========================================================================

	         Handcrafted with love by all the good people of
      ___ _____ _   _ ___ ___ ___    _____   ___  _   _   ___  ___ ___
    / __|_   _| | | |   \_ _/ _ \  / __\ \ / / \| | /_\ | _ \/ __| __|
    \__ \ | | | |_| | |) | | (_) | \__ \\ V /| .` |/ _ \|  _/\__ \ _|
    |___/ |_|  \___/|___/___\___/  |___/ |_| |_|\_/_/ \_\_|  |___/___|

                         www.studiosynapse.cz
 
/*========================================================================


/* ********************************************** */
/* ********************************************** */
/* -----  RESPONSIVE Design  ----------------------- */
/* ********************************************** */
/* ********************************************** */


/* =========================================================== */
/* -----  Big screens >1600 px  ------------------------------ */
@media screen and (min-width: 1600px) {
.ultramagic-cover { --items-scale:1;}
.aktivity-mapa .mapa-thumbnails { grid-template-columns:repeat(auto-fill, minmax(10vw, 1fr));}
}


/* =========================================================== */
/* -----  Big screens <1500 px  ------------------------------ */
@media screen and (max-width: 1480px) {
/* -----  cover  ------------------------------ */
/* .ultramagic-cover-container { --items-scale:0.8;} */
.ultramagic-cover { --items-scale:0.8;}
}


/* =========================================================== */
/* -----  Landscape Tablets 1330 px  ------------------------------ */
@media screen and (max-width: 1330px) {
/* -----  Mouky katalog NewDesign  ------------------------------ */
.catalogue-mouky .catalogue-grid-new { text-align:center; width:97%;}
.catalogue-grid-new .catalogue-segment { padding-bottom:24px;}
.catalogue-grid-new .catalogue-segment .category { float:none; position:relative; z-index:3; max-width:112px; max-height:112px; margin:8px auto -16px;}
}

/* =========================================================== */
/* -----  Landscape Tablets 1200 px  ------------------------------ */
@media screen and (max-width: 1200px) {
/* -----  carousel  ------------------------------ */
.magic-carousel-slide.active.peekright { transform:translate(0px,0px);}
.magic-carousel-slide.active.peekleft { transform:translate(0px,0px);}
/* -----  cover  ------------------------------ */
/* .ultramagic-cover-container { transform:scale(0.75);} */
.ultramagic-cover { --items-scale:0.75;}
/* -----  stamp  ------------------------------ */
.article-mouka .article-title .image-stamp { width:128px; height:128px; top:-16px; right:-32px;}
.article-mouka .article-title .image-stamp:nth-of-type(2) { top:72px; right:-34px;}
.article-mouka .article-title .image-stamp:nth-of-type(3) { top:160px; right:-36px;}
/* -----  aktivity  ------------------------------ */
.aktivity.aktivity-menu .menu-content { gap:24px 2%;}
.aktivity.aktivity-menu .menu-content .one-item { width:48vw;}
.aktivity-detail .detail-headline { top:-104px; left:-128px; width:640px; height:auto; aspect-ratio:1 / 1;}
.detail-headline span { }
.detail-headline h1 { margin:.15em 20% .5em;}
.aktivity-detail .detail-text { width:600px; height:480px;}
.aktivity-detail .detail-text p { font-size:1rem;}
.aktivity-detail .detail-headline.color-03 .eyecandy-image { --items-scale:0.5 !important;}
.aktivity.aktivity-texty .texty-content { gap:0 6%;}
.aktivity.aktivity-texty .texty-content .one-item { width:40vw; min-width:300px;}
.aktivity.aktivity-texty .texty-content .one-item.wider { width:80vw; min-width:300px;}
}

/* =========================================================== */
/* -----  Portait Tablets < 1000 px  ------------------------------ */
@media screen and (max-width: 1000px) {
body.tag-velikonoce #theSkin,
body.tag-velka-noc #theSkin { background-size:100vw auto;}
/* -----  main menu  ------------------------------ */
.main-menu li { font-size:0.875em;}
.main-menu li.current-menu-item,
.main-menu li.current-category-ancestor,
.main-menu li.current-post-ancestor { font-size:1em;}
/* -----  addon menu  ------------------------------ */
#addon { z-index:1150; top:auto; bottom:24px; transform:translate(-50%,50px);}
.scrolled #addon { z-index:1150; opacity:1; transform:translate(-50%,0px);}
.addon-menu li { /*margin:0 0.25em;*/}
/* -----  encyklopedie menu  ------------------------------ */
.encyklopedie-menu { text-align:center; margin:0.75em auto 0.25em;}
.encyklopedie-menu li { display:inline-block; vertical-align:middle;margin:0 0.5em;}
.encyklopedie-menu li a { padding:0.75em 0; text-align:center;}
/* -----  blog menu  ------------------------------ */
.blog-menu { text-align:center; margin:0.75em auto 0.25em;}
.blog-menu li { display:inline-block; vertical-align:middle;margin:0 0.5em;}
.blog-menu li a { padding:0.75em 0; text-align:center;}
/* -----  article menu  ------------------------------ */
.article-menu { text-align:center; font-size:0.875em;}
.article-menu .encyklopedie-menu { display:inline-block; margin:0.5em 0 0.25em 0; vertical-align:middle;}
.article-menu .encyklopedie-menu li { display:inline-block; margin:0 0.5em;}
.article-menu .blog-menu { display:inline-block; margin:0.5em 0 0.25em 0; vertical-align:middle;}
.article-menu .blog-menu li { display:inline-block; margin:0 0.5em !important;}
.article-menu span { display:inline-block; text-align:center; font-size:1.5em; margin-right:1em; vertical-align:middle;}
/* -----  carousel  ------------------------------ */
.slide.carousel { height:85vh;}
.magic-carousel { height:85vh;}
.magic-carousel-slide { height:85vh;}
.megaimagebcg .imgcontainer.desktoponly { display:none;}
.megaimagebcg .imgcontainer.mobileonly { display:block;}
.magic-carousel-container h1 { }
.magic-carousel-controls { margin-top:-85vh;}
.magic-carousel-controls .next { width:80px; height:85vh;}
.magic-carousel-controls .next button { margin-top:calc(42.5vh - 28px);}
.magic-carousel-controls .previous { width:80px; height:85vh;}
.magic-carousel-controls .previous button { margin-top:calc(42.5vh - 28px);}
.magic-carousel-controls .dots { top:85vh;}
/* -----  cover  ------------------------------ */
.ultramagic-cover-controls .next { width:80px;}
.ultramagic-cover-controls .previous { width:80px;}
/* -----  eyecandy  ------------------------------ */
.eyecandy.just-left { left:0px;}
.eyecandy.just-right { right:0px;}
.eyecandy.top-left { top:0px; left:0px;}
.eyecandy.top-right { top:0px; right:0px;}
.eyecandy .eyecandy-image { max-width:300px; max-height:180px;}
.eyecandy.top-left .eyecandy-image { margin:-240px 0 0 -80px;}
.eyecandy.top-left .eyecandy-image.illu-babovka { margin:-140px 0 0 -80px;}
.eyecandy.just-left .eyecandy-image { margin:-50px 0 0 -30px;}
.eyecandy.top-right .eyecandy-image { margin:-240px -80px 0 0;}
.eyecandy.top-right .eyecandy-image.illu-dort { margin-right:-30px;}
.eyecandy.top-right .eyecandy-image.illu-sladky { margin-right:-80px;}
/* -----  mouky  ------------------------------ */
.mouka-item { width:290px; margin:18px 22px;}
.mouka-item .image-part:before { height:290px;}
/* -----  mouky midi  ------------------------------ */
.midi-mouky .mouka-item.novinka:before { top:-4px; left:0px; width:116px; height:90px;}
.midi-mouky .mouka-item.limitka:before { top:-4px; left:0px; width:116px; height:90px;}
.midi-mouky .mouka-item { width:144px; margin:18px 12px 8px;}
.midi-mouky .mouka-item .image-part:before { height:144px;}
.midi-mouky .mouka-item .image-part img { margin:32px auto 0.5em;}
.midi-mouky .mouka-item .image-part .image-stamp { width:64px; height:64px; top:0; right:-12px;}
.midi-mouky .mouka-item .image-part .image-stamp:nth-of-type(2) { top:44px; right:-16px;}
.midi-mouky .mouka-item .image-part .image-stamp:nth-of-type(3) { top:88px; right:-18px;}
/* -----  mouky pidi  ------------------------------ */
.pidi-mouky .mouka-item { width:128px; margin:10px 2% 0 0;}
.pidi-mouky .mouka-item .image-part:before { height:128px; max-height:none !important;}
.pidi-mouky .mouka-item .image-part img { margin:1.25em auto 0.5em;}
.pidi-mouky .mouka-item .title-part h2 { font-size:1.125em; margin:.35em 0 0.15em;}
/* -----  mouky extra  ------------------------------ */
.cat-item { width:290px; margin:0px 24px 60px;}
.cat-item p { width:90%;}
/* -----  catalogue new  ------------------------------ */
.catalogue-grid-new .catalogue-segment { border:3px dotted #d0b39a;}
.catalogue-grid-new .catalogue-segment:hover { border:3px dashed #c39e7e;}
.catalogue-mouky .catalogue-grid-new.big { width:96%;}
.catalogue-grid-new.big .catalogue-segment { border:3px dotted #d0b39a;}
.catalogue-grid-new.big .catalogue-segment:hover { border:3px dashed #c39e7e;}
.catalogue-grid-new.big .catalogue-segment .category { max-width:128px; max-height:128px; margin:24px auto -32px;}
/* -----  recipe hlavni katalog  ------------------------------ */
.catalogue-recipes.main .catalogue-headline { text-align:center;}
.catalogue-recipes.main .catalogue-headline h1 { display:inline-block; margin:0 30px 0.15em 0;}
.catalogue-filters { display:block; margin:10px auto 0; text-align:center;}
.catalogue-recipes.main .tagcloud { display:block; float:none; text-align:center; width:auto; margin:20px 5% 5px; font-size:0.6em;}
.catalogue-recipes.main .tagcloud a { margin:1px 1px;}
.catalogue-recipes.main .tagcloud.full {margin:5px 5% 5px; font-size:0.75em;}
/* -----  encyklopedie  ------------------------------ */
.catalogue-encyklopedie { width:95%;}
.catalogue-encyklopedie .side-column { float:none; width:auto; margin:0;}
.catalogue-encyklopedie .catalogue-headline h1 { margin:0 0 0.15em; text-align:center;}
.catalogue-encyklopedie .catalogue-grid h1.mega { display:none;}
.catalogue-encyklopedie .catalogue-grid { width:auto;}
.article-item { width:95vw; height:170px; min-height:170px; margin:12px 0;}
/* -----  blog  ------------------------------ */
.catalogue-blog { width:95%;}
.catalogue-blog .side-column { float:none; width:auto; margin:0;}
.catalogue-blog .catalogue-headline h1 { margin:0 0 0.15em; text-align:center;}
.catalogue-blog .catalogue-grid h1.mega { display:none;}
.catalogue-blog .catalogue-grid { width:auto; margin:0 auto;}
.blog-item { display:inline-block; width:90vw; height:232px; min-height:232px; margin:12px 0 22px;}
.blog-item .title-part { padding:1px 348px 1px 30px; min-height:230px;}
/* -----  stripe video  ------------------------------ */
.stripe-youtube .intro { float:none; width:auto; text-align:center;}
.stripe-youtube .intro h1 { text-align:center; margin:0 0 0.25em;}
/* -----  pagination  ------------------------------ */
.pagination a { font-size:0.75em;}
/* -----  article mouka  ------------------------------ */
.article-mouka:before { width:70vw; height:70vw; left:15vw; top:60px;}
.article-mouka .article-title { display:block; position:relative; width:420px; margin:0 auto; left:0;}
.article-mouka .article-title .mouka-image { width:34vw;}
.article-mouka .article-info { float:none; width:80%; margin:80px auto 40px;}
.article-mouka .article-aside { float:none; width:90%; margin:0 auto 0;}
.article-mouka .article-aside .block { width:40%;}
.article-mouka .article-aside .block.small { width:40%;}
.article-mouka.newdesign .article-aside { text-align:center;}
.article-mouka.newdesign .article-aside .category { display:inline-block; float:none; max-width:112px; max-height:112px; margin:0 16px;}
.article-mouka.newdesign .article-aside .mainicon { display:inline-block; float:none; left:0; margin:0 16px; max-width:80px; max-height:80px;}
.article-mouka.newdesign .article-aside .block { width:60%;}
.article-mouka.newdesign .article-aside .block:nth-of-type(odd) { left:24px;}
.article-mouka.newdesign .article-aside .block:nth-of-type(even) { left:-24px;}
.article-mouka-more .article-mainpart .content { float:none; width:60%; margin:3em auto 0;}
.article-mouka-more .article-mainpart .image { float:none; width:60%; margin:0 auto;}
.article-mouka-more .article-mainpart .image .pngshadow { position:static !important; transform:none !important;}
.article-mouka-more.newdesign .article-mainpart .content { float:none; width:60%; margin:3em auto 0;}
.article-mouka-more.newdesign .article-mainpart .image { float:none; width:60%; margin:0 auto;}
.article-mouka-recenze { margin-top:0; margin-bottom:80px;}
.article-mouka-hodnoty { margin-top:0;}
.article-mouka-hodnoty .hodnoty-table { width:98%; padding:30px 0;}
.article-mouka-hodnoty .hodnoty-table .block { width:25%; margin:16px 2%;}
.article-mouka-hodnoty.newdesign .hodnoty-table { padding:0;}
/* -----  article recipe  ------------------------------ */
.article-recipe .article-title { text-align:center;}
.article-recipe .article-title h1 { display:block; text-align:center; margin:0 5% 0 5%;}
.article-recipe .article-title h1 span { float:none; margin:-16px auto 0 auto;}
.article-recipe .article-title .tag { margin:8px 1px 0 1px;}
.article-recipe .article-info { text-align:center; margin:14px auto 15px;}
.article-recipe .article-info .moreinfo { display:inline; margin:0;}
.article-recipe .article-info .moreinfo i { margin:0 1em;}
.article-recipe .article-info .moreinfo b { margin:0;}
.article-recipe .article-image { float:none; width:70vw; margin:0 auto;}
.article-recipe .article-aside { float:right; width:24%; margin:0px 8% 0 0;}
.article-recipe .article-mainpart { float:left; width:54%; margin:0px 0 0 8%;}
.article-recipe.video .article-section { width:84%; margin:50px auto 0;}
/* -----  recipe newwave  ------------------------------ */
.recipe-bigbox { flex-direction:column-reverse; height:auto; max-height:none;}
.article-recipe-header .recipe-image,
.recipe-info { flex:auto;}
.article-recipe-header .recipe-image { /*aspect-ratio:3 / 2.125;*/ height:65vh;}
.recipe-info { padding:48px 0 48px; gap:40px; }
/* -----  aktivity  ------------------------------ */
.aktivity.aktivity-menu.withdivider .menu-content { border-top:3px dotted #d0b39a; padding-top:24px;}
.aktivity-detail { flex-direction:column; align-items:center; align-content:center;}
.aktivity-detail .detail-headline { left:auto; width:105vw; max-width:640px;}
.aktivity-detail .detail-text { position:relative; right:auto; margin:-64px 0 0; width:140vw; height:auto; max-width:600px; aspect-ratio:716 / 580;}
.aktivity.aktivity-texty .texty-content { margin-bottom:64px;}
.detail-headline span { }
.detail-headline h1 { margin:.15em 15% .5em;}
/* -----  article encyklopedie  ------------------------------ */
.article-encyklopedie { max-width:1200px;}
.article-encyklopedie .side-column { float:none; width:90%; margin:0 auto;}
.article-encyklopedie .side-column .article-image { margin:0 auto 0;}
.article-encyklopedie .side-column .the-image { width:33.3vw; margin:0 auto;}
.article-encyklopedie .article-column { width:75%; margin:0 auto;}
.article-encyklopedie.blog .side-column { float:none; width:90%; margin:0 auto;}
.article-encyklopedie.blog .side-column .article-image { margin:0 auto 0;}
.article-encyklopedie.blog .article-column { width:75%; margin:0 auto;}
.article-encyklopedie .article-mainpart blockquote { margin:2.5em -10%;}
.article-encyklopedie .article-mainpart blockquote p { max-width:80%;}
.article-mainpart table { width:110%; margin:2em -5% 4em;}
/* -----  instagram  ------------------------------ */
.gallery-instagram .gallery-grid { grid-template-columns:repeat(4, 1fr); gap:8px;}
/* -----  footer  ------------------------------ */
#footer .slide-inside { width:92%;}
#footer .slide-inside > a { display:block; clear:both; padding-top:1px;}
#footerLogo { margin:50px auto 10px;}
/* -----  footer GoodMills  ------------------------------ */
.footer-goodmills .slide-inside { padding:70px 0 200px; width:90%;}
.footer-goodmills .goodmills-logo { display:block; float:none; width:160px; margin:0 auto 50px;}
.footer-goodmills .footer-menu { float:none; text-align:center;}
.footer-goodmills .footer-menu ul { float:none; text-align:center;}
/* -----  special  ------------------------------ */
#specialButton { padding:20px 20px 70px 24px;}
/* -----  GDPR Box  ------------------------------ */
.scrolled #gdprBox { padding:18px 0 72px;}
/* -----  videobox  ------------------------------ */
#theVideoBox.video-wide { border-radius:var(--box-radius-s); width:99vw; max-width:calc(99vh * 1.77778); aspect-ratio:16 / 9;}
}


/* =========================================================== */
/* -----  Portait Small Tablets and Big Phones 600 px  ------------------------------ */
@media screen and (max-width: 600px) {
body, table, ul, input, select, textarea, label { /*font-size:88%;*/}
body.tag-velikonoce #theSkin,
body.tag-velka-noc #theSkin,
body.tag-leto #theSkin,
body.tag-leto-sk #theSkin { background-attachment:scroll;}
/* -----  menu  ------------------------------ */
.main-menu { display:none;}
/* -----  addon menu  ------------------------------ */
.isloaded #addon { z-index:1150; opacity:1; transform:translate(0px,0px);}
/* -----  cover  ------------------------------ */
/* #theStuff { overflow:hidden;} */
/* -----  cover  ------------------------------ */
.ultramagic-cover { --items-scale:0.5;}
.ultramagic-cover .letni-soutez-2026 { --items-scale:1;}
.ultramagic-cover-container h1 { width:75%;}
/* pozicovane prvky coveru: mobilni hodnoty --m-*, kdyz chybi, plati desktopove */
.cover-pos { position:var(--m-pos, var(--pos, absolute)); left:var(--m-left, var(--left, auto)); right:var(--m-right, var(--right, auto)); top:var(--m-top, var(--top, auto)); bottom:var(--m-bottom, var(--bottom, auto)); width:var(--m-w, var(--w, auto)); min-width:var(--m-min-w, var(--min-w, 0)); max-width:var(--m-max-w, var(--max-w, none)); z-index:var(--m-z, var(--z, auto));}
/* -----  mouky  ------------------------------ */
.mouka-item { width:256px; margin:14px 10px;}
.mouka-item .image-part:before { height:256px;}
.pidipidi-mouky .shop-item { width:30%; margin:2em 0 .5em;}
/* -----  mouky extra  ------------------------------ */
.cat-item { width:256px; margin:0px 10px 48px;}
.cat-item p { width:90%;}
/* -----  recipes  ------------------------------ */
.recipe-item { width:256px; margin:14px 10px;}
/* -----  carousel  ------------------------------ */
.slide.carousel { height:64vh;}
.magic-carousel { height:64vh;}
.magic-carousel-slide { height:64vh;}
.magic-carousel:before { height:56px;}
.magic-carousel:after { height:64px;}
.magic-carousel-controls { margin-top:-64vh;}
.magic-carousel-controls .next { height:64vh;}
.magic-carousel-controls .next button { margin-top:calc(32vh - 28px);}
.magic-carousel-controls .previous { height:64vh;}
.magic-carousel-controls .previous button { margin-top:calc(32vh - 28px);}
.magic-carousel-controls .dots { top:68vh;}
/* -----  stripe video  ------------------------------ */
.stripe-youtube .content { width:98vw;}
.stripe-youtube .intro { margin:0 auto 40px;}
.stripe-youtube .stripe-video { float:none; position:relative; width:100%; margin:20px auto 0;}
.stripe-youtube .stripe-video:nth-of-type(odd) { float:none;}
.stripe-youtube .stripe-video .videoplayer { width:100%; height:55.25vw;}
.stripe-youtube .stripe-video.center .videoplayer { width:100%; height:55.25vw;}
/* -----  cover Video  ------------------------------ */
.stripe-video-cover:before { height:24px;}
.stripe-video-cover:after { height:24px;}
/* -----  article  ------------------------------ */
.article-encyklopedie .article-mainpart p img.alignnone { width:120%; margin:3em -10%;}
.article-mouka.newdesign .article-aside .block { width:72%;}
.article-mouka.newdesign .article-aside .block:nth-of-type(odd) { left:0;}
.article-mouka.newdesign .article-aside .block:nth-of-type(even) { left:0;}
.article-mouka-hodnoty.newdesign .hodnoty-table .block { min-width:25%;}
/* -----  aktivity  ------------------------------ */
.aktivity-detail .detail-headline { top:-48px;}
.aktivity-detail .detail-text::before { right:140px; top:-8px; width:48px; height:66px;}
.aktivity-detail .detail-text p { font-size:1rem;}
.aktivity-mapa .mapa-detail-card h2 { }
.aktivity-mapa .mapa-detail-card h3 { margin:0 0 0.35em;}
.aktivity-mapa .mapa-thumbnails { grid-template-columns:repeat(auto-fill, minmax(16vw, 1fr)); gap:3px;}
/* -----  video  ------------------------------ */
.one-video { margin:24px auto 0;}
.one-video video { aspect-ratio:8 / 9;}
/* -----  instagram  ------------------------------ */
.gallery-instagram .gallery-grid { grid-template-columns:repeat(3, 1fr); gap:6px;}
/* -----  footer  ------------------------------ */
#footerLogo { width:80vw; margin:0 auto 40px;}
#footer h1 { text-align:center;}
#footer p { margin:0.5em auto; max-width:none;}
.footer-contacts { float:none; width:90%; margin:0.75em auto 4em; text-align:center;}
.footer-contacts .buttons { text-align:center; margin:2em 0;}
/* .footer-contacts .buttons .button { margin-right:0;} */
/* .footer-facebook { float:none; width:320px; margin:0.75em auto; text-align:center;} */
/* .footer-facebook { display:none;} */
/* -----  newsletter popup  ------------------------------ */
#theNewsletterBox.newsletter { left:2.5%; margin-left:0;}
#theNewsletterBox.newsletter.mouky { width:95%; min-width:auto;}
/* -----  special  ------------------------------ */
#specialButton { padding:20px 20px 57px 24px;}
/* -----  GDPR Box  ------------------------------ */
.isloaded #gdprBox { padding:18px 0 64px;}
#gdprBox { width:90vw; left:5vw; margin-left:0; padding:18px 0 64px;}
.scrolled #gdprBox { padding:18px 0 64px;}
#gdprBox img { width:64px; margin:2px 14px 0 20px;}
#gdprBox .button.tiny { margin:5px 20px 0 0;}
#gdprBox span { width:330px;}
/* -----  eyecandy  ------------------------------ */
.eyecandy { display:none;}

}


/* =========================================================== */
/* -----  Portait Phones in general 450 px  ------------------------------ */
@media screen and (max-width: 450px) {
/* -----  menu  ------------------------------ */
:root {
	/* --- Typography --- */
	--text-xs:0.5rem;
	--text-s:0.625rem;
	--text-sm:0.75rem;
	--text-m:1rem;
	--text-mml:1rem;
	--text-ml:1.0625rem;
	--text-mll:1.125rem;
	--text-l:1.2rem;
	--text-xl:1.275rem;
	--text-2xl:1.375rem;
	--text-3xl:1.5rem;
	--text-4xl:1.75rem;
	--text-5xl:2rem;
	--text-6xl:2.3725rem;
	--text-7xl:2.75rem;
}
/* -----  menu  ------------------------------ */
#addon { display:block; opacity:0; position:fixed; left:0; bottom:0; margin:0; padding:0; width:100%; height:0px; z-index:0; background:#fff; background:rgba(255,255,255,0);
	transition:all 0.15s ease-out;}
.mobilemenu-on #addon { display:block; opacity:1; height:100dvh; z-index:1200; background:rgba(255,255,255,0.98);}
/* .mobilemenu-on #theStuff { filter:blur(5px);} -- vypnuto kvuli INP: rozmazani cele stranky stalo ~100 ms pri otevreni menu a pod 98% kryci vrstvou #addon neni videt */
#addon .menu-container { position:relative; display:table; width:100%; height:100%; margin:0 auto;}
#addon .menu-container ul.addon-menu { display:table-cell; position:relative; left:auto; top:auto; width:100%; z-index:1100; margin:0 auto; vertical-align:middle; text-align:center;}
#addon ul.addon-menu li { list-style-type:none; display:block; clear:both; text-align:center;}
#addon ul.addon-menu li a { display:inline-block; float:none; font-size:1.5em; line-height:1em; padding:0.48em 0.55em 0.51em; margin:0 auto 0.75em;}
/* -----  menu switch epic  ------------------------------ */
#theMenuSwitch { position:fixed; right:4vw; bottom:6vw; display:flex; flex-direction:column; justify-content:center; align-items:center; width:80px; height:80px; z-index:1250; background-color:#492300; color:#fff; border-radius:50%; font-weight:bold; transition:all 0.25s; box-shadow:8px 20px 30px -13px rgba(137,64,2,0.5);}
#theMenuSwitch::after { content:"Menu"; display:block; position:relative; top:14px; font-family:'Poppins', Arial, Helvetica, sans-serif; font-weight:500; font-size:0.75rem;}
#theMenuSwitch i { display:none;}
#theMenuSwitch span { display:block; position:relative; width:24px; height:2px; margin-top:2px; background-color:#fff; border-radius:3px; transition:all 0.15s;}
#theMenuSwitch span::before { content:""; display:block; position:relative; width:24px; height:2px; top:-7px; background-color:#fff; border-radius:3px; transition:all 0.25s;}
#theMenuSwitch span::after { content:""; display:block; position:relative; width:24px; height:2px; top:5px; background-color:#fff; border-radius:3px; transition:all 0.25s;}
#theMenuSwitch:active { background-color:var(--color-gm-white-transparent); color:var(--color-gm-almost-black);}
#theMenuSwitch:active span { background-color:var(--color-gm-white-transparent);}
#theMenuSwitch:active span::before { background-color:var(--color-gm-white-transparent);}
#theMenuSwitch:active span::after { background-color:var(--color-gm-white-transparent);}
.mobilemenu-on #theMenuSwitch { background-color:#f9f4ed; color:#492300; box-shadow:2px 5px 10px -13px rgba(137,64,2,0.15);}
.mobilemenu-on #theMenuSwitch::after { content:"Pryč";}
.mobilemenu-on #theMenuSwitch span { background-color:#f9f4ed;}
.mobilemenu-on #theMenuSwitch span::before { top:0px; transform:rotate(45deg); background-color:#492300;}
.mobilemenu-on #theMenuSwitch span::after { top:-2px; transform:rotate(-45deg); background-color:#492300;}
/* -----  buttons  ------------------------------ */
.button.huge { font-size:1rem;}
.question { width:96%;}
.question span { height:100%; aspect-ratio:auto; width:3.5em;}
/* -----  encyklopedie menu  ------------------------------ */
.encyklopedie-menu { margin:0 auto 25px;}
.encyklopedie-menu li a { padding:0.5em 0;}
/* -----  blog menu  ------------------------------ */
.blog-menu { margin:0 auto 25px;}
.blog-menu li a { padding:0.5em 0;}
/* -----  common basics  ------------------------------ */
.slide { margin:40px auto 40px;}
.slide.first { margin-top:10px;}
.slide h1.bigger { margin:0.5em 5% 0.5em;}
.newsletter h1.bigger { margin:0.5em 5% 0.5em;}
/* -----  carousel  ------------------------------ */
.magic-carousel-container h1 { }
.magic-carousel-controls .next { width:44px;}
.magic-carousel-controls .previous { width:44px; left:-12px;}
.magic-carousel-controls .dots .dot { width:36px; height:6px; margin:0 2px;}
.magic-carousel-controls .dots .dot i { height:6px; max-width:36px !important;}
/* -----  cover  ------------------------------ */
.ultramagic-cover { height:74vh;}
.ultramagic-cover:before { height:80px;}
.ultramagic-cover:after { height:80px;}
.ultramagic-cover-eyecandy { --items-scale:0.4;}
.ultramagic-cover-eyecandy .eyecandy-image.top-left { --offset-left:-80px !important; --offset-top:-60px !important;}
.ultramagic-cover-eyecandy .eyecandy-image.top-right { --offset-left:110px !important; --offset-top:-80px !important;}
.ultramagic-cover-eyecandy .eyecandy-image.bottom-left { --offset-left:-120px !important; --offset-top:100px !important;}
.ultramagic-cover-eyecandy .eyecandy-image.bottom-right { --offset-left:70px !important; --offset-top:60px !important;}
.ultramagic-cover-controls .next { width:44px;}
.ultramagic-cover-controls .next button { margin-top:calc(max(37vh, 21vw) - 28px);}
.ultramagic-cover-controls .previous { width:44px; left:-12px;}
.ultramagic-cover-controls .previous button { margin-top:calc(max(37vh, 21vw) - 28px);}
/* -----  vanoce  ------------------------------ */
.ultramagic-cover-container.vanocni-soutez-2026 { padding:0 0 18vh 0; transform:none; overflow:hidden;}
.ultramagic-cover-container.vanocni-soutez-2026.flexdown { justify-content:center;}
.ultramagic-cover-container.vanocni-soutez-2026 h1 { width:90%;}
.ultramagic-cover-button.vanocni-soutez-2026 { bottom:12%;}
/* -----  fancystripe (marquee handles its own layout; see screen.css)  ------------------------------ */
/* .fancy-item img { -webkit-filter:drop-shadow(2px 12px 15px rgba(137,64,2,0.4)); filter:drop-shadow(2px 12px 15px rgba(137,64,2,0.4));} */
/* -----  love  ------------------------------ */
.love { margin:6px 0 0 8px; width:42px; height:40px;}
.love.small { width:30px; height:32px;}
.love.large { width:56px; height:50px;}
/* -----  recipes  ------------------------------ */
.recipe-item { width:47vw; margin:8px 0.5vw; border-radius:8px 24px 8px 8px;}
.recipe-item .image-part .linked:before { height:48px;}
.recipe-item .image-part .linked img { width:36px; margin:0 8px 8px 12px;}
.recipe-item .title-part { padding:1px 14px 1px 14px; min-height:0;}
.recipe-item .title-part .moreinfo { display:none; font-size:var(--text-s);}
.recipe-item .title-part .moreinfo i { /*display:block;*/}
.recipe-item .title-part h2 { font-size:var(--text-mll); margin:0.25em 0 0.75em; min-height:82px;}
.recipe-item .title-part .linked { top:-56px;}
.recipe-item .title-part .linked img { width:32px; margin:0 8px 8px 12px;}
.recipe-item.video .image-part:after { left:13vw; bottom:17vw;}
.recipe-item.bio .title-part h3 { width:32px; height:32px; bottom:2px; right:2px;}
.recipe-item.ytshort { width:46vw; margin:8px 0.75vw;}
.recipe-item.ytshort .image-part { float:none; width:auto;}
.recipe-item.ytshort .title-part { display:block; float:none; padding:14px 14px 12px 14px; min-height:auto; width:auto;}
.recipe-item.ytshort .title-part h2 { margin:0 auto; text-align:center;}
.recipe-item.ytshort .buttons-part { position:relative; width:auto; text-align:center; padding-bottom:8px;}
.recipe-item.ytshort .buttons-part .button { width:124px; padding:0.55em 0; margin:3px 0;}
.recipe-item.ytshort .buttons-part .button b:after{ }
.recipe-item.ytshort.video .image-part:after { left:13vw; bottom:28vw;}
/* -----  recipe newwave  ------------------------------ */
.article-recipe-header h1 { padding:0 5% 24px;}
.recipe-bigbox { width:98%; border-radius:32px 56px 32px 32px;}
.article-recipe-header .recipe-image { height:48vh;}
.recipe-info { padding:40px 0 32px; gap:32px; }
.article-recipe-header .recipe-image .love { margin:20px 0 0 24px; transform:scale(1);}
.article-recipe-header .recipe-image .buttons { margin:1.5em 0;}
.article-recipe-header .recipe-image .buttons .button { font-size:var(--text-sm);}
.recipe-info .introtext { width:84%;}
.article-recipe-ingredients { width:82%; margin:72px auto;}
.article-recipe-instructions { width:86%; margin:72px auto;}
/* -----  mouky  ------------------------------ */
.mouka-item { width:42vw; margin:12px 2vw;}
.mouka-item.novinka:before { top:-12px; left:-2px; width:28vw; height:22vw;}
.mouka-item.limitka:before { top:-12px; left:-2px; width:28vw; height:22vw;}
.mouka-item .image-part:before { height:42vw;}
.mouka-item .image-part img { margin:34px auto 0.15em;}
.mouka-item .image-part .image-stamp { width:72px; height:72px; top:-8px; right:-8px;}
.mouka-item .image-part .image-stamp:nth-of-type(2) { top:44px; right:-14px;}
.mouka-item .image-part .image-stamp:nth-of-type(3) { top:96px; right:-16px;}
.mouka-item .title-part h2 { }
/* -----  mouky midi  ------------------------------ */
.midi-mouky .mouka-item.novinka:before { top:-4px; left:0px; width:20vw; height:16vw;}
.midi-mouky .mouka-item.limitka:before { top:-4px; left:0px; width:20vw; height:16vw;}
.midi-mouky .mouka-item { width:28vw; margin:18px 1vw 8px;}
.midi-mouky .mouka-item .image-part:before { height:28vw;}
.midi-mouky .mouka-item .image-part img { margin:20px auto 0.5em;}
.midi-mouky .mouka-item .image-part .image-stamp { width:40px; height:40px; top:0; right:-6px;}
.midi-mouky .mouka-item .image-part .image-stamp:nth-of-type(2) { top:32px; right:-8px;}
.midi-mouky .mouka-item .image-part .image-stamp:nth-of-type(3) { top:62px; right:-10px;}
.midi-mouky .mouka-item .title-part h2 { }
/* -----  shops  ------------------------------ */
.pidipidi-mouky .shop-item { width:40%; margin:1.5em 0 .5em;}
/* -----  mouky extra  ------------------------------ */
.cat-item { width:80vw;}
.cat-item p { }
.cat-item .mouka-item { width:56vw;}
.cat-item .mouka-item .image-part img { margin:42px auto 0.15em;}
.cat-item .mouka-item .image-part:before { height:56vw;}
.cat-item .mouka-item .image-part .image-stamp { width:96px; height:96px; top:-8px; right:-24px;}
.cat-item .mouka-item .image-part .image-stamp:nth-of-type(2) { top:64px; right:-28px;}
.cat-item .mouka-item .image-part .image-stamp:nth-of-type(3) { top:136px; right:-26px;}
.cat-item .mouka-item .image-part .image-stamp img { margin:0;}
/* -----  recipe hlavni katalog  ------------------------------ */
.catalogue-recipes.main .catalogue-headline h1 { display:block; margin:0 auto 0.15em;}
.catalogue-filters { display:block; margin:10px auto 0; text-align:center;}
.catalogue-recipes.main .tagcloud { display:none;}
.filter-select { margin:4px 2px;}
.filter-dropdown#selectDropdown2 { width:200px;}
.filter-dropdown li button { font-size:1.25em;}
.filter-switch { margin:4px 2px;}
/* -----  encyklopedie  ------------------------------ */
.catalogue-encyklopedie { width:98vw;}
.article-item { width:46vw; height:auto; min-height:170px; margin:8px 1vw;}
.article-item .image-part { display:block; float:none; position:relative; width:auto; height:46vw;}
.article-item .title-part { position:relative; padding:1px 3vw 3vw; min-height:168px;}
.article-item .title-part .moreinfo { display:block; position:relative; bottom:auto; margin:2vw 0 0.15em; text-align:right;}
.article-item .title-part .moreinfo b { margin:0; display:block;}
.article-item .title-part h2 { margin:0.15em 0 0.25em;}
/* -----  blog  ------------------------------ */
.catalogue-blog { width:98vw;}
.blog-item { width:92vw; height:auto; min-height:0; margin:8px 0 12px;}
.blog-item .image-part { display:block; float:none; width:auto; height:54vw;}
.blog-item .title-part { padding:1px 4.5vw 5vw; min-height:0;}
.blog-item .title-part .moreinfo { display:block; position:relative; bottom:auto; margin:2vw 0 0.15em; text-align:right;}
.blog-item .title-part .moreinfo b { margin:0 0 0 0.15em;}
.blog-item .title-part h2 { margin:0 0 0.25em; }
.blog-item .title-part p { }
/* -----  article mouka  ------------------------------ */
.article-mouka:before { width:90vw; height:90vw; left:5vw; top:72px; z-index:auto;}
.article-mouka .article-title { width:90vw; margin-top:48px;}
.article-mouka .article-title .image-stamp { width:104px; height:104px; top:-8px; right:-4px;}
.article-mouka .article-title .image-stamp:nth-of-type(2) { top:64px; right:-8px;}
.article-mouka .article-title .image-stamp:nth-of-type(3) { top:136px; right:-4px;}
.article-mouka .article-title .mouka-image { width:42vw;}
.article-mouka.newdesign .article-title .mouka-image { width:50vw;}
.article-mouka .article-title h1 { }
.article-mouka .article-info { width:94%; margin:64px auto 24px;}
/* .article-mouka .article-info p { margin:0 auto;} */
.article-mouka .article-info .button.tiny { display:none;} 
.article-mouka .article-aside { width:98%;}
.article-mouka .article-aside .block { width:40%;}
.article-mouka .article-aside .block.small { width:40%;}
.article-mouka-more .article-mainpart .content { width:84%;}
.article-mouka-more .article-mainpart .image { width:96%;}
.article-mouka-more.newdesign .article-mainpart .content { width:84%;}
.article-mouka-more.newdesign .article-mainpart .image { width:96%;}
.article-mouka-recenze .recenze-items .block { margin:8px 4px;}
.article-mouka-hodnoty .hodnoty-table { width:94%; padding:26px 0;}
.article-mouka-hodnoty .hodnoty-table .block { width:36%; margin:16px 4%;}
.article-mouka-hodnoty.newdesign .hodnoty-table { flex-direction:column;}
/*.article-mouka-hodnoty.newdesign .hodnoty-table .block:nth-of-type(even) { background-color:transparent;}
.article-mouka-hodnoty.newdesign .hodnoty-table .block:nth-of-type(2),
.article-mouka-hodnoty.newdesign .hodnoty-table .block:nth-of-type(3),
.article-mouka-hodnoty.newdesign .hodnoty-table .block:nth-of-type(6) { background-color:#fefcfb;}*/
.article-mouka-more .article-mainpart p {  }
.article-mouka-more .article-mainpart blockquote { text-align:center;}
.article-mouka-more .article-mainpart blockquote ul { }
.article-mouka-more .article-mainpart blockquote ul li { list-style-type:none; margin-left:0;}
.article-mouka-more .article-mainpart blockquote h2 { text-align:center; font-size:2.25em;}
.article-mouka-more .article-mainpart blockquote h3 { text-align:center; font-size:1.75em; margin-top:0.75em;}
/* -----  Mouky katalog NewDesign  ------------------------------ */
.catalogue-mouky .catalogue-grid-new { width:95%;}
.catalogue-grid-new .catalogue-segment { padding:0 8px 24px;}
.catalogue-grid-new .catalogue-segment .category { max-width:88px; max-height:88px; margin:16px auto -8px;}
.catalogue-grid-new.midi-mouky .mouka-item { width:34vw; margin:18px 3vw 8px;}
.catalogue-grid-new.midi-mouky .mouka-item .image-part:before { height:34vw;}
/* -----  article recipe  ------------------------------ */
.article-recipe .article-title h1 span { width:48px; height:48px; margin:8px auto 0 auto;}
.article-recipe .article-image { width:90vw;}
.article-recipe .article-aside { float:none; width:80vw; margin:20px auto;}
.article-recipe .article-aside .pidi-mouky { margin:25px 0 0; text-align:center;}
.article-recipe .article-aside .pidi-mouky .mouka-item { display:inline-block; float:none; margin:0 2% 10px;}
.article-recipe .article-mainpart { float:none; width:80vw; margin:20px auto;}
/*.article-recipe .article-aside p { font-size:1em;}
.article-recipe .article-aside ul { font-size:1em;}
.article-recipe .article-mainpart p { font-size:1em;}*/
.article-recipe .article-mainpart blockquote { margin:1.75em -6vw; text-align:center;}
.article-recipe.video .article-section { width:80vw; margin:30px auto 0;}
.article-recipe.video .article-video { width:100vw; margin:0 -2.5vw;}
.article-recipe.video .article-video .videoplayer { width:100vw; height:52.66666vw;}
.article-recipe.video .article-aside { float:none; position:relative; width:80vw; margin:20px auto;}
.article-recipe.video .article-mainpart { float:none; position:relative; width:80vw; margin:20px auto;}
/* -----  article encyklopedie  ------------------------------ */
.article-encyklopedie .side-column { width:94vw;}
.article-encyklopedie .side-column .the-image { width:48vw; margin:0 auto;}
.article-encyklopedie .article-column { width:86vw;}
.article-encyklopedie.blog .side-column { width:94vw;}
.article-encyklopedie.blog .article-column {  width:86vw;}
.article-encyklopedie .article-mainpart blockquote { margin:2.5em -6vw;}
.article-encyklopedie .article-mainpart p img.alignnone { width:100vw; margin:3em -7vw;}
.article-mainpart table { width:99vw; margin:2em -6.5vw 4em;}
.article-encyklopedie .image-gallery { text-align:center; margin:3.5em auto;}
.article-encyklopedie .image-gallery .gallery-image { display:inline-block; vertical-align:top; float:none; width:45vw; height:auto; margin:0 1vw 7px;}
/* .article-encyklopedie .article-mainpart p { font-size:1em;}
.article-encyklopedie .article-mainpart ul { font-size:1em;} */
.article-encyklopedie.youtube-shorts .article-mainpart p > iframe { width:96vw; margin:1em -5vw;}
/* -----  leftright hero  ------------------------------ */
.leftrighthero {margin:64px 0 64px 4vw; padding:64px 0;}
.leftrighthero:nth-of-type(odd) { margin:64px 4vw 64px 0; border-radius:0 80px 80px 0;}
.leftrighthero .big-stripe { flex-direction:column; gap:48px; width:98%;}
.leftrighthero:nth-of-type(even) .big-stripe { flex-direction:column;}
.leftrighthero .images { width:44%;}
.leftrighthero .texts { width:84%;}
/* -----  special  ------------------------------ */
.article-question { padding-top:48px; padding-bottom:24px;}
.article-speciale .article-perex { margin-top:4em; }
.tabula-speciale { overflow-x:auto; }
.tabula-speciale table { margin:40px auto;}
.tabula-speciale td { padding:1.25em 1.25rem;}
.tabula-speciale th { padding:0rem 1rem 3rem;}
.tabula-speciale thead th img { width:20vw;}
/* -----  big image  ------------------------------ */
.one-bigimage { margin:48px auto 80px; }
.one-bigimage .bigimage-content { aspect-ratio:1 / 1.33333;}
.one-bigimage h2 { width:56%;}
.one-bigimage img.bigimage-corner { width:56%;}
.one-bigimage .button { margin-top:-.5em;}
/* -----  aktivity  ------------------------------ */
.aktivity.aktivity-menu .menu-content { background-size:22vw auto; gap:2px 2%;}
.aktivity.aktivity-menu h2 {  margin:.25em 5% .5em;}
.aktivity.aktivity-menu .one-item span { width:80px; height:80px; font-size:2.125rem; }
.intro-container { width:120vw; margin:0 -10vw; }
.intro-content { width:75%;}
.intro-content h1 { margin:-.5em 0 0;}
.intro-content p { }
.aktivity-detail .detail-text { width:150vw;}
.aktivity-detail .detail-text::before { display:none;}
.aktivity.aktivity-texty .texty-content .one-item { padding:1em 0;}
.aktivity-texty h2 { }
.aktivity-texty p { line-height:1.556;}
.aktivity-mapa .mapa-content:before { height:16px;}
.aktivity-mapa .mapa-content:after { height:16px;}
/* Portrait layout pro úzké displeje: ořezové okno 5:6 na výšku. */
/* Transform vrstva si drží přirozený poměr mapy 24:15 a fittuje se podle výšky viewportu, */
/* takže horizontálně přesahuje — výchozí pohled je "oříznutý po stranách" a uživatel odpanuje. */
.aktivity-mapa .mapa-content .mapa-mapa .mapa-viewport { aspect-ratio:5 / 6;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-transform { width:auto; height:100%; aspect-ratio:24 / 15;}
.aktivity-mapa .mapa-content .mapa-mapa button.pinpoint { left:calc(var(--position-left) - 22px); top:calc(var(--position-top) - 60px); width:44px; height:60px;}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls { gap:12px; transform:translate(-8px,0);}
.aktivity-mapa .mapa-content .mapa-mapa .mapa-controls button { width:44px; font-size:1.75rem;}
.aktivity-mapa .mapa-thumbnails { margin-top:-8px;}
.aktivity-mapa .mapa-thumbnails button h2 { font-size:0.875em;}
.aktivity-mapa .mapa-thumbnails button h3 { font-size:0.6667em;}
/* -----  Babi Soutez  ------------------------------ */
.page-id-3639 #theSkin,
.page-id-3646 #theSkin { background:url(../images/bcg-babisoutez-01.jpg) 90% 80px no-repeat; background-size:160% auto;}
.slide.first.article-babisoutez { margin-top:60vw;}
/* -----  soutez  ------------------------------ */
#soutezButton { width:164px;}
#soutezButton.smaller { width:148px;}
.isloaded #soutezButton { transform:translate(-5px,50px);}
.isloaded.scrolled #soutezButton { transform:translate(164px,0px);}
#soutezButton img { margin-bottom:-32px;}
/* -----  instagram  ------------------------------ */
.gallery-instagram .gallery-grid { grid-template-columns:repeat(2, 1fr); gap:4px; width:98%;}
.gallery-instagram .photo-item { border-radius:24px;}
/* -----  social  ------------------------------ */
#theTopSocials { transform:translate(-14px, 14px); opacity:1;}
.scrolled #theTopSocials { transform:translate(-14px, -80px); opacity:0;}
.mobilemenu-on #theTopSocials { transform:translate(-14px, 14px); opacity:1; z-index:1250;}
#theTopSocials .socialicon { width:28px;}
#theTopSocials .socialicon:before { width:28px; height:28px;}
/* -----  lang  ------------------------------ */
#theTopLangs { transform:translate(10px, 7px) scale(0.9,0.9); opacity:1;}
.scrolled #theTopLangs { transform:translate(10px, -87px) scale(0.9,0.9); opacity:0;}
.mobilemenu-on #theTopLangs { transform:translate(10px, 7px) scale(0.9,0.9); opacity:1; z-index:1250;}
/* -----  header  ------------------------------ */
#headerLogo { width:80px; margin:-8px auto 8px;} 
/* -----  footer  ------------------------------ */
#footer { margin:48px 0 48px;}
/* #footerLogo { width:36vw; margin:36px auto 10px;} */
/* -----  goodmills  ------------------------------ */
.footer-goodmills .slide-inside { padding:50px 0 100px;}
.footer-goodmills .goodmills-logo { width:160px; margin:0 auto 30px;}
.footer-goodmills .footer-menu ul { font-size:1.125em;}
.footer-goodmills .footer-menu ul li { display:block;}
.footer-goodmills .footer-menu ul li:before { display:none;}
.footer-goodmills .footer-menu ul li a { display:block; padding:1em;}
/* -----  special  ------------------------------ */
#specialButton { bottom:0px; right:auto; left:0px; padding:0; margin:0 0 20px 20px; background:rgba(255,255,255,0); overflow:visible; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px;}
/* -----  GDPR Box  ------------------------------ */
#gdprBox { width:44vw; left:2vw; padding:18px 0 24px; text-align:center;}
.isloaded #gdprBox { padding:18px 0 24px;}
.scrolled #gdprBox { padding:18px 0 24px;}
#gdprBox img { float:none; width:64px; margin:2px auto 4px;}
#gdprBox .button.tiny { margin:5px 0 0 0; float:none;}
#gdprBox span { float:none; width:auto; text-align:center; margin:12px 3% 8px;}
/* -----  GDPR V2 Box  ------------------------------ */
#gdprBoxV2 { right:50%; margin-right:-140px;} 
#gdprSettings { width:100vw;}
/* -----  newsletter  ------------------------------ */
.newsletter { background-position:110% 50%;}
.newsletter h2 { margin:0.25em 10% 0.75em;}
.newsletter input[type=text] { width:80vw;}
.newsletter textarea { width:80vw;}
#theNewsletterBox.newsletter.mouky .cat-item .mouka-item .image-part img { margin:32px auto 1.5em;}
/* -----  newsletter  ------------------------------ */
.search-box { left:3vw; width:94vw;}
.search-box	input[type=text] { width:50vw; font-size:1.125em;}


}