/* Extra small devices (portrait phones, less than 576px)
   No media query for `xs` since this is the default in Bootstrap */

body {font-family: 'Open Sans';}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Slab';font-weight: 800!important;}
.bg-black {background-color: #000 !important;}
.bg-red {background-color: #e20026 !important;}
.footer-top {height: 80px; background-image:url(../img/footer-top-bg.png); background-position: bottom; background-size: cover;}
.pottyhalo{background-image:url(../img/bg-body-full-hd-2x.png); background-position: top; background-repeat: no-repeat;}
.bg-header-pirospottyos {background-image:url(../img/masthead-pirospottyos-bg.png); background-repeat: no-repeat;background-size: auto; background-position: bottom; min-height: 405px;}
.bg-header-markatortenet {background-image:url(../img/masthead-markatortenet-bg.png); background-repeat: no-repeat;background-size: contain; background-position: center 110px; min-height: 405px;}
.bg-header-receptek {background-image:url(../img/masthead-receptek-bg.png); background-repeat: no-repeat;background-size: contain; background-position: center 110px; min-height: 405px;}
.bg-header-tudtad {background-image:url(../img/masthead-tudtad-bg.png); background-repeat: no-repeat;background-size: contain; background-position: center 110px; min-height: 405px;}
footer .linklista {color: #fff;font-family: 'Open Sans'; font-weight: 300;}
footer .linklista ul {list-style-type: none;}
footer .linklista ul li {padding: 5px 0;}
footer .linklista a {color: #fff; text-decoration: none;} 
footer .linklista a:hover,footer .kapcsolat a:hover {color: #fff; text-decoration: underline;}
footer .kapcsolat {color: #fff;font-family: 'Open Sans'; font-weight: 300;}
footer .kapcsolat p {border-top: 1px solid #fff; ;border-bottom: 1px solid #fff; padding: 20px 0;}
footer .kapcsolat a {color: #fff; text-decoration: none;}
footer .kapcsolat a:hover {color: #fff; text-decoration: underline;}
footer .kapcsolat span {font-weight: 700;}
.navbar-custom {padding-top: 1rem; padding-bottom: 0;background-color: #e20026;}
.navbar-custom .navbar-brand {width: 200px;}
.navbar-custom .navbar-nav .nav-item .nav-link {font-size: 1.2rem;font-weight: 500;}
.navbar-nav {text-align: right}
.navbar-nav .nav-item {padding-right: 20px; color: #fff;}
.navbar-nav .nav-item-text {display: none;}
.navbar-nav .nav-item-social{padding-right: 20px;}
.navbar-nav .nav-link {color: rgba(255,255,255,1)!important;font-family: 'Roboto Slab';font-size: 1.2rem;}
.navbar-nav .nav-item a, .navbar-nav .nav-item-social a {transition: transform .2s;transform: scale(1);}
.navbar-nav .nav-item a:hover, .navbar-nav .nav-item-social a:hover {transform: scale(1.3);}

/* Lenyíló submenü */
.dropdown-menu {min-width: 17rem; padding: .3rem 1.8rem; margin: 0; color: #fff; background-color:rgba(0,0,0,0.6); border: 0; border-radius: 15px;}
.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0; /*left:-100%;*/ left:-10rem; /* 10rem is the min-width of dropdown-menu */ margin-top:-6px;}
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 


.navbar-toggler {padding: 0;font-size: 1.25rem;line-height: 1;background-color: transparent;border: none;border-radius: 0;}
.navbar-toggler-icon {padding: 0;font-size: 2rem;line-height: 1;color: #fff!important;border: 1px solid transparent;border-radius: .25rem;}

header.masthead {position: relative;overflow: hidden;padding-bottom: 1rem;}
header.masthead .masthead-content {z-index: 1;position: relative;}

hr.elvalaszto {border-top: 1px solid #d8d8d8; margin: 0 75px 20px 75px;}

/* Termékeink közül */
.termekeink-kozul {/* padding: 60px 0; */ padding-top: 0; padding-bottom: 10px;}
.termekeink-kozul h1 {color: #e20026; margin: 10px auto 40px auto; }
.termekeink-kozul .item {padding: 0 15px;}
.termekeink-kozul .termek {color: #e20026;}
.termekeink-kozul .termek img {transition: transform .2s;transform: scale(0.9);}
.termekeink-kozul .termek img:hover {transform: scale(1.2);}
.termekeink-kozul .termek:hover{text-decoration: none;}
.termekeink-kozul .termek .termeknev {font-weight: 700; margin-left: 25px; font-size: 16px;}
.termekeink-kozul .termek .termekvariacio {font-weight: 400; margin-left: 25px;font-size: 16px;}
.termekeink-kozul .termek .kiszereles {font-weight: 300; font-style: italic; margin-left: 25px;font-size: 16px;}
.termekeink-kozul .owl-nav {position: relative;} 
.termekeink-kozul .owl-prev {background-image:url(../img/carousel-control-prev-icon.png)!important; width: 21px; height: 43px; color: #e20026; position: absolute; left: 5px; bottom: 105px;} 
.termekeink-kozul .owl-next {background-image:url(../img/carousel-control-next-icon.png)!important; width: 21px; height: 43px; color: #e20026; position: absolute; right: 10px; bottom: 105px;}
.termekeink-kozul .owl-prev span,.termekeink-kozul .owl-next span {display: none;}   
.termekeink-kozul a.mindentermek {background-color: #e20026; color: #fff;padding: 15px 20px; font-family: 'Roboto Slab'; font-weight: 700;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.termekeink-kozul a.mindentermek span {font-weight: 300;}
.termekeink-kozul a.mindentermek:hover {text-decoration: none;}

/* Kiemelt blokkok */
.kiemelt-blokk {text-align: center; margin: 50px auto; padding-top: 0; padding-bottom: 10px;}
.kiemelt-blokk h1 {color: #e20026; margin: 0 auto 40px auto; padding-top: 20px;}
.kiemelt-blokk a {color: #fff; font-weight: 300;}
.kiemelt-blokk a img {transition: transform .2s;transform: scale(0.9);}
.kiemelt-blokk a img.cimoldal {border-radius: 50%;}
.kiemelt-blokk a span {background-color: #e20026; color: #fff;padding: 15px 20px; font-family: 'Roboto Slab'; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 5px 5px 33px 1px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 33px 1px rgba(0,0,0,0.3); box-shadow: 5px 5px 33px 1px rgba(0,0,0,0.3); font-size: .7rem;}
.kiemelt-blokk a img:hover {transform: scale(1);}
.kiemelt-blokk a:hover {text-decoration: none;}
.kiemelt-blokk a span strong {font-weight: 700;}
.kiemelt-blokk .termek {color: #e20026;}
.kiemelt-blokk .termek .termeknev {font-weight: 700; margin-left: 25px; font-size: 18px;}
.kiemelt-blokk .termek .termekvariacio {font-weight: 400; margin-left: 25px;font-size: 18px;}
.kiemelt-blokk .termek .kiszereles {font-weight: 300; font-style: italic; margin-left: 25px;font-size: 16px;}

/* Promóciók */
a.promocio-doboz {padding-top: 20px; padding-bottom: 20px;text-decoration:none; display: block; text-align: center;  background-color: #fff;}
a.promocio-doboz img {padding-top: 10px; padding-bottom: 30px;}
a.promocio-doboz span.promocio-neve {color: #e20026; font-weight: 700; font-size: 1.2rem;font-family: 'Roboto Slab'; line-height: 130%;}
a.promocio-doboz span.promocio-idotartama {color: #5e5e5e; font-weight: 400; font-size: 1rem;font-family: 'Roboto Slab'; line-height: 130%;}

/* Termék aloldal */
.heading-title {color: #fff; font-weight: 700; font-size: 1.8rem; text-align: center;}
.heading-subtitle {color: #fff; font-weight: 300!important; font-size: 2rem; margin-bottom: 20px; text-align: center;}
.heading-text {color: #fff; text-align: left;}
.energia-tapertek-allergen {padding-top: 0; padding-bottom: 10px; color: #e20026;}
.energia-tapertek-allergen table {width: 100%; margin-bottom: 50px;}
.energia-tapertek-allergen table th {color: #e20026; padding: 5px; font-weight: 400; font-size: .8rem; text-align:center;}
.energia-tapertek-allergen table td {color: #000; padding: 5px; font-size: .9rem;}
.energia-tapertek-allergen table td.nev {text-align: right; padding-right: 30px;}
.energia-tapertek-allergen table td.ertek {font-weight: 700; padding-right: 30px;}
.energia-tapertek-allergen .greyline td {color: #000; background-color: #e1e1e1;}

/* Márkatörténet */
.markatortenet h2 {color: #e20026; margin: 0 auto 20px auto; padding-top: 20px;}
.markatortenet .markatortenet-nav {background-color: #fff; padding: 30px 0; line-height: 220%;}
.markatortenet .markatortenet-nav a {display:inline-block;background-color: #fff; color: #e20026; padding: 6px 12px; font-family: 'Roboto Slab'; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 5px 10px; text-decoration: none;}
.markatortenet .markatortenet-nav a:hover {background-color: #e20026; color: #fff; text-decoration: none;}
.markatortenet img {-webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomleft: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px;}

/* Receptek */
.receptlista h3 {color: #e20026; margin: 0 auto 5px auto; background-color: #fff;}
.receptlista {text-align: center; margin: 50px auto; padding-top: 20px; padding-bottom: 10px;}
.receptlista h1 {color: #e20026; margin: 0 auto 40px auto; padding-top: 20px;}
.receptlista a {color: #fff; font-weight: 300;}
.receptlista a img {transition: transform .2s;transform: scale(0.9);border-radius: 50%;}
.receptlista a span {background-color: #e20026; color: #fff;padding: 15px 20px; font-family: 'Roboto Slab'; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 5px 5px 33px 1px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 33px 1px rgba(0,0,0,0.3); box-shadow: 5px 5px 33px 1px rgba(0,0,0,0.3); font-size: .7rem;font-weight: 700;}
.receptlista a img:hover {transform: scale(1);}
.receptlista a:hover {text-decoration: none;}

/* Recept */
.recept {margin: 20px auto; padding-top: 20px; padding-bottom: 10px;}
.recept h2 {color: #e20026; margin: 5px auto 20px auto;background-color: #fff;}
.recept .hozzavalok {background-color: #e20026; color: #fff; padding: 25px; -webkit-border-radius: 25px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 25px; -moz-border-radius-bottomleft: 0; border-radius: 25px; border-bottom-left-radius: 0;}
.recept .hozzavalok h5 {color: #fff; margin: 5px auto 20px auto;}
.recept .hozzavalok strong {font-family: 'Roboto Slab';margin-left: -10px;}
.recept .hozzavalok p {padding: 0 10px; font-size: 0.8rem;}
.recept .haromszog {width: 0; height: 0; border-top: 40px solid  #e20026; border-right: 40px solid transparent; margin-bottom: 30px;}
.recept h5 {color: #e20026; margin: 5px auto 20px auto;font-family: 'Roboto Slab';font-weight: 300; text-transform: uppercase;}
.recept img {-webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomleft: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px;}

/* További receptek */
.tovabbi-receptek {/* padding: 60px 0; */ padding-top: 0; padding-bottom: 10px;}
.tovabbi-receptek h1 {color: #e20026; margin: 10px auto 40px auto; }
.tovabbi-receptek .item {padding: 0 15px;}
.tovabbi-receptek .recept-ajanlo {color: #e20026;}
.tovabbi-receptek .recept-ajanlo img {transition: transform .2s;transform: scale(0.9);border-radius: 50%;}
.tovabbi-receptek .recept-ajanlo img:hover {transform: scale(1);}
.tovabbi-receptek .recept-ajanlo:hover{text-decoration: none;}
.tovabbi-receptek .recept-ajanlo .receptnev {font-weight: 700; font-size: 18px; text-align:center; display: inline-block;}
.tovabbi-receptek .owl-nav {position: relative;} 
.tovabbi-receptek .owl-prev {background-image:url(../img/carousel-control-prev-icon.png)!important; width: 21px; height: 43px; color: #e20026; position: absolute; left: 21px; bottom: -105px;} 
.tovabbi-receptek .owl-next {background-image:url(../img/carousel-control-next-icon.png)!important; width: 21px; height: 43px; color: #e20026; position: absolute; right: 21px;bottom: -105px;}
.tovabbi-receptek .owl-prev span,.tovabbi-receptek .owl-next span {display: none;}   
.tovabbi-receptek a.mindenrecept {background-color: #e20026; color: #fff;padding: 15px 20px; font-family: 'Roboto Slab'; font-weight: 700;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.tovabbi-receptek a.mindenrecept span {font-weight: 300;}
.tovabbi-receptek a.mindenrecept:hover {text-decoration: none;}

/* Tudtad */
.tudtad {margin: 50px auto 10px auto;}
.tudtad h4 {color: #e20026; margin: 0 auto 15px auto; background-color: #fff;}
.tudtad h4 span {color: #fff; background-color: #e20026;border-radius: 50%; width: 40px; height: 40px; line-height: 40px; display:inline-block; text-align: center; margin-right: 10px;}
.tudtad p {border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 30px;}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.footer-top {height: 120px;}
	.navbar-custom .navbar-brand {height: 75px; width: 220px;}
	a.promocio-doboz span.promocio-neve {font-size: 1.3rem;}
	a.promocio-doboz span.promocio-idotartama {font-size: 1.1rem;}
	.bg-header-markatortenet, .bg-header-receptek, .bg-header-tudtad {background-position: center 90px;min-height: 565px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.footer-top {height: 180px;}
	.navbar-custom .navbar-brand {height: 85px; width: 250px;}
	a.promocio-doboz span.promocio-neve {font-size: 1.5rem;}
	a.promocio-doboz span.promocio-idotartama {font-size: 1.2rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.bg-header-pirospottyos, .bg-header-markatortenet, .bg-header-receptek, .bg-header-tudtad {background-size: auto; background-position: top; min-height: 665px;}
	.footer-top {height: 205px;}
	.kiemelt-blokk a span, .receptlista a span  {font-size: 1rem;}
	footer .kapcsolat p {border-left: 1px solid #fff;border-right: 1px solid #fff; border-top: none; border-bottom: none; padding: 5px 10px 0 50px;}
	.navbar-custom {background: transparent!important;}
	.navbar-nav .nav-item-social {padding-right: 0;}
	a.promocio-doboz span.promocio-neve {font-size: 1.7rem;}
	a.promocio-doboz span.promocio-idotartama {font-size: 1.3rem;}
	.heading-title{text-align: left;font-size: 2.5rem; }
	.heading-subtitle {text-align: left;font-size: 2.8rem; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.footer-top {height: 285px;}
	.navbar-nav .nav-item-text {display: block; font-size: .8rem; line-height: 120%!important; padding-top: 10px;color: #fff; text-align: left;}
}