/*
Theme Name: FoodNotify - Warenwirtschaft
Theme URI: https://foodnotify.com
Author: Systech d.o.o
Author URI: https://systech.ba
Description: FoodNotify Theme based on Sydney Theme
Version: 1.0.0
Template: sydney
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foodnotify
Domain Path: /languages/
*/
/*
Theme color: #78B62C;
*/
/* CUSTOMIZATIONS */
/* .container{
max-width: 960px;
} */
/* *{
color: #000;
} */
/* h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
color: #333;
} */
html {
scroll-behavior: smooth;
}
a {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.async-hide {
opacity: 0 !important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.3;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a{
color: #78B62C;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{
border: 1px solid #666;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
background-color: #75b43d;
border: 1px solid #75b43d;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
background-color: transparent;
color: #75b43d;
}
.relative-wrapper{
position: relative;
}
.header-clone {
display: none !important;
}
.col-logo {
margin-right: 10px;
}
.col-menu {
width:100%;
}
.height-full{
height: 100% !important;
}
.m-r-0{
margin-right: 0px !important
}
.m-l-0{
margin-left: 0px !important
}
.p-r-0{
padding-right: 0px !important;
}
.p-l-0{
padding-left: 0px !important;
}
@media(max-width: 768px){
.less-768-p-0{
padding: 0px !important;
}
.less-768-p-r-0{
padding-right: 0px !important;
}
.less-768-p-l-0{
padding-left: 0px !important;
}
}
@media(min-width: 768px){
.more-768-p-0{
padding: 0px !important;
}
.more-768-p-r-0{
padding-right: 0px !important;
}
.more-768-p-l-0{
padding-left: 0px !important;
}
}
.go-top.show{
border-color: #fff;
}
.d-none{
display: none !important;
}
a:focus,
a:hover {
text-decoration: none !important;
}
.text-light{
color: #fff;
}
/* #wpadminbar{
display: none;
}
html{
margin-top: 0px !important;
} */
/* .admin-bar .site-header,
.admin-bar .site-header.float-header{
top: 0;
} */
.v-align{
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: center;
}
/*@font-face {
font-family: roboto;
src: url(../foodnotify/assets/fonts/roboto/Roboto-Black.ttf);
}
@font-face {
font-family: roboto-bold;
src: url(../foodnotify/assets/fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
font-family: roboto-light;
src: url(../foodnotify/assets/fonts/roboto/Roboto-Light.ttf);
}
@font-face {
font-family: roboto-medium;
src: url(../foodnotify/assets/fonts/roboto/Roboto-Medium.ttf);
}*/
* {
outline: none;
font-family: 'Roboto', sans-serif;
}
@media(min-height: 500px){
/* body{
position: absolute;
width: 100%;
height: 100%;
overflow: scroll;
} */
.allwrapper{
height: 100%;
}
#page{
min-height: calc(100% - 340px);
}
}
@media(max-width: 768px){
.padding-0-768{
padding: 0px !important;
}
}
.padding-0 {
padding: 0px !important;
}
.padding-20 {
padding-left: 45px;
padding-right: 45px;
}
.pl-0 {
padding-left: 0px !important;
}
@media(max-width: 1024px){
.remove-1024{
display: none !important;
}
}
.text-slider .maintitle:after {
background-color: transparent;
}
.roll-button {
font-weight: 500;
text-transform: uppercase;
border-radius: 50px;
background-color: #ffcc00;
border: none;
color: #000;
padding: 20px 50px;
font-size: 20px;
}
.roll-button:hover {
background-color: #ffcc00;
color: #000 !important;
text-decoration: none;
}
.fn-nav {
width: 100%;
}
@media(min-width: 1224px) {
#menu-hauptmenue,
#menu-foodnotify {
width: 100%;
height: 30px;
}
}
.mob-menu-left-panel .mob-cancel-button{
position: fixed;
top: 10px;
left: 10px;
z-index: 9999999999999999999999999;
font-size: 15px!important;
}
@media(max-width: 1024px) {
.site-header {
background-color: #78B62C;
}
}
/* */
.mobmenu_content .mobile-menu-logo-link{
width: 75%;
text-align: center;
margin: auto;
overflow: hidden;
position: relative;
display: block;
top: 5px;
}
.mobmenu_content .mobile-menu-logo{
width: 65%;
}
@media only screen and (max-width: 1024px) {
.mob-menu-logo-holder {
background-color: #7ab92e;
background: linear-gradient(#afdc57, #7ab92e);
}
}
@media only screen and (max-width: 1025px){
.mobmenul-container i {
line-height: 30px;
font-size: 20px !important;
float: left;
}
.mob-menu-logo-holder{
text-align: left !important;
}
.mob-menu-slideout-over .mobmenu_content {
padding-top: 0px !important;
}
.mob-menu-logo-holder .mob-standard-logo {
display: inline-block;
height: 40px!important;
left: 55px;
position: relative;
}
.free-demo-menu-button{
margin-top: 35px !important;
}
.menu-item-has-children a{
position: relative;
width: auto;
display: -webkit-inline-box !important;
}
.menu-item-has-children a .icon-arrow-down{
position: absolute;
right: 3px;
top: 0px;
font-size: 10px;
opacity: 0.5;
height: 100%;
display: flex;
align-items: center;
transition: 0.25s linear;
}
.menu-item-has-children a .icon-arrow-down:before {
font-size: 17px;
}
}
@media(min-width: 1024px){
.mob-menu-header-holder, .mobmenu-panel {
display:none !important;
}
.menu-item-has-children a .icon-arrow-down{
position: absolute;
right: -12px;
top: 12px;
font-size: 10px;
opacity: 0.0;
}
}
@media only screen and (max-width: 1024px) {
.mobmenul-container i {
color: #000 !important;
}
}
/* */
.site-header {
padding: 10px 0px;
background: transparent;
}
#mainnav {
float: left;
}
#mainnav .flr {
float: right;
}
/* #mainnav ul li{
position: relative;
top: 50%;
transform: translateY(-50%);
} */
#mainnav > div > ul {
display: block;
}
#mainnav ul li a {
font-weight: 500;
border-bottom: 2px solid rgba(255, 255, 255, 0);
transition: 0.25s linear;
padding: 8px 0px 3px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 13px;
}
@media(min-width: 1024px) and (max-width: 1200px) {
#mainnav ul li {
/* font-size: 11px; */
padding: 0px 7px;
}
}
#mainnav ul li ul {
left: 50% !important;
transform: translateX(-50%);
width: 200px;
border-radius: 10px;
padding: 10px 15px;
}
#mainnav ul li ul:after {
background-color: transparent;
}
#mainnav ul li a:hover {
color: #fff;
border-color: rgba(255, 255, 255, 1);
}
/* .food-notify-sticky-header #mainnav ul li a:hover {
color: #6b6b6b;
} */
.food-notify-sticky-header #mainnav ul li a:hover {
color: #000;
opacity:1;
}
#mainnav ul li a,
#mainnav ul li::before {
color: rgba(255,255,255,1);
}
.food-notify-sticky-header #mainnav ul li a {
color: #000;
opacity: .75;
}
.food-notify-sticky-header #mainnav ul li::before{
color: #6b6b6b;
}
#mainnav ul li {
position: relative;
/* color: rgba(255, 255, 255, 0.9); */
/* top: 4px; */
}
.page-wrap .content-wrapper {
background-color: transparent;
padding: 0px;
}
.page-wrap,
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
padding: 0px;
}
.tab-pane {
padding: 60px 40px;
line-height: 1.5em;
}
.tab-pane h2 {
margin-bottom: 25px;
}
@media(max-width: 768px){
.tab-pane h2{
font-size: 25px;
}
}
@media(max-width: 768px) {
.tab-pane {
padding: 20px 40px;
}
}
.entry-page p, .entry-post p {
/* margin: 10px 0; */
line-height: 1.5em;
font-size: 1.7rem;
}
.entry-post a, .post-wrap a {
color: #333 !important;
text-decoration: underline;
}
.entry-post a:hover, .post-wrap a:hover {
color: #78B62C !important;
text-decoration: underline !important;
}
.entry-post ol {
list-style: none;
counter-reset: li;
}
.entry-post ol li::before {
margin-left: -2em;
content: counter(li);
background-color: #7ab92e;
display: inline-block;
padding: 7px;
line-height: 8px;
margin-right: 5px;
font-weight: 500;
color: #FFF;
text-align: center;
text-indent: unset;
font-size: 14px;
border-radius: 15px;
}
.entry-post ol li {
counter-increment: li;
margin-bottom: 10px;
line-height: 1em;
margin-left: 1em;
}
.products-wrapper ul {
list-style: none;
}
.products-wrapper ul li {
margin-bottom: 10px;
}
.products-wrapper ul li:before {
margin: 0;
content: "\f00c";
font-family: FontAwesome;
display: inline-block;
width: 1.3em;
color: #78B82C;
}
.entry-footer,
.single .entry-header,
.page .entry-header {
margin: 0px;
}
.entry-footer {
/* display: none; */
}
.content-area .hentry {
padding: 0;
}
.content-area .post-wrap {
margin-bottom: 50px;
}
.recipe blockquote::before {
position: absolute;
color: rgb(241, 239, 230);
font-size: 10rem;
width: 4rem;
height: 4rem;
font-family: sans-serif;
content: "“";
left: 0rem;
top: 5rem;
}
.recipe blockquote{
border-left: 0;
background: transparent;
color: #78B62C;
margin: 0;
font-size: 23px;
line-height: 1.5em;
padding: 15px 0 15px 35px;
font-style: italic;
}
.hentry blockquote {
border-left: 0;
background: transparent;
color: #78B62C;
margin: 0;
font-size: 23px;
line-height: 1.5em;
padding: 30px 0 30px 50px;
}
.hentry blockquote:before {
position: absolute;
color: #f1efe6;
font-size: 10rem;
width: 4rem;
height: 4rem;
font-family: sans-serif;
content: '“';
left: -1rem;
top: 5rem;
}
.background-green {
background-color: #7ab92e;
background: radial-gradient(#afdc57, #7ab92e);
}
.background-gray {
background-color: #EEE;
background-image: radial-gradient(#FFF, #EEE, #DDD);
}
.zutaten-span{
font-weight: 400;
font-size: 21px;
letter-spacing: 1px;
color: #999;
}
/************xxxxxxx***xx****xx************/
/************xx********xxxx**xx************/
/************xx********xx*xx*xx************/
/************xxxx******xx**xxxx************/
/************xx********xx***xxx************/
/************xx********xx****xx************/
.logo-svg {
height: 40px;
}
@media(max-width: 768px) {
.less-768-padd-0 {
padding: 0px;
}
}
/*.geoip-country-BA .stories-menu,
.geoip-country-DE .stories-menu,
.geoip-country-AT .stories-menu,
.geoip-country-CH .stories-menu{
display: block;
}
.stories-menu{
display: none;
}*/
.site-header.float-header {
padding: 10px 0px;
background-color: unset;
background-color: #7ab92e;
background: linear-gradient(#afdc57, #7ab92e);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
z-index: 9999;
}
#mainnav-mobi {
background-color: #78B62C;
margin-top: 10px;
left: 0px;
}
#mainnav-mobi ul li {
border-top: 1px solid #fff;
}
@media(min-width: 1024px) {
.sub-menu {
text-align: left;
}
.sub-menu:before {
content: "";
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
position: relative;
left: 50%;
position: absolute;
top: 4px;
transform: translateX(-50%);
}
}
#mainnav li {
padding: 0 10px;
}
#mainnav li:hover>.sub-menu>li>a {
padding: 4px 8px;
}
#mainnav li>.sub-menu>li {
background: #f8f8f8;
/* Old browsers */
background: -moz-linear-gradient(left, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=1);
/* IE6-9 */
}
#mainnav li>.sub-menu>li:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding-top: 15px;
}
#mainnav li>.sub-menu>li:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding-bottom: 5px;
}
#mainnav li>.sub-menu>li {
background-color: #fff;
}
#mainnav li>.sub-menu>li>a {
padding: 4px 8px;
text-align: left;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
font-weight: 500;
}
#mainnav li>ul {
padding-top: 10px;
}
#mainnav .sub-menu li a {
background: transparent;
color: #999;
line-height: unset;
border: none;
padding: 0px;
}
.current-menu-item a {
border-color: rgba(255, 255, 255, 1) !important;
}
/* .current-menu-item a, */
.current-menu-parent:first-child {
color: #FFF !important;
border-color: rgba(255, 255, 255, 0.0) !important;
}
.current-menu-item a:before {
color: #78B62C !important;
}
.sub-menu .current-menu-item a {
color: #333 !important;
}
@media(max-width: 1024px){
.sub-menu .current-menu-item a{
text-decoration: underline;
}
}
#mainnav .sub-menu li:hover a:before {
color: #78B62C;
}
#mainnav .sub-menu li:hover>a {
background: transparent;
color: #333;
}
.text-slider .maintitle {
font-size: 45px;
}
.text-slider .subtitle {
font-size: 25px;
}
.food-notify-left-menu {
float: unset !important;
top: 14px;
position: relative;
}
.free-demo-menu-button {
background: linear-gradient(#afdc57, #7ab92e);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: 20px;
font-weight: 600;
}
.free-demo-menu-button a {
padding: 8px !important;
color: #333 !important;
border: none !important;
}
.free-demo-menu-button:hover {
/* background: #fff; */
/* background: #7ab92e; */
background: linear-gradient(#7ab92e,#7ab92e);
}
@media(min-width: 1024px){
.phone-icon:before {
content: "\f095";
}
}
.phone-icon:before {
font-weight: normal;
text-decoration: inherit;
font-size: 17px !important;
margin: 9px 4px 0 0 !important;
}
.phone-icon:hover a {
text-decoration: none !important;
border: none !important;
}
.phone-icon a {
border: none !important;
cursor: text;
}
.phone-icon {
cursor: text;
}
@media(min-width: 1025px) {
.is_homepage_ {
background-color: transparent;
}
}
.foodnotify-nav-pills>li>a:hover {
background-color: #fff !important;
}
.foodnotify-nav-pills>li {
overflow: hidden;
}
.customer-portrait-what-fn-does {
padding: 50px 0px;
text-align: center;
background-color: #EEE;
background-image: linear-gradient(#EEE, #FFF);
}
.customer-portrait-what-fn-does .entry-post a {
text-decoration: none;
}
.customer-portrait-what-fn-does .title {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
font-weight: 500 !important;
}
.customer-portrait-what-fn-does h2 {
margin-bottom: 30px;
}
.foodnotify-nav-pills li h4 {
font-weight: 700;
}
.foodnotify-nav-pills li p {
margin: 0px;
}
@media(max-width: 1200px) {
.foodnotify-nav-pills li p {
display: none;
}
}
.customer-portrait-what-fn-does .wrap {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 150px;
height: 150px;
border-radius: 50%;
background-size: 110px;
background-color: rgba(255, 255, 255, 0.1);
background-repeat: no-repeat;
background-position-y: 13px;
background-position-x: 16px;
background-size: 60%;
background-position: center;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.customer-portrait-what-fn-does .wrap img {
position: relative;
top: 40%;
transform: translateY(-50%);
padding-top: 5px;
}
.branches-post{
margin-top: 30px;
margin-bottom: 30px;
}
.frc {
background: #f1f2f3;
}
.branches-tabpanels{
background-color: #f8f8f8 !important;
margin-bottom: 30px;
}
/* .branches-tabpanels .frc{
background: rgba(241, 242, 243, 0.18);
}
.branches-tabpanels .foodnotify-nav-pills>li{
background: rgba(241, 242, 243, 0);
} */
.branches-tabpanels .foodnotify-nav-pills>li.active>a,
.branches-tabpanels .foodnotify-nav-pills>li.active>a:focus,
.branches-tabpanels .foodnotify-nav-pills>li.active>a:hover{
background: #f8f8f8 !important;
}
.branches-tabpanels .foodnotify-nav-pills>li>a:hover{
background: #f8f8f8 !important;
}
.foodnotify-tabpanels {
position: relative;
margin-top: -113px;
background: #fff;
z-index: 2;
}
@media(min-width: 1024px){
.foodnotify-tabpanels {
margin-top: -113px;
}
}
@media(max-width: 1024px){
.foodnotify-tabpanels {
margin-top: -173px;
}
}
.foodnotify-tabpanels a {
color: #333;
}
.foodnotify-tabpanels a:hover {
color: #000;
cursor: pointer;
}
.foodnotify-tabpanels .module {
padding: 15px 30px;
border-radius: 5px;
border:1px solid transparent;
transition: all 0.3s ease;
}
.foodnotify-tabpanels .module:hover {
background-color: #F8F8F8;
border-color: #DDD;
color:#000;
}
.foodnotify-tabpanels h3 {
margin-top: 10px;
}
.foodnotify-nav-pills>li>a {
text-align: center;
border-radius: unset !important;
color: #404655;
height: 110px;
overflow: hidden;
}
@media(max-width: 768px){
.foodnotify-tabpanels .module .h3{
font-size: 18px
}
}
@media(max-width: 768px) {
.foodnotify-tabpanels .container {
padding: 0px;
}
.foodnotify-nav-pills>li {
width: 25%;
border-radius: 0px !important;
background: #f1f2f3;
margin: 0px !important;
}
.foodnotify-nav-pills li a {
padding: 10px !important;
font-size: 13px;
}
.foodnotify-nav-pills>li>a>h4 {
font-size: inherit;
}
}
.foodnotify-nav-pills>li>a, .foodnotify-nav-pills>li>a:hover {
text-decoration: none !important;
}
.foodnotify-nav-pills>li>a>h4 {
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0px;
word-break: break-word;
}
.foodnotify-nav-pills{
display: block !important;
}
.foodnotify-nav-pills>li.active>a,
.foodnotify-nav-pills>li.active>a:focus,
.foodnotify-nav-pills>li.active>a:hover {
background-color: #fff !important;
color: #404655 !important;
}
.foodnotify-nav-pills>li {
border-top: 5px solid;
}
/* @media(max-width: 500px){
.foodnotify-nav-pills>li{
width: 50%;
}
} */
@media(min-width: 768px) {
.foodnotify-nav-pills>li {
width: 25%;
border-radius: 0px !important;
background: #f1f2f3;
margin: 0px !important;
}
}
.foodnotify-nav-pills>li:first-child{
border-left: 1px solid #fff !important;
}
.foodnotify-nav-pills>li{
border-right: 1px solid #fff !important;
}
/***************************************/
.mob-icon-menu,
.mob-icon-cancel{
padding: 5px;
display: inline-block;
height: 45px!important;
margin-top: 5px;
}
.mob-icon-menu:before,
.mob-icon-cancel-1:before {
content: '\f0c9' !important;
font-family: FontAwesome;
}
.mobmenu *{
font-family: 'Roboto', sans-serif !important;
}
.mobmenu_content #mobmenuleft .sub-menu{
padding: 0px;
}
.mobmenu_content #mobmenuleft .sub-menu a{
padding-left: 35px;
}
.mobmenu_content #mobmenuleft li{
position: relative;
text-align: center;
}
.mob-expand-submenu{
margin-top: -40px !important;
width: 100%;
/* border: 1px solid red; */
text-align: right;
min-height: 40px;
position: unset !important;
float: unset !important;
right: unset !important;
z-index: 2;
position: absolute !important;
opacity: 0;
}
@media(max-width: 1024px) {
.free-demo-menu-button{
background: none !important;
margin: auto;
back
}
.free-demo-menu-button a{
padding-left: 18px !important;
font-size: 13px !important;
}
}
/***************************************/
.tab-subpanel-title {
font-size: 20px;
font-weight: 600;
color: #404655;
}
.tab-subpanel-description {
font-size: 14px;
}
.border-top-orange {
border-color: #ffb847 !important;
}
.border-top-yellow {
border-color: #dcda56 !important;
}
.border-top-lightblue {
border-color: #3fddaa !important;
}
.border-top-blue {
border-color: #4bc5e8 !important;
}
.testimonial-text * {
margin: 0px !important;
}
.testimonial-image {
cursor: pointer;
text-align: center;
position: relative;
}
.testimonial-image img{
border-radius: unset !important;
}
.testimonial-video{
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.testimonial-video video{
/* width: 100%; */
height: 100%;
opacity: 0;
transition: 0.25s linear;
}
.testimonial-wrapper {
background-color: #78B62C;
margin-left: 0px !important;
margin-right: 0px !important;
padding: 0px 30px;
}
@media(min-width: 1280px) {
.testimonial-wrapper {
height: 430px;
overflow: hidden;
}
.testimonial-text {
position: relative;
/* top: 50px; */
}
}
/* @media(max-width: 1024px){
.testimonial-text{
padding-top: 50px !important;
}
} */
@media(max-width: 1200px) {
.testimonial-wrapper {
/* padding: 40px 30px; */
}
.testimonial-text {
padding-bottom: 30px !important;
}
.testimonial-image img {
width: 80%;
margin: auto;
border: 15px solid #fff;
}
}
@media(max-width: 768px) {
.testimonial-image img {
width: 90%;
margin: auto;
border: 5px solid #fff;
}
}
@media(min-width: 1200px) {
.testimonial-text {
padding: 50px 30px !important;
}
.testimonial-image img {
margin: unset;
width: 100%;
height: auto;
}
}
.fn-anchor-list-hero-template {
position: relative;
margin-top: -170px;
z-index: 2;
}
.fn-anchor-list-hero-template {
list-style: none;
padding: none;
margin: 0px;
text-align: center;
width: 100%;
background: rgba(255, 255, 255, 0.7);
}
.fn-anchor-list-hero-template h4 {
margin-top: 0;
}
.fn-anchor-list-hero-template li {
display: inline-grid;
position: relative;
padding: 10px 20px;
margin: 0px 10px;
}
@media(max-width: 768px){
.fn-anchor-list-hero-template li{
display: inline-grid;
position: relative;
margin: 0px 10px;
padding: 10px 20px;
}
}
@media(min-width: 700px) and (max-width: 860px){
.fn-anchor-list-hero-template{
padding: 0px;
}
.fn-anchor-list-hero-template li {
display: inline-grid;
position: relative;
padding: 10px 10px;
margin: 0px 5px;
}
}
@media(min-width: 550px) and (max-width: 700px){
.fn-anchor-list-hero-template{
padding: 0px;
}
.fn-anchor-list-hero-template li {
display: inline-grid;
position: relative;
padding: 10px 0px;
margin: 0px 0px;
}
}
@media(max-width: 550px){
.fn-anchor-list-hero-template{
display: none;
}
}
.fn-anchor-list-hero-template .fn-anchor-icon {
width: auto;
height: 90px;
padding: 10px;
margin: 0px;
transition: 0.1s ease-in-out;
}
.fn-anchor-list-hero-template .fn-anchor-icon:hover {
transform: scale(1.2)
}
.fn-anchor-list-hero-template .title {
width: 100px;
color: #3d4352;
font-size: 15px;
font-weight: 600;
}
.fn-anchor-list-hero-template li:hover a {
text-decoration: none;
}
.vcenter {
display: flex;
vertical-align: middle;
float: none;
}
@media(min-width:992px ){
.recipe-page-wrapper{
display: flex;
align-items: center;
}
}
@media(min-width:768px) and (max-width: 992px){
.recipe-page-wrapper{
display: flex;
align-items: center;
}
}
@media(max-width:768px){
.recipe-page-wrapper{
display: flex;
align-items: center;
}
.flex-reverse{
flex-direction: column-reverse;
}
.flex-normal{
flex-direction: column;
}
}
.recipe-page-wrapper {
padding: 0px 30px;
}
.entry-post-recipe-managment .recipe-page-wrapper {
overflow: hidden;
height: unset;
padding: 0 30px;
}
.products-wrapper{
padding: 7rem 0px;
}
@media(max-width: 768px){
.products-wrapper .recipe-page-wrapper h2{
font-size: 25px;
}
}
.products-wrapper h2 {
font-size: 35px !important;
letter-spacing: 0.2rem;
font-weight: 300 !important;
line-height: 1.3em;
}
.products-wrapper .features {
margin-bottom: 10px;
}
.products-wrapper p {
margin-bottom: 10px;
}
.products-wrapper .features span {
background: #eee;
padding: 0 10px;
border-radius: 50px;
font-weight: 400;
letter-spacing: 0.1rem;
display: inline-block;
font-size: 1.2rem;
margin-bottom: 5px;
line-height: 2.2em;
}
.products-wrapper .features .fa-check {
color: #7ab92e;
margin-right: 3px;
}
.products-wrapper .features p:before {
position: absolute;
width: 15px;
height: 15px;
left: 0px;
background-size: cover;
top: 2px;
}
.products-wrapper .features ul {
padding: 0;
}
.products-wrapper .features ul li {
font-size: 13px;
font-weight: 500;
display: inline-block;
margin-bottom: 0px;
padding: 5px 10px 5px 0;
border-radius: 50px;
word-spacing: 0;
}
.products-wrapper .features ul li:before {
margin: 0;
content: "\f00c";
font-family: FontAwesome;
display: inline-block;
width: 1.1em;
color: #78B82C;
}
@media(min-width:768px) and (max-width:992px) {
.entry-post-recipe-managment .recipe-text,
.entry-post-recipe-managment .recipe-image .post-single-shortcode-aka {
height: inherit;
position: relative;
}
}
@media(min-width:992px) {
.recipe-page-wrapper {
/* height: 470px; */
/* overflow: hidden; */
/* margin: 0px 0px !important; */
position: relative;
}
.recipe-text,
.recipe-image .post-single-shortcode-aka {
position: relative;
/* top: 50%;
transform: translateY(-50%); */
}
.entry-post-recipe-managment .recipe-text,
.entry-post-recipe-managment .recipe-image .post-single-shortcode-aka {
top: unset;
transform: unset;
}
}
@media(max-width: 1024px){
.bottom-separator {
padding-bottom: 15px !important;
}
.bottom-separator:after {
/* .branches-submenu ul li:nth-child(6):after{ */
content: '';
width: 70%;
height: 1px;
background: #fff;
position: absolute;
left: 15%;
bottom: 5px;
}
/* .top-separator {
padding-top: 15px !important;
} */
/* .top-separator:before {
content: '';
width: 70%;
height: 1px;
background: #fff;
position: absolute;
left: 15%;
top: 0px;
} */
}
@media(min-width: 1024px){
.bottom-separator {
padding-bottom: 15px !important;
}
.bottom-separator:after {
/* .branches-submenu ul li:nth-child(6):after{ */
content: '';
width: 70%;
height: 1px;
background: #ccc;
position: absolute;
left: 15%;
bottom: 5px;
}
.top-separator {
padding-top: 15px !important;
}
.top-separator:before {
content: '';
/* width: 70%; */
height: 1px;
position: absolute;
width: 155px;
background: #ddd;
left: 10px;
top: 7px;
}
}
/*.branches-submenu ul liafter{
all: unset;
}*/
/* @media(min-width: 992px){
.recipe-text,
.recipe-image{
position: relative;
top: 50%;
transform: translateY(-50%);
}
} */
.recipe-image {
text-align: center;
height: 100%;
}
/* .entry-post-recipe-managment .recipe-image{
position: absolute;
bottom: 0px;
height: auto;
right: 0px;
}
*/
.entry-post img {
border-radius: 5px;
}
.entry-post-recipe-managment .recipe-image .post-single-shortcode-aka img {
margin: 0px;
}
@media(min-width: 768px) and (max-width: 992px) {
.entry-post-recipe-managment .recipe-image .post-single-shortcode-aka img {
top: 45px;
position: relative;
}
}
/* .entry-post .foodnotify-tabpanels p {
margin-top:10px;
} */
@media(min-width: 1024px) {
.entry-post-recipe-managment .recipe-image .post-single-shortcode-aka img {
margin: 0px;
left: 0;
/* top: 30px; */
}
}
.recipe-text .text {
/* width: 80%; */
margin: auto;
}
.hero-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .2);
background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0));
z-index: 2;
top: 0px;
}
.fn-featured-image-content {
position: absolute;
left: 50%;
transform: translate(-50%);
z-index: 2;
opacity: 0;
transition: 0.25s linear;
/* padding: 0px 30px; */
width: 100%;
}
@media(max-width: 425px) {
.fn-featured-image-content{
/* top: 10% !important; */
width: 100%;
/* padding: 0px 30px; */
}
}
@media(min-width: 425px) and (max-width: 525px) {
.fn-featured-image-content{
/* top: 10% !important; */
width: 90%;
}
}
@media(min-width: 525px) and (max-width: 768px) {
.fn-featured-image-content{
/* top: 10% !important; */
width: 100%;
}
}
.fn-featured-image {
position: relative;
overflow: hidden;
}
.parallax-hero-image {
position: relative;
overflow: hidden;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: scale(1.15);
background-color: #6B6B6B;
height: 100%;
width: 100%;
transition: transform 5s ease-in-out
}
.parallax-hero-image.loaded {
transform: scale(1.15);
opacity: 1;
}
.parallax-scroll {
width: 100%;
height: 100%;
}
.scrolling-indicator{
width: 100px;
height: 0px;
margin: 20px auto;
margin-bottom: -20px;
}
.page-id-226 .scrolling-indicator,
.page-id-48 .scrolling-indicator {
display: none;
}
@media(max-width: 992px){
.scrolling-indicator .scroller-wrapper{
display: none;
}
}
@media(max-height: 650px){
.scrolling-indicator .scroller-wrapper{
display: none;
}
}
.scrolling-indicator .scroller-wrapper{
cursor: pointer;
width: 35px;
height: 55px;
border: 2px solid #fff;
border-radius: 25px;
margin: auto;
position: relative;
bottom: 145px;
z-index: 2;
}
.up-down-elem{
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
background: white;
border-radius: 50%;
-webkit-animation: rev-ani-mouse 2.5s linear infinite;
-moz-animation: rev-ani-mouse 2.5s linear infinite;
animation: rev-ani-mouse 2.5s linear infinite;
}
/* SCROLL DOWN BUTTON */
@-webkit-keyframes rev-ani-mouse {
0% { opacity: 1;top: 29%;}
15% {opacity: 1;top: 50%;}
50% { opacity: 0;top: 50%;}
100% { opacity: 0;top: 29%;}
}
@-moz-keyframes rev-ani-mouse {
0% {opacity: 1;top: 29%;}
15% {opacity: 1;top: 50%;}
50% {opacity: 0;top: 50%;}
100% {opacity: 0;top: 29%;}
}
@keyframes rev-ani-mouse {
0% {opacity: 1;top: 29%;}
15% {opacity: 1;top: 50%;}
50% {opacity: 0;top: 50%;}
100% {opacity: 0;top: 29%;}
}
@media(min-width: 1024px) {
.background-cover-image {
position: absolute;
transform: scale(1.2);
transition: transform 5s ease-in-out;
height: auto;
width: 100%;
}
}
@media(max-width: 1024px) {
.background-cover-image {
position: absolute;
transform: scale(1.2);
transition: transform 5s ease-in-out;
height: 100%;
width: auto;
}
}
@media(max-width: 1200px) {
.background-cover-image {
height: 100%;
width: auto;
max-width: unset;
}
}
.fn-featured-image .featured-hero-icon {
width: unset;
height: unset;
max-width: 130px;
max-height: 130px;
}
.fn-featured-image .featured-hero-handwritten {
margin-top: 20px;
max-width: 550px;
}
@media(min-width: 768px){
.fn-featured-image .title {
font-size: 6rem;
}
}
@media(max-width: 768px){
.fn-featured-image .title {
font-size: 3.5rem;
}
.fn-featured-image .featured-hero-handwritten {
max-width: 80%;
}
}
.fn-featured-image .title {
color: #fff;
line-height: 1em !important;
font-weight: 300;
letter-spacing: .05em;
text-shadow: 0px 0px 20px rgba(0,0,0,0.35);
margin: 0;
}
.fn-featured-image .title strong {
text-transform: uppercase;
color: #afdc57;
}
.fn-featured-image .title {
line-height: 1em !important;
font-weight: 300;
letter-spacing: .05em;
text-shadow: 0px 0px 20px rgba(0,0,0,0.35);
margin: 0;
margin: 15px 0px;
color: #fff;
}
@media(min-width: 1200px){
.fn-featured-image .title {
font-size: 6rem;
}
}
.fn-featured-image .title,
.fn-featured-image .subtitle {
/* word-break: break-word; */
color: #fff;
}
/* @media(max-width: 768px){
.title {
font-size: 25px;
margin: 0px 0px;
color: #fff;
}
} */
.fn-featured-image .claim-wrapper {
max-width: 500px;
margin: 30px auto;
}
.main-subtitle {
font-size: 19px;
margin: 15px 0px;
color: #fff;
}
/* .subtitle {
color: #fff;
margin: 15px 0px;
line-height: 1.3em;
letter-spacing: 1px;
} */
.actionBtn {
color: #000;
margin-top: 20px;
background: #ffcc00;
border: none;
border-radius: 4px;
font-weight: 700;
text-transform: uppercase;
border-radius: 50px;
font-size: 17px;
transition: 0.15s linear;
}
.actionBtn:hover {
background: #fff;
}
.site-footer {
background-color: #3d4352;
padding: 10px 0px;
}
.foodnotify-copyright {
text-align: center;
margin: 0px;
color: #6a6e7a;
font-size: 12px;
}
.go-top {
background-color: #78B62C;
/* border: 1px solid transparent; */
}
.go-top:hover {
/* border-color: #78B62C; */
color: #78B62C;
}
.go-top:hover i {
color: #78B62C;
}
.current-menu-parent a {
color: #FFF;
border-color: rgba(255, 255, 255, 1) !important;
}
.fn-carousel_wrapper {
position: relative;
margin-bottom: 70px;
z-index: 2;
}
#fn_carousel {
padding: 10px;
background: #78B62C;
color: #fff;
}
#fn_carousel .branches-carousel-action a {
background-color: #00000020;
border-radius: 50px;
font-size: 15px;
}
#fn_carousel .branches-carousel-action a:hover {
background-color: #00000030;
}
#fn_carousel .carousel-inner {
margin-top: 40px;
}
#fn_carousel .left,
#fn_carousel .right {
background-image: unset !important;
}
#fn_carousel .glyphicon-chevron-right:before,
#fn_carousel .glyphicon-chevron-left:before {
content: '' !important;
}
#fn_carousel .glyphicon-chevron-right svg {
transform: rotateY(-180deg);
}
#fn_carousel .glyphicon-chevron-right svg,
#fn_carousel .glyphicon-chevron-left svg {
fill: #fff;
}
#fn_carousel .glyphicon-chevron-right,
#fn_carousel .icon-next {
right: 5px !important;
}
#fn_carousel .glyphicon-chevron-left,
#fn_carousel .icon-prev {
left: 5px !important;
}
#fn_carousel .carousel-indicators {
position: unset;
bottom: 10px;
left: 50%;
z-index: 15;
/* width: 60%; */
padding-left: 0;
margin-left: -30%;
text-align: center;
text-align: center;
list-style: none;
margin: auto;
width: 100%;
background: #78B62C;
}
#fn_carousel .carousel-indicators p {
margin: 5px;
position: relative;
height: 40px;
overflow: hidden;
word-break: break-word;
}
#fn_carousel .carousel-indicators a {
color: inherit;
}
#fn_carousel .carousel-indicators .active {
margin: unset;
}
#fn_carousel .carousel-indicators .active .indicatore {
background: #ffffff;
}
.indicatore {
width: 10px;
height: 10px;
border-radius: 30px;
top: 0px;
margin: auto;
background: rgba(255, 255, 255, 0.25);
/*#ffffff70;*/
}
#fn_carousel .item img {
width: auto;
height: 100%;
max-height: 450px;
margin: auto;
max-width: unset;
}
@media(min-width: 1024px) {
.changable_btn {
overflow: hidden;
transition: 0.25s linear;
margin-right: -144px;
opacity: 0;
}
}
.footer-logo-svg {
width: auto;
height: 45px !important;
}
.svg-handw{
height: 35px;
max-width: 100%;
margin: auto;
}
.footer-widget-logo-area {
text-align: center;
}
.footer-widget-logo-area .footer-logo-widget{
display: flex;
justify-content: center;
}
.footer-widgets {
padding: 70px 0 30px;
background-color: #3d4352;
}
@media(max-width: 1024px){
.footer-widgets{
padding: 25px 0px;
}
}
.menu-title-footer {
color: #fff;
font-size: 12px;
text-transform: uppercase;
margin: 0px;
letter-spacing: 0.15em;
font-weight: 300;
border-bottom: 1px solid rgba(119,131,161,.3);
padding-bottom: 7px;
margin-bottom: 7px;
}
.footer-margin{
margin-top: 0px;
}
@media(max-width: 1024px){
.footer-margin{
margin-top: 30px;
}
}
.single .hentry .title-post,
.entry-content h2 strong{
color: #666;
}
.entry-content figure{
width: 100% !important;
}
.single .meta-post a, .classic-alt .meta-post a{
color: #666 !important;
letter-spacing: 0px;
}
.single-meta{
text-decoration: none !important;
}
.single .post-navigation,
.single-meta .byline{
display: none !important;
}
.widget-area .widget{
margin-bottom: 15px;
padding-top: 0px;
}
@media(min-width: 768px) {
.widget-area .widget{
overflow: hidden;
transition: 0.25s linear;
/* margin-right: -144px; */
/* opacity: 0; */
}
}
.widget-area .widget-title{
padding-bottom: 10px;
}
.footer-icon-svg-social {
width: 20px;
height: 30px;
margin: 0px 5px;
transition: 0.25s linear;
fill: #7783a1;
}
.footer-icon-svg-social:hover {
fill: #fff;
}
.widget-area .widget ul li:first-child {
padding-top: unset;
}
.widget-area .widget ul li {
padding: inherit;
}
.widget .widget-title {
color: #fff;
font-size: 12px;
padding-bottom: 5px;
text-transform: uppercase;
letter-spacing: 0.1rem;
border-bottom: 1px solid rgba(255,255,255,0.1);
margin-bottom: 5px;
}
.widget-area,
.widget-area a {
color: #7783a1;
font-weight: 600;
font-size: 15px;
}
.widget-area,
.widget-area a:hover {
text-decoration: none;
color: #fff;
}
.footer-widget-logo-area .footer-logo-widget li {
float: left;
font-size: 8px;
}
.footer-widget-logo-area .footer-logo-widget li a {
font-size: 14px;
}
.widget-area,
.widget-area a {
font-size: 14px;
}
.footer-widget-logo-area .title {
color: #fff;
text-transform: capitalize;
font-size: 14px;
}
.footer-digital-signature{
width: 57%;
height: auto;
position: relative;
top: -10px;
}
.preloader .pre-bounce1,
.preloader .pre-bounce2 {
display: none;
}
#secondary li{
/* border-bottom: 1px solid #c1c0c0; */
padding: 3px 0px;
}
#secondary, #secondary a{
color: #333;
font-weight: 400;
background-color: transparent;
}
#secondary, #secondary a:hover {
color: #999;
}
#secondary .current-cat a {
color:#75b43d;
}
/* .preloader .spinner {
background-image: url('/wp-content/uploads/carrot2.png');
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-size: contain;
} */
.fn-prldr {
z-index: 9999999999999999999;
}
.preloader {
background-color: #3d4452;
}
.preloader .spinner {
height: 100px;
width: 100px;
}
.spinner {
border-radius: 3px;
position: fixed;
top: 50%;
left: 50%;
background-color: #78b82b;
text-align: center;
font-size: 75px;
-webkit-animation: sk-rotateplane 1.5s infinite ease-in-out;
animation: sk-rotateplane 1.5s infinite ease-in-out;
}
.spinner img {
max-width: 80px;
padding: 10px;
border-radius: 5px;
top: 20%;
position: fixed;
margin-left: -40px;
}
@keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(200px) rotateX(0) rotateY(0);
-moz-transform: perspective(200px) rotateX(0) rotateY(0);
transform: perspective(200px) rotateX(0) rotateY(0);
}
50% {
-webkit-transform: perspective(200px) rotateX(0) rotateY(180deg);
-moz-transform: perspective(200px) rotateX(0) rotateY(180deg);
transform: perspective(200px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(200px) rotateX(0) rotateY(360deg);
-moz-transform: perspective(200px) rotateX(0) rotateY(360deg);
transform: perspective(200px) rotateX(0) rotateY(360deg);
}
}
.customer-portrait{
position: relative;
top: -50px;
}
.customer-portrait h3 {
margin-top: 30px;
font-size: 21px;
}
.customer-portrait-fact {
background-color: #3D4352;
color: #fff;
padding: 25px;
position: relative;
top: -100px;
z-index: 2;
}
@media(max-width: 768px){
.customer-portrait-fact {
padding: 0px;
}
.customer-portrait-wrapper{
margin: 10px 0px;
}
}
.customer-portrait-wrapper .first_ {
display: block;
font-size: 17px;
line-height: 1;
}
.customer-portrait-wrapper .second_ {
display: block;
font-size: 34px;
line-height: 1;
}
.customer-portrait .customer-portrait-image-area img {
border-radius: 500px;
}
.customer-portrait .customer-question {
font-family: 'Roboto', sans-serif;
line-height: 1.3em;
color: #666;
font-size: 20px;
font-weight: 700;
margin-top: 30px;
}
.customer-portrait .customer-answer {
font-family: 'Roboto', sans-serif;
color: #333;
font-size: 14px;
}
.customer-portrait .page-title {
font-weight: 300;
font-size: 40px;
color: #000;
padding: 0px;
}
.customer-quote {
line-height: 1.7;
}
q:before {
content: "\201C";
font-family: Georgia, serif;
font-size: 120px;
color: #CCC;
margin-left: -60px;
line-height: 1.2em;
position: absolute;
}
.customer-portrait-content .customer-portrait-icon {
width: 35%;
margin: auto;
opacity: 0;
transition: 0.25s linear;
display: block;
}
.customer-portrait-content .customer-portrait-logo {
width: 20%;
margin: auto;
opacity: 0;
transition: 0.25s linear;
display: block;
margin-bottom: 50px;
}
.customer-portrait-content .featuring {
width: 50%;
margin: auto;
opacity: 0;
transition: 0.25s linear;
display: block;
color: #fff;
text-transform: uppercase;
margin: 10px auto;
font-size: 23px;
}
.customer-portrait-content .subtitle {
font-size: 14px;
width: 100%;
margin: auto;
opacity: 0;
transition: 0.25s linear;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.5px;
}
@media(max-width: 768px) {
.customer-portrait-content .subtitle,
.customer-portrait-content .featuring,
.customer-portrait-content .customer-portrait-logo,
.customer-portrait-content .customer-portrait-icon {
width: 100%;
}
}
/* PRICING */
.pricing-title {
margin-top: 0px;
font-weight: 100;
font-size: 30px;
}
.package-title {
margin: 0px;
}
.package-title div {
font-size: 30px;
text-transform: uppercase;
line-height: 1.5em;
}
.business-style {
height: 25px;
font-size: 15px;
font-weight: 500;
margin-bottom: 15px !important;
}
.package-cost {
font-size: 21px;
line-height: 2em;
margin-bottom: 5px !important;
}
.package-content {
height: 60px;
position: relative;
}
.package-content p {
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
.package-content,
.custom-package-content {
margin-bottom: 15px !important;
}
.select-package {
background-color: rgba(255, 255, 255, 0.25);
padding: 10px;
width: calc(100% - 70px);
text-transform: uppercase;
font-weight: 700;
transition: all 0.2s ease-in-out;
width: 100%;
border: none;
}
.select-package:hover {
background-color: rgba(255, 255, 255, 0.5);
}
a .select-package {
color: #000;
cursor: pointer;
font-family: roboto-bold;
}
.select-package:hover a {
text-decoration: none;
}
.contact-for-custom-package:hover,
.contact-for-custom-package {
color: #000;
text-decoration: underline;
}
.package-wrapper {
padding-left: 0px !important;
margin-bottom: 15px;
}
.basic-package {
padding: 10px;
background: #fbb545;
background: -moz-linear-gradient(45deg, #fbb545 0%, #f7e4c8 100%);
background: -webkit-linear-gradient(45deg, #fbb545 0%, #f7e4c8 100%);
background: linear-gradient(45deg, #fbb545 0%, #f7e4c8 100%);
}
.plus-package {
padding: 10px;
background: #dcda56;
background: -moz-linear-gradient(45deg, #dcda56 0%, #efeecc 100%);
background: -webkit-linear-gradient(45deg, #dcda56 0%, #efeecc 100%);
background: linear-gradient(45deg, #dcda56 0%, #efeecc 100%);
}
.pro-package {
padding: 10px;
background: #3dd9a7;
background: -moz-linear-gradient(45deg, #3dd9a7 0%, #c6eee1 100%);
background: -webkit-linear-gradient(45deg, #3dd9a7 0%, #c6eee1 100%);
background: linear-gradient(45deg, #3dd9a7 0%, #c6eee1 100%);
}
.expert-package {
padding: 10px;
background: #49c1e4;
background: -moz-linear-gradient(45deg, #49c1e4 0%, #c9e8f1 100%);
background: -webkit-linear-gradient(45deg, #49c1e4 0%, #c9e8f1 100%);
background: linear-gradient(45deg, #49c1e4 0%, #c9e8f1 100%);
}
.enterprise-package {
padding: 10px;
background: #9a9edb;
background: -moz-linear-gradient(45deg, #9a9edb 0%, #dedfee 100%);
background: -webkit-linear-gradient(45deg, #9a9edb 0%, #dedfee 100%);
background: linear-gradient(45deg, #9a9edb 0%, #dedfee 100%);
}
.edu-package {
padding: 10px;
background: #cccccc;
background: -moz-linear-gradient(45deg, #cccccc 0%, #eeeeee 100%);
background: -webkit-linear-gradient(45deg, #cccccc 0%, #eeeeee 100%);
background: linear-gradient(45deg, #cccccc 0%, #eeeeee 100%);
}
/* .entry-post-recipe-managment {
position: relative;
overflow: hidden;
}
@media(min-width: 1200px) {
.entry-post-recipe-managment {
padding: 50px 0px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.entry-post-recipe-managment {
padding-top: 40px;
}
}
@media (max-width: 768px) {
.entry-post-recipe-managment {
padding-top: 40px;
}
} */
.entry-post .services .post-single-shortcode-aka {
height: 120px;
display: flex;
}
.entry-post .services .post-single-shortcode-aka img {
margin: 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
.entry-post-recipe-managment .recipe-image .post-single-shortcode-aka img {
/* top: 70px; */
position: relative;
}
}
/* .entry-post-recipe-managment .recipe-image img{
position: absolute;
bottom: -70%;
right: -100%;
width: 100%;
transform: scale(1.5);
} */
.entry-post-recipe-managment .back-image {
position: absolute;
right: -10%;
bottom: 0px;
width: 700px;
}
.entry-post-recipe-managment .back-image img {
margin: 0px;
}
.sidebar-area .title {
color: #000 !important;
}
.recipe-of-the-month-page {
padding: 20px 0px
}
.recipe-of-the-month-page .posted-on,
.recipe-of-the-month-page .title-post {
display: none;
}
.recipe-of-the-month-page .classic{
padding: 0px 40px;
}
@media(max-width: 1024px){
.recipe-of-the-month-page .foodnotify-sidebar{
padding: 0px 30px;
}
}
.recipe-of-the-month-page .recipe-month-featured-image {
width: 100%;
}
@media(max-width: 768px){
.recipe-of-the-month-page .post-title {
font-size: 30px !important;
}
}
.recipe-of-the-month-page .post-title {
color: #000;
font-size: 50px;
line-height: 1.2em;
}
.fn-search-recipe-month {
display: inline-flex;
}
.fn-search-recipe-month input {
width: 100%;
}
.fn-search-recipe-month #searchsubmit {
padding: 10px;
background: #78B62C;
border: none;
border-radius: 0px;
}
.fn-search-recipe-month #searchsubmit:hover {
color: #fff;
}
.fn-search-recipe-month #searchsubmit i {
color: #fff;
}
.rom-image-wrapper {
position: relative;
}
@media(min-width: 1200px) {
.rotm-ticket {
width: 200px;
position: absolute;
top: -30px;
left: -30px;
}
}
@media(min-width: 1024px) and (max-width: 1200px) {
.rotm-ticket {
position: absolute;
width: 200px;
top: -20px;
left: -50px;
}
}
@media(min-width: 992px) and (max-width: 1024px) {
.rotm-ticket {
position: absolute;
width: 140px;
top: -10px;
left: -30px;
}
}
@media(min-width: 768px) and (max-width: 992px) {
.rotm-ticket {
position: absolute;
width: 140px;
top: -10px;
left: -30px;
}
}
@media(min-width: 560px) and (max-width: 768px) {
.rotm-ticket {
position: absolute;
width: 100px;
top: -10px;
left: -15px;
}
}
@media(max-width: 560px) {
.rotm-ticket {
position: absolute;
width: 100px;
top: -10px;
left: -15px;
}
}
.rotm-categories {
padding: 0px;
list-style: none;
}
.rotm-categories li {
color: #ccc;
padding: 3px 0px;
border-bottom: 1px solid;
font-weight: 100;
}
.rotm-categories li i {
margin-right: 7px;
}
.rotm-recent-posts {
padding: 0px;
list-style-type: none;
}
.rotm-recent-posts li {
padding: 5px 0px;
color: #ccc;
}
@media(min-width: 1200px) {
.rotm-recent-posts .rcp-img {
width: auto;
height: 55px;
border-radius: 4px;
}
}
@media(max-width: 1200px) {
.rotm-recent-posts .rcp-img {
width: auto;
height: 55px;
border-radius: 4px;
}
}
.rotm-tags {
padding: 0px;
list-style: none;
}
.rotm-tags li {
background: #e2e2e2;
border-radius: 4px;
padding: 3px 3px;
width: auto;
display: inline-block;
margin: 2px 2px;
}
.rotm-tags li a {
color: #fff !important;
font-weight: 400;
text-transform: capitalize;
font-size: 80%;
}
@media(max-width: 768px) {
.recipe-of-month-experttip .image img {
width: 250px;
height: auto;
margin: auto;
border-radius: 50%;
margin-bottom: 20px;
}
}
@media(min-width: 768px) {
.recipe-of-month-experttip .image img {
width: 200px;
height: auto;
border-radius: 50%;
}
}
@media(max-width: 768px){
.recipe-of-month-experttip .content .title{
/* margin-top: 20px !important; */
text-align: center;
}
}
.recipe-of-month-experttip .content .title {
color: #000;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
margin: 0px;
letter-spacing: 1px;
}
.recipe-of-month-experttip .content .tip {
font-size: 17px;
line-height: 0.9;
font-weight: 400;
}
.recipe-of-month-experttip .content .tip .double-right-brackets,
.recipe-of-month-experttip .content .tip .double-left-brackets {
font-size: 28px;
padding: 0px 5px;
position: relative;
top: 2px;
}
.recipe-of-the-month-ad {
background: #f2f1ef;
padding: 25px;
color: #000;
position: relative;
}
@media(min-width: 1024px) {
.recipe-of-the-month-ad .image-wrap img {
position: absolute;
top: -20%;
}
}
@media(min-width: 768px) and (max-width: 1024px) {
.recipe-of-the-month-ad .image-wrap img {
position: absolute;
top: -20%;
}
}
@media(max-width: 767px) {
.recipe-of-the-month-ad {
text-align: center;
}
.recipe-of-the-month-ad .image-wrap {
width: 100%;
text-align: center;
}
}
.download-recipe{
display: flex;
align-items: center;
color: #78B62C;
margin-top: 15px;
fill: #78B62C;
}
.download-recipe .title {
font-size: 30px;
}
.download-recipe .pdf-icon {
color: #78B62C;
}
.pdf-icon{
margin: 20px 0px;
display: inline-block;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.pdf-icon i{
color: #78B62C;
}
.pdf-icon:hover{
border-color: #78B62C;
}
.download-recipe .pdf-icon i {
font-size: 25px;
}
.download-recipe table * {
border: none;
}
.zutaten-icons{
justify-content: flex-end;
padding: 0px !important;
}
.zutaten-icons,
.zutaten-icons div{
display: flex;
align-items: center;
}
.zutaten-icons div{
margin-left: 30px;
}
.zutaten-icons div span{
width: 100%;
}
.download-recipe i img {
width: 35px;
padding: 5px 0px;
}
.download-recipe table .table-content-name {
font-size: 16px;
position: relative;
top: 7px;
text-align: right;
}
.download-recipe table
/******** BRANCHES CAROUSEL ********/
.green-background {
background-color: #78B62C;
}
#fn_carousel {
padding: 10px 0px 0px;
background: #78B62C;
}
#fn_carousel .carousel-inner {
margin-top: 40px;
/* padding: 0px 25px; */
}
#fn_carousel .left,
#fn_carousel .right {
background-image: unset !important;
}
#fn_carousel .glyphicon-chevron-right,
#fn_carousel .icon-next {
right: 5px !important;
}
#fn_carousel .glyphicon-chevron-left,
#fn_carousel .icon-prev {
left: 5px !important;
}
#fn_carousel .carousel-indicators {
position: unset;
bottom: 10px;
left: 50%;
z-index: 15;
/* width: 60%; */
padding-left: 0;
margin-left: -30%;
text-align: center;
text-align: center;
list-style: none;
margin: auto;
width: 100%;
background: #78B62C;
}
#fn_carousel .carousel-indicators li {
text-indent: unset;
border: none;
width: 80px;
background: transparent;
text-align: center;
margin: 0px;
}
#fn_carousel .carousel-indicators img {
height: 50px;
margin-bottom: 5px;
}
@media(min-width: 768px){
.carousel-inner>.item {
padding: 0px 40px;
}
}
@media not all, (-webkit-transform-3d) {
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
-webkit-transition: -webkit-transform .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
}
/* World Cup */
.wc h2 {
font-size: 27px;
font-weight: normal;
}
.wc .wp-caption .wp-caption-text {
margin: 0;
text-align: right;
}
.wc .flag {
position: absolute;
right: 30px;
margin-top: 15px;
}
.wc .flag img {
width: 100px;
}
.press .wp-caption img[class*="wp-image-"] {
width: 100%;
}
-press .wp-caption .wp-caption-text {
font-size: 12px;
font-weight: 500;
border: none;
margin: 0;
position: absolute;
margin: -37px 0px;
right: 0;
width: auto;
margin-right: 11px;
background: #7ab92e;
padding: 1px 10px;
bottom: 70px;
color: #FFF;
line-height: 1.8;
border-radius: 3px 0 0 3px;
}
.entry-post .press img {
margin: 0;
}
.blog {
background-color: #ebeced;
}
.fn-magazine-box {
margin: 10px 0px;
transition: 0.25s ease-in-out;
/* opacity: 0; */
}
.fn-magazine-box a {
color: inherit;
text-decoration: none;
}
.fn-magazine-box:hover a {
text-decoration: none;
}
.fn-magazine-box .fn-magazine-wrapper {
background: #fff;
transition: 0.25s linear;
border: 0px;
}
.fn-magazine-box .fn-magazine-wrapper:hover .title {
color: #78B72C;
}
.fn-magazine-box .fn-magazine-wrapper .title {
padding: 15px;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 400 !important;
}
.fn-magazine-box .fn-magazine-wrapper p {
margin: 0px;
font-size: 11px;
line-height: 20px;
padding: 0px 10px;
color: #999;
}
.fn-magazine-box .fn-magazine-wrapper .img-wrap {
position: relative;
/* height: 230px; */
overflow: hidden;
padding-bottom: 10px;
text-align: center;
}
.fn-magazine-box .fn-magazine-wrapper img {
position: relative;
/* top: 50%;
transform: translateY(-50%);
transition: 0.25s linear; */
}
.fn-magazine-box .fn-magazine-wrapper .excpert {
/* height: 80px; */
padding: 0px 10px;
overflow: hidden;
}
.fn-magazine-box .fn-magazine-wrapper .read-more-area {
position: relative;
text-align: right;
height: 30px;
display: none;
}
.fn-magazine-box .fn-magazine-wrapper .read-more {
text-decoration: underline;
color: #666;
padding: 10px;
}
.fn-magazine-box .fn-magazine-wrapper .read-more:hover {
text-decoration: underline;
}
.magazine-sorting {
list-style-type: none;
padding: 0px;
margin: 0px;
/* display: inline; */
text-align: center;
margin-bottom: 20px;
}
.magazine-sorting a li {
display: -webkit-inline-box;
padding: 5px 7px;
border: 1px solid #ccc;
color: #78B62C;
text-align: center;
cursor: pointer;
background: #fff;
transition: 0.25s linear;
}
.menu-item-has-children{
cursor: pointer !important;
}
/* @media(min-width: 1024px){
.menu-item-has-children:before{
content: "";
position: absolute;
border-top: 5px solid #78B62C;
border-top-color: inherit;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
right: -3px;
top: 10px;
}
} */
.magazine-sorting .is-active li {
background: #78B62C;
color: #fff;
}
.recipe-of-month-experttip {
margin: 50px 0px !important;
}
.recipe-of-month-experttip .content {
position: relative;
top: 55px;
}
/******* NEWSLETTER ********/
.free-demo-subscribe {
font-weight: 700;
text-transform: uppercase;
border-radius: 50px;
background-color: #ffcc00;
color: #000;
border: none;
transition: 0.15s linear;
}
.free-demo-subscribe:hover {
background: #fff;
color: #000;
}
.foodnotify-newsletter {
text-align: center;
padding: 70px 30px;
background: #f5f5f5;
letter-spacing: 1px;
margin: 50px auto 0 !important;
}
.foodnotify-newsletter .container{
padding: 0px 25px;
}
/*.foodnotify-newsletter .submit-subscribe{
margin: 0px;
border-radius: 0px;
height: 45px;
position: relative;
left: -5px;
background: #78B62C;
border: none;
color: #fff;
font-weight: 600;
}*/
.foodnotify-newsletter input:focus,
.foodnotify-newsletter input:active {
border-color: #78B62C;
}
/*.foodnotify-newsletter input{
outline: none;
margin: 0px;
height: 45px;
width: 315px;
border: 1px solid #ececec;
background: #fff;
color: #ccc;
border-radius: 4px;
}*/
.foodnotify-newsletter .title {
margin-bottom: 25px !important;
font-weight: 300 !important;
}
.foodnotify-newsletter .subtitle {
/* font-weight: 600;
margin: 10px; */
/* color: #464655; */
}
.foodnotify-newsletter .flag {
width: 15px;
margin-top: 17px;
margin-left: 17px;
}
.ingridients-table td {
border-left: none;
border-right: none;
border-top: none;
text-align: left;
padding: 4px;
border-color: #DDD;
}
.allergen-g,
.allergen-l,
.allergen-o {
color: #fff;
height: 20px;
width: 20px;
border-radius: 25px;
position: relative;
float: right;
display: inline-block;
text-align: center;
margin: 0;
padding: 0px;
font-weight: 600;
margin: 0px 2px;
}
.allergen-g {
background: purple;
}
.allergen-l {
background: blue;
}
.allergen-o {
background: green;
}
.gastronom-area {
padding: 20px;
background: #F0F0F0;
}
.gastronom-area .title {
color: #000;
margin-top: 0px;
margin-bottom: 20px;
}
.gastronom-area .subtitle {
margin-top: 0px;
margin-bottom: 20px;
word-wrap: break-word;
}
.gastronom-table .allergen-egg{
background: #FFBF00;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-gluten,
.gastronom-table .allergen-soya {
background-color: #e5bc51;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-crustacea,
.gastronom-table .allergen-fish,
.gastronom-table .allergen-shellfish {
background-color: #039ec1;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-peanuts,
.gastronom-table .allergen-nuts {
background-color: #ff8f00;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-milk {
background-color: #04c4ff;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-celery,
.gastronom-table .allergen-sesame {
background-color: #96ab25;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-mustard {
background-color: #e2d600;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-sulphur {
background-color: #b30000;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .allergen-lupine {
background-color: #cd4c79;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-grid;
line-height: 1.5;
}
.gastronom-table .title {
color: #fff;
background: #78B62C;
font-weight: 600;
font-size: 14px;
}
.gastronom-table td {
padding: 4px;
border: none;
border-bottom: 1px solid #ddd;
text-align: left;
}
.calculation-fields {
background: #78B62C;
color: #fff;
padding: 20px 20px;
}
.calculation-fields .title,
.calculation-fields .subtitle {
color: #fff !important;
margin-top: 0px;
margin-bottom: 0px;
}
.calculation-fields .subtitle {
position: relative;
top: 0px;
}
.calculation-fields .price-no-vat,
.calculation-fields .price-vat,
.calculation-fields .price-final {
background: #f0f0f0;
padding: 10px;
color: #000;
font-weight: 600;
font-size: 20px;
margin-bottom: 5px;
margin-top: 15px;
}
.calculation-fields .price-final {
color: #78B62C;
}
.zutaten-list {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.zutaten-list li {
padding: 5px 0px;
}
.zutaten-list li:before {
content: "•";
font-size: 30px;
color: #78B62C;
left: 0px;
line-height: 0;
top: 6px;
position: relative;
margin-right: 5px;
}
/*********** OVERRIDE CSS *************/
@media only screen and (max-width: 600px) {
.well,
.post-inner-content {
padding: 0;
}
.pricing * {
font-size: 12px;
padding: 0;
}
.pricing .col-xs-2 {
padding: 2px 0;
}
.pricing .col-xs-4 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 4px;
}
}
.basic {
background: #fbb545;
}
.plus {
background: #dcda56;
}
.pro {
background: #3dd9a7;
}
.expert {
background: #49c1e4;
}
.bck-gray-1 {
background: #f8f8f8;
}
.bck-gray-2 {
background: #f2f2f2;
}
.pricing {
color: #333;
margin-bottom: 15px;
}
.pricing a {
color: #333;
font-weight: 500;
}
.no-margin {
margin: 0;
}
.pricing * {
padding-top: 5px;
padding-bottom: 5px;
}
.pricing .row,
.pricing p {
margin: 0;
padding: 0;
}
.pricing .header {
font-weight: 500;
text-transform: uppercase;
}
.pricing .cost {
text-transform: none;
}
.pricing .fa-check {
color: #78B62C;
}
.pricing .fa-close {
color: #ec7e09;
}
.team-member {
text-align: center;
margin: 20px 0;
}
.team-member p {
margin: 0;
}
.team-member img {
border-radius: 50%;
margin: 0;
}
.allergens .text-primary,
.additives .text-primary {
color: #CCC;
}
.allergens .fa-stack {
height: 1.5;
}
.allergens .fa-stack,
.additives .fa-stack,
.fa-stack {
width: 1.7em;
line-height: 0em;
}
.allergens .fa-stack-2x,
.additives .fa-stack-2x,
.fa-stack-2x {
font-size: 1.8em;
}
.allergens .fa-stack-1x,
.additives .fa-stack-1x,
.fa-stack-1x {
line-height: 1.8em;
font-size: 1em;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.allergens .icon,
.additives .icon {
line-height: 2.5em;
font-size: 0.8em;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
hr,
.allergens hr,
.additives hr {
margin: 50px 0;
}
.gluten,
.soya {
color: #E5BC51;
}
.crustacea,
.fish,
.shellfish {
color: #039EC1;
}
.egg {
color: #FFBF00;
}
.peanuts,
.nuts {
color: #FF8F00;
}
.milk {
color: #04C4FF;
}
.celery,
.sesame {
color: #96AB25;
}
.mustard {
color: #E2D600;
}
.sulphur {
color: #B30000;
}
.lupine {
color: #CD4C79;
}
/*
@font-face {
font-family: "foodnotify";
src: url("https://file.myfontastic.com/GHy59pg7MDjYNdkp4sHQiB/fonts/1530695663.eot");
src: url("https://file.myfontastic.com/GHy59pg7MDjYNdkp4sHQiB/fonts/1530695663.eot?#iefix") format("embedded-opentype"), url("https://file.myfontastic.com/GHy59pg7MDjYNdkp4sHQiB/fonts/1530695663.woff") format("woff"), url("https://file.myfontastic.com/GHy59pg7MDjYNdkp4sHQiB/fonts/1530695663.ttf") format("truetype"), url("https://file.myfontastic.com/GHy59pg7MDjYNdkp4sHQiB/fonts/1530695663.svg#1530695663") format("svg");
font-weight: normal;
font-style: normal;
}
*/
[data-icon]:before {
font-family: "foodnotify" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "foodnotify" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-crustacea:before {
content: "\61";
}
.icon-fish:before {
content: "\62";
}
.icon-gluten:before {
content: "\63";
}
.icon-nuts:before {
content: "\64";
}
.icon-sesame:before {
content: "\65";
}
.icon-shellfish:before {
content: "\66";
}
.icon-soya:before {
content: "\67";
}
.icon-sulphur:before {
content: "\68";
}
.icon-milk:before {
content: "\69";
}
.icon-lock:before {
content: "\6c";
}
.icon-aspartam:before {
content: "\6e";
}
.icon-celery:before {
content: "\6f";
}
.icon-peanuts:before {
content: "\70";
}
.icon-egg:before {
content: "\74";
}
.icon-menu:before {
content: "\77";
}
.icon-templates:before {
content: "\72";
}
.icon-print:before {
content: "\45";
}
.icon-map:before {
content: "\79";
}
.icon-mobile:before {
content: "\7a";
}
.icon-data:before {
content: "\41";
}
.icon-folder:before {
content: "\42";
}
.icon-nutritions:before {
content: "\75";
}
.icon-facebook:before {
content: "\48";
}
.icon-twitter:before {
content: "\49";
}
.icon-google-plus:before {
content: "\4a";
}
.icon-photo:before {
content: "\4c";
}
.icon-eye:before {
content: "\4e";
}
.icon-lightbulb:before {
content: "\4f";
}
.icon-rocket:before {
content: "\50";
}
.icon-arrow-short:before {
content: "\4d";
}
.icon-user:before {
content: "\51";
}
.icon-recipe-menu:before {
content: "\52";
}
.icon-arrow-menu:before {
content: "\53";
}
.icon-cake:before {
content: "\78";
}
.icon-youtube:before {
content: "\46";
}
.icon-cookwanted:before {
content: "\56";
}
.icon-archive:before {
content: "\57";
}
.icon-delete:before {
content: "\58";
}
.icon-select:before {
content: "\31";
}
.icon-play:before {
content: "\43";
}
.icon-youtube-play:before {
content: "\44";
}
.icon-allergens:before {
content: "\73";
}
.icon-info:before {
content: "\32";
}
.icon-apple:before {
content: "\54";
}
.icon-bread:before {
content: "\34";
}
.icon-deli:before {
content: "\35";
}
.icon-dried:before {
content: "\36";
}
.icon-can:before {
content: "\37";
}
.icon-meat:before {
content: "\38";
}
.icon-sausage:before {
content: "\39";
}
.icon-frozen:before {
content: "\21";
}
.icon-fish-1:before {
content: "\22";
}
.icon-cocktail:before {
content: "\23";
}
.icon-milk-1:before {
content: "\24";
}
.icon-beverage:before {
content: "\26";
}
.icon-arrow2:before {
content: "\27";
}
.icon-sweets:before {
content: "\28";
}
.icon-calendar:before {
content: "\6b";
}
.icon-calculator:before {
content: "\76";
}
.icon-cart:before {
content: "\47";
}
.icon-color:before {
content: "\5a";
}
.icon-dashboard:before {
content: "\2a";
}
.icon-database:before {
content: "\2b";
}
.icon-favorite:before {
content: "\2c";
}
.icon-grid-view:before {
content: "\2e";
}
.icon-help:before {
content: "\2f";
}
.icon-groups:before {
content: "\3a";
}
.icon-history:before {
content: "\3b";
}
.icon-integrations:before {
content: "\3c";
}
.icon-list-view:before {
content: "\3e";
}
.icon-lists:before {
content: "\3f";
}
.icon-location:before {
content: "\40";
}
.icon-logout:before {
content: "\5b";
}
.icon-odor:before {
content: "\5d";
}
.icon-payment:before {
content: "\5e";
}
.icon-plus:before {
content: "\5f";
}
.icon-products:before {
content: "\60";
}
.icon-recipes:before {
content: "\7b";
}
.icon-minus:before {
content: "\7d";
}
.icon-sapor:before {
content: "\7e";
}
.icon-scanner:before {
content: "\5c";
}
.icon-search:before {
content: "\e000";
}
.icon-update:before {
content: "\e001";
}
.icon-tag:before {
content: "\e002";
}
.icon-switch:before {
content: "\e003";
}
.icon-shops:before {
content: "\e004";
}
.icon-settings:before {
content: "\e005";
}
.icon-users:before {
content: "\e006";
}
.icon-arrow-down:before {
content: "\25BE";
}
.icon-arrow-left:before {
content: "\e008";
}
.icon-arrow-right:before {
content: "\e009";
}
.icon-arrow-up:before {
content: "\e00a";
}
.icon-clock:before {
content: "\e00b";
}
.icon-check-circle:before {
content: "\e00c";
}
.icon-clock-circle:before {
content: "\e00d";
}
.icon-move:before {
content: "\e010";
}
.icon-view:before {
content: "\30";
}
.icon-duplicate:before {
content: "\59";
}
.icon-edit:before {
content: "\e00f";
}
.icon-add-combined:before {
content: "\e011";
}
.icon-add-recipe:before {
content: "\e012";
}
.icon-message:before {
content: "\e013";
}
.icon-messaging:before {
content: "\e014";
}
.icon-voucher:before {
content: "\e016";
}
.icon-check:before {
content: "\4b";
}
.icon-close:before {
content: "\55";
}
.icon-package:before {
content: "\e017";
}
.icon-deposit:before {
content: "\e018";
}
.icon-back:before {
content: "\e019";
}
.icon-delivery:before {
content: "\33";
}
.icon-connection:before {
content: "\e01a";
}
.icon-delivery-no:before {
content: "\e01b";
}
.icon-packaging:before {
content: "\29";
}
.icon-lupine:before {
content: "\6d";
}
.icon-mustard:before {
content: "\6a";
}
.icon-remove:before {
content: "\25";
}
.icon-remove-circle:before {
content: "\7c";
}
.icon-notification:before {
content: "\e00e";
}
.icon-wine:before {
content: "\e015";
}
.icon-stats:before {
content: "\e01c";
}
.icon-stopwatch:before {
content: "\e01d";
}
.icon-warning:before {
content: "\e01e";
}
.icon-lock-1:before {
content: "\e01f";
}
.icon-download:before {
content: "\71";
}
.icon-ingredients:before {
content: "\3d";
}
.icon-import:before {
content: "\2d";
}
.icon-export:before {
content: "\e020";
}
.icon-export-temp:before {
content: "\e021";
}
.icon-buffet-card:before {
content: "\e022";
}
.icon-menu-card:before {
content: "\e023";
}
.icon-screen:before {
content: "\e024";
}
.icon-dot:before {
content: "\e025";
}
.icon-sun:before {
content: "\e026";
}
.icon-moon:before {
content: "\e027";
}
.rotate:before{
transform: rotateX(-180deg);
}
.custom-footer{
padding: 70px 0px;
background: #3d4352;
position: relative;
}
.custom-footer ul{
list-style: none;
padding: 0px;
margin: 0px;
}
.custom-footer ul li,
.custom-footer ul li a{
color: #7783a1;
font-weight: 600;
}
.custom-footer ul li:hover,
.custom-footer ul li a:hover{
color: #fff;
}
.custom-footer .sidebar-column{
min-height: 160px;
}
.custom-footer ul li a {
font-size: 12px;
letter-spacing: 0.03rem;
}
.partners .partner {
height: 120px;
text-align: center;
}
.partners .partner img {
max-width: 90%;
max-height: 100px;
padding: 15px;
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0px;
word-break: break-word;
}
.partners .section-heading {
margin-top: 70px;
}
/*GEO*/
.geoip-country-DE .non-de {
display:none;
}
.geoip-country-DE .de {
display:block;
}
.btn-de {
display:none;
}
.geoip-country-DE .btn-non-de {
display:none;
}
.geoip-country-DE .btn-de {
display:inline-block;
}
.CHF {
display:none;
}
.geoip-country-CH .CHF {
display:inherit;
}
.geoip-country-CH .EUR {
display:none;
}
.package-ch{
display: none;
}
/* 79,90 CHF*
*/
.icon-additive {
text-align: right;
}
@media(max-width: 767px){
.icon-additive {
text-align: left;
}
}
.foodnotify-sidebar a:hover,
.foodnotify-sidebar a{
text-decoration: none;
color: inherit;
}
.foodnotify-sidebar{
margin: 10px 0px;
}
.foodnotify-sidebar .search{
margin-bottom: 30px;
}
.foodnotify-sidebar .search-submit{
display: none;
}
.foodnotify-sidebar .widget-title{
color: #767676;
}
.foodnotify-sidebar .category-list{
list-style: none;
padding: 0px;
margin: 0px;
transition: 0.25s linear;
}
.foodnotify-sidebar .category-list .category-item{
transition: 0.25s linear;
margin-bottom: 5px;
font-weight: 300;
}
.foodnotify-sidebar .category-list .category-item .category-title{
color: #333;
transition: 0.25s linear;
}
.foodnotify-sidebar .category-list .category-item:hover .category-title{
color: #999;
}
.foodnotify-sidebar .category-list .category-item .category-count{
color: #89898a;
transition: 0.25s linear;
}
.foodnotify-sidebar .active-category .category-title{
color: #75b43d !important;
}
.stories-post-box .img-wrap{
height: 250px;
background-size: cover !important;;
}
.stories-post-box .fn-magazine-wrapper .title {
padding: 0px 10px 10px 10px;
}
.stories-post-box .fn-magazine-wrapper p{
padding: 5px 10px 0;
}
/* .stories-post-box .fn-magazine-wrapper img{
width: auto;
height: 100%;
min-width: unset;
max-width: unset;
margin: auto;
}
.stories-post-box .fn-magazine-wrapper .img-wrap{
height: 250px;
padding: 0px;
overflow: hidden;
} */
/*######################*/
/*###### REDESIGN ######*/
/*######################*/
.fn_product_carousel .title-description{
color: #fff;
margin: 0px;
margin-top: 18px;
}
.fn_product_carousel .title-description p{
color: #fff;
}
@media(min-width: 992px){
.fn_product_carousel .title-description p:first-child{
font-size: 7.4rem;
line-height: 7.3rem;
}
.fn_product_carousel .title-description p:nth-child(2){
font-size: 2.1rem;
margin-top: 28px;
line-height: 2.6rem;
}
}
@media(max-width: 992px){
.fn_product_carousel .title-description p:first-child{
font-size: 5rem;
line-height: 7.3rem;
}
.fn_product_carousel .title-description p:nth-child(2){
font-size: 1.9rem;
margin-top: 28px;
line-height: 2.6rem;
}
}
@media(max-width: 768px){
.fn_product_carousel .title-description p:first-child{
font-size: 4rem;
line-height: 4.3rem;
}
.fn_product_carousel .title-description p:nth-child(2){
font-size: 1.9rem;
margin-top: 28px;
line-height: 2.6rem;
}
}
@media(max-width: 425px){
.fn_product_carousel .title-description p:first-child{
font-size: 4rem;
line-height: 4rem;
}
.fn_product_carousel .title-description p:nth-child(2){
font-size: 1.7rem;
margin-top: 28px;
line-height: 2.3rem;
}
}
.fn-cta{
background: linear-gradient(#afdc57, #7ab92e);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: 31px;
font-weight: 600;
color: #000;
text-transform: uppercase;
margin-top: none;
border: 0;
font-size: 1.5rem;
padding: 27px 22px;
letter-spacing: 1.2px;
line-height: 0;
position: relative;
}
.fn-cta{
transform: scale(1.05);
}
.fn-featured-image-content .product-cta,
.fn_product_carousel .product-cta{
bottom: -50px;
}
.fn-featured-image-content .product-cta:hover,
.fn_product_carousel .product-cta:hover{
transform: scale(1.1);
}
.product-cta, a#cta_button_3832494_43a23bf7-13dd-4dd2-9eac-f52024b18c1b{
background: linear-gradient(#afdc57, #7ab92e);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: 31px;
font-weight: 600;
color: #000;
text-transform: uppercase;
margin-top: 0px;
border:0;
}
.product-cta.questionary{
text-transform: none;
font-weight: 500;
margin-top: 10px;
background-image: radial-gradient(50% 50%, #FFFFFF 0%, #FFCC00 100%);
}
.product-cta.analytics{
text-transform: none;
font-weight: 500;
margin-top: 10px;
padding: 20px 15px;
background: #FFF;
box-shadow: 0px 0px 0px rgba(0,0,0,.25)
}
.product-cta.analytics:hover{
box-shadow: 7px 7px 5px rgba(0,0,0,.25)
}
@media(min-width: 450px){
.product-cta{
font-size: 1.5rem;
padding: 27px 22px;
letter-spacing: 1.2px;
line-height: 0;
position: relative;
}
}
@media(max-width: 450px){
.product-cta{
font-size: 1.5rem;
padding: 10px 15px;
letter-spacing: 0px;
line-height: 0;
position: relative;
line-height: initial;
}
}
.product-cta:hover{
outline: none;
text-decoration: none;
color: #000;
transform: scale(1.05);
}
.fn_product_carousel .carousel-indicators{
/* bottom: -120px !important; */
bottom: -120px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
text-align: center;
margin: 0px auto;
left: 50px;
display: none;
}
.fn_product_carousel .carousel-indicators li svg *,
.fn_product_carousel .carousel-indicators li{
cursor: pointer;
transition: 0.9s linear;
width: max-content;
height: auto;
display: block;
color: rgba(255, 255, 255, 0.75);
fill: rgba(255, 255, 255, 0.75);
stroke: rgba(255, 255, 255, 0.75);
margin: auto;
text-indent: 0;
text-align: center;
background: transparent;
border: none;
border-radius: 0px;
border-bottom: 3px solid transparent;
font-size: 16px;
text-transform: uppercase;
line-height: 37px;
letter-spacing: 0.8px;
font-weight: 600;
margin: 0px;
margin-right: 40px;
/* transition-delay: 0.6s; */
display: table;
}
.fn_product_carousel .carousel-indicators .active{
border-color: #75b43d;
color: #fff !important;
fill: #fff;
stroke: #fff;
}
@media(max-width: 992px){
.fn_product_carousel .carousel-indicators{
left: 0;
}
.fn_product_carousel .carousel-indicators li svg *,
.fn_product_carousel .carousel-indicators li{
width: 10px;
height: 10px;
border-radius: 25px;
background: rgba(255, 255, 255, 0.7);
overflow: hidden;
border: none;
padding: 6px;
margin: 0px 15px;
display: block;
}
.fn_product_carousel .carousel-indicators .active{
background: #75b43d;
opacity: 1;
}
}
.fn_product_carousel .default-slide-item-navigare{
width: 20px;
height: 20px;
}
#fn_product_carousel .carousel-inner{
width: 100%;
overflow: hidden;
position: relative;
top: 60%;
transform: translateY(-60%);
max-width: 1200px;
margin:0 auto;
}
@media(max-width: 865px){
#fn_product_carousel .carousel-inner{
width: 100%;
overflow: hidden;
position: relative;
top: 30%;
transform: translateY(-30%);
}
}
#fn_product_carousel .carousel-inner .item {
opacity: 0;
transition-property: opacity !important;
}
#fn_product_carousel .carousel-inner .active {
opacity: 1 !important;
}
.bottom-links{
position: absolute !important;
bottom: 150px;
width: 100%;
z-index: 2;
text-align: center;
}
@media(max-width: 865px){
.bottom-links{
bottom: 25%;
}
}
.first-static-block{
background-image: radial-gradient(50% 100%, #445063 50%, #2e2f3a 100%);
text-align: center;
padding: 6rem 0px 0px;
}
.first-static-block.graphic{
padding: 0;
border-top: 10px solid #7ab92e;
}
.first-static-block.graphic .foodnotify-section-subtitle{
margin: 0;
}
.first-static-block.graphic p:nth-child(2){
font-size: 1.5rem !important;
}
.first-static-block.graphic svg{
max-width: none;
}
.first-static-block img{
margin: 0;
}
.first-static-block svg {
max-width: 900px;
}
.first-static-block .wp-block-image figcaption{
margin-bottom: 7em;
color: #000;
font-size: 15px;
}
/* .first-static-block p:first-child{
font-size: 4.5rem;
line-height: 5.6rem;
margin: 0px;
}
.first-static-block p:nth-child(2){
font-size: 2rem;
word-spacing: 1px;
} */
.second-static-block{
background: linear-gradient(#fff, #f5f5f5);
padding: 6rem 0px;
}
/* .second-static-block .main-title{
text-align: center;
} */
/* .second-static-block .main-title p{
font-size: 4.5rem;
line-height: 5.1rem;
color: #000;
margin: 0;
}
.second-static-block .main-subtitle p{
color: #000;
text-align: center;
font-size: 2rem;
width: 100%;
margin: auto;
margin: 20px auto 100px auto;
line-height: 2.7rem;
} */
.second-static-block .fn-products .item{
margin-bottom: 50px;
}
.second-static-block .fn-products .item:before{
content: "";
width: 70px;
height: 70px;
/* background: red; */
position: absolute;
left: 30px;
background-size: cover;
}
.second-static-block .fn-products img{
position: absolute;
left: 25px;
width: 80px;
top: -5px;
max-height: 65px;
}
.second-static-block .fn-products .item .text-title{
padding-left: 107px;
font-size: 2rem;
line-height: 2.6rem;
margin: 0px 0px;
word-spacing: 3px;
font-weight: 600;
}
.second-static-block .fn-products .item .text-description{
padding-left: 107px;
font-size: 1.49rem;
margin: 0px;
line-height: 2rem;
margin-top: 1.5rem;
/* letter-spacing: 1px; */
word-spacing: 1px;
}
.second-static-block .more-info{
display: block;
text-decoration: underline;
}
.third-static-block{
position: relative;
overflow: hidden;
background-color: #7ab92e;
background: linear-gradient(#afdc57, #7ab92e);
padding: 6.8rem 0px 0px;
}
@media(max-width: 768px){
.third-static-block .container{
padding: 0px;
}
}
/* Tablet carousel */
#tablet_embed{
padding: 0px 10px;
}
#tablet_embed .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
height: calc(100%);
width: calc(100% - 90px);
margin: auto;
left: 10px;
position: relative;
padding: 0px;
}
#tablet_embed .item.active {
opacity: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
#tablet_embed .carousel-inner > .item.next,
#tablet_embed .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#tablet_embed .carousel-inner > .item.prev,
#tablet_embed .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#tablet_embed .carousel-inner > .item.next.left,
#tablet_embed .carousel-inner > .item.prev.right,
#tablet_embed .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
#tablet_embed .carousel-indicators{
position: relative;
text-align: center;
display: block;
width: 100%;
bottom: 0px;
text-align: center;
margin: 0;
left: 0;
}
#tablet_embed{
display: none;
}
@media(min-width: 768px){
#tablet_embed{
display: block;
}
}
#tablet_embed .carousel-indicators li{
color: #000;
text-transform: uppercase;
display: initial;
transition: all 0 ease;
border: none;
border-bottom: 3px solid transparent;
border-radius: 0px;
font-size: 1.55rem;
font-weight: 600;
margin: 0;
margin-right: 17px;
padding-bottom: 7px;
}
#tablet_embed .carousel-indicators li.active {
background: transparent;
border-color: #fff;
margin-right: 17px;
}
#tablet_embed .carousel-inner{
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
position: relative;
width: 900px;
padding: 30px 0px;
margin: 14rem auto 0px;
height: 500px;
overflow: visible;
}
#tablet_embed .carousel-inner .tablet{
position: absolute;
width: 100%;
height: auto;
top: 0px;
left: 0px;
}
#tablet_embed .item video,
#tablet_embed .item img{
position: relative;
width: calc(100% - 6px);
margin: 53px auto;
border-radius: 0px;
position: relative;
left: -6px;
/* max-height: 420px;
height: 420px; */
}
#tablet_embed .item .text{
position: absolute;
margin-top: -14rem;
width: 100%;
z-index: 2;
text-align: center;
color: #000;
font-size: 4rem;
line-height: 1;
padding: 0px;
opacity: 0;
}
#tablet_embed .item .text p{
margin: 0px;
font-size: 3.5rem;
line-height: 1.3em;
}
#tablet_embed .active .text{
opacity: 1;
}
@media(min-width: 768px) and (max-width: 992px){
#tablet_embed{
display: block;
}
#tablet_embed .item .text{
font-size: 3.5rem;
}
#tablet_embed .carousel-inner{
width: 100%;
height: 400px;
}
#tablet_embed .carousel-fade .item{
width: calc(100% - 68px);
}
#tablet_embed .item video,
#tablet_embed .item img{
margin: 38px auto;
width: calc(100% + 15px);
}
#tablet_embed .item video,
#tablet_embed .item img{
left: -17px;
}
}
/* THIRD STATIC BLOCK - MOBILE CAROUSEL */
@media(min-width: 768px){
#mobile_embed{
display: none;
}
}
#mobile_embed .item .text p{
margin: 5px 0px;
width: 100%;
text-align: center;
font-size: 2em;
font-weight: 400;
line-height: 1.2em;
}
#mobile_embed .carousel-inner .item {
opacity: 0;
transition-property: opacity;
transition: unset !important;
}
#mobile_embed .carousel-inner .active {
opacity: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
#mobile_embed .carousel-inner > .item.next,
#mobile_embed .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mobile_embed .carousel-inner > .item.prev,
#mobile_embed .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mobile_embed .carousel-inner > .item.next.left,
#mobile_embed .carousel-inner > .item.prev.right,
#mobile_embed .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
#mobile_embed .carousel-inner{
min-height: 500px;
}
#mobile_embed .item img{
max-width: unset;
width: 1420px;
position: absolute;
top: 0px;
left: -370px;
margin: 0px;
}
#mobile_embed .text{
min-width: 160px;
overflow: hidden;
opacity: 0;
transition: 0.3s ease-in-out;
}
#mobile_embed .active .text{
opacity: 1 !important;
}
@media(max-width: 500px){
#mobile_embed .item img{
top: 50px;
left: -410px;
}
.third-static-block{
padding-top: 2.5rem;
}
#mobile_embed .text{
padding: 0px 15px;
}
}
@media(max-width: 400px){
#mobile_embed .item img{
top: 100px;
left: -410px;
}
}
.fourth-static-block{
padding: 2rem 0px;
}
.fourth-static-block .title{
text-align: center;
font-size: 4.5rem;
line-height: 5.5rem;
}
.fourth-static-block .items{
margin-top: 4.5rem;
align-items: center;
justify-content: center;
}
.fourth-static-block .items .description{
font-size: 1.8rem;
}
.fourth-static-block .items .description div{
margin: auto 5px auto;
}
.fourth-static-block .items .description div p{
margin: 15px 0px;
}
.fourth-static-block .items .platform{
text-align: center;
}
.fourth-static-block .items .platform img{
margin: 0px auto;
position: relative;
top: 10px;
}
@media(max-width: 992px){
.fourth-static-block .title{
font-size: 4rem;
}
.fourth-static-block .subtitle{
margin-top: 1.5rem;
margin-bottom: 2.5rem;
font-size: 1.6rem;
letter-spacing: 0px
}
.fourth-static-block .items .description div{
margin: auto 5px auto;
}
.fourth-static-block .items .platform img{
width: 65%;
}
}
@media(min-width: 992){
.fourth-static-block .items{
display: flex;
}
.fourth-static-block .items .platform img{
width: 65%;
left: 50px;
}
}
@media(max-width: 768px){
.fourth-static-block .items .description div{
text-align: center;
margin: 50px 5px 0px;
}
.fourth-static-block .items .platform img{
width: 100%;
max-width: 400px;
}
.fourth-static-block .title{
font-size: 3rem;
}
.fourth-static-block .subtitle{
margin-top: 0.5rem;
margin-bottom: 1.5rem;
font-size: 1.5rem;
letter-spacing: 0px;
}
}
.fifth-static-block{
padding: 6em 0em 3em;
background: linear-gradient(#fff,#f5f5f5);
}
.fifth-static-block .title{
text-align: center;
font-size: 4.62rem;
}
.fifth-static-block .title b{
margin-top: 25px;
margin-bottom: 50px;
text-align: center;
/* font-size: 1.9rem; */
letter-spacing: 0px;
}
.fifth-static-block .subtitle{
margin-top: 2.5rem;
margin-bottom: 5rem;
text-align: center;
font-size: 1.7rem;
letter-spacing: -0.8px;
}
@media(max-width: 992px){
.fifth-static-block .title{
font-size: 4rem;
}
.fifth-static-block .subtitle{
margin-top: 1.5rem;
margin-bottom: 2.5rem;
font-size: 1.6rem;
letter-spacing: 0px
}
}
@media(max-width: 768px){
.fifth-static-block .title{
font-size: 3rem;
}
.fifth-static-block .subtitle{
margin-top: 0.5rem;
margin-bottom: 1.5rem;
font-size: 1.5rem;
letter-spacing: 0px;
}
}
/* .first-pricing-block .title{
text-align: center;
font-size: 4.62rem;
} */
.first-pricing-block .title b{
margin-top: 25px;
margin-bottom: 50px;
text-align: center;
letter-spacing: 0px;
}
/* .first-pricing-block .subtitle{
margin-top: 2.5rem;
margin-bottom: 5rem;
text-align: center;
font-size: 1.7rem;
letter-spacing: -0.8px;
} */
.second-pricing-block{
margin: 9rem auto;
}
.second-pricing-block .fn-premium-crown{
font-weight: 900;
padding-left: 45px;
text-transform: uppercase;
position: relative;
}
.second-pricing-block .fn-premium-crown:before{
content: "";
background-image: url("/wp-content/uploads/icon-premium.svg");
background-size: cover;
width: 40px;
height: 35px;
position: absolute;
left: 0px;
}
.second-pricing-block .main-title{
text-align: center;
font-size: 4.5rem;
margin-top: 30px;
}
.second-pricing-block .main-subtitle{
margin-top: 20px;
margin-bottom: 35px;
text-align: center;
font-size: 1.7rem;
letter-spacing: -0.8px;
color: #000;
}
.second-pricing-block .title{
text-align: center;
font-size: 3.3rem;
margin-top: 30px;
}
.pricing-second-panel{
border-radius: 15px;
border: 1px solid #ccc;
margin: auto;
padding: 10px 60px;
width: 600px;
}
@media(max-width: 768px){
.pricing-second-panel{
width: 85%;
padding: 10px 10px;
}
}
@media(max-width: 425px){
.pricing-second-panel{
width: 100%;
}
}
.pricing-second-panel .subtitle{
margin-top: 10px;
margin-bottom: 32px;
text-align: center;
font-size: 1.7rem;
/* letter-spacing: -0.8px; */
font-weight: 600;
font-style: italic;
}
.second-pricing-block table tr,
.second-pricing-block table td,
.second-pricing-block table th{
border: none;
color: unset;
font-weight: unset;
text-align: unset;
}
/* .geoip-country-BA .geo-ch{
display: block
}
.geoip-country-BA .geo-eu{
display: none;
} */
.geo-ch{
display: none;
}
.geoip-country-CH .geo-ch{
display: block;
}
.geoip-country-CH .rabat-word .geo-ch{
display: inline;
}
.geoip-country-CH .geo-eu{
display: none;
}
.second-pricing-block table tr:first-child{
border-top: 1px solid #ccc;
}
.second-pricing-block table tr{
border-bottom: 1px solid #ccc;
}
.second-pricing-block table td{
padding: 12px 0px;
font-weight: 600;
}
.second-pricing-block table tr td:nth-child(2){
text-align: right;
}
.second-pricing-block table tr td span{
/* float: left;
width: 80%; */
text-align: center;
font-style: italic;
margin-right: 5px;
}
.pricing-jetzt-kostenloss{
background: linear-gradient(#afdc57, #7ab92e);
border: none;
border-radius: 25px;
color: #000;
font-weight: 600;
padding: 15px 25px;
text-transform: uppercase;
margin-bottom: 25px;
}
.second-pricing-block table tr td div{
display: flex;
align-items: center;
/* justify-content: space-between; */
justify-content: flex-end;
border-bottom: 0.1px solid #ccc;
}
.second-pricing-block .rabat-word{
text-align: center;
margin: 20px 0px;
font-weight: 600;
}
.second-pricing-block .orange-jetzt-kostenlos{
background: linear-gradient(#fad961,#f76c16);
border: none;
border-radius: 25px;
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
padding: 15px 35px;
margin-top: 25px;
margin-bottom: 30px;
}
.find-out-platform p{
margin-bottom: 25px;
text-align: center;
/* font-weight: 600; */
}
.find-out-platform a span{
font-size: 1.52rem;
text-decoration: underline;
display: block;
margin-top: 25px;
}
.price-compare-block .title{
/* margin: 0px; */
text-align: center;
font-size: 4.15rem;
}
.price-compare-block .subtitle{
text-align: center;
}
.price-compare-block .grid-container {
/* padding: 40px; */
display: grid;
transition: 0.3s ease-in-out;
padding: 0px 15px;
}
.price-compare-block .grid-container .package-item{
/* max-width: 135px; */
max-height: 135px;
min-width: 135px;
min-height: 135px;
margin: auto;
width: 100%;
}
@media(min-width: 1200px){
.price-compare-block .grid-container {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-row-gap: 20px;
grid-column-gap: 20px;
}
}
@media (min-width: 992px) and (max-width: 1200px){
.price-compare-block .grid-container {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-row-gap: 20px;
grid-column-gap: 20px;
}
}
@media (min-width: 650px) and (max-width: 992px){
.price-compare-block .grid-container {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-row-gap: 20px;
grid-column-gap: 20px;
}
}
@media (min-width: 500px) and (max-width: 650px){
.price-compare-block .grid-container {
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 20px;
grid-column-gap: 20px;
}
}
@media (min-width: 360px) and (max-width: 500px){
.price-compare-block .grid-container {
grid-template-columns: 1fr 1fr;
grid-row-gap: 20px;
grid-column-gap: 20px;
}
}
@media (max-width: 360px){
.price-compare-block .grid-container {
grid-template-columns: 1fr;
grid-row-gap: 20px;
grid-column-gap: 20px;
}
}
.grid-container::before{
content: unset !important;
position: absolute;
}
.price-compare-block .package-item{
position: relative;
}
.price-compare-block .package-item .inner{
text-align: center;
border-radius: 5px;
min-width: 135px;
min-height: 100px;
max-height: 100px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative;
padding: 5px;
cursor: pointer;
}
.price-compare-block .package-item .title{
font-size: 1.15rem;
text-align: center;
font-weight: 600;
color: #3d4352;
height: 1px;
}
.price-compare-block .package-item .icon{
width: 100%;
height: 70px;
margin: auto;
}
.price-compare-block .package-item .inner .labels{
position: absolute;
top: 0px;
line-height: 1;
left: 0px;
width: 100%;
}
.price-compare-block .package-item .inner .labels .price{
position: absolute;
right: 5px;
top: 5px;
color: #9a9a9a;
font-size: 1.1rem;
font-weight: 600;
}
.price-compare-block .package-item .inner .labels .icons{
position: absolute;
left: 5px;
top: 5px;
}
.price-compare-block .package-item .inner .labels .icons img{
margin: 0px;
width: 15px;
height: 15px;
}
.price-compare-block .package-filter-list .pckg-f-list{
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
list-style: none;
}
.price-compare-block .package-filter-list .pckg-f-list li{
border-bottom: 3px solid transparent;
padding: 5px 0px;
margin-right: 24px;
font-size: 16px;
transition: 0.3s ease-in-out;
font-weight: 600;
color: #a6a8b0;
cursor: pointer;
}
.price-compare-block .package-filter-list .pckg-f-list .active{
border-color: #78b82c;
color: #000;
}
.show-package{
height: 135px;
width: 100%;
visibility: visible;
opacity: 1;
}
.hide-package{
height: 0px;
width: 0px;
visibility: hidden;
opacity: 0;
}
@media(max-width: 768px){
.d-n-768{
display: none !important;
}
}
.package-item .block-overlay{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
cursor: no-drop;
display: none;
}
@media(min-width: 992px){
.dropdown-filters{
display: none;
}
}
@media(max-width: 992px){
.package-filter-list .pckg-f-list{
display: none !important;
}
/*.dropdown-filters .filter-dropdown-trigger{
width: 100%;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.dropdown-filters ul{
display: block;
align-items: center;
justify-content: center;
padding: 0px;
margin: 0px;
list-style: none;
height: 0px;
overflow: hidden;
}
.dropdown-filters li{
border-bottom: 3px solid transparent;
padding: 5px 0px;
margin-right: 24px;
font-size: 16px;
transition: 0.3s ease-in-out;
font-weight: 600;
color: #a6a8b0;
cursor: pointer;
}
.dropdown-filters .active{
border-color: #78b82c;
color: #000;
}
.dropdown-filters ul li{
}*/
.dropdown-filters select{
border-radius: 4px;
border: 1px solid #ccc;
padding: 5px 5px;
line-height: 1;
height: auto;
margin-bottom: 20px;
background: #e4e4e4;
}
}
.price-compare-block .package-content-modal{
position: fixed;
z-index: 2;
margin: auto;
display: flex;
justify-content: center;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: 0.5s ease-in-out;
}
.price-compare-block .package-content-modal .content-inner{
background: #f9f9f9;
border: 1px solid #ccc;
border-radius: 5px;
margin: auto;
padding: 30px;
position: relative;
}
@media(min-width: 768px){
.price-compare-block .package-content-modal .content-inner{
width: 50%;
max-width: 500px;
}
}
@media (max-width: 768px){
.price-compare-block .package-content-modal .content-inner{
width: 85%;
max-width: 500px;
}
}
.price-compare-block .package-content-modal .heading{
text-align: center;
font-size: 2em;
padding-bottom: 15px;
}
.price-compare-block .package-content-modal .body{
text-align: justify;
font-size: 1.3em;
}
.price-compare-block .package-content-modal .footer{
text-align: center;
padding-top: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.price-compare-block .package-content-modal .footer .premium{
text-align: left;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
}
.price-compare-block .package-content-modal .footer .premium img{
height: 20px;
margin: -5px 5px 0px 0px;
}
.price-compare-block .package-content-modal .close-package-modal{
all: unset;
color: #999;
cursor: pointer;
background-image: url(/wp-content/uploads/cancel.svg);
height: 15px;
width: 15px;
background-size: cover;
float: right;
}
.price-compare-block .package-content-modal .package-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.price-compare-block .package-content-modal .modal-feature-package{
color: #9d9d9d;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
float: left;
letter-spacing: 1px;
}
.price-compare-block .package-content-modal .body .icon{
text-align: center;
height: auto;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
}
.price-compare-block .package-content-modal .body .icon img{
height: 60px;
}
.price-compare-block .package-content-modal .body .title{
font-size: 0.8em;
margin: 10px 0px;
}
.price-compare-block .package-content-modal .body .description{
font-size: 1.3rem;
text-align: center;
margin-top: 10px;
}
.price-compare-block .package-content-modal .body .description p {
margin-bottom: 0;
font-size: 13px;
}
.price-compare-block .package-content-modal .footer{
font-weight: 600;
font-size: 11px;
margin-top: 15px;
}
.price-compare-block .package-content-modal .footer label{
padding: 7px 7px 5px;
border-radius: 15px;
margin: 2px;
text-transform: uppercase;
letter-spacing: 0.1rem;
line-height: 1rem;
border: 2px solid;
}
.price-compare-block .package-content-modal .footer .feature-279,
.price-compare-block .package-content-modal .footer .feature-322{
border-color:#FC0;
}
.price-compare-block .package-content-modal .footer .feature-285,
.price-compare-block .package-content-modal .footer .feature-321{
border-color:#78B82C;
}
.price-compare-block .package-content-modal .footer .feature-284,
.price-compare-block .package-content-modal .footer .feature-323{
border-color:#8E9ECA;
}
.pricing-first-panel{
width: 100%;
border-radius: 15px;
margin: auto;
/* background: #f4f4f4; */
background-image: radial-gradient(#f7f7f7,#eaeaea);
/* padding: 40px 90px; */
position: relative;
overflow: hidden;
}
.pricing-first-panel .heading{
background: linear-gradient(#afdc57, #7ab92e);
padding: 3rem 0rem;
text-align: center;
}
.pricing-first-panel .title{
margin: 0px;
font-weight: 600;
font-size: 3.5rem;
}
@media (min-width: 768px) and (max-width: 992px){
.pricing-first-panel .title{
font-size: 3rem;
}
}
@media (min-width: 550px) and (max-width: 768px){
.pricing-first-panel .title{
font-size: 2.5rem;
}
}
.pricing-first-panel .title{
font-weight: 900;
}
.pricing-first-panel .subtitle{
margin: 0px;
font-style: italic;
font-weight: 600;
word-spacing: 0px;
letter-spacing: .02px;
}
.pricing-first-panel .list-wrapper ul{
list-style: none;
padding: 0px;
margin-bottom: 10px;
margin-top: 1rem;
padding: 1rem 4rem;
}
.pricing-first-panel .list-wrapper{
margin-top: 2.8rem;
padding: 0rem 2rem;
}
.pricing-first-panel .list-wrapper ul li:first-child{
text-transform: uppercase;
font-weight: 900;
letter-spacing: 1px;
font-size: 1.7rem;
padding-left: 0px;
}
.pricing-first-panel .list-wrapper ul li:first-child:before{
display: none;
visibility: hidden;
opacity: 0;
}
.pricing-first-panel .list-wrapper ul li{
padding-left: 20px;
position: relative;
margin-bottom: 15px;
}
.pricing-first-panel .list-wrapper ul li:before{
content: "";
background-image: url(/wp-content/uploads/icon-check.svg);
position: absolute;
width: 15px;
height: 15px;
left: 0px;
background-size: cover;
top: 2px;
}
.pricing-first-panel .monthly-free-subscription{
text-align: center;
width: 80%;
font-weight: 600;
margin: auto;
font-size: 1.45rem;
letter-spacing: 0.1px;
margin-top: 39px;
}
.pricing-try-now-button{
background-color: #7ab92e;
background: linear-gradient(#afdc57, #7ab92e);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: 35px;
font-weight: 600;
margin-top: 25px;
margin-bottom: 25px;
text-transform: uppercase;
padding: 16px 25px;
font-size: 1.6rem;
letter-spacing: 0.6px;
border: none;
text-transform: uppercase !important;
}
.pricing-fp{
width: 600px;
overflow: hidden;
margin: auto;
padding: 5px;
}
.pricing-fp .ribbon {
position: absolute;
right: -5px; top: -5px;
z-index: 1;
width: 75px; height: 75px;
text-align: right;
}
.pricing-fp .ribbon span {
font-size: 1.7rem;
font-weight: 600;
letter-spacing: 2px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 180px;
display: block;
background: #79A70A;
background: linear-gradient(#FF0019 0%, #ff0019 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 35px;
right: -35px;
padding: 10px;
}
.pricing-fp .ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #ff0019;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #ff0019;
}
.pricing-fp .ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #ff0019;
border-bottom: 3px solid transparent;
border-top: 3px solid #ff0019;
}
@media(max-width: 992px){
.pricing-first-panel .list-wrapper{
padding: 1rem 3rem;
}
.pricing-first-panel .list-wrapper{
margin-top: 0;
}
.pricing-first-panel .list-wrapper ul{
margin: 0px;
padding: 5px 20px;
}
.pricing-first-panel .title {
font-size: 3rem;
}
.pricing-try-now-button{
margin-top: 15px;
margin-bottom: 15px;
font-size: 1.4rem;
}
}
@media(max-width: 768px){
.pricing-first-panel .list-wrapper{
padding: 0rem 0rem;
}
.pricing-first-panel .monthly-free-subscription{
margin-top: 15px;
}
.pricing-first-panel .title{
font-size: 2.5rem;
}
.pricing-fp .ribbon span{
font-size: 1.2rem;
letter-spacing: 1px;
width: 145px;
right: -23px;
padding: 2px;
}
.pricing-fp{
width: 85%;
}
}
@media(max-width: 425px){
.pricing-fp{
width: 100%;
}
}
.map-block {
padding: 2rem 0em;
background: radial-gradient(#f8f8f8, #eee);
}
.consulting-first-block,
.consulting-second-block{
background: linear-gradient(#fff, #f5f5f5);
}
/* @media(min-width: 1200px){ */
.consulting-first-block,
.consulting-fourth-block,
.consulting-second-block{
padding: 8rem 0em;
}
/* } */
/* @media(min-width: 992px) and (max-width: 1200px){
.consulting-first-block,
.consulting-fourth-block,
.consulting-second-block{
padding: 3em 0em;
}
}
@media(min-width: 768px) and (max-width: 992px){
.consulting-first-block,
.consulting-fourth-block,
.consulting-second-block{
padding: 2.85em 0em;
}
}
@media(max-width: 768px){
.consulting-first-block,
.consulting-fourth-block,
.consulting-second-block{
padding: 2em 0em;
}
} */
.consulting-second-block .item{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.consulting-second-block h3 {
margin-top: 50px;
}
.consulting-second-block .item .service-icon{
height: 50px;
width: 100%;
}
.consulting-second-block .item .service-title{
font-weight: 500 !important;
color: #000;
width: 100%;
font-size: 1.4em;
}
.consulting-second-block .item .service-description{
width: 100%;
font-weight: 500;
}
.consulting-second-block .item .service-description p{
font-size: 1.5rem;
font-weight: normal;
}
.consulting-second-block .services{
margin-top: 4em;
background-image: url("/wp-content/uploads/arrows.svg");
background-position: top center;
background-repeat: no-repeat;
background-size: 60%;
}
@media (max-width: 991px){
.consulting-second-block .services{
background-image: none;
}
}
.consulting-third-block{
background-color: #7ab92e;
background: radial-gradient(#afdc57,#7ab92e);
}
.consulting-third-block .wrapper{
margin-left: 0px;
margin-right: 0px;
color: #000;
display: flex;
justify-content: center;
}
@media(max-width: 992px){
.consulting-third-block .wrapper{
flex-direction: column-reverse;
}
}
.consulting-third-block .wrap{
float: right;
/* width: 60%; */
padding: 100px 30px;
}
.background-green.lines {
background-color: #7ab92e;
background-image: url("/wp-content/uploads/analytics-bck.svg"), radial-gradient(#afdc57,#7ab92e);
background-size: cover;
letter-spacing: .02em;
}
.consulting-third-block .icon {
float: left;
margin: 15px 10px 0 0;
height: 50px;
background-image: url(/wp-content/uploads/icon-analytics-white.svg);
width: 55px;
height: 55px;
background-size: cover;
}
.consulting-third-block .products-wrapper h2 {
font-size: 50px !important;
}
@media (min-width: 1200px){
.consulting-third-block .wrap{
width: calc(1170px / 2);
}
}
@media (min-width: 992px) and (max-width: 1200px){
.consulting-third-block .wrap{
width: calc(970px / 2);
}
}
@media (min-width: 768px) and (max-width: 992px){
.consulting-third-block .wrap{
width: 100%;
}
}
.consulting-third-block .wrapper .image img{
display: none;
}
@media(min-width: 992px){
.consulting-third-block .container{
width: 80%;
}
}
.consulting-third-block .wrapper .image{
width: 50%;
}
@media(max-width: 992px){
.consulting-third-block .wrapper{
flex-wrap: wrap;
}
.consulting-third-block .wrapper .text,
.consulting-third-block .wrapper .image{
width: 100%;
}
.consulting-third-block .wrapper .image{
background: unset !important;
}
.consulting-third-block .wrapper .image img{
display: block;
border-radius: 0px;
margin: 0px;
}
}
/* .consulting-third-block .wrapper .text{
padding: 100px 20px;
} */
.consulting-third-block .wrapper .image{
background-size: cover !important;
background-position: center !important;
}
.consulting-third-block .wrapper .text .title{
font-size: 3em;
font-weight: 500;
}
@media(max-width: 768px){
.consulting-third-block .wrapper .text .title{
font-size: 2em;
}
}
.consulting-third-block .wrapper .facts{
display: flex;
align-items: center;
justify-content: space-around;
}
.consulting-third-block .wrapper .facts .number{
display: flex;
flex-wrap: wrap;
align-items: center;
font-weight: 300;
font-size: 7em;
line-height: 1;
margin: 20px 0px;
text-align: right;
justify-content: center;
}
@media(min-width: 525px){
/* .consulting-third-block .wrapper .facts .number{
justify-content: flex-end;
} */
/* .consulting-third-block .wrapper .facts .number:first-of-type{
justify-content: flex-start;
} */
}
.consulting-third-block .wrapper .facts .number span{
display: block;
width: 100%;
text-align: center;
font-size: 15px;
line-height: 1;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em;
}
@media(max-width: 525px){
.consulting-third-block .wrapper .facts .number{
font-size: 4em
}
.consulting-third-block .wrapper .facts .number{
justify-content: center;
}
}
.consulting-fourth-block .primus-section{
display: flex;
justify-content: center;
}
.consulting-fourth-block .primus-section .image img{
margin: 10px 0px;
border-radius: 50%;
}
.consulting-fourth-block .primus-section .image{
width: 25%;
padding: 15px 0px;
}
.consulting-fourth-block .primus-section .text{
width: 75%;
text-align: left;
padding: 35px;
}
.consulting-fourth-block .primus-section .name{
font-weight: 500;
color: #000;
font-size: 18px;
}
.consulting-fourth-block .primus-section .job{
color: #000;
font-size: 18px;
}
.consulting-fourth-block .primus-section .job p{
margin: 0px;
}
.primus-section .foodnotify-section-title{
margin-bottom: 30px;
}
.primus-section .foodnotify-section-subtitle p{
font-size: 0.9em;
line-height: 1.5em;
}
.primus-section .foodnotify-section-title p,
.primus-section .foodnotify-section-subtitle p{
text-align: left;
}
@media(max-width: 992px){
.consulting-fourth-block .primus-section{
flex-wrap: wrap;
}
.consulting-fourth-block .primus-section .image,
.consulting-fourth-block .primus-section .text{
width: 100%;
width: 100%;
}
}
.reusable-contact-us{
background-color: #f5f5f5;
text-align: center;
color: #000;
}
.reusable-contact-us .title{
font-size: 3rem;
font-weight: 600;
}
.reusable-contact-us .subtitle{
font-size: 1.8rem;
}
.foodnotify-newsletter .title,
.first-static-block p:first-child,
.foodnotify-section-title{
margin: 0px;
line-height: 1.2em;
color: #000;
text-align: center;
font-weight: 400;
}
.foodnotify-newsletter .subtitle,
.first-static-block p:nth-child(2),
.foodnotify-section-subtitle p,
.foodnotify-section-subtitle{
word-spacing: 1px;
/*color: #FFF;*/
text-align: center;
margin-top: 15px;
}
@media(min-width: 1200px){
.foodnotify-section-title{
font-size: 4.5rem;
}
.first-static-block p:nth-child(2),
.foodnotify-section-subtitle p ,
.foodnotify-section-subtitle{
font-size: 1.6rem !important;
letter-spacing: 0.1rem;
line-height: 1.5em !important;
}
}
@media(min-width: 992px) and (max-width: 1200px){
.foodnotify-section-title{
font-size: 3.85rem;
}
.first-static-block p:nth-child(2),
.foodnotify-section-subtitle p ,
.foodnotify-section-subtitle{
font-size: 1.85rem !important;
}
}
@media (max-width: 992px){
.foodnotify-section-title{
font-size: 3rem !important;
}
.first-static-block p:nth-child(2),
.foodnotify-section-subtitle p ,
.foodnotify-section-subtitle{
font-size: 1.80rem !important;
}
}
.first-static-block .teaser-area{
/* display: flex; */
}
.first-static-block .teaser-box{
height: 500px;
overflow: hidden;
transform: rotate(-15deg);
}
/* .first-static-block .teaser-box,
.first-static-block .teaser-text{
width: 50%
} */
.page-template-customerPortraitTemplate h1 {
font-size: 45px;
}
.page-template-customerPortraitTemplate .round img {
border-radius: 50%;
margin: 50px auto 15px;
display: block;
}
@media(max-width: 625px){
.word-crusher{
display: inline-block;
}
}
@media(min-width: 625px){
.word-crusher{
display: none;
}
}
/* - */
.testimonial_rotator_wrap * {
letter-spacing: 0.03em;
}
.testimonial_rotator_wrap img {
margin: 10px 0 15px;
}
.testimonial_rotator.template-default .has-image .img {
margin-right: auto;
text-align: center;
}
.testimonial_rotator.template-longform .testimonial_rotator_img {
width: auto;
height: auto;
border-radius: 0;
}
.testimonial_rotator.template-longform .testimonial_rotator_img img {
width: auto;
height: auto;
margin-bottom: 0px;
height: 130px;
}
.testimonial_rotator.template-longform .testimonial_rotator_author_info p {
margin-top: 20px;
font-size: 1em;
}
.testimonial_rotator_quote {
border-left: 0;
background: transparent;
color: #333;
font-weight: 300;
margin: 0;
font-size: 17px;
line-height: 1.5em;
padding: 5px 0;
}
.testimonial_rotator_quote em {
display: block;
margin: 20px 0;
}
.testimonial_rotator.template-default .testimonial_rotator_author_info {
padding: 10px 0 0;
border-left: none;
}
.contact {
margin: 70px auto 0;
max-width: 500px;
}
@media(min-width:992px ){
.contact {
min-height: 350px;
}
}
.contact div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 15px 0;
}
.contact div.wpforms-container-full .wpforms-form .wpforms-submit-container {
margin-top: 20px;
}
.contact div.wpforms-container-full .wpforms-form button[type=submit] {
border-radius: 50px;
background-color: transparent;
font-weight: 500;
letter-spacing: 0.1rem;
background: linear-gradient(#afdc57, #7ab92e);
border: 0;
}
.contact div.wpforms-container-full .wpforms-form button[type=submit]:hover {
background-color: #FFF;
}
.contact div.wpforms-container-full .wpforms-form .wpforms-field-label,
.contact div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
font-size: 14px;
}
.contact-wrapper {
display: flow-root;
background-repeat: repeat-x;
background-position-y: -260px;
background-position-x: calc(50% + 550px);
background-color: #94c23c;
background-image: url(/wp-content/uploads/kontakt-bck-1.jpg);
background-size: 2048px;
}
.contact-title {
max-width: 500px;
position: absolute;
bottom: 20px;
right: 0;
padding: 0 20px;
}
@media (max-width: 991px) {
.contact-title {
right: auto;
left: 0;
top: 20px;
bottom: auto;
text-align: left;
padding: 0 40px;
}
}
.contact-wrapper.customers {
background-image: url(/wp-content/uploads/kontakt-bck-1.jpg);
}
.contact-wrapper.suppliers {
background-image: url(/wp-content/uploads/kontakt-lieferanten-bck-1.jpg);
background-position-y: top;
background-position-x: center;
}
.contact-wrapper.enterprise {
background-image: linear-gradient(180deg, #fff 0%, #fc0 100%);
background-image: url("/wp-content/uploads/kontakt-enterprise-bck.jpg");
}
.contact-wrapper .box {
max-width: 500px;
font-size: 14px;
margin: 0 auto;
line-height: 1.5em;
float: right;
}
.suppliers .box {
margin-top: 50px;
}
.contact-wrapper .box .head {
margin-bottom: 20px;
}
.contact-wrapper .box img {
margin: 10px 0;
}
.contact-wrapper .box .title {
font-weight: 900;
font-size: 35px;
text-transform: uppercase;
line-height: 1em;
letter-spacing: .2rem;
}
.contact-wrapper .box .separator {
height: 20px;
}
.contact-wrapper .box a {
color: #000;
text-decoration: underline;
}
/*.contact-wrapper .col-1 {
padding: 50px 0 50px 50px !important;
}
.contact-wrapper .col-2 {
padding: 70px !important;
}*/
.contact-wrapper .features span {
padding: 0px 9px;
border-radius: 50px;
font-weight: 500;
display: inline-block;
font-size: 1.2rem;
margin: 3px;
/*background: rgba(255,255,255,0.3);*/
letter-spacing: 0.05em;
line-height: 24px;
border: 1px solid rgba(0,0,0,0.2);
}
.contact-wrapper .features i {
margin-right: 3px;
display: none;
}
.big {
display: inline-block;
border-radius: 5px;
}
.small {
display: none;
border-radius: 5px;
}
.support {
border: 2px dashed rgba(255,255,255,.2);
}
@media (max-width: 991px){
/* .contact-wrapper.customers {
background-image: url(/wp-content/uploads/kontakt-bck-2.jpg);
}*/
.contact-wrapper.suppliers {
background-image: url(/wp-content/uploads/kontakt-lieferanten-bck-2.jpg);
}
.contact-wrapper .box {
max-width: 100%;
position: relative;
left: auto;
}
.contact-wrapper .box img {
margin-top: 0;
}
.contact-wrapper .box {
top: 0;
}
/* .contact-wrapper .col-1 {
padding: 50px 50px 0 50px !important;
}*/
.big {
display: none;
}
.small {
display: inline-block;
}
}
@media (max-width: 991px) {
.suppliers .contact {
margin-top: 300px;
}
}
@media (max-width: 767px) {
.contact {
margin-top: 0;
}
.suppliers .contact {
margin-top: 500px;
}
}
@media (max-width: 500px){
/* .contact-wrapper.customers {
background-image: url(/wp-content/uploads/kontakt-bck-3.jpg);
}*/
.contact-wrapper.suppliers {
background-image: url(/wp-content/uploads/kontakt-lieferanten-bck-3.jpg);
background-position-y: -100px;
}
.suppliers .box {
margin-top: 30px;
}
}
@media (max-width: 1024px){
.page .header-clone {
height: auto !important;
}
}
/*.page-id-19550 .header-clone,
.page-id-19694 .header-clone {
height: 0px !important;
}
@media(max-width: 1226px){
.page-id-19550 .header-clone,
.page-id-19694 .header-clone {
height: 0px !important;
}
}*/
.page-id-19550 .footer-margin,
.page-id-19694 .footer-margin {
margin-top: 0;
}
.herz a {
text-decoration: none;
letter-spacing: 0;
}
.herz p {
color: #FFF;
}
.graphic {
color: #FFF;
}
/* ABOs */
.abo {
background-color: #EEE;
background: radial-gradient(at 50% bottom,#F2F2F2 50%, #DDD 100%);
border-radius: 15px;
text-align: center;
height: 500px;
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.abo .head {
padding: 20px;
opacity: 0.9;
background-image: radial-gradient(49% 99%, #687084 45%, #3D4352 100%);
border-radius: 15px 15px 0 0;
color: #FFF;
}
.abo .line {
height: 6px;
}
.abo.free .line {
background-color: #8E9ECA;
background-image: linear-gradient(90deg, #8E9ECA 0%, #FFFFFF 51%, #8E9ECA 100%);
}
.abo.premium .line {
background-color: #78B82C;
background-image: linear-gradient(90deg, #78B82C 0%, #FFFFFF 51%, #78B82C 100%);
}
.abo.enterprise .line {
background-color: #FFCC00;
background-image: linear-gradient(90deg, #FFCC00 0%, #FFFFFF 51%, #FFCC00 100%);}
/* .abo.free {
background-image: linear-gradient(225deg, #93CF4B 0%, #4E8907 100%);
}
.abo.premium {
background-image: linear-gradient(46deg, #A03523 0%, #E27767 100%);
}
.abo.enterprise {
background-image: linear-gradient(225deg, #61B1D6 0%, #257AA1 100%);
} */
.abo .icon {
height: 35px;
margin-bottom: 5px;
}
.abo .icon img {
max-width: 35px;
max-height: 35px;
margin: 0;
}
.abo .title {
font-size: 35px;
text-transform: uppercase;
line-height: 1em;
letter-spacing: 0.2rem;
}
.abo.free .title {
font-weight: 300;
}
.abo.premium .title {
font-weight: 500;
}
.abo.enterprise .title {
font-weight: 900;
}
.abo .subtitle {
font-family: Roboto-Italic;
font-size: 14px;
color: rgba(255,255,255,0.5);
}
.abo .features {
text-align: left;
padding: 30px 30px 0;
}
.abo ul {
list-style: none;: none;
padding: 0 0 0 20px;
}
.abo li {
font-size: 1.3rem !important;
margin-bottom: 7px;
}
.abo li:before {
content: "\f00c"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
color: #3D4352;
opacity: 0.3;
}
.abo .bottom {
margin-top: auto;
font-size: 1.3rem;
font-weight: 300;
padding: 0 20px;
}
.abo .price span {
font-weight: 500;
font-size: 30px;
}
.abo .cta {
font-weight: 600;
margin: 20px 0 30px;
background: #FFF;
border-radius: 50px;
border: 3px solid #FFF;
text-transform: uppercase;
letter-spacing: 0.1rem;
padding: 15px;
}
.abo.free .cta {
border-color: #8E9ECA;
}
.abo.free .cta:hover {
background-color: #8E9ECA;
}
.abo.premium .cta {
border-color: #78B82C;
}
.abo.premium .cta:hover {
background-color: #78B82C;
}
.abo.enterprise .cta {
border-color: #FFCC00;
}
.abo.enterprise .cta:hover {
background-color: #FFCC00;
}
.abo .cta:hover{
background: rgba(255,255,255,1);
color: #000;
}
.features-list {
margin-top: 50px;
}
.herz a {
text-decoration: none;
}
h5.ugb-feature-grid__title {
font-size: 21px;
}
.fn-featured-image-content .action-buttons button {
background-color: transparent;
border: none;
padding: 0px;
margin: 25px 10px;
width: 200px;
}
.press>li.active>a, .press>li.active>a:hover,
.press>li>a, .press>li>a:hover {
text-decoration: none !important;
color: inherit !important;
font-size: 16px;
font-weight: 500;
}
.press.nav-pills>li {
margin: 0 5px;
}
.press.nav-pills>li>a {
background-color:#EEE;
}
.press.nav-pills>li>a:hover {
background-color:#F5F5F5;
}
.press.nav-pills>li.active>a,
.press.nav-pills>li.active>a:hover,
.press.nav-pills>li.active>a:focus {
background-color:#3d4352;
color:#FFF !important;
}
.press .tab-pane {
padding: 0 0 50px;
}
.nav.press {
display: table;
margin: 0 auto;
}
.press .article {
padding-left: 10px;
padding-right: 10px;
}
.press .wp-caption {
border: 1px solid #CCC;
border-radius: 5px;
}
.press .thumbnail {
margin: 0;
border: 0;
padding: 13px;
}
.title.home strong {
color: #afdc57;
}
.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit, .block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit, .wp-block-embed.alignleft, .wp-block-embed.alignright {
max-width: 360px;
width: 100%;
}
.page-template-centeredContent {
margin-top: 60px;
}
.menu-item-language {
margin-top: 22px !important;
}
.wpml-ls-menu-item .wpml-ls-flag {
width: 20px;
height: 15px;
margin-top: 1px;
border-radius: 5px;
}
.brain-btn {
fill: transparent;
stroke-width: 3px;
stroke: #AECC53;
transition: all 0.3s ease-in-out;
}
.brain-btn:hover {
fill: rgba(255,255,255,.05);
cursor: pointer;
stroke: #FFF;
}
.brain-txt {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.1em;
fill: #FFF;
}
svg text {
font-size: 15;
font-weight: bold;
letter-spacing: 1.5;
fill: #FFF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
svg text::selection {
background: none;
}
#cookie-law-info-bar {
padding: 30px;
box-shadow: none;
}