@media screen and (min-width: 1174px){
.full-nav ul li .sub-menu li .sub-menu {
top: 31px !important;
}}
body {
-webkit-font-smoothing: subpixel-antialiased;
}
.recipe-banners {
text-align: center;
}
.recipe-banners img {
max-width: 180px;
max-height: 150px;
}
@media screen and (min-width: 882px) {
.full-nav .sub-menu {
background: #FFF;
top: 31px;
}}
.full-nav .sub-menu .current-menu-item > a {}
.full-nav ul li a:hover, .full-nav .menu-item:hover > a /*, .full-nav ul li.current_page_item a */ {
color: #000000 !important;
text-shadow: none;}
.full-nav .sub-menu li a {
font-size: 14px !important;}
.full-nav .sub-menu li a:hover {
background: #F6F6F7;
font-size: 14px !important;}
/* ==== FONT SETTING ==== */
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, p em {
font-family: 'Lora', serif;
}
h1, h2, h3, h4, h5, h6, p {
font-family: 'Montserrat', sans-serif;
}
@media screen and (min-width: 1174px){
#sectionWrap-1 p {
font-size: 16px;
line-height: 30px;
}
}
@media screen and (min-width: 1174px){
#sectionWrap-6 h3 {
font-size: 19px;
line-height: 25px;
}
}
/* ==== LINE ==== */
.forhr{
width: 25%;
left: 37%;
}
hr{
border-top: 8px solid #6BCFD5;
}
/* ==== SECTION PADDING ==== */
#sectionWrap-1 {
margin-top:300px;
}
#sectionWrap-3 .grid-wrap {
padding: 30px 30px 1px 30px;
}
#sectionWrap-4 .grid-wrap {
padding: 1px 30px 30px 30px;
}
.service-module .servicebanner {
box-shadow: 0 0 10px rgba(0,0,0,0.0);
}
/* ==== BUTTON ==== */
#sectionWrap-1 a.content-button {
max-width: 310px !important;
font-size: 18px;
line-height: 25px;
float: left;
}
#sectionWrap-4 a.content-button {
max-width: 480px !important;
line-height: 25px;
float: left;
}
#sectionWrap-5 a.content-button {
float: left;
line-height: 25px;
}
#sectionWrap-6 a.content-button {
max-width: 211px !important;
line-height: 25px;}
/* ==== BOX ==== */
.boxbg {
border: 0px solid #fdb01e;
padding: 20px 50px 20px;
}
@media screen and (max-width: 882px){
.boxbg {
background: rgba(255,255,255, 0.6) !important;
}
}
.boxtrans {
border: 0px solid #fdb01e;
padding: 30px 50px 0;
}
/* ==== POP UP ==== */
.fullyalive {
padding: 0px;
}
/* ==== MOBILE MODE HIDDEN SECTION ==== */
@media screen and (min-width: 769px){
#sectionWrap-2 {
display: none;
}}
@media screen and (max-width: 768px){
#sectionWrap-1 {
display: none;
}}