.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*======================= TYPOGRAPHY =======================*/ h1, h2, h3, h4, h5, h6 { margin-top: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #a61745; } h1 { color: #fff; text-transform: uppercase; font-size: 50px; line-height: 45px; font-weight: normal; } h2 { /*font-family: 'Arizonia', cursive;*/ font-family: 'Great Vibes', cursive; font-size: 50px; line-height: 40px; font-weight: normal; color: #3b3b3b; margin-bottom: 29px; } h3 { font-size: 30px; line-height: 40px; color: #3c3c3c; text-transform: uppercase; margin-bottom: 43px; } h4 { color: #3c3c3c; text-transform: uppercase; font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 20px; } h5 { color: #3c3c3c; font: inherit; font-weight: bold; margin-bottom: 0; } h6 { font: inherit; color: #8e8e8e; margin-bottom: 20px; } h6 a { text-decoration: underline; } .alert-heading { color: inherit; } p { margin: 0; padding-bottom: 20px; } .icons-marker { font-size: 15.6px; line-height: 20px; } /*Buttons*/ .btn { padding: 4px 14px; font-size: 13px; line-height: 20px; background: #ffffff; color: #8e8e8e; text-shadow: none; border: 1px solid #e6e6e6; border-bottom-color: #e6e6e6; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .btn:hover { text-decoration: none; background: #e6e6e6; color: #000000; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .btn-primary { color: #3c3c3c !important; border: none; background: url(../images/more_arrow.gif) 100% 60% no-repeat !important; padding: 0 9px 0 0; font-weight: bold; outline: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .btn-primary:hover { color: #a61745 !important; } .btn-primary.submitButton { float: right; } .btn-primary.disabled { color: #a61745 !important; opacity: 1; filter: alpha(opacity=100); } .btn-info { color: #3c3c3c !important; border: none; background: url(../images/more_arrow.gif) 100% 60% no-repeat !important; padding: 0 9px 0 0; font-weight: bold; outline: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .btn-info:hover { color: #a61745 !important; } #searchForm .btn.btn-primary { background: none !important; margin-top: 4px; } /*Lists*/ ul.categories-module h5 { font-size: 1em; line-height: inherit; font-weight: normal; margin: 0; } /*Pagination*/ .pagination { height: auto; margin: 0; padding: 16px 0 66px; border-top: 1px solid #dedede; } .pagination .counter { font-weight: bold; color: #3c3c3c; padding-bottom: 26px; } .pagination ul { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; box-shadow: none; margin: 0 auto; width: 100%; text-align: left; } .pagination ul li { display: inline-block; margin-right: 15px; } .pagination ul li .pagenav { padding: 0; line-height: 20px; font: 13px; text-transform: none; color: #a61745; font-weight: bold; border: none; box-shadow: none; background: none; } .pagination ul li span.pagenav { color: #a61745; } .pagination ul li a.pagenav { color: #3c3c3c; } .pagination ul li a.pagenav:hover { background: none; color: #a61745; } .pagination ul li.num span.pagenav { color: #a61745; } /*Forms*/ input[type='radio'], input[type='checkbox'] { margin: 3px 0 0; } /* Images */ .item_img, .category_img { margin-bottom: 13px; } .img-intro__left, .img-full__left { float: left; margin: 0 30px 9px 0; } .img-intro__right, .img-full__right { float: right; margin: 0 18px 9px 0; } .item_img { font-size: 0; line-height: 0; } .item_img .fleft { display: inline-block; max-width: 100%; position: relative; margin: 0; } .item_img .img_border { display: block; max-width: 100%; border: 6px solid #fff; margin: 0; font-size: 0; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .item_img:after { clear: both; display: block; content: ''; margin: 0; } .item_img a { display: block; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } /*======================= TOP =======================*/ /*======================= HEADER =======================*/ #header-row { background: url(../images/top_tail.png) repeat-x #dedede; /* background-size: 1px 100% !important; */ padding: 20px 0 40px; } .open_daily { width: auto; float: right; text-transform: uppercase; color: #3c3c3c; font-size: 18px; padding: 14px 0 0; } .open_daily h3.moduleTitle { margin-bottom: 0; color: #a61745; line-height: 34px; } #logo a img {float:right;} /*======================= NAVIGATION =======================*/ #navigation-row { background: url(../images/menu_tail.png) repeat-x #353535; background-size: 1px 100% !important; padding: 12px 0 14px; } .select-menu { display: none; } .navigation ul.sf-menu { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #494949; /*SubMenu Styles*/ /*Define 1st SubMenu position*/ /*Define menu width*/ /*Define SubMenu position*/ /*Define 2nd+ SubMenu position*/ } .navigation ul.sf-menu .sfHolder { display: block; position: relative; } .navigation ul.sf-menu > li { border-right: 1px solid #494949; padding: 0; display: table-cell; float: none; height: 22px; } .navigation ul.sf-menu > li.active > .sfHolder > a, .navigation ul.sf-menu > li.sfHover > .sfHolder > a, .navigation ul.sf-menu > li.current > .sfHolder > a, .navigation ul.sf-menu > li.active > .sfHolder > span.separator, .navigation ul.sf-menu > li.sfHover > .sfHolder > span.separator, .navigation ul.sf-menu > li.current > .sfHolder > span.separator { color: #ffffff; } .navigation ul.sf-menu > li > .sfHolder > a, .navigation ul.sf-menu > li > .sfHolder > span.separator { text-align: center; text-transform: uppercase; font-size: 16px; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7c7c7c; height: 22px; display: block; padding: 3px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .navigation ul.sf-menu > li > .sfHolder > a:hover, .navigation ul.sf-menu > li > .sfHolder > span.separator:hover { color: #ffffff; } .navigation ul.sf-menu li:hover > .sfHolder > ul, .navigation ul.sf-menu li.sfHover > .sfHolder > ul { top: 39px; } .navigation ul.sf-menu ul { width: 100%; } .navigation ul.sf-menu li li:hover > .sfHolder ul, .navigation ul.sf-menu li li.sfHover > .sfHolder ul { top: 0; left: 100%; } .navigation ul.sf-menu li li li:hover > .sfHolder ul, .navigation ul.sf-menu li li li.sfHover > .sfHolder ul { top: 0; left: 100%; } .navigation ul.sf-menu ul { background: #525252; } .navigation ul.sf-menu ul li a, .navigation ul.sf-menu ul li span.separator { font-size: 13px; line-height: 39px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; background: none; display: block; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; } .navigation ul.sf-menu ul li a:hover, .navigation ul.sf-menu ul li span.separator:hover { background: #2b2b2b; color: #ffffff; } .navigation ul.sf-menu ul li.active > .sfHolder > a, .navigation ul.sf-menu ul li.sfHover > .sfHolder > a, .navigation ul.sf-menu ul li.active > .sfHolder > span.separator, .navigation ul.sf-menu ul li.sfHover > .sfHolder > span.separator { background: #2b2b2b; color: #ffffff; } .navigation ul.sf-menu ul li + li { border-top: 1px solid #616161; } .navigation ul.sf-menu.sf-vertical { width: 155px; /*Define 1st SubMenu position*/ } .navigation ul.sf-menu.sf-vertical li { width: 155px; margin-bottom: 1px; } .navigation ul.sf-menu.sf-vertical li:hover > ul, .navigation ul.sf-menu.sf-vertical li.sfHover > ul { top: -13px; } .navigation ul.sf-menu.sf-vertical ul { left: 157px; } .navigation ul.sf-menu.sf-vertical ul li a, .navigation ul.sf-menu.sf-vertical ul li span { padding: 9px 12px; } .navigation ul.sf-menu.sf-navbar { height: 22px; padding-bottom: 22px; margin-bottom: 2px; /*Define 1st SubMenu position*/ } .navigation ul.sf-menu.sf-navbar li:hover > ul, .navigation ul.sf-menu.sf-navbar li.sfHover > ul { top: 24px; left: 0; } .navigation ul.sf-menu.sf-navbar li ul { width: auto; padding: 2px 0; } .navigation ul.sf-menu.sf-navbar li ul ul.sub-menu { width: 155px; top: 22px; } .search-block { text-align: right; } .search-block input { max-width: 100%; } /*======================= SHOWCASE =======================*/ .mod-newsflash-adv .isotope { margin: 0 -1.5%; } .mod-newsflash-adv .isotope-item { padding: 0 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; float: left; } .mod-newsflash-adv .isotope-item.straightDown { text-align: center; } /*======================= FEATURE =======================*/ #feature-row { background: url(../images/top_blocks_tail.png) repeat-x #e0e0e0; background-size: 1px 100% !important; padding: 37px 0 0; position: relative; margin-bottom: 57px; } #feature-row:before { position: absolute; background: url(../images/shadow.png) repeat-x; height: 77px; width: 100%; content: ''; bottom: -77px; left: 0; pointer-events: none; } .top_block { text-align: center; position: relative; padding-bottom: 35px; } .top_block .moduleTitle { position: relative; border-bottom: 1px solid #d9d9d9; padding: 0 0 29px; } .top_block .moduleTitle:before { background: url(../images/yellow_star.png) no-repeat #f2f2f2; content: ''; width: 20px; height: 12px; position: absolute; left: 0; bottom: -5px; } .top_block .moduleTitle:after { background: url(../images/yellow_star.png) 100% 0 no-repeat #f2f2f2; content: ''; width: 20px; height: 12px; position: absolute; right: 0; bottom: -5px; } .top_block .moduleTitle .item_title_part0 { display: block; } .top_block .btn-info { position: absolute; left: 50%; width: 100px; margin-left: -50px; bottom: -31px; background: url(../images/btn_tail.png) repeat-x #a61745 !important; padding: 0; color: #fff !important; text-transform: lowercase; font-family: 'Arizonia', cursive; font-size: 30px; line-height: 31px; font-weight: normal; } .top_block .btn-info:after { position: absolute; left: 0; bottom: -14px; content: ''; border-top: 14px solid #a61745; border-left: 50px solid transparent; border-right: 50px solid transparent; border-left: 50px solid rgba(255, 185, 75, 0); border-right: 50px solid rgba(255, 185, 75, 0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .top_block .btn-info:hover { background-color: #3c3c3c !important; } .top_block .btn-info:hover:after { border-top: 14px solid #3c3c3c; border-left: 50px solid rgba(60, 60, 60, 0); border-right: 50px solid rgba(60, 60, 60, 0); } /*======================= MAINTOP =======================*/ /*======================= CONTENT TOP =======================*/ /*======================= CONTENT =======================*/ #content-row { padding: 62px 0 10px; } #content-row .container { position: relative; } #content-row .container:before { position: absolute; width: 1px; content: ''; left: -9999px; background: #dedede; bottom: 49px; top: 0; display: block; } #content-row.almb8ar4 .container:before { left: 734px; } #component { min-height: 0; } #component.span8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 95px; } .container-fluid { padding: 0 !important; } .item { margin-bottom: 43px; } .item:after { content: ''; display: block; clear: both; } .page-header { border: none; padding: 0; margin: 0; } .item_info_dl { margin: 0 0 29px; } .item_info_dl dd { margin: 0; display: inline; } .item_info_dl dd > * { display: inline; } .item_info_dl dd a { color: #a61745; font-weight: bold; } .item_info_dl dd a:hover { color: #3c3c3c; } .item_info_dl dd .item_published span { color: #a61745; font-weight: bold; } .btn-group.pull-right { margin: 0 0 10px 10px; position: relative; z-index: 10; } .page-category__testimonials .item_icons.btn-group.pull-right { margin: 10px; } /*===== Gallery Page ======*/ ul.gallery { margin: 0 0 0 -30px; } ul.gallery .gallery-item { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 45px 30px; float: left; list-style: none; } ul.gallery .gallery-item .item_img { margin-right: 0; float: none; } ul.gallery .gallery-item .item_img .touchGalleryLink.zoom { background: #000; } ul.gallery .gallery-item .item_img .touchGalleryLink.zoom img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } ul.gallery .gallery-item .item_img .touchGalleryLink.zoom:hover img { opacity: 0.6; filter: alpha(opacity=60); } ul.gallery .gallery-item.straightDown { float: none; } ul.gallery .gallery-item.straightDown .item_img { float: left; margin: 0 20px 20px 0 !important; } /*===== Testimonials Page ======*/ .page-category__testimonials .item { margin-bottom: 30px; } blockquote { padding: 0; margin: 0; border-left: none; background: #ededed; padding: 27px 20px 27px 26px; font-size: 18px; /*line-height: 30px;*/ text-transform: uppercase; position: relative; margin: 0 0 23px; } blockquote:after { position: absolute; bottom: -24px; right: 49px; background: url(../images/blockquote.png); width: 29px; height: 24px; } blockquote p { margin-bottom: 0; padding: 0; font-size: inherit; font-weight: normal; line-height: inherit; } blockquote p:before { content: '„'; padding-right: 5px; } blockquote p:after { content: '“'; } blockquote + small { font-size: 13px; font-weight: bold; color: #3c3c3c; } blockquote + small span { font-weight: normal; } /*===== Team Page ======*/ .page-category__team .item_introtext { overflow: hidden; } .page-blog h4.item_title { margin-bottom: 0; } .page-featured .item_img img { border-width: 10px; } .page-featured h2.item_title { margin-bottom: 50px; } .page-featured .item h4 { color: #a61745; } .page-category__menu { padding-bottom: 53px; } .page-category__menu .item { padding: 25px 0 1px 28px; margin: 0; } .page-category__menu .item h4.item_title { margin-bottom: 5px; color: #a61745; } .page-category__menu .item h4.item_title a:hover { color: #3c3c3c; } .page-category__menu .item .item_icons.btn-group.pull-right { display: none; } .page-category__menu .items-row { background: url(../images/menu_item_tail.png) repeat-x #dedede; margin-bottom: 10px; position: relative; } .page-category__menu .items-row:before { position: absolute; background: url(../images/menu_item_shadow.png); height: 33px; width: 100%; left: 0; bottom: -33px; content: ''; } .page-category__menu .row-0 .item { background: url(../images/menu-thumb1.jpg) 100% 0 no-repeat; } .page-category__menu .row-1 .item { background: url(../images/menu-thumb2.jpg) 100% 0 no-repeat; } .page-category__menu .row-2 .item { background: url(../images/menu-thumb3.jpg) 100% 0 no-repeat; } .page-category__menu .row-3 .item { background: url(../images/menu-thumb4.jpg) 100% 0 no-repeat; } .page-item__blog .item_title, .tag-category .item_title { margin-bottom: 0; } .page-item { padding-bottom: 50px; } .page-category__pecipes .item_img img, .page-item__pecipes .item_img img { border: none; } .item_fulltext > img { border: 6px solid #fff; margin-bottom: 20px; } .addthis_toolbox { padding-top: 13px; } /*======================= CONTENT BOTTOM =======================*/ #content-bottom-row { border-top: 1px solid #dedede; padding-top: 60px; margin-top: 27px; padding-bottom: 41px; } .team .mod-newsflash-adv_row { margin-left: -30px; } .team .mod-newsflash-adv_row .item { padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } .team .item_img { margin-bottom: 25px; } /*======================= ASIDE RIGHT =======================*/ .archive-module, .categories-module, .mod-menu .nav.menu, .list1 ul { margin: 0; } .archive-module li, .categories-module li, .mod-menu .nav.menu li, .list1 ul li { list-style: none; text-transform: uppercase; padding: 0 0 20px 24px; font-size: 18px; background: url(../images/list_marker.gif) 0 3px no-repeat; } .archive-module li a, .categories-module li a, .mod-menu .nav.menu li a, .list1 ul li a { display: inline; } .archive-module li a:hover, .categories-module li a:hover, .mod-menu .nav.menu li a:hover, .list1 ul li a:hover { background: none; } .mod_caroufredsel .item_img { margin-bottom: 17px; } .mod_caroufredsel .item_img .touchGalleryLink { position: relative; display: block; background: #000; } .mod_caroufredsel .item_img .touchGalleryLink img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border: none; } .mod_caroufredsel .item_img .touchGalleryLink:after { content: ''; background: url(../images/zoom.png); height: 0; width: 0; background-size: 100% 100% !important; position: absolute; top: 50%; left: 50%; z-index: 10; margin-left: 0; margin-top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .mod_caroufredsel .item_img .touchGalleryLink:hover img { opacity: 0.5; filter: alpha(opacity=50); } .mod_caroufredsel .item_img .touchGalleryLink:hover:after { margin-top: -30px; margin-left: -22px; width: 45px; height: 60px; } .mod_caroufredsel .list_carousel { padding-bottom: 55px; } #aside-right .moduletable { margin-bottom: 63px; } #aside-right .moduletable + .moduletable { border-top: 1px solid #dedede; padding-top: 65px; } .latest_news .item { margin-bottom: 10px; } .secrets img { border: 6px solid #fff; margin-bottom: 25px; } .secrets img + img { margin-left: 11px; } .tagspopular ul { margin: 0; } .tagspopular ul li { list-style: none; display: inline-block; margin: 0 12px 0 0; line-height: 25px; } .tagspopular ul li a { text-decoration: underline; color: #8e8e8e; } .tagspopular ul li a:hover { color: #a61745; } .comments .kmt-mod .mod-avatar { margin-right: 29px; } .comments .kmt-mod .avatar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 48px !important; max-width: 48px; border: 6px solid #fff; } .comments .mod-comment-meta { padding-bottom: 6px; } .comments .mod-comment-permalink { color: #a61745; font-weight: bold; } .comments .mod-comment-permalink:hover { color: #3c3c3c; } .comments .kmt-mod .mod-comment-text { padding: 0; border: none; background: none; font: inherit; color: inherit; } .comments .kmt-mod .mod-item + .mod-item { border-top: none; margin-top: 2px; } .team .item_num3 { clear: both; } /*======================= MAINBOTTOM =======================*/ #mainbottom-row .container { border-top: 1px solid #dedede; padding: 60px 0 0; } #mainbottom-row .moduletable { margin-bottom: 36px; /*76px;*/ } .moduletable .item_published { color: #a61745; font-weight: bold; font-size: 12px; margin-bottom: 5px; } .philosophy p { padding-bottom: 0; } .news .item { margin-bottom: 0; } .news .mod-newsflash-adv_custom-link { padding-top: 2px; } .recipes .item_img img { border: none; } .recipes .item_content { overflow: hidden; } .recipes h4.item_title { margin-bottom: 0; } .recipes .item { margin-bottom: 0; } .notes .item_img { margin-bottom: 25px; } /*======================= BOTTOM =======================*/ /*======================= FOOTER =======================*/ #copyright-row { background: #3c3c3c; color: #b4b4b4; padding: 49px 0 0; } #copyright-row .moduletable { margin-bottom: 67px; } #copyright-row a { color: inherit; } #copyright-row a:hover { color: #fff; } #copyright #footer_logo { margin-bottom: 7px; } #copyright .copy { padding-right: 5px; } #copyright .year:after { content: '|'; padding: 0 8px 0 9px; } .footer_list { float: right; padding-top: 6px; } .footer_list .mod-menu .nav.menu { padding-right: 30px; } .footer_list .mod-menu .nav.menu li { padding: 5px 0 4px; background: none; text-transform: none; font-size: 13px; } .footer_list .mod-menu .nav.menu li + li { border-top: 1px solid #565656; } /*===== Social Media ======*/ .social { padding: 29px 0 0; margin: 0; } .social li { margin: 0 1px 0 2px; } .social li a { width: 26px; height: 26px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 0px; line-height: 0px; overflow: hidden; text-indent: 9999px; opacity: 1; filter: alpha(opacity=100); } .social li a:hover { opacity: 0.5; filter: alpha(opacity=50); } .navigation ul.sf-menu ul { width: 127%; margin-left: -15px; }