@charset 'UTF-8'; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline; box-sizing:border-box;} html { scroll-behavior: smooth; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body { line-height: 1;} ol, ul { margin-bottom: 20px;} blockquote, q { quotes: none;} table { border-collapse: collapse; border-spacing: 0;} input:focus, textarea:focus { outline: none!important; } span.wpcf7-form-control-wrap { position: unset!important; } .links { float:left;} .rechts { float:right;} .center { text-align:center;} .keincss { border:none!important; padding:0px!important; margin:0px!important; float:none!important; } img.alignleft, .entry .alignleft { float:left; margin-right:20px;} img.alignright, .entry .alignright { float:right; margin-left:20px;} img.aligncenter, .entry .aligncenter { display: block; margin-left: auto; margin-right: auto; } iframe {max-width:100%;} sub { vertical-align: sub; font-size: smaller;} sup { vertical-align: super; font-size: smaller; } .clear { clear:both;} .clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix { display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%;} p.wp-caption-text { font-size:11px; font-style:italic;} .hinweisbar { padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;} .btn { display: inline-block; text-align: center; background: rgb(160, 45, 52) none repeat scroll 0% 0%; border-radius: 3px; padding: 10px 15px;} .rkz-button { display:inline-block; background-color:transparent; border:2px solid #8e130a; color:#8e130a; padding:12px 60px; text-decoration:none!important; font-weight:400; transition:300ms; background-color:rgba(255,255,255,0.4); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);} .rkz-button:hover { background-color:#8e130a; border:2px solid #8e130a; color:white!important; transition:300ms;} .rkz-button::after { display:none!important;} .rkz-button-startseite { text-align: center; display:inline-block; background-color:transparent; border:2px solid #8e130a; color:#8e130a; padding:12px 60px; text-decoration:none!important; font-weight:400; transition:300ms; background-color:rgba(255,255,255,0.4); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);} .rkz-button-speisekarte { display: block; margin-left: auto; margin-right: auto; text-align: center; background-color:transparent; border:2px solid #8e130a; color:#8e130a; padding:12px 60px; text-decoration:none!important; font-weight:400; transition:300ms; background-color:rgba(255,255,255,0.4); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);} @media screen and (max-width: 600px){ .rkz-button { padding:10px 30px; } } body { font-family: 'Roboto', sans-serif; font-weight:300; font-size:17px; line-height:28px; color:#4e4e4e;} a { outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s; color: white!important;} h1, h2, h3, h4, h5 { font-weight:normal;} #page { width:100%; margin:0 auto;} #logo, #logo img { display:inline-block; width:auto!important; min-width:0px!important; max-width:100%;} #header { width:100%; height:auto;} #header img.headimg { width:100%; height:auto;} #branding { height:auto; max-width:1260px; display:flex; align-items: center; justify-content:space-between; margin:0 auto; padding:0px 30px 0px 30px; position:absolute; z-index:100; left:0; right:0;} #chalk-line-top { display:block; width:100%; height:100px; background-image:url(//www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/images/chalk-line.png); background-repeat:repeat-x; margin-top:-50px; position:relative; z-index:100;} @media screen and (max-width: 1100px){ #logo { max-width:130px; } } @media screen and (max-width: 980px){ #branding { display:none; } } #menu-header-menu { margin:0 -20px;} #menu-header-menu li { display:inline-block; position:relative; padding-bottom:20px; margin-bottom:-20px;} #menu-header-menu li.current_page_item > a { font-weight:bold;} #menu-header-menu li a { display:inline-block; padding:20px 8px; font-size:16px; color:white; text-transform:uppercase; position:relative; text-shadow: 2px 2px 2px #000;} #menu-header-menu > li > a::before { content:""; display:block; position:absolute; top:0; left:0; right:0; margin:auto; width:0%; height:3px; background-color:white; transition:300ms;} #menu-header-menu > li:hover > a::before { width:100%; transition:300ms;} #menu-header-menu > li > a::after { content:""; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; width:0%; height:3px; background-color:white; transition:300ms;} #menu-header-menu >li:hover > a::after { width:100%; transition:300ms;} #menu-header-menu li:hover .sub-menu { opacity:1; left:50%; transform:translateX(-50%) scaleY(1); -webkit-transition:left 0s, transform 300ms, opacity 300ms ease-in;} #menu-header-menu li .sub-menu { opacity:0; display:block; position:absolute; left:-10000px; transform:translateX(-50%) scaleY(0.5); transform-origin:top center; background-color:#cb8524; padding:10px 20px; margin-top:20px; -webkit-transition:left 0s 300ms, transform 300ms, opacity 300ms ease-out; } #menu-header-menu li .sub-menu::before { content:""; display:block; width: 0; height: 0; border-style: solid; border-width: 0 11px 12px 11px; border-color: transparent transparent #cb8524 transparent; position:absolute; top:-12px; left:0; right:0; margin:0 auto;} #menu-header-menu li .sub-menu li { display:block; } #menu-header-menu li .sub-menu li ~ li { border-top:1px solid white;} #menu-header-menu li .sub-menu li a { display:block; white-space:nowrap; text-transform:none; padding:15px 15px; position:relative; text-shadow: none; } #menu-header-menu li .sub-menu li a:hover { padding-left:27px; padding-right:3px;} #menu-header-menu li .sub-menu li a::before { content:""; display:block; position:absolute; left:0; width:0; height:26px; background-image:url(//www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/images/arrow.png); background-repeat:no-repeat; background-position:center; background-size:contain; transition:300ms;} #menu-header-menu li .sub-menu li a:hover::before { width:22px; transition:300ms;} @media screen and (max-width: 1200px){ #menu-header-menu li a { font-size:15px; padding:10px 10px; } } @media screen and (max-width: 1100px){ #menu-header-menu li a { font-size:14px; padding:10px 10px; } } #responsive-menu-button { -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);} #responsive-menu-container { background-size:auto!important; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);} #responsive-menu-title { text-align:center!important; padding:80px 20px 30px!important; font-size:25px!important; line-height:35px!important; } #responsive-menu-title .t1 { font-family:'Caveat', sans-serif!important;} #responsive-menu-title .t2 { font-weight:500!important; letter-spacing:1.2px!important; text-transform:uppercase!important;} #responsive-menu { padding:20px!important;} #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { } #responsive-menu-additional-content { padding:30px 20px 20px!important; opacity:0.8; } #responsive-menu-additional-content a { color:white!important; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link { font-size: 14px!important;} #content-wrap-page { width:100%; min-height:100px!important; height:auto; } #content-wrap { min-height:100px; max-width:1260px; margin: 0 auto; padding:0px 30px 0px 30px; } #content { } .entry { } .entry img { max-width:100%; height:auto;} h1 { font-weight:400; font-size:32px; line-height:36px; margin:40px 0 15px; text-transform:uppercase;} h2 {font-family: 'Caveat', sans-serif; font-weight: 200; font-size: 32px; line-height: 36px;} h3 { font-family:'Caveat', sans-serif; font-weight:400; font-size:32px; line-height:36px; margin:40px 0 10px;} h4 { font-size:25px; line-height:30px; margin:5px 0 10px; font-weight:400; text-transform:uppercase;} h5 { } @media screen and (max-width: 768px){ h1, h2 { font-weight:400; font-size:26px; line-height:30px; margin:30px 0 15px; text-transform:uppercase;} h3 { font-weight:400; font-size:26px; line-height:30px; margin:30px 0 10px;} h4 { font-size:20px; line-height:25px; margin:5px 0 10px; font-weight:400; text-transform:uppercase;} h5 { } } .entry a { color:#8e130a!important; display:inline-block; position:relative;} .entry a::after { content:""; display:block; position:absolute; width:0%; height:1px; left:0; bottom:0; background-color:#8e130a; transition:300ms;} .entry a:hover::after { width:100%; transition:300ms;} .entry a.btn { color: rgb(255, 255, 255);} .entry a.btn:hover { border:2px solid rgb(160, 45, 52); background:#fff; color:rgb(160, 45, 52);} .entry p { margin-bottom:20px;} .entry ol li { list-style: decimal outside none; margin-left: 15px;} .entry ul li { list-style: disc outside none; margin-left: 15px;} .signature { font-family:'Caveat', sans-serif; font-size:1.5em; line-height:1.5em;} .content-top-box { background-color:#8e130a; color:white; padding:30px; margin-top: -170px; position: relative; z-index: 120; margin-left:0!important; margin-right:0!important; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);} .content-top-box h1, .content-top-box h2, .content-top-box h3 { margin:0 0 10px!important;} .content-top-box > div { border:1px solid white; padding:30px;} .content-top-box > div > div > div > div { margin-bottom:0!important;} @media screen and (max-width: 500px){ .content-top-box { background-color:#8e130a; color:white; padding:15px; margin-top: -170px; position: relative; z-index: 120; margin-left:-20px!important; margin-right:-20px!important;} .content-top-box > div { padding:15px;} } #front-row-2 { top:-80px; color:white;} #linkbox { display:flex; flex-wrap:wrap; margin-top:-190px; margin-bottom: -110px; position:relative; background-color:white; z-index: 120; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);} #linkbox > a { display:flex; min-width:33.333%; max-width:33.333%; height:350px; background-color:white; text-decoration:none;} #linkbox > a::after { display:none;} #linkbox > a.text { flex-direction:column; justify-content:space-around; align-items:center; text-align:center; padding:60px 50px;} #linkbox > a.text:hover { background-color:rgba(0,0,0,0.04);} #linkbox > a.text h3 { color:#b36c0a; margin:5px 0 10px!important;} #linkbox > a.text p { color:#4e4e4e; } #linkbox > a.text .hovarrow { display:block; width:80px; height:50px; background-image:url(//www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/images/arrow-red-filled.png); background-image:url(//www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/images/arrow-red.png); background-repeat:no-repeat; background-size:contain; background-position:center; transition:300ms;} #linkbox > a.text:hover .hovarrow { background-image:url(//www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/images/arrow-red-filled.png); transition:300ms;} #linkbox > a.img { position:relative; overflow:hidden;} #linkbox > a.img > img { width:100%; height:100%; object-fit:cover;} #linkbox > a.img .hoverlay { display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(80,80,80,0.4); opacity:0; transition:300ms; } #linkbox > a.img:hover .hoverlay { opacity:1; transition:300ms; } #linkbox > a.img .hoverlay img { transform:scale(0.5); transition:300ms;} #linkbox > a.img .hoverlay:hover img { transform:scale(1); transition:300ms;} .eael-grid-post .eael-entry-thumbnail>img { object-fit: contain!important;} @media screen and (max-width: 1095px){ .vc_col-sm-4 { width: 50%!important; } } @media screen and (max-width: 1000px){ #linkbox > a { height:270px; } #linkbox > a.text { padding:30px 50px;} #linkbox > a.text p { font-size:16px; line-height:20px;} } @media screen and (max-width: 768px){ #linkbox > a { min-width:50%; max-width:50%; } #linkbox > a:nth-child(1) { order:1; } #linkbox > a:nth-child(2) { order:2; } #linkbox > a:nth-child(3) { order:4; } #linkbox > a:nth-child(4) { order:3; } #linkbox > a:nth-child(5) { order:5; } #linkbox > a:nth-child(6) { order:6; } .vc_col-sm-4 { width: 100%!important; } } @media screen and (max-width: 500px){ #linkbox > a { min-width:100%; max-width:100%; } #linkbox > a:nth-child(1) { order:1; } #linkbox > a:nth-child(2) { order:2; } #linkbox > a:nth-child(3) { order:3; } #linkbox > a:nth-child(4) { order:4; } #linkbox > a:nth-child(5) { order:5; } #linkbox > a:nth-child(6) { order:6; } } #front-row-5 { background-position:right bottom; background-repeat:no-repeat; margin-left:-30px!important; margin-right:-30px!important;} #front-row-5-left-col { margin-top:-110px; padding-left:15px; padding-right:15px;} #front-row-5-textbox { background-color:#cb8524; color:white; padding:50px 50px 60px; max-width:700px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);} #front-row-5-textbox h2, #front-row-5-textbox h3 { margin:15px 0 5px;} #front-row-5 .rkz-button { margin-right:20px; margin-bottom:20px;} .impressum{height:310px;overflow-y:scroll;padding-right:25px;margin-top:20px;} @media screen and (max-width: 980px){ #front-row-5-left-col { width:100%!important;} } @media screen and (max-width: 768px){ #front-row-5 { background-position:center bottom;} } @media screen and (max-width: 500px){ #front-row-5-textbox { padding:30px 30px 40px;} } .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {display:inline-block; color: white!important; border:2px solid #8e130a; background-color:#8e130a!important; padding:12px 60px; text-decoration:none!important; font-weight:400; transition:300ms; background-color:rgba(255,255,255,0.4); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); border-radius: 0px;} .vc_gitem_row .vc_gitem-col { padding: 30px!important; } div#sidebar {display:none; } #chalk-line-bottom { display:block; width:100%; height:120px; background-image:url(//www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/images/chalk-line.png); background-repeat:repeat-x; margin-bottom:-80px; position:relative; z-index:100;} #footer-wrap { width:100%; height:auto; background-size:cover; background-position:center;} #footer { max-width:1260px; height:auto; margin:0 auto; padding:120px 30px 30px;} #footer-top { display:flex; justify-content:space-between;} #footer-top-left { min-width:calc(50% - 15px); max-width:calc(50% - 15px);} .footer-contact-row { display:flex; align-items:flex-start; justify-content:flex-start; color:white; margin-bottom:35px;} .footer-contact-row img { max-width:70px; margin-right:30px; margin-top:5px;} .footer-contact-row h3 { margin:0 0 5px 0;} .footer-contact-row p { font-size:16px; line-height:24px;} .footer-contact-row a { color:white!important; transition:300ms; position:relative;} .footer-contact-row a::after { content:""; display:block; position:absolute; left:0; height:1px; width:0%; background-color:white; transition:300ms; bottom:0px;} .footer-contact-row a:hover::after { width:100%; transition:300ms;} #footer-top-right { min-width:calc(50% - 15px); max-width:calc(50% - 15px);} @media screen and (max-width: 768px){ #footer-top { flex-wrap:wrap;} #footer-top-left { min-width:100%; max-width:100%; margin-bottom:30px;} #footer-top-right { min-width:100%; max-width:100%;} } #footer-top-right .wpcf7 { display:block; background-color:white; padding:30px; margin-bottom:50px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);} #footer-top-right .wpcf7 * { box-sizing:border-box;} #footer-top-right .wpcf7 input[type=text], #footer-top-right .wpcf7 input[type=tel], #footer-top-right .wpcf7 input[type=email], #footer-top-right .wpcf7 textarea { display:inline-block; border:none; border-bottom:1px solid #706f6f; padding:15px; font-size:18px; line-height:22px; font-family:'Roboto', sans-serif; margin-bottom:20px;} #footer-top-right .wpcf7 textarea { max-height:100px;} #footer-top-right .wpcf7 input[type=email] { margin-left:20px;} #footer-top-right .wpcf7 .w50 { min-width:calc(50% - 10px); max-width:calc(50% - 10px);} #footer-top-right .wpcf7 .w100 { min-width:100%; max-width:100%;} @media screen and (max-width: 500px){ #footer-top-right .wpcf7 .w50 { min-width:100%; max-width:100%; } #footer-top-right .wpcf7 input[type=email] { margin-left:0px;} } #footer-top-right .wpcf7 .zustimmung-datenschutz { display:inline-block; font-size:13px; line-height:18px; margin-bottom:20px;} #footer-top-right .wpcf7 .zustimmung-datenschutz a { display:inline-block; color:#8e130a; position:relative; } #footer-top-right .wpcf7 .zustimmung-datenschutz a::after { content:""; display:block; position:absolute; left:0; height:1px; width:0%; background-color:#8e130a; transition:300ms; bottom:0px;} #footer-top-right .wpcf7 .zustimmung-datenschutz a:hover::after { width:100%; transition:300ms;} #footer-top-right .wpcf7 input[type=submit] { display:block; border:2px solid #8e130a; background-color:#8e130a; font-weight:400; color:white; padding:15px; font-size:18px; cursor:pointer; transition:300ms;} #footer-top-right .wpcf7 input[type=submit]:hover { background-color:white; color:#8e130a; transition:300ms;} #footer-top-right .wpcf7 input[type=submit]:disabled, #footer-top-right .wpcf7 input[type=submit]:disabled:hover { border:2px solid #656565; background-color:#656565; color:white; transition:300ms;} #footer-top-right .wpcf7 .wpcf7-not-valid-tip { display:none;} #footer-top-right .wpcf7 .wpcf7-not-valid { border-bottom:2px solid #8e130a!important; color:#8e130a;} #footer-top-right .wpcf7 .wpcf7-not-valid::placeholder { color:#8e130a; opacity:0.7; } #footer-top-right .wpcf7 .wpcf7-not-valid:-ms-input-placeholder { color:#8e130a; opacity:0.7; } #footer-top-right .wpcf7 .wpcf7-not-valid::-ms-input-placeholder { color:#8e130a; opacity:0.7; } #footer-top-right .wpcf7 .wpcf7-validation-errors { border:2px solid #8e130a!important; background-color:rgba(142,19,10,0.7); color:white; margin:0;} #footer-bottom { border-top:2px solid white; padding-top:10px; display:flex; justify-content:flex-end;} #menu-footer-menu li { display:inline-block;} #menu-footer-menu li ~ li::before { display:inline-block; content:"|"; margin:0 15px; color:white;} #menu-footer-menu li a { display:inline-block; color:white!important; position:relative;} #menu-footer-menu li a::after { content:""; display:block; position:absolute; width:0%; height:1px; left:0; bottom:0; background-color:white; transition:300ms;} #menu-footer-menu li a:hover::after { width:100%; transition:300ms;} @media screen and (max-width: 520px){ #menu-footer-menu { padding-inline-start: 0;} #menu-footer-menu li a { font-size:15px;} #menu-footer-menu li ~ li::before { margin:0 4px;} .popup-title { display: none;} } @media screen and (max-width: 380px){ #footer-bottom { display:none;} } @media screen and (max-width: 768px) { #nav {display:none;} .entry img { max-width:100%; height:auto;} .nachrichtenfelder { float:inherit; width:92%;} #nachricht { padding:0.8em 4% 0.8em 4%;} } .newsletter--headline{ font-family: 'Roboto' , sans-serif; font-weight: 400; font-size: 18px; text-align: center; }@font-face { font-family: "Caveat"; font-weight: 400; font-style: normal; src: local('Caveat Regular'), local('Caveat-Regular'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/Wnz6HAc5bAfYB2Q7ZjYYiAzcPA.woff2) format('woff2'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/Wnz6HAc5bAfYB2Q7ZjYe.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-weight: 300; font-style: normal; src: local('Roboto Light'), local('Roboto-Light'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-weight: 400; font-style: normal; src: local('Roboto'), local('Roboto-Regular'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-weight: 700; font-style: normal; src: local('Roboto Bold'), local('Roboto-Bold'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2'), url(//www.restaurant-klassenzimmer.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url(https://www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/slick/ajax-loader.gif) center center no-repeat; } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url(https://www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/slick/fonts/slick.eot); src: url(https://www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/slick/fonts/slick.woff) format('woff'), url(https://www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/slick/fonts/slick.ttf) format('truetype'), url(https://www.restaurant-klassenzimmer.de/wp-content/themes/web-labels/slick/fonts/slick.svg#slick) format('svg'); } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; }.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}ul.hfe-nav-menu, .hfe-nav-menu li, .hfe-nav-menu ul { list-style: none !important; margin: 0; padding: 0; } .hfe-nav-menu li.menu-item { position: relative; } .hfe-flyout-container .hfe-nav-menu li.menu-item { position: relative; background: unset; } .hfe-nav-menu .sub-menu li.menu-item { position: relative; background: inherit; } .hfe-nav-menu__theme-icon-yes button.sub-menu-toggle { display: none; } div.hfe-nav-menu, .elementor-widget-hfe-nav-menu .elementor-widget-container{ -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__layout-horizontal .hfe-nav-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hfe-nav-menu .parent-has-no-child .hfe-menu-toggle { display: none; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu, .hfe-submenu-action-hover .hfe-layout-vertical .hfe-nav-menu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 16; visibility: hidden; opacity: 0; text-align: left; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:focus > .sub-menu { visibility: visible; opacity: 1; } .hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:focus > .sub-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu .menu-item-has-children .sub-menu { position: absolute; top: 100%; left: 0; z-index: 9999; visibility: hidden; opacity: 0; } .hfe-flyout-container .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 100%; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children.focus > .sub-menu { visibility: visible; opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .hfe-nav-menu:before, .hfe-nav-menu:after { content: ''; display: table; clear: both; } .hfe-nav-menu__align-right .hfe-nav-menu { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-menu-item, .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper, .rtl .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper, .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-button-wrapper, .rtl .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{ text-align: right; } .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper, .rtl .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper, .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-button-wrapper, .rtl .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{ text-align: left; } .hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper, .hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{ text-align: center; } .hfe-nav-menu__align-left .hfe-nav-menu { margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-menu-item, .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .hfe-nav-menu__align-center .hfe-nav-menu { margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-menu-item, .hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu { width: 100%; } .hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.menu-item { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .hfe-active-menu + nav li:not(:last-child) a.hfe-menu-item, .hfe-active-menu + nav li:not(:last-child) a.hfe-sub-menu-item { border-bottom-width: 0; } .hfe-nav-menu a.hfe-menu-item, .hfe-nav-menu a.hfe-sub-menu-item { line-height: 1; text-decoration: none; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .hfe-nav-menu a.hfe-menu-item:hover, .hfe-nav-menu a.hfe-sub-menu-item:hover { text-decoration: none; } .hfe-nav-menu .sub-menu { min-width: 220px; margin: 0; z-index: 9999; } .hfe-nav-menu__layout-horizontal { font-size: 0; } .hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item { font-size: medium; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu{ -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); } .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before { content: ''; } .hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-arrow i:before { content: ''; } .hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-arrow i:before { content: '+'; } .hfe-submenu-icon-none .hfe-nav-menu .parent-has-child .sub-arrow { display: none; } .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before,.hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before { content: ''; } .hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before { content: '-'; } .hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before { content: ''; } .rtl .hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .rtl .hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before { content: ''; } .hfe-nav-menu-icon { padding: 0.35em; border: 0 solid; } .hfe-nav-menu-icon svg { width: 25px; height: 25px; line-height: 25px; font-size: 25px; } .hfe-nav-menu-icon i:focus { outline: 0; } .hfe-has-submenu-container a.hfe-menu-item:focus, .hfe-has-submenu-container a.hfe-sub-menu-item:focus { outline: 0; } .hfe-nav-menu .menu-item-has-children:focus, .hfe-nav-menu .menu-item-has-children .sub-menu:focus, .hfe-nav-menu .menu-item-has-children-container:focus { outline: 0; } .hfe-nav-menu .menu-item-has-children-container { position: relative; } .hfe-nav-menu__layout-expandible .sub-menu, .hfe-nav-menu__layout-vertical .sub-menu, .hfe-flyout-wrapper .sub-menu { position: relative; height: 0; } .hfe-nav-menu__submenu-arrow .hfe-menu-toggle:before, .hfe-nav-menu__submenu-plus .hfe-menu-toggle:before, .hfe-nav-menu__submenu-classic .hfe-menu-toggle:before { font-family: 'Font Awesome 5 Free'; z-index: 1; font-size: inherit; font-weight: inherit; line-height: 0; } .hfe-menu-item-center .hfe-nav-menu li a.hfe-menu-item, .hfe-menu-item-center .hfe-nav-menu li a.hfe-sub-menu-item { margin-right: 0px; } .hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-menu-item, .hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-sub-menu-item { margin-right: 0px; } .hfe-nav-menu__toggle-icon:before { content: '\f0c9'; font-family: 'fontAwesome'; z-index: 1; font-size: 24px; font-weight: inherit; font-style: normal; line-height: 0; } .hfe-active-menu .hfe-nav-menu__toggle-icon:before { content: '\f00d'; } .hfe-nav-menu__layout-expandible { -webkit-transition-property: display; transition-property: display; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 ); transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 ); } .hfe-nav-menu__layout-expandible { visibility: hidden; opacity: 0; } .hfe-nav-menu__layout-expandible .sub-menu { visibility: hidden; opacity: 0; } .hfe-active-menu + .hfe-nav-menu__layout-expandible { visibility: visible; opacity: 1; height: auto; } .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-expandible, .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical { position: absolute; top: 100%; } .hfe-nav-menu__layout-expandible .menu-item-has-children .menu-item-has-children .sub-menu, .hfe-nav-menu__layout-vertical .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-layout-expandible nav { height: 0; } .hfe-nav-sub-menu-icon, .hfe-nav-menu__icon { display: inline-block; line-height: 1; } .hfe-nav-menu__toggle { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 22px; cursor: pointer; border: 0 solid; -webkit-border-radius: 3px; border-radius: 3px; color: #494c4f; position: relative; line-height: 1; } .hfe-nav-menu__toggle-icon { display: inline-block; font-size: inherit; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hfe-nav-menu .sub-arrow { font-size: 14px; line-height: 1; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; cursor: pointer; margin-top: -10px; margin-bottom: -10px; } .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow { margin-left: 10px; } .hfe-nav-menu__layout-vertical .hfe-nav-menu .sub-arrow, .hfe-layout-expandible .sub-arrow, .hfe-flyout-wrapper .sub-arrow { padding: 10px; } .hfe-nav-menu .child-item, .hfe-nav-menu__layout-vertical .hfe-nav-menu .child-item { font-size: 14px; line-height: 1; padding: 10px 0 10px 10px; margin-top: -10px; margin-bottom: -10px; position: absolute; right: 0; margin-right: 20px; } .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-layout-vertical .hfe-nav-menu__toggle { visibility: hidden; opacity: 0; display: none; } .hfe-nav-menu-icon { display: inline-block; line-height: 1; text-align: center; } .hfe-nav-menu__layout-expandible .saved-content, .hfe-nav-menu__layout-expandible .sub-menu, .hfe-nav-menu__layout-expandible .child, .hfe-nav-menu__layout-vertical .saved-content, .hfe-nav-menu__layout-vertical .sub-menu, .hfe-nav-menu__layout-vertical .child, .hfe-flyout-container .saved-content, .hfe-flyout-container .sub-menu, .hfe-flyout-container .child { left: 0 !important; width: 100% !important; } .hfe-flyout-container .hfe-nav-menu .sub-menu { background: unset; } .hfe-nav-menu__layout-vertical .hfe-menu-toggle:hover, .hfe-nav-menu__layout-expandible .hfe-menu-toggle:hover, .hfe-flyout-wrapper .hfe-menu-toggle:hover { border:1px dotted; } .hfe-nav-menu__layout-vertical .hfe-menu-toggle, .hfe-nav-menu__layout-expandible .hfe-menu-toggle, .hfe-flyout-wrapper .hfe-menu-toggle { border:1px dotted transparent; } .hfe-nav-menu .menu-item a:before, .hfe-nav-menu .menu-item a:after { display: block; position: absolute; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1); transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1); } .hfe-nav-menu .menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-nav-menu .menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { opacity: 0; } .hfe-nav-menu .menu-item a.hfe-menu-item:hover:before, .hfe-nav-menu .menu-item a.hfe-menu-item:hover:after, .hfe-nav-menu .menu-item a.hfe-menu-item:focus:before, .hfe-nav-menu .menu-item a.hfe-menu-item:focus:after, .hfe-nav-menu .menu-item a.hfe-menu-item.highlighted:before, .hfe-nav-menu .menu-item a.hfe-menu-item.highlighted:after, .hfe-nav-menu .current-menu-item:before, .hfe-nav-menu .current-menu-item:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:after { height: 3px; width: 100%; left: 0; background-color: #55595c; z-index: 2; } .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { height: 0; width: 0; left: 50%; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 10px; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: 10px; } .hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: -10px; } .hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: -10px; } .hfe-pointer__double-line.hfe-animation__none, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item, .hfe-pointer__underline.hfe-animation__none, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item, .hfe-pointer__overline.hfe-animation__none, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__double-line.hfe-animation__none:before, .hfe-pointer__double-line.hfe-animation__none:after, .hfe-pointer__double-line.hfe-animation__none:hover, .hfe-pointer__double-line.hfe-animation__none:focus, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__underline.hfe-animation__none:before, .hfe-pointer__underline.hfe-animation__none:after, .hfe-pointer__underline.hfe-animation__none:hover, .hfe-pointer__underline.hfe-animation__none:focus, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__overline.hfe-animation__none:before, .hfe-pointer__overline.hfe-animation__none:after, .hfe-pointer__overline.hfe-animation__none:hover, .hfe-pointer__overline.hfe-animation__none:focus, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:before { content: ''; top: 0; } .hfe-pointer__double-line.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { width: 10px; left: -20px; } .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after { content: ''; bottom: 0; } .hfe-pointer__double-line.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { width: 10px; left: -webkit-calc( 100% + 20px); left: calc( 100% + 20px); } .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after { background: transparent; left: 0; top: 0; bottom: 0; right: 0; border: 3px solid #55595c; } .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before { content: ''; } .hfe-pointer__framed.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .hfe-pointer__framed.hfe-animation__grow .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:before { -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, transform 0.4s; transition: opacity 0.2s, transform 0.4s, -webkit-transform 0.4s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:after { width: 3px; height: 3px; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:before { border-width: 0 0 3px 3px; -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 3px 3px 0 0; -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:before, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:after { width: 100%; height: 100%; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:before { -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; } .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:after { -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:after { width: 3px; height: 3px; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:before { border-width: 3px 0 0 3px; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 0 3px 3px 0; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__corners .current-menu-item:before, .hfe-pointer__framed.hfe-animation__corners .current-menu-item:after { width: 100%; height: 100%; -webkit-transition: opacity 0.002s, width 0.4s, height 0.4s; transition: opacity 0.002s, width 0.4s, height 0.4s; } .hfe-pointer__framed.hfe-animation__none, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__framed.hfe-animation__none:before, .hfe-pointer__framed.hfe-animation__none:after, .hfe-pointer__framed.hfe-animation__none:hover, .hfe-pointer__framed.hfe-animation__none:focus, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__background .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__background .menu-item.parent a.hfe-menu-item:after { content: ''; -webkit-transition: 0.3s; transition: 0.3s; } .hfe-pointer__background .menu-item.parent a.hfe-menu-item:before { top: 0; left: 0; right: 0; bottom: 0; background: #55595c; z-index: -1; } .hfe-pointer__background .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__background .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__background .menu-item.parent a.hfe-menu-item.highlighted, .hfe-pointer__background .current-menu-item { color: #fff; } .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:before { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__grow .current-menu-item:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.3s; transition: 0.3s; } .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shrink .current-menu-item:before { -webkit-transition: opacity 0.15s, -webkit-transform 0.4s; transition: opacity 0.15s, -webkit-transform 0.4s; transition: opacity 0.15s, transform 0.4s; transition: opacity 0.15s, transform 0.4s, -webkit-transform 0.4s; } .hfe-pointer__background.hfe-animation__sweep-left .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { left: 100%; } .hfe-pointer__background.hfe-animation__sweep-right .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { right: 100%; } .hfe-pointer__background.hfe-animation__sweep-up .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 100%; } .hfe-pointer__background.hfe-animation__sweep-down .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { bottom: 100%; } .hfe-pointer__background.hfe-animation__shutter-out-vertical .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { bottom: 50%; top: 50%; } .hfe-pointer__background.hfe-animation__shutter-out-horizontal .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { right: 50%; left: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:after { top: 0; left: 0; right: 0; bottom: 0; background: #55595c; z-index: -1; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:before { top: 0; bottom: 100%; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:after { top: 100%; bottom: 0; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .current-menu-item:before { bottom: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .current-menu-item:after { top: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:before { right: 0; left: 100%; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:after { right: 100%; left: 0; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .current-menu-item:before { left: 50%; } .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .current-menu-item:after { right: 50%; } .hfe-pointer__background.hfe-animation__none, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__background.hfe-animation__none:before, .hfe-pointer__background.hfe-animation__none:after, .hfe-pointer__background.hfe-animation__none:hover, .hfe-pointer__background.hfe-animation__none:focus, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__text.hfe-animation__skew .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__skew .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: skew(-8deg); -ms-transform: skew(-8deg); transform: skew(-8deg); } .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .hfe-pointer__text.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .hfe-pointer__text.hfe-animation__float .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__float .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .hfe-pointer__text.hfe-animation__sink .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__sink .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .hfe-pointer__text.hfe-animation__rotate .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__rotate .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .hfe-pointer__text.hfe-animation__none, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-pointer__text.hfe-animation__none:before, .hfe-pointer__text.hfe-animation__none:after, .hfe-pointer__text.hfe-animation__none:hover, .hfe-pointer__text.hfe-animation__none:focus, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus { -webkit-transition-duration: 0s; transition-duration: 0s; } .hfe-flyout-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999998; background: rgba(0,0,0,.6); cursor: pointer; -webkit-backface-visibility: hidden; } .hfe-pointer__underline .menu-item.parent a.hfe-menu-item.elementor-button:after, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item.elementor-button:before, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item.elementor-button:after, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item.elementor-button:before { height: 0px; } .hfe-pointer__framed .menu-item.parent a.hfe-menu-item.elementor-button:before, .hfe-pointer__framed .menu-item.parent a.hfe-menu-item.elementor-button:after{ border-width: 0px; } .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item.elementor-button:hover, .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item.elementor-button:focus { -webkit-transform: none; transform: none; } .hfe-flyout-close, .hfe-flyout-close svg { position: absolute; top: 0; right: 0; margin: 5px; width: 23px; height: 23px; line-height: 23px; font-size: 23px; display: block; cursor: pointer; } .hfe-flyout-wrapper .hfe-side.hfe-flyout-left { top: 0; bottom: 0; left: -100%; right: auto; height: 100%; width: 300px; max-width: 100%; max-width: 100vw; } .hfe-flyout-wrapper .hfe-side { display: none; position: fixed; z-index: 999999; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; } .hfe-flyout-wrapper .hfe-side.hfe-flyout-show { display: block; } .hfe-flyout-content.push { color: #ffffff; } .hfe-flyout-content ul li { color: #ffffff; } .hfe-flyout-wrapper .hfe-side.hfe-flyout-right { top: 0; bottom: 0; left: auto; right: -100%; height: 100%; width: 300px; max-width: 100%; } .hfe-flyout-wrapper .hfe-side.hfe-flyout-left { top: 0; bottom: 0; left: -100%; right: auto; height: 100%; width: 300px; max-width: 100%; max-width: 100vw; } .hfe-flyout-wrapper .hfe-side.top { top: -100%; bottom: auto; left: 0; right: 0; width: 100%; width: 100vw; height: 300px; max-height: 100%; } .hfe-flyout-wrapper .hfe-side.bottom { top: auto; bottom: -100%; left: 0; right: 0; width: 100%; width: 100vw; height: 300px; max-height: 100%; } .hfe-flyout-content { height: 100%; overflow-x: hidden; overflow-y: auto; line-height: 1.4em; color: #fff; } @media (max-width:1024px) { .hfe-flyout-content { -webkit-transform: translateZ(0); transform: translateZ(0); } } .hfe-flyout-content::-webkit-scrollbar { display: none; } .admin-bar .hfe-side { margin-top: 32px; } .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children > ul.sub-menu { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.1s; transition: all 0.1s; } .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover > ul.sub-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children > ul.sub-menu { -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.1s; transition: all 0.1s; } .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover > ul.sub-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hfe-nav-menu .hfe-has-submenu .sub-menu li.menu-item:first-child, .hfe-nav-menu .hfe-has-submenu .sub-menu li.menu-item:last-child { overflow: visible !important; } .elementor-widget-navigation-menu:not(.hfe-nav-menu__align-justify):not(.hfe-menu-item-space-between) a.hfe-menu-item.elementor-button { display: inline-flex; } .hfe-nav-menu li.hfe-button-wrapper { align-self: center; } @media only screen and ( max-width: 1024px ) { .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu{ width: 100%; margin-right:0px; } .hfe-nav-menu__breakpoint-tablet .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-tablet .hfe-layout-vertical .hfe-nav-menu__toggle { display: block; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: visible; opacity: 1; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-vertical { visibility: visible; opacity: 1; height: auto; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { position: relative; } .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical { position: absolute; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-tablet .hfe-layout-vertical .hfe-nav-menu__toggle { visibility: visible; opacity: 1; display: block; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical { float: none; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__breakpoint-none .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu { visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; } .hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle:hover { border:1px dotted; } .hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle { border:1px dotted transparent; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu { position: relative; height: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu { position: relative; height: 0; top: 0; } .hfe-nav-menu__breakpoint-tablet .saved-content, .hfe-nav-menu__breakpoint-tablet .sub-menu, .hfe-nav-menu__breakpoint-tablet .child { left: 0 !important; width:auto !important; } .hfe-nav-menu .sub-menu { min-width: auto; margin: 0; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow { padding: 10px; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-plus .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '-'; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu .sub-menu{ -webkit-box-shadow: none; box-shadow: none; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '' } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before, .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: '' } .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before { background-color: unset!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before{ border: 0px!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text .menu-item.parent a.hfe-menu-item:focus{ -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item, .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-sub-menu-item, .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.hfe-button-wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and ( max-width: 767px ) { .hfe-nav-menu__breakpoint-mobile.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item, .hfe-nav-menu__breakpoint-mobile.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-sub-menu-item .hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.hfe-button-wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: visible; opacity: 1; display: block; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu { width: 100% } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-vertical .hfe-nav-menu__toggle { display: inline-block; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .sub-menu { position: relative; height: 0; top: 0; } .hfe-nav-menu .sub-menu { min-width: auto; margin: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__breakpoint-none .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu { visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; } .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical { float: none; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-vertical .hfe-nav-menu__toggle.hfe-active-menu { display: block; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-mobile .hfe-layout-vertical .hfe-nav-menu__toggle { visibility: visible; opacity: 1; display: block; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical { float: none; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .sub-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: hidden; opacity: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { visibility: visible; opacity: 1; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical { visibility: hidden; opacity: 0; height: 0; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-vertical { visibility: visible; opacity: 1; height: auto; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu { position: relative; } .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical { position: absolute; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 0; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-plus .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '-'; } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{ content: '' } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: ''; } .hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{ content: '' } .hfe-nav-menu__breakpoint-mobile .hfe-menu-toggle:hover{ border:1px dotted; } .hfe-nav-menu__breakpoint-mobile .hfe-menu-toggle{ border:1px dotted transparent; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu .sub-menu{ -webkit-box-shadow: none; box-shadow: none; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-1 .hfe-nav-menu { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s; transition: all 0.3s; } .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow { padding: 10px; } .hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-1 .hfe-nav-menu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-2 .hfe-nav-menu { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-2 .hfe-nav-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-3 .hfe-nav-menu { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s; transition: all 0.3s; } .hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-3 .hfe-nav-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hfe-nav-menu__breakpoint-mobile .saved-content, .hfe-nav-menu__breakpoint-mobile .sub-menu, .hfe-nav-menu__breakpoint-mobile .child, .hfe-nav-menu__breakpoint-tablet .saved-content, .hfe-nav-menu__breakpoint-tablet .sub-menu, .hfe-nav-menu__breakpoint-tablet .child{ left: 0 !important; width: auto !important; } .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children ul.sub-menu, .hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before { background-color: unset!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before{ border: 0px!important; } .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text .menu-item.parent a.hfe-menu-item:focus, .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text .menu-item.parent a.hfe-menu-item:focus { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } } .hfe-toggle-no .hfe-layout-expandible .hfe-nav-menu__toggle { display: none; } .hfe-icon { display: inline-block; vertical-align: middle; } .hfe-icon svg { width: 1em; height: 1em; } .hfe-cart-menu-wrap-custom { display: inline-block; line-height: 1; } .hfe-cart-menu-wrap-custom .hfe-cart-count, .hfe-cart-menu-wrap-custom .hfe-cart-count:after { border-color: #75c32c; color: #75c32c; } .hfe-cart-menu-wrap-custom .hfe-cart-count { font-weight: bold; position: relative; display: inline-block; vertical-align: middle; text-align: center; min-width: 2.1em; min-height: 2.1em; font-size: 0.860em; line-height: 1.8; border-radius: 0.3em 0.3em 0.3em 0.3em; border-width: 2px; border-style: solid; padding: 12px 24px; } .hfe-cart-menu-wrap-default { display: inline-block; line-height: 1; } .hfe-cart-menu-wrap-default .hfe-cart-count, .hfe-cart-menu-wrap-default .hfe-cart-count:after { border-color: #75c32c; color: #75c32c; } .hfe-cart-menu-wrap-default .hfe-cart-count { font-weight: bold; position: relative; display: inline-block; vertical-align: middle; text-align: center; min-width: 2.1em; min-height: 2.1em; font-size: 0.860em; line-height: 1.8; border-radius: 0em 0em 0.3em 0.3em; border-width: 2px; border-style: solid; padding: 0 .4em; } .hfe-cart-menu-wrap-default .hfe-cart-count:after { bottom: 100%; margin-bottom: 0; height: .8em; width: .8em; left: 50%; transform: translateX(-50%); top: -.6em; content: ' '; position: absolute; pointer-events: none; border-width: 2px; border-style: solid; border-top-left-radius: 10em; border-top-right-radius: 10em; border-bottom: 0; } .elementor-widget-hfe-cart:not(.hfe-menu-cart--show-subtotal-yes) .hfe-menu-cart__toggle .elementor-button-text { display: none; } .elementor-widget-hfe-cart.toggle-icon--bag-light .hfe-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e3'; } .elementor-widget-hfe-cart.toggle-icon--bag-medium .hfe-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e4'; } .elementor-widget-hfe-cart.toggle-icon--bag-solid .hfe-menu-cart__toggle .elementor-button-icon i:before { content: '\e8e5'; } .hfe-menu-cart__toggle .elementor-button { background: transparent; border-radius: 0; color: #818a91; border: 1px solid; border-color: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hfe-menu-cart__toggle .elementor-button-text { margin-right: 0.3em; } .hfe-menu-cart__toggle .elementor-button-icon { position: relative; -webkit-transition: color 0.1s; -o-transition: color 0.1s; transition: color 0.1s; } .hfe-menu-cart--items-indicator-bubble .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before { content: attr(data-counter); display: block; position: absolute; min-width: 1.6em; height: 1.6em; line-height: 1.5em; top: -0.7em; right: -0.7em; border-radius: 100%; color: #fff; background-color: #d9534f; text-align: center; font-size: 10px; } .hfe-menu-cart--items-indicator-plain .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before { content: attr(data-counter); display: inline-block; font-weight: normal; } .hfe-menu-cart--empty-indicator-hide .hfe-menu-cart__toggle .elementor-button .elementor-button-icon[data-counter="0"]:before { content: none; display: none; } .hfe-menu-cart__toggle .elementor-button-icon { -webkit-box-ordinal-group: 16; -webkit-order: 15; -ms-flex-order: 15; order: 15; } .hfe-menu-cart__toggle.hfe-button-wrapper .elementor-button { color:#4d4848; } .hfe-search-button-wrapper { display: block; cursor: pointer; vertical-align: middle; text-align: right; } .hfe-search-form__container { display: flex; overflow: hidden; } .hfe-search-form__input { flex-basis: 100%; } .hfe-search-icon-toggle i.fa-search { display: inline-block; position: absolute; width: 20px; box-sizing: content-box; padding: 10px; } .hfe-search-icon-toggle i:before { vertical-align: middle; } .hfe-search-button-wrapper input[type=search] { border: 0; padding: 10px; cursor: pointer; border-radius: 0; transition: all .5s; box-sizing: border-box; outline: none; } .hfe-search-button-wrapper button { border: none; border-radius: 0; padding: 0; } .hfe-search-button-wrapper input[type=search]:focus { cursor: auto; border: none; box-shadow: none; } .hfe-search-icon-toggle input:-moz-placeholder, .hfe-search-icon-toggle input::-webkit-input-placeholder { color: transparent; } .hfe-search-layout-icon .hfe-search-icon-toggle .hfe-search-form__input { background-color: unset; height: 100%; } .hfe-search-button-wrapper.hfe-input-focus { display: flex; } .hfe-search-form__container .hfe-search-submit { min-width: 3%; position:relative; } .hfe-search-form__container button#clear, .hfe-search-icon-toggle button#clear { visibility: hidden; position: absolute; right:0; top:0; padding: 0 8px; font-style: normal; user-select: none; cursor: pointer; bottom:0; margin-right:10px; background-color: transparent; } .hfe-search-button-wrapper input[type="search"]::-webkit-search-decoration, .hfe-search-button-wrapper input[type="search"]::-webkit-search-cancel-button, .hfe-search-button-wrapper input[type="search"]::-webkit-search-results-button, .hfe-search-button-wrapper input[type="search"]::-webkit-search-results-decoration { display: none; } .hfe-search-form__container button#clear-with-button{ visibility: hidden; position: absolute; top: 0; padding: 0 8px; font-style: normal; font-size: 1.2em; user-select: none; cursor: pointer; bottom:0; background-color: transparent; } .hfe-search-button-wrapper, .hfe-search-form__container, .hfe-search-icon-toggle, .hfe-search-button-wrapper .hfe-search-icon-toggle i, .hfe-search-button-wrapper .hfe-search-icon-toggle i:before { position: relative; } .hfe-search-button-wrapper .hfe-search-icon-toggle .hfe-search-form__input { position: absolute; width: 0; right: 0; background-color: transparent; } .hfe-search-icon-toggle { width: 100%!important; } .hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{ position: absolute; width: 250px; right: 0; } .hfe-search-layout-text .hfe-search-form__container, .hfe-search-layout-icon_text .hfe-search-form__container, .hfe-search-layout-text .hfe-search-form__container .hfe-search-form__input, .hfe-search-layout-icon_text .hfe-search-form__container .hfe-search-form__input { width: 100%; } .hfe-search-icon-toggle { line-height: 1.5; } .hfe-pointer__double-line.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.hfe-pointer__double-line.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { width: 100%; left: 0; opacity:1; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { bottom: 0px; opacity:1; } .hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { top: 0px; opacity: 1; } .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { height: 3px; width: 100%; left: 0; opacity: 1; } .hfe-pointer__framed.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hfe-pointer__framed.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:before, .hfe-pointer__underline.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__double-line.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { opacity:1; } .hfe-pointer__framed.hfe-animation__corners .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after { border-width:3px; width:100%; opacity:1; height:100%; } .hfe-scroll-to-top-wrap.hfe-scroll-to-top-hide { display: none; } .hfe-scroll-to-top-wrap.edit-mode, .hfe-scroll-to-top-wrap.single-page-off { display: none !important; } .hfe-scroll-to-top-button { position:fixed; right:15px; bottom:15px; z-index:9999; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -ms-flex-align:center; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; width:50px; height:50px; border-radius:50px; background-color:#000000; color:#fff; text-align:center; opacity:1; cursor:pointer; -webkit-transition:all .3s; transition:all .3s; } .hfe-scroll-to-top-button i { color:#fff; font-size:16px; } ul.hfe-breadcrumbs { display:block; margin:0; padding:0; list-style:none } ul.hfe-breadcrumbs li { display: inline-block; margin-right: 10px; vertical-align: middle; } ul.hfe-breadcrumbs li:last-child { margin:0; } ul.hfe-breadcrumbs li a, ul.hfe-breadcrumbs li span.hfe-breadcrumbs-separator-icon, ul.hfe-breadcrumbs li span.hfe-breadcrumbs-text{ display:block; } ul.hfe-breadcrumbs li span.hfe-breadcrumbs-text{ -webkit-transition:all .4s; transition:all .4s; } span.hfe-breadcrumbs-home-icon{ margin-right:10px; align-content: center; } .hfe-breadcrumbs-first a { align-content: center; } .hfe-breadcrumbs-separator-icon i, .hfe-breadcrumbs-separator-icon svg, .hfe-breadcrumbs-home-icon i, .hfe-breadcrumbs-home-icon svg { width: 1em; height: 1em; position: relative; display: block; } ul.hfe-breadcrumbs-show-home li.hfe-breadcrumbs-first { display: inline-flex; } ul.hfe-post-info-items { list-style: none; margin: 0; padding: 0; } ul.hfe-post-info-inline.hfe-post-info-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } li.hfe-post-info-item { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } li.hfe-post-info-item, li.hfe-post-info-item > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; } .hfe-post-info-inline.hfe-post-info-items .hfe-post-info-item { margin-right: 8px; margin-left: 8px; } .hfe-post-info-inline .hfe-post-info-item:not(:last-child):after { position: relative; right: -8px; } .hfe-post-info-inline.hfe-post-info-items { margin-right: -8px; margin-left: -8px; } .hfe-post-info-icon svg { display: block; } .hfe-post-info-layout-traditional .hfe-post-info-item:not(:last-child):after { position: absolute; bottom: 0; width: 100%; left: 0; } .hfe-post-info-layout-traditional .hfe-post-info-item:not(:last-child) { position: relative; } .hfe-icon-wrap .hfe-icon svg { height: 100%; width: 100%; } body .elementor .hfe-button-wrapper a { text-decoration: none; } .hfe-button-wrapper { border-radius: 3px; } .hfe-reading-progress-bar{ height: 4px; }