/* Theme Name: Appetizo Theme URI: https://www.vinethemes.com/downloads/appetizo-cooking-recipe-wordpress-theme/ Description: Elevate your website with Appetizo, the ultimate cooking recipe WordPress theme. Crafted to showcase and share your delicious recipes in style. Get started today! Discover the perfect blend of functionality and aesthetics with Appetizo, a top-tier Cooking Recipe WordPress Theme designed to cater to your culinary passion. Whether you're a seasoned chef, a food blogger, or a cooking enthusiast looking to share your delectable creations, Appetizo offers an exceptional platform to showcase your recipes in a visually appealing and user-friendly manner. Seamlessly integrating social media, this multipurpose food theme caters to those who seek to celebrate the world of culinary delights. Give Appetizo a try today and embark on a journey of flavor exploration, awakening taste buds and recipe sharing. Theme Demo: https://www.vinethemes.com/themes?theme=Appetizo. Author: VineThemes Author URI: https://www.vinethemes.com Version: 1.3 Tested up to: 6.3 Requires PHP: 5.6 Text Domain: appetizo Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, custom-logo, sticky-post, footer-widgets, theme-options, threaded-comments, translation-ready License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; color: #000; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.6; font-weight: 400; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; font-size:12px; text-transform: Capitalize; font-family:Open Sans; letter-spacing:.5px; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; font-size:12px; text-transform: Capitalize; font-family:Open Sans; letter-spacing:.5px; } :-ms-input-placeholder { /* IE 10+ */ color: #999; font-size:12px; text-transform: Capitalize; font-family:Open Sans; letter-spacing:.5px; } :-moz-placeholder { /* Firefox 18- */ color: #999; font-size:12px; text-transform: Capitalize; font-family:Open Sans; letter-spacing:.5px; } ::selection { background: #444; color: #fff; } ::-moz-selection { background: #fff8ab; color: #666; } code { background: #f7f7f7; padding: 20px; display: block; } img { border-style: none } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none } del { text-decoration: line-through } table { border-collapse: collapse; border-spacing: 0; } a { color: #001936; text-decoration: none; -webkit-transition: .05s ease-in; transition: .05s ease-in; } a:hover { color: #fc4544; text-decoration: none; -webkit-transition: .05s ease-in; transition: .05s ease-in; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both } .clearfix { zoom: 1 } input, textarea, select { font: 100% arial,sans-serif; vertical-align: middle; color: #000; } form, fieldset { margin: 0; padding: 0; border-style: none; } p { margin-bottom: 1.6em } /* ===[ Table Styling ]=== */ #content table { border: solid 1px #e7e7e7; padding: 1% 3%; } #content table td, #content table th { padding: 10px } #content table td { border-bottom: solid 1px #f7f7f7 } #content table tr:last-child td { border-bottom: none } #content table tr.odd { background: #f7f7f7 } .highlight { background: #fcf8a5; color: #001936; width: auto; display: inline; padding: 3px 5px; } /* ===[ Text Formatting ]=== */ h1, h2, h3, h4, h5, h6 { margin: 0 0 4% 0; font-family: 'Playfair Display', sans-serif; font-weight: normal; font-weight: 400; line-height: 1.2; color: #001936; } h1 { font-size: 40px } h2 { font-size: 30px } h3 { font-size: 32px } h4 { font-size: 28px } h5 { font-size: 24px } h6 { font-size: 20px } em { font-style: italic; } strong, b { font-weight: bold; } /* ===[ Main Body Styles ]=== */ #wrapper { position: relative; height: 100%; margin: 0 auto !important; } #main { width: 100%; height: 100%; margin: 0 auto; padding: 0; } #content-wrap { padding: 3% 25px; max-width: 1520px; margin: 0 auto 60px; } #content { width: 70%; float: left; } .page-template-full-width-php #content { width: 100% } /* ===[ Header Area Styles ]=== */ .header-wrapper { width: 100%; display: block; position: relative; } .screen-reader-text { } .bypostauthor {} .header-inside { max-width: 100%; margin: 0 auto; padding: 0px; display: inline-block; margin-right: 50px; vertical-align: middle; margin-top:10px; } .header-right { width: 400px; display: block; float: right; } .top-bar { margin: 0; display: inline-block; vertical-align: middle; } .top-bar .sub-menu .sub-menu { z-index: 999; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } .logo { display: block; margin: 0; float: left; max-width: 100%; } .hearder-holder .header-image { position: absolute; top: 0; width: 100%; left: 0; height:100%; object-fit:cover; } .hearder-holder { overflow: hidden; position: relative; } .logo-default { z-index: 2; position: relative; } .logo-text { font-size: 50px; line-height: 1; width: 100%; font-family: 'Playfair Display', cursive; color: #000; display: inline-block; } img[alt] { line-height: 1.5; } .logo-text span { font-size: 12px; line-height: 12px; font-weight: normal; font-family: 'Playfair Display', cursive; width: 100%; font-family: 'Open Sans', sans-serif; display: block; } .logo-text h1{ margin-bottom: 0; line-height:0; } .logo-text h1 a { margin-bottom: 0; font-size: 28px; line-height: 1; width: 100%; font-family: 'Playfair Display', cursive; color: #000; display: inline-block; } .logo-text h2 { margin-bottom: 0; font-size: 28px; line-height: 1; width: 100%; font-family: 'Playfair Display', cursive; color: #000; display: inline-block; } .logo-text a { color: #111; display: block; } .logo-text a:hover { opacity: .9 } .logo a { display: block; height: 100%; } /* ===[ Navigation Styling ]=== */ .menu-toggle { display: none } .menu-wrap { display: inline-block; vertical-align: middle; width: 80%; margin: auto; } .main-nav li li:hover ul{ left:100%; } .menu-wrap .main-select-menu { display: none } .menu-wrap span.select { display: none } .main-nav a { color: #001936; float: left; padding: 14px 30px 13px 30px; display: block; font-size: 12px; font-weight: 600; letter-spacing:.5px; text-transform:uppercase; font-family:Open Sans; } .main-nav { width: 100%; text-align: center; } .main-nav a:first-child { padding-left: 0 } .main-nav .current-menu-item a { opacity: 1 } .main-nav > li { float:left; padding: 0; margin: 0; } .main-nav > li:last-child a { border-right: none; padding-right: 0px; } .main-nav, .main-nav ul { margin: 0; padding: 0; list-style-type: none; position: relative; } .main-nav li { position: relative; } .main-nav li li { position: relative;clear:both; } .main-nav ul { position: absolute; opacity:0; width: 180px; top: 100%; left: 0; z-index: -1; top: 150%; } .main-nav > li > .sub-menu { -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } .main-nav li ul { background: #fff } .main-nav li ul a { width: 100%; height: auto; float: left; border-bottom: solid 1px #e4e4e4; padding: 10px 12px !important; text-wrap: wrap; font-size: 12px; text-align: left; } .main-nav li ul li:last-child > a { border: none } .main-nav li ul li:last-child { background: none; border-bottom: none; } .main-nav li ul li ul { padding: 0 } .main-nav ul ul { top: auto } .main-nav li ul ul { left: 100%; margin: 0 0 0 0px; } .main-nav li:hover ul ul, .main-nav li:hover ul ul ul, .main-nav li:hover ul ul ul ul { opacity:0; top:150%; z-index: 0;} .main-nav li:hover ul, .main-nav li li:hover ul, .main-nav li li li:hover ul, .main-nav li li li li:hover ul { opacity:1;top: 100%; z-index: 100; } /* ===[ Secondary Menu ]=== */ .appetizo-top-bar { background: #fff; white-space: nowrap; padding: 0 25px; max-width: 1520px; margin: 0 auto; } .appetizo-top-bar .menu-main-navigation-container { float: left; max-width: 50%; } .appetizo-top-bar ul.secondary-nav li { display: inline-block; padding-right: 20px; font-size: 13px; } .appetizo-top-bar ul.secondary-nav li ul { display: none; } .appetizo-top-bar ul.secondary-nav li:hover ul, .appetizo-top-bar ul.secondary-nav li li:hover ul, .appetizo-top-bar ul.secondary-nav li li li:hover ul, .appetizo-top-bar ul.secondary-nav li li li li:hover ul{ display: block; } .appetizo-top-bar ul ul li a { color: #000; } .social-links { display: inline-block; vertical-align: middle; width: 20%; text-align: right; } .social-links a { display:inline-block; margin: 0px 6px; vertical-align: middle; } a.ct_icon.search.inc-zindex { font-size: 20px!important; } /* ===[ Post Styles ]=== */ .post { margin: 0 0 8% 0; display: inline-block; width: 98%; } .post:last-child { margin-bottom: 0 } .featured-image { width: 100%; } .featured-image img { max-width: 100%; min-width: 100%; height: auto; display: block; } .post img { max-width: 100%; height: auto; } .post hr { height: 1px; margin: 30px 0 30px 0; border: 0; border-bottom: solid 1px #ddd; } .post li { list-style-type: square; margin-bottom: 5px; } .post .box { position: relative } .post .frame { width: 100% } .post .frame-full { width: 100% !important } .error404 .post .post-content { padding-bottom: 5% } .post ul { margin: 0 0 1.6em 18px } .post ul li { list-style-type: circle; margin: 0 0 8px 0; } .post ul ul.children { margin-bottom: 0; } .post ol { margin: 0 0 1.6em 24px } .post ol li { list-style-type: decimal } .post-thumb { margin: 5px 0 15px 0; float: left; } .title-wrap { padding: 4% 0; } .entry-title { font-size: 35px; color: #6b6b6b; margin-bottom: 0; overflow-wrap: break-word; } .main-nav ul { -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } #content .entry-title a { color: #000; font-weight:400;} #content .entry-title a:hover { opacity: .8 } .sub-title { display: inline-block; width: 98%; } .sub-title h1 { font-size: 34px; font-weight: 400; color: #001936; margin: 0; margin-bottom: 5%; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 500; border: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; } .intro { font-size: 20px; color: #B1B8BE; margin-bottom: 3%; padding-bottom: 3%; border-bottom: solid 2px #EEE; } .title-meta { color: #B6C0C9; font-size: 12px; margin-bottom: 8px; padding-top: 15px; text-transform:capitalize; } .title-meta a { color: #000; } .title-meta a:hover { color: #666E75; text-decoration: none; } .sep { padding: 0 2%; color: #B4C3CF; } .post .bar { background: #f7f7f7; width: 100%; line-height:1; margin: 2% 0 0 0; padding: 20px 5%; font-size: 14px; position: relative; color: #001936; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .post .bar-frame { margin: 15px 0px 15px 0px } .bar .title { font-size: 40px; display: inline; float: left; line-height: 6px; margin-right: 5px; color: #001936; } .bar a, .bar i { color: #333; } .bar a:hover { color: #f4f4f4; } .bar i { margin-right: 3px; } .bar-categories { width: 100%; display: flex; margin-bottom: 20px; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: baseline; } .bar-categories a { color: #fff; letter-spacing: .5px; font-size:14px; text-transform:uppercase; } .bar .categories { float: left; margin-right: 15px; } .bar .tags { float: left } .bar .share { display: inline-block; width: 100%; position: relative; text-align: center; } .bar .share a.share-google { background: #DB4437; } .bar .share a.share-facebook { background: #3B5998; } .bar .share a.share-twitter { background: #0081B1; } .gallery-caption{} .gallery-wrap .slides li { margin-bottom: 0 !important } .align-right { text-align: right; } .align-left { text-align: center; } .arrayvideo { position: relative; z-index: 1; margin: 0; display: block; width: 100%; } .video object { width: auto !important } .next-prev { width: 98%; margin: 5% 0; display: inline-block; background: #fff; border-bottom: 1px solid #eee; } .next-prev a { color: #001936 } .next-prev a:hover { color: #8E959B } .next-post, .prev-post { width: 50%; padding: 20px; } .next-post { float: right; text-align: right; } .prev-post { float: left; text-align: left; } .next-prev-title { display: inline-block; width: 100%; } .post .img { padding: 0 15px 15px; width: 535px; overflow: hidden; } .post .img img { display: block } .post blockquote { overflow: hidden; padding: 15px; margin: 0 25px 25px 25px; position: relative; border-left: solid 2px #999; } .post blockquote p { font-size: 16px; margin-bottom: 0px; color: #999; } .quote { font-style: italic } .post blockquote .frame { padding: 12px 41px 46px 27px } .post q:before, .post q:after { content: "" } .post blockquote q { display: block; margin: 0 0 23px; } .appetizo_bio_section { padding: 20px; background: #fff; max-width: 98%; margin-bottom: 30px; overflow:auto; } .appetizo_details img { float: left; margin-right: 20px; border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .socials a { font-size: 14px; margin: 0px 2px; padding:5px; } #modal-1 { display: inline-block; } #modal-1 a { font-size:14px; color:#fff; position:relative; } .display-search-view { position: absolute; top: -10px; right: 35px; display: none; z-index: 10000; } .display-search-view #searchform input#s { width:100%; display:block; background:none; border: none; border-bottom: 1px solid #777; text-align:center; text-transform: uppercase; letter-spacing: 1px; font-weight:400!important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ===[ Sidebar Styles ]=== */ #sidebar { float: right; color: #001936; font-size: 14px; width: 27%; } #sidebar img, #sidebar select { max-width: 100% } #sidebar a { font-size: 14px;} #sidebar a:hover { color: #fc4544; } .widget ul li:last-child, .widget p:last-child { border-bottom: none!important; padding-bottom: 0!important; margin-bottom: 0!important; } .widget { width: 100%; display: inline-block; margin: 0 0 30px 0; padding: 0 0 30px 0; display: block; } .widget:last-child { border-bottom: none } .widget p { margin: 0 0 25px } .widget .date { font-size: 11px } .widget h2 { font-weight: bold; font-size: 16px; margin: 0; padding: 0 0 12px 0; } #sidebar .tagcloud a { background: #fff; padding: 5px 10px; float: left; font-size: 12px !important; font-weight: bold; margin: 0 5px 8px 0; color: #5C6772; } #sidebar .tagcloud a:hover { color: #fff; background: #5C6772; } /* ===[ Search Form Styling ]=== */ input#searchsubmit { padding: 8px 12px; border: 1px solid #313131; background: #313131; color: #fff; display: block; margin-top: 10px; border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; font-family: open sans; cursor:pointer; } #modal-1 #searchform input, #modal-1 #secondary #searchform #searchsubmit { height: 38px; text-align: center; background:none; border-bottom: 3px solid; border-color: #f4f4f4; } #searchform label { display: none } #s::placeholder{ font-family: 'Open Sans', sans-serif; font-size: 18px; letter-spacing: 1px; text-transform:uppercase; } #s:focus { border: none; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; } #modal-1 #searchsubmit { position: absolute; z-index: 10; right: 0; top: 0; padding: 0 15px; border: none; background: #f4f4f4; color: #fff; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; -webkit-appearance: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; } #modal-1 #searchsubmit:hover { background: #4F5963; cursor: pointer; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; } /* ===[ Calendar Styling ]=== */ #calendar_wrap { background: #fff; border-right: none; border-bottom: none; box-shadow: rgba(0,0,0, 0.15) 0px 2px 2px -1px; -moz-box-shadow: rgba(0,0,0, 0.15) 0px 2px 2px -1px; -webkit-box-shadow: rgba(0,0,0, 0.15) 0px 2px 2px -1px; } #wp-calendar { margin: 0; max-width: 100%; width: 100%; } #wp-calendar caption { text-align: center; background: #E4E4E4; padding: 5px 10px; font-weight: bold; } #wp-calendar tr th, #wp-calendar tr td { text-align: center } #wp-calendar tr th { background: #5C6772; color: #fff; font-size: 12px; font-weight: bold; padding: 10px; } #wp-calendar tbody tr td { padding: 5px 0; border-right: solid 1px #f3f3f3; border-top: solid 1px #f3f3f3; } #wp-calendar tbody tr td:hover { cursor: pointer } #wp-calendar tfoot td { border-top: solid 1px #f3f3f3; border-right: solid 1px #eee; padding: 7px 0 5px 0; font-weight: bold; font-size: 10px; text-transform: uppercase; } /* ===[ RSS Widget Styling ]=== */ #sidebar .widget_rss .rsswidget { color: #f4f4f4 } .widget_rss ul .rsswidget { color: #f4f4f4 !important } .widget_rss ul .rsswidget:hover { opacity: .8 } .widget_rss .rsswidget { font-weight: bold } .widget_rss ul { margin: 0 } .widget_rss li { margin: 0 0 10px 0 !important; padding: 0 0 10px 0 !important; list-style-type: none !important; border-bottom: solid 1px #DDD; } .widget_rss li:last-child { border-bottom: none; margin-bottom: 0 !important; padding-bottom: 0 !important; } .widget_rss li:before { display: none } .widget_rss .rss-date { float: left; width: 100%; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 10px 0; color: #8C99A4; } .widget_rss li cite { margin-top: 10px; display: inline-block; } .widget-title .rsswidget img { display: none } .widget-title .rsswidget { color: #f4f4f4 !important } /* ===[ Comment Styles ]=== */ #comments { display: inline-block; width: 98%; overflow: hidden; } .page #comments { margin-top: 8%; } .comments-wrap { width: 100%; padding: 5% 5% 8% 0%; border-top: 1px solid #eee; } #comments-title { font-size: 30px; font-weight: 200; text-align: center; background: #F7F7F7; padding: 30px 20px; margin-bottom: 0; } #comments-title span { color: #ccc; margin-right: 10px; float: left; } .comments-open { border-bottom: solid 1px #e7e7e7; margin-bottom: 60px !important; } #respond { margin: 0 0 0 0; padding: 0 0 0 0; } .comment #respond { margin-top: 0px; padding-bottom: 10px; } #respond h3 { font-size: 30px; font-weight: 400; display: inline-block; margin: 0 0 10px 0; } .commentlist #respond h3 { margin-top: 25px } #respond label { margin: 5px 0 0 0 } #respond p { position: relative } #respond .required { color: #E75353 } #respond p { margin-bottom: 15px } #commentform p { width: 100% } .form-submit { margin: 10px 0 0 0 !important } #respond .comment-form-comment { width: 100%; display: inline-block; } #respond input:focus, #respond textarea:focus { -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; } #respond textarea { width: 100% } #commentform #submit, .wpcf7-submit { border: 1px solid #ffdf00; color: #000; font-size: 11px; background: #ffdf00; font-weight: 400; padding: 10px 20px; border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; -o-transition: .07s ease-in; transition: .07s ease-in; -webkit-appearance: none; letter-spacing: 1px; text-transform: uppercase; } #commentform #submit:hover, .wpcf7-submit:hover { cursor: pointer; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; -o-transition: .07s ease-in; transition: .07s ease-in; } .form-allowed-tags { font-size: 12px; line-height: 20px; color: #999; float: left; margin: 10px 0 25px 0; width: 100% !important; display: none; } .commentlist { list-style-type: none !important; counter-reset: li; } .commentlist li { position: relative; float: left; width: 100%; padding: 0 0 35px 0; margin: 0 0 35px 0; border-bottom: solid 1px #e6e6e6; position: relative; list-style: none; } .comment-text ol, .comment-text ul { margin-bottom: 20px; display: inline-block; width: 100%; } .comment-text li { padding-bottom: 5px; margin-bottom: 5px; border: none; } .comment-text ul li { list-style-type: circle; margin-left: 22px; } .comment-text ol li { list-style-type: decimal; margin-left: 24px; } .commentlist .children { margin-top: 35px; border-top: solid 1px #e6e6e6; padding-top: 35px; } .commentlist .children li { padding-left: 8% } .commentlist .children li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .comment-block { padding: 0 } .comment-text { position: relative; font: 15px/1.5 "Helvetica Neue", Helvetica, sans-serif; } p.reply { margin-bottom: 0; display: inline-block; text-align: right; width: 18%; vertical-align: top; } p.reply a { background: #f3f3f3; color: #000; font-size: 12px; letter-spacing: .5px; padding: 5px 10px; border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .comment-text p.reply a:hover { color: #848D94 } .comments .children .reply { text-align: left } #cancel-comment-reply-link { position: relative; color: #999; margin: 0 0 0 0; font-size: 9px; text-transform: uppercase; font-weight: bold; display: inline-block; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; -o-transition: .07s ease-in; transition: .07s ease-in; } #cancel-comment-reply-link:hover { color: #555; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; -o-transition: .07s ease-in; transition: .07s ease-in; } #cancel-comment-reply-link i { font-size: 18px; color: #f74f4f; } #cancel-comment-reply-link i:hover { color: #555; cursor: pointer; } .comments .logged-in-as, .comment-notes { float: left; font-size: 15px; color: #aaa; margin-bottom: 35px !important; } .comments .logged-in-as a { color: #777 } .comments .logged-in-as a:hover { color: #555 } .comment-notes .required { position: relative !important; top: auto !important; right: auto !important; } .comment-awaiting-moderation { color: #555; font-size: 11px; } .vcard { width: 100%; display: inline-block; } .vcard img { display: inline-block; width: 35px; height: auto; border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .fn { float: left; width: 100%; font-style: normal; font-size: 20px; line-height: 20px; margin-top: 0; font-family:Playfair Display; } .fn a { color: #666E75 } .fn a:hover { opacity: .8 } .comment-info { margin-bottom: 20px; position: relative; display: inline-block; width: 100%; } .comment-meta { display: inline-block; width: 75%; margin: 0 0 7px 10px; } .comment-bottom { width: 100%; display: inline-block; } .comment-time { text-transform: capitalize; font-size: 10px; font-family: open sans; color: #999; display: block; letter-spacing: .5px; } .comment-time:hover { color: #848D94 } .comment-edit-link { font-size: 10px; display: inline-block; float: right; margin: 8px 0 0 5px; } #comment-nav-below { display: inline-block; width: 100%; padding: 10px 10px 20px 10px; margin: -44px 0 20px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; border-bottom: solid 1px #e7e7e7; } #comment-nav-below .nav-previous { float: left } #comment-nav-below .nav-next { float: right } /* ===[ Post Navigation Styling ]=== */ .post-list .post { width: 98%; margin: 0px 0% 30px 0px; vertical-align: top; } .post-list .avatar { width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .post-list .title-meta { padding: 10px 0px 0px 0px; } .pagelink p { background: #f7f7f7; padding: 10px; } .post-nav { padding: 15px 0; margin: 4% 0 0 0; display: inline-block; width: 97%; } .post-nav a { color: #f4f4f4; font-weight: 100; padding: 5px 30px; border: 1px solid #f4f4f4; background: #fff; } .post-nav a:hover { background: #f4f4f4; color: #fff; } .postnav-left a { float: left } .postnav-right a { float: right } /* ===[ Archive Styles ]=== */ .archive-column { border-bottom: solid 1px #e6e6e6; margin-bottom: 1.6em; } .archive-column:last-child { border-bottom: 0; margin-bottom: 0; } /* ===[ Dribbble Widget Styling ]=== */ .dribbbles li a img { width: 100%; height: auto; border: solid 5px #fff; box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px; } /* ===[ Flickr Widget Styling ]=== */ .flickrPhotos { margin: 0 0 0 0 !important; float: left; } .flickrPhotos li { float: left; display: inline; margin: 0px 0 15px 0px !important; padding: 0 !important; overflow: hidden; list-style-type: none; } .flickr li img { width: 100%; height: auto; border: solid 5px #fff; box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px; } .flickr-more { font-size: 10px; color: #aaa; } .flickrPhotos .remove-margin, #envato-marketplace-items .remove-margin { margin-right: 0px !important } /* ===[ Footer Styles ]=== */ #footer { width: 100%; display: block; overflow: hidden; background: #fff; } .footer-inside { background:#1A1A1A; padding: 100px 25px 0; } #footer .bar ul { margin-left: 15px } #footer .bar li { list-style-type: square; margin-bottom: 5px; } #footer .footernav { float: left } #footer .footernav li ul {display:none;} #footer .footernav li a { font-weight: 100 !important; } #footer .footer-copy { display: block; border-top: 1px solid #444; padding: 20px 0; } .footer-inside img { max-width: 100%; height:auto; } #footer .copyright { float: left; margin: 0; position: relative; font-size: 12px; color: #fff; } #footer .copyright a { color: #f4f4f4 } #footer .menu-footer-wrapper { display: inline-block; width: 100%; } #footer #menu-footer-container { float: left } #footer #menu-footer { float: left } #footer #menu-footer li { float: left; margin: 0 20px 5px 0; display: inline; } #footer #menu-footer li a { color: #f4f4f4; display: block; font-weight: 700; font-size: 14px; } #footer #menu-footer li a:hover { color: #4e5b67; text-decoration: none; } #footer #menu-footer li:last-child { margin: 0 0 0 0 } /* ===[ Icons ]=== */ .social-icons { float: right; margin-top: 5px; } .social-icons a i { line-height: 24px } .social-icons .widget { margin: 0; padding: 0; } /* ===[ Various Default WordPress Styling ]=== */ .sticky {} .alignleft { float: left } .alignright { float: right } .aligncenter { text-align: center } .bypostappetizo {} .wp-caption { background: rgba(255,255,255, 0.6); box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; padding: 5px; max-width: 96%; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0 } .wp-caption.alignleft { margin: 5px 20px 20px 0 } .wp-caption.alignright { margin: 5px 0 20px 20px } img.alignleft, img.alignright { padding: 5px } img.alignleft { margin: 5px 25px 20px 0 } img.alignright { margin: 5px 0 20px 20px } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 10px !important; margin: 0 !important; padding: 3px 0 0 0!important; } .gallery-item img { padding: 5px; border: solid 1px #eee !important; } /* ===[ Contact Form 7 Style ]=== */ input[type="text"], input[type="email"], input[type="password"] { color: #aaa; border: none; background: #f7f7f7; width: 100%; padding: 10px; -webkit-appearance: none; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; font-weight: 300!important; font-family: Open Sans; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; } .title-meta .avatar { width: 40px; height: 40px; display: inline-block; vertical-align: middle; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -o-border-radius: 50px; } textarea { color: #8A949B; border: none; background: #f7f7f7; width: 100%; padding: 10px; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; } .wpcf7 br { margin-bottom: 10px } .wpcf7-response-output { background: #faf7d6; border: none !important; } .wpcf7-mail-sent-ok { margin-left: 0px !important; margin-right: 0px !important; background: #ECF3E5; background: rgba(229, 243, 212, .5); padding: 15px !important; border: solid 1px #D2EFAC !important; } .wpcf7-validation-errors { margin-left: 0px !important; background: #FCF3F3; background: rgba(255, 238, 238, .5); border: solid 1px #FBDCDC !important; padding: 10px !important; margin-right: 0px !important; } /* ===[ SB Tabbed Widget ]=== */ .widget_sb_tabbed_widget { background: none; padding-bottom: 30px !important; } .sb_tabbed { background: #fff; } .widget_sb_tabbed_widget .tab-content ul li { list-style-type: none; } .widget_sb_tabbed_widget ul.sb_tabs li a { background: #5C6772; box-shadow: none; color: #A7B3C0 !important; } .theme-author { float:right; font-size:12px; color:#fff; } .theme-author a { color:#fc4544; } /* Tablet and Mobile */ /****************************************/ /* slider Slider /****************************************/ .image-slide { width: 100%; margin-right: 1%; } .feat-item { background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 550px; padding-top: 0; -webkit-transition: 3000ms; -moz-transition: 3000ms; -ms-transition: 3000ms; -o-transition: 3000ms; transition: 3000ms; } .item-slide{ position: relative; } .feat-overlay { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; position: relative; } /****************************************/ /* Slicknav CSS /****************************************/ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; line-height: 27px; cursor: pointer; height:27px;} .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; font-size:19px;} .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content-area: " "; display: table; } .slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_btn { margin: 15px 6px; margin-left:0; } .slicknav_menu .slicknav_icon-bar { background-color: #000; } .slicknav_open .slicknav_icon-bar{background-color: #000;} .slicknav_menu { padding:5px 6px; position:relative; z-index:99; } .slicknav_nav { margin:0; padding:0; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff; font-size:11px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_menu .slicknav_no-text { margin-top:7px; } .slicknav_menu { display:none; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; padding: 0; } .below-slider-wrapper .slick-list { position: relative; display: block; overflow: hidden; margin: 0 -20px; padding: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /* Icons */ /* Arrows */ .slick-prev, .slick-next { opacity: 0; font-size: 20px; line-height: 0; z-index: 9; position: absolute; top: 42%; transition: 600ms; -o-transition: 600ms; -moz-transition: 600ms; -webkit-transition: 600ms; display: block; width: 35px; height: 35px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #111; background:#fff; border: 1px solid #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 30px; } [dir='rtl'] .slick-prev { right: 40px; left: auto; } .slick-next { right: 30px; } [dir='rtl'] .slick-next { right: auto; left: 40px; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -35px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; background: transparent; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 30px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .appetizo_slides:hover .slick-prev, .appetizo_slides2:hover .slick-prev, .appetizo_slides3:hover .slick-prev{ opacity: 1; } .appetizo_slides:hover .slick-next, .appetizo_slides2:hover .slick-next, .appetizo_slides3:hover .slick-next { opacity: 1; } .slick-dots li.slick-active button:before { opacity: .75; } .scroll-post .post-category a { font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .5px; color: #fc4544; } .appetizo_slides h2.feat-title { margin-top: 5px; font-size: 14px; font-weight: 400; letter-spacing: .5px; } .appetizo_slides .feat-inner { margin-top: 10px; width: 90%; margin: 0 auto; } span.post-category { font-family: Playfair Display; font-size: 10px; font-weight: 600; letter-spacing: 1px; line-height: 16px; text-transform: uppercase; color: #fff; display:block; margin-bottom:25px; } span.post-category a{ color: #fc4544; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position:relative; } .readmore{ font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; background: none; color: #000000; font-weight: 400; -webkit-transition: 600ms; -moz-transition: 600ms; -ms-transition: 600ms; -o-transition: 600ms; transition: 600ms; } .readmore:hover { -webkit-transition: 600ms; -moz-transition: 600ms; -ms-transition: 600ms; -o-transition: 600ms; transition: 600ms; } .align-left{ margin-top: 30px; } .post-list .title-meta { border: 1px solid #EEE; border-left: 0; border-right: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; color: #989898; clear: both; margin-top: 40px; font-weight: 400; letter-spacing: 1px; line-height:20px; } .jack.social_share_area { float: right; } .post-list .title-meta .postdate,.post-list .title-meta .postcomment { float:left; } .post-list .title-meta .postcomment { margin: 0 0 0 15px; } .below-slider-wrapper .mc4wp-form label { display: none; } .below-slider-wrapper { background: #f4f4f4; } .below-slider-wrapper .widget_mc4wp_form_widget h4.below-slider { font-size: 22px!important; font-weight: 400!important; float: left!important; margin-bottom: 0!important; line-height: 24px!important; padding: 0!important; border: none!important; width:50%; text-align:left; } .below-slider-wrapper .widget_mc4wp_form_widget h4.below-slider:after { content: "Be the first to receive the latest buzz on upcoming contests & more!"; display: block; padding: 2px 0px 0px 0px; text-transform: none; color: #444; font-family: open sans; font-size: 12px; } .below-slider-wrapper .mc4wp-form { float: right; width: 50%; } .below-slider-wrapper .mc4wp-form p { margin: 0; float: right; } .below-slider-wrapper .mc4wp-form p:first-child { width: 63%; margin-right: 2%; float: left; } .below-slider-wrapper .mc4wp-form input[type="email"]{ margin-bottom: 0; box-shadow: 0 0px 16px 0 rgba(0,0,0,.036); -o-box-shadow: 0 0px 16px 0 rgba(0,0,0,.036); -webkit-box-shadow: 0 0px 16px 0 rgba(0,0,0,.036); -moz-box-shadow: 0 0px 16px 0 rgba(0,0,0,.036); border: 1px solid #e5e5e5; border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .below-slider-wrapper .widget_mc4wp_form_widget { padding: 30px 35px 30px 35px; } .below-slider-wrapper input[type="submit"] { background: #313131; color: #fff; border: none; padding: 10px 12px; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; font-family:Open Sans; } .below-slider-wrapper .mc4wp-form input[type="submit"] { cursor: pointer; height: 42px; border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; z-index: 0; margin-bottom: 0; float: left; font-family: 'Open Sans', sans-serif; border: 0 none; color: #000; font-size: 11px; line-height: 1; font-weight: 500; letter-spacing: 1px; margin: auto; padding: 0px 56px; display: inline-block; text-transform: uppercase; width: auto; background-color: #ffdf00; text-align: center; } .sticky { position: relative; } .sticky:after { position: absolute; content: "\f08d"; left: 0; top: 0; font-family: fontAwesome; background: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 30px; font-size: 15px; z-index: 9; box-shadow: 0px 0px 14px 0px #ddd; -webkit-box-shadow: 0px 0px 14px 0px #ddd; -o-box-shadow: 0px 0px 14px 0px #ddd; -moz-box-shadow: 0px 0px 14px 0px #ddd; -ms-box-shadow: 0px 0px 14px 0px #ddd; } .jack.social_share_area a { margin: 4px; font-size: 14px; } .about-widget p{ font-weight:400; color:#000; font-family:Open Sans; font-size: 14px; } /* About Widget **********/ .about-widget { text-align:center; } .about-img { margin-bottom:14px; } .about-title { display:block; font-size:12px; text-transform:uppercase; font-weight:700; margin-bottom:10px; } .about-autograph { margin-top:14px; display:inline-block; } /* Social Widget **********/ .social-widget { text-align:center; } .social-widget a { color: #000; font-size: 16px; margin: 0 2px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; width: 35px; display: inline-block; height: 35px; line-height: 35px; text-align: center; } .footer-inside .social-widget { text-align: center; } #sidebar .widget h2{ text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px; font-weight: 700; padding: 10px 12px; margin-bottom: 25px; font-family:open sans; position: relative; } .footer-inside .widget h2 { text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px; font-weight: 700; padding: 10px 12px; margin-bottom: 25px; font-family:open sans; position: relative; } #sidebar span.post-category{ margin:inherit; margin-bottom: 5px; text-align:left; } #sidebar .side-item { display: block; clear: both; margin-bottom: 15px; } #sidebar .side-image { display:inline-block; width: 80px; line-height:0; margin-bottom: 5px; vertical-align: middle; margin-right: 3%; } #sidebar .side-item-text { display: inline-block; width: 60%; font-size: 12px; font-weight: 400; letter-spacing: .5px; vertical-align: middle; } #sidebar .widget_categories li, .widget_categories li { margin-bottom: 6px; font-size: 14px; margin-left: 0px; border-bottom: 1px solid #eee; padding-left: 0px; padding-bottom: 8px; } .footer-inside .widget_categories li { margin-bottom: 6px; font-size: 14px; margin-left: 0px; padding-left: 0px; padding-bottom: 8px; border-bottom:none; } #sidebar .widget_categories li:before, .footer-inside .widget_categories li:before,.widget_categories li:before { content: "\f105"; margin-right: 10px; font-family:FontAwesome; } .widget_categories li ul.children { margin-left: 15px; border-top: 1px solid #eee; margin-top: 5px; padding-top: 5px; } .post-list .title-meta .postcomment a:before { font-family: fontAwesome; content: "\f086"; margin-right: 4px; } .post-list .title-meta .postdate:before{ font-family: fontAwesome; content: "\f017"; margin-right: 4px; } .below-slider-wrapper .slick-slide { width: 250px; text-align: center; margin:0 20px; } .below-slider-wrapper .side-image img { width: 100%; height: 240px; object-fit:cover; } .below-slider-wrapper .appetizo_popular_news_widget h4.below-slider { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 500; background: #f4f4f4; padding: 12px; margin-bottom: 25px; } .below-slider-wrapper .widget { text-align: center; padding: 3% 25px; max-width: 1520px; margin: 40px auto 60px; } .below-slider-wrapper span.post-category { margin: 15px 0; } .below-slider-wrapper span.post-category a{ padding: 8px 13px; } .appetizo-top-bar a { color: #000; } i.fa.fa-caret-down,i.fa.fa-caret-right { margin: 0 0 0 5px; } .main-nav li ul li:hover>a { background: #f7f7f7; } /* Numbered Pagination */ .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #444; text-decoration:none; } .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { border: 1px solid #eee; cursor: pointer; padding: 12px; padding: 0.75rem 12px; } .navigation li a:hover, .navigation li.active a { background-color: #f4f4f4; color: #fff; border-color: #f4f4f4; } .navigation { text-align: center; } /*Searchbox Css*/ .display-search-view { position: absolute; width: 100%; height: 100%; background: #000000d4; top: 0; left: 0; } .inc-zindex{ z-index: 99999; top: 30px; right: 40px; position: fixed!important; } input#searchsubmit { display: block; } #modal-1 input#searchsubmit { display: none; } .footer-inside .side-item { display: block; clear: both; margin-bottom: 15px; } .footer-inside .side-image { display: inline-block; width: 35%; vertical-align: middle; line-height:0; margin-right:3%; } .footer-inside h2 { margin-bottom: 10px; } .footer-inside .side-item-text { display: inline-block; width: 60%; font-size: 14px; font-weight: 400; letter-spacing: .5px; vertical-align: middle; } .footer-inside .post-category{ font-size: 12px; } .footer-inside span.post-category{ margin:inherit; margin-bottom: 5px; } .widget_categories span { float: right; padding: 0 5px; background: #fc4544; color: #fff; border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; min-width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; } .footer-area-wrap { display: inline-block; width: 31%; margin-right: 3%; vertical-align: top; } .footer-area-wrap:nth-child(3n+3) { margin-right: 0; } /* Instagram footer area **********/ #insta_widget_footer { text-align:center; overflow:hidden; position:relative; } .instagram-title { margin-bottom:20px; text-transform:uppercase; letter-spacing:1px; font-size:14px; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px; background: #f4f4f4; padding: 12px; margin-bottom: 20px; display: inline-block; } #insta_widget_footer .instagram-pics li { width:12.5%; display:inline; float:left; position:relative; -webkit-transition: 300ms; -moz-transition: 300ms ; -ms-transition: 300ms ; -o-transition: 300ms ; transition: 300ms ; } #insta_widget_footer .instagram-pics li img { max-width:100%; vertical-align:middle; } #insta_widget_footer .instagram-pics li img:hover { opacity:.87; } #insta_widget_footer p.clear { font-size: 12px; position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); background: #fff; padding: 10px 80px; letter-spacing: 1px; text-transform: uppercase; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } #insta_widget_footer .instagram-pics li:hover { opacity: .7; } .appetizo_slides2 .feat-item{ height:500px; } .appetizo_slides2 .slick-list { margin: 0 -8px; } .appetizo_slides2 { overflow: hidden; } .appetizo_slides2 .feat-item-wrapper { text-align: center; } .appetizo_slides2 span.post-category { text-align: left; margin-left: 4%; margin-bottom: 10px; } .appetizo_slides2 h2.feat-title { font-size: 15px; } .appetizo_slides3 { margin: 0 auto; background: #fff; } .appetizo_slides3 .feat-item{ height:600px; } .appetizo_slides3 .item-slide { margin: 0 8px; } .appetizo_slides3 .slick-list { margin: 0 -8px; } .appetizo_slides3,.appetizo_slides { overflow: hidden; } .appetizo_slides3 .feat-item-wrapper { text-align: center; position: absolute; bottom: 0; padding-bottom: 35px; padding-top: 20px; left: 0; right: 0; margin: 0 auto; background: linear-gradient(to bottom,transparent 0,rgb(0 0 0 / 40%) 50%,rgb(0 0 0) 100%) repeat scroll 0 0 rgb(0 0 0 / 0%); } .appetizo_slides2 .feat-item-wrapper { text-align: left; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; padding-top: 70px; padding-bottom:20px; background: linear-gradient(to bottom,transparent 0,rgb(0 0 0 / 40%) 50%,rgb(0 0 0) 100%) repeat scroll 0 0 rgb(0 0 0 / 0%); } .appetizo_slides3 span.post-category, .appetizo_slides span.post-category { margin: 0; } .appetizo_slides h2.feat-title,.appetizo_slides2 h2.feat-title { font-size: 20px; } .appetizo_slides3 h2.feat-title{ font-size:28px; } .appetizo_slides3 h2.feat-title a,.appetizo_slides h2.feat-title a,.appetizo_slides2 h2.feat-title a { color: #fff; } .appetizo_slides3 .slick-prev, .appetizo_slides3 .slick-next,.appetizo_slides .slick-prev, .appetizo_slides .slick-next,.appetizo_slides2 .slick-prev, .appetizo_slides2 .slick-next{ top:50%; } span.side-item-meta { color: #999; } .title-wrap.alignleft{ text-align: left; float:none; } .widget_archive li a+span { float: right; padding: 0 5px; background: #323439; color: #fff; min-width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; } .widget_archive li { margin-bottom: 6px; font-size: 14px; margin-left: 0px; border-bottom: 1px solid #eee; padding-left: 0px; padding-bottom: 8px; } .widget_archive li:before { content: "\f105"; margin-right: 10px; font-family: FontAwesome; } .widget_archive li a:hover + span{ background:#f4f4f4; } .logo-text a:hover { color: #111; } .post-wrap.grid .post:nth-child(odd) { width: 47%; float: left; } .post-wrap.grid .post:nth-child(even) { width: 47%; float: left; margin-left: 4%; } .post-wrap.list .post .box .featured-image-wrap { width: 37%; display: inline-block; vertical-align: middle; margin-right:2%; } .post-wrap.list .post .box .title-wrap { width: 60%; display: inline-block; vertical-align: middle; text-align:left; } .post-wrap.list .post span.post-category{ margin:0; text-align:left; } .single .entry-title{ color:#000; } .single .title-wrap { text-align: left; padding-top:0; } .single-container { display: block; margin-bottom: 5%; } .single #content-wrap { padding-top: 0; } body.page #content-wrap { padding-top: 0; } .post-wrap.list .post .post-content p.align-left { text-align: left; margin:0; } .post-wrap.list .post .title-meta.clearfix{ display:none; } .post-wrap.list .post .box .title-wrap.alignleft { float: none; } .single .bar-categories ul.post-categories { margin-left: 0; } .single .bar-categories li { display: block; margin-right: 5px; margin-bottom: 0; text-align:center; } .single .title-meta a { margin-right: 15px; margin-left: 5px; font-size: 14px; vertical-align: middle; } .single .next-prev img { float: right; } .single .prev-post+img { float: left; } .below-slider-wrapper input[type="text"], .below-slider-wrapper input[type="email"], .below-slider-wrapper input[type="password"] { background: #fff; } h2.feat-title{ margin-bottom: 5px; margin-top: 10px; } .appetizo_slides2 h2.feat-title { width: 85%; margin-left:4%; margin-bottom:5px; } .bar-categories a:hover{ color:#fff; } li#accordion-section-appetizo_pro h3 { color: #fff!important; background-color: #008EC2!important; } li#accordion-section-appetizo_pro h3:after { color:#fff!important; } /* Back To Top Starts */ #credits{ background: #f4f4f4; z-index: 9999; font-family: lora; color: #fff; overflow: hidden; margin: 0 auto; clear: both; position: fixed; line-height: 15px; bottom: 50px; right: 50px; transition: 300ms; -webkit-transition: 300ms; -o-transition: 300ms; -moz-transition: 300ms; border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; } .to_top { z-index: 9999999; cursor: pointer; color: #000; text-align: center; width: 35px; height: 35px; line-height: 35px; } .to_top:after { content: "\f106"; font-family: fontAwesome; font-size: 15px; position: relative; } .to_top:hover { color: #fff; } #credits:hover { background: #fc4544; } /*Back to Top Ends*/ .post-wrap .post .featured-image-wrap,.side-item .side-image{ position:relative; overflow:hidden; } .archive .post-wrap .post a.featured-image:before, .archive .side-item .side-image a:before, .home .side-item .side-image a:before,.side-image a:before{ content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: background-color .32s ease 0s; width: 100%; z-index: 2; } .archive .post-wrap .post a.featured-image:hover:before, .archive .side-item .side-image a:hover:before, .home .side-item .side-image a:hover:before,.side-image a:hover:before{ background-color: rgba(0, 0, 0, 0.1); } /*.side-item .side-image a*/ a.ct_icon.search.inc-zindex { color: #fff!important; } .appetizo_slides3, .appetizo_slides2, .appetizo_slides { padding-top: 0; } .pagination .nav-links span.current { cursor:auto; background-color: #f4f4f4; color: #111; border-color: #f4f4f4; border-radius: 50%; -o-border-radius: 50%; width: 35px; -moz-border-radius: 50%; height: 35px; line-height: 35px; display: inline-block; -webkit-border-radius: 50%; } .pagination .nav-links span.current:hover{ color:#111; } .pagination .nav-links a.page-numbers, .pagination .nav-links span { cursor: pointer; display: inline-block; font-size: 11px; margin: 0 8px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .pagination .nav-links a.page-numbers:hover, .pagination .nav-links span:hover{ color:#fc4544; } .pagination .nav-links span.page-numbers.dots { border: none; } .pagination .screen-reader-text { display: none; } .post-list .title-meta .postcomment{ float:right; } .appetizo_slides .feat-item-wrapper h2.feat-title a{ color:#fff; } .container { padding: 0 25px; max-width: 1520px; margin: 0 auto; } /* Slider 1 Next Prev Buttons */ .nextpreviousbuttons { position: relative; bottom:40px; } .appetizo_slides .slick-next { right: 30px; } .appetizo_slides .slick-next,.appetizo_slides .slick-prev{ border-color:#fff; background:#fff; } .appetizo_slides3 .slick-next{ right:50px; } .appetizo_slides3 .slick-prev{ left:50px; } .skip-link { position: absolute; top:-100px; /* Styled to match the default WordPress screen reader text */ background-color: #f1f1f1; -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6); box-shadow:0 0 2px 2px rgba(0,0,0,.6); color: #21759b; display: block; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 700; height: auto; left:6px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ -webkit-transition: top .75s ease-out; transition: top .75s ease-out; } .skip-link:focus { color: #21759b; top: 7px; -webkit-transition: top 0s; transition: top 0s; } .main-nav li:focus>ul, .main-nav li li:focus>ul, .main-nav li li li:focus>ul, .main-nav li li li li:focus>ul { opacity: 1; top: 100%; z-index: 100; } .main-nav ul.focused { opacity: 1; top: 100%; z-index: 100; } li.main-nav li a:hover, li.main-nav li a:focus { opacity: 1; top: 100%; z-index: 100; } ::-webkit-input-placeholder { font-size: 12px !important; } :-moz-placeholder { font-size: 12px !important; } /*--for IE10 support--*/ :-ms-input-placeholder { font-size: 12px !important; } .custom-header-media img { max-width: 100%; margin-bottom: 40px; } body.home.headerimage .hearder-holder { margin-bottom: 30px; } /**************************\ Basic Modal Styles \**************************/ #modal-1 { display: none; } #modal-1.open { display: block; } .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999999999; } .modal__container { width: 250px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { background: transparent; border: 0; } .modal__header .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0,0,0,.8); } .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0,0,0,.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } button#open-trigger { background: none!important; border: none; padding: 5px; color: #000; text-decoration: underline; cursor: pointer; font-size: 14px; position: relative; } button#close-trigger{ background: none!important; border: none; padding: 0!important; color: #fff; text-decoration: underline; cursor: pointer; position: absolute; top: 50px; font-size: 18px; right: 50px; } .hearder-holder .logo-default img { max-width: 100%; height: auto; max-height:90px; width:auto; } .appetizo_slides .feat-item-wrapper { padding: 0; position: absolute; left: 50%; bottom: 40px; width: 90%; transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); text-align:center; } .appetizo_slides span.post-category{ margin: 10px 0; } .appetizo_slides .item-slide .feat-item-wrapper{ -o-transition: .18s; -ms-transition: .18s; -moz-transition: .18s; -webkit-transition: .18s; transition: .18s; position: absolute; bottom: -37px; width: 100%; background: linear-gradient(to bottom,transparent 0,rgb(0 0 0 / 40%) 50%,rgb(0 0 0) 100%) repeat scroll 0 0 rgb(0 0 0 / 0%); padding-top: 100px; z-index:9; } .appetizo_slides .postdate { font-weight: 400; text-transform: uppercase; letter-spacing: .5px; color: #fff; font-size: 12px; position: relative; } .appetizo_slides .postdate:before,.appetizo_slides .postdate:after { position: absolute; top: 50%; overflow: hidden; width: 24px; height: 1px; border-top: 1px solid #ccc; content: ''; } .appetizo_slides .postdate:before { margin-left: -41px; text-align: right; } .appetizo_slides .postdate:after { margin-left: 15px; text-align: right; } p.align-left a.readmore{ color: #000; font-weight:700; position: relative; display: inline-block; width: auto; line-height:24px; } .single .bar-categories a { color: #fc4544; } /****************************************/ /* featured-box Area /****************************************/ .featured-box-area { display: table; width: 100%; border-spacing: 20px; padding: 25px; max-width: 1520px; margin: 0 auto; } .featured-box-item { height: 112px; width: 112px; border-radius: 50%; border:5px solid; clear: both; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; margin:0 auto; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .featured-box-overlay { text-align: center; max-width: 112px; margin: 10px auto 0; } .featured-box-overlay h4 { color: #222; line-height: 1.5em; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; font-weight: 600; margin-bottom:0; position: relative; z-index:0; } .featured-box-link { display: table-cell; position: relative; vertical-align:top; } .featured-boxes-wrap { background: #fcf9f5; margin-top: 50px; } /* Category Post Wiget Css */ .side-pop.list .side-pop-img .attachment-appetizo-widget-small-thumb { width: 80px!important; height: 80px!important; object-fit: cover; border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .side-pop-img { display: inline-block; margin-right: 15px; vertical-align: middle; width: 80px; } .side-pop.list .side-pop-content h4 a { font-size: 14px; } .side-pop.list .side-pop-content h4 { line-height: 13px; margin-bottom: 2px; font-weight:bold; } .side-pop-content span.sp-date { color: #999; font-size: 11px!important; } .side-pop.list { clear: both; position: relative; margin-bottom:15px; } span.side-count { width: 100%; position: absolute; right: 0; clear: both; top: -40px; text-align: right; display: inline-block; font-weight: 900; font-size: 100px; color: #fcf9f5; z-index: -1; font-style: italic; } .side-pop.list:hover .side-count{ color: #fc4544; } .side-pop.list .side-count { transition:400ms; -o-transition:400ms; -moz-transition:400ms; -webkit-transition:400ms; } #sidebar .widget h2, .footer-inside .widget h2 {outline-offset: 3px;outline: 2px solid #ffdf00;background:#ffdf00;} .appetizo_slides2.container { height: 635px; } .appetizo_slides2 .item-slide:nth-child(1) { width: 49.85%; float: left; margin: 0; margin-right: .3%; margin-bottom: .3%; height: 378px; } .appetizo_slides2 .item-slide:nth-child(2) { width: 49.85%; float: left; margin: 0; margin-bottom: .3%; height: 378px; } .appetizo_slides2 .item-slide:nth-child(3),.appetizo_slides2 .item-slide:nth-child(4),.appetizo_slides2 .item-slide:nth-child(5) { width: 33.13%; float: left; margin-right: .3%; } .appetizo_slides2 .feat-item { height: 378px; } .appetizo_slides2 .item-slide:nth-child(3) .feat-item, .appetizo_slides2 .item-slide:nth-child(4) .feat-item, .appetizo_slides2 .item-slide:nth-child(5) .feat-item { height: 251px; } .appetizo_slides2 .item-slide:nth-child(5) {margin-right: 0;width: 33.14%;} .appetizo_slides2 .item-slide:nth-child(5) h2.feat-title a, .appetizo_slides2 .item-slide:nth-child(4) h2.feat-title a, .appetizo_slides2 .item-slide:nth-child(3) h2.feat-title a{ font-size: 20px; } .postcomment { display: inline-block; vertical-align: middle; } .slider-meta { margin-left: 4%; display: table; } .appetizo_slides1 .slider-meta, .appetizo_slides3 .slider-meta, .appetizo_slides .slider-meta{ margin:0 auto; } .post-date { display: table-cell; vertical-align: middle; } .slider-meta .postcomment a { color: #fff; font-size: 10px; } .post-date a { color: #fff; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; } .slider-meta .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .post-metawrap span.post-category { display: inline-block; vertical-align: middle; margin-bottom: 0; } .post-metawrap { display: block; text-align: center; margin-bottom:10px; } .post-metawrap .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .post-metawrap .postcomment a { font-size: 12px; line-height: 28px; } #content .entry-title a{ display:block; margin-bottom: 15px; } #content .entry-title a { font-family: Playfair Display; font-size: 22px; font-weight: 400; line-height: 28px; text-align: center; text-transform: none; color: #000; } .post span.post-category a:after { position: absolute; bottom: -3px; left: 0; display: block; width: 100%; height: 1px; background: #fc4544; content: ""; transition: transform .4s ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .post span.post-category a:before { position: absolute; bottom: -3px; left: 0; display: block; width: 100%; height: 1px; background: #fff; content: ""; transition: transform .4s ease; } .post span.post-category a:hover:after{ -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .post-list .post .entry-title a, #content .entry-title a{ transition:400ms; -o-transition:400ms; -webkit-transition:400ms; -moz-transition:400ms; } .post-list .post .entry-title a:hover, #content .entry-title a:hover { color: #fc4544; } .post-list .post .featured-image img{ transition: transform 1s ease; -o-transition: transform 1s ease; -moz-transition: transform 1s ease; -webkit-transition: transform 1s ease; } .post-list .post:hover .featured-image img{ -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); will-change: transform; } .single .bar-categories .post-date a { color: #000; font-size: 11px; } .single span.post-category { margin-bottom: 0; } .single .bar-categories .post-date { display: inline-block; } .single .bar-categories .categories { display: inline-block; } .single .bar-categories .post-date:after { content: "\f111"; margin-right: 10px; padding-left: 10px; font-size: 4px; font-family: 'FontAwesome'; vertical-align: middle; } .title-meta i.fa.fa-comments { color: #000; font-size: 14px; vertical-align: middle; } strong.next-prev-title { font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #999; } .share .tags a { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; font-weight: 900; } .share .tags a:hover { color: #fc4544; } p.appetizo_name { margin-bottom: 15px; } p.appetizo_name a { font-family: 'Playfair Display'; font-size: 26px; font-weight:600; } .appetizo_author { color: #999; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .featured-box-item:hover h4 { background: #fc4544; color:#fff; } .featured-box-item h4{ transition:400ms; -o-transition:400ms; -moz-transition:400ms; -webkit-transition:400ms; } .post-content a, .comment-text a, .textwidget a { color: #fc4544; text-decoration: underline; } .post-content a:hover, .comment-text a:hover, .textwidget a:hover { color: #001936!important; } .appetizo_slides .slider-meta { padding-bottom: 20px; } .appetizo_slides .item-slide:hover .feat-item-wrapper { bottom: 0; } /* Hover CSS Slider1 */ .appetizo_slides .image-slide a { position: relative; display: inline-block; vertical-align: top !important; width: 100%; } .appetizo_slides .image-slide a:before, .appetizo_slides .image-slide a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .appetizo_slides .image-slide a:before, .appetizo_slides .image-slide a:after { top: 10px; right: 10px; bottom: 10px; left: 10px; } .appetizo_slides .image-slide a:before { border-top: 2px solid #ffdf00; border-bottom: 2px solid #ffdf00; -webkit-transform: scale(0,1); transform: scale(0,1); } .appetizo_slides .image-slide a:after { border-right: 2px solid #ffdf00; border-left: 2px solid #ffdf00; -webkit-transform: scale(1,0); transform: scale(1,0); } .appetizo_slides .item-slide:hover .image-slide a:after, .appetizo_slides .item-slide:hover .image-slide a:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* Hover CSS Ends */ /* Hover CSS Slider2 */ .appetizo_slides2 .image-slide a { position: relative; display: inline-block; vertical-align: top !important; width: 100%; } .appetizo_slides2 .image-slide a:before, .appetizo_slides2 .image-slide a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .appetizo_slides2 .image-slide a:before, .appetizo_slides2 .image-slide a:after { top: 10px; right: 10px; bottom: 10px; left: 10px; } .appetizo_slides2 .image-slide a:before { border-top: 2px solid #ffdf00; border-bottom: 2px solid #ffdf00; -webkit-transform: scale(0,1); transform: scale(0,1); } .appetizo_slides2 .image-slide a:after { border-right: 2px solid #ffdf00; border-left: 2px solid #ffdf00; -webkit-transform: scale(1,0); transform: scale(1,0); } .appetizo_slides2 .item-slide:hover .image-slide a:after, .appetizo_slides2 .item-slide:hover .image-slide a:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* Hover CSS Ends */ /* Hover CSS Slider3 */ .appetizo_slides3 .image-slide a { position: relative; display: inline-block; vertical-align: top !important; width: 100%; } .appetizo_slides3 .image-slide a:before, .appetizo_slides3 .image-slide a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .appetizo_slides3 .image-slide a:before, .appetizo_slides3 .image-slide a:after { top: 10px; right: 10px; bottom: 10px; left: 10px; } .appetizo_slides3 .image-slide a:before { border-top: 2px solid #ffdf00; border-bottom: 2px solid #ffdf00; -webkit-transform: scale(0,1); transform: scale(0,1); } .appetizo_slides3 .image-slide a:after { border-right: 2px solid #ffdf00; border-left: 2px solid #ffdf00; -webkit-transform: scale(1,0); transform: scale(1,0); } .appetizo_slides3 .item-slide:hover .image-slide a:after, .appetizo_slides3 .item-slide:hover .image-slide a:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* Hover CSS Ends */ .featured-box-link .featured-box-overlay h4:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: #fc4544; content: ""; transition: transform .4s ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); z-index:-1; } .featured-box-link:hover .featured-box-overlay h4:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /* Readmore button css hover effect */ p.align-left a{ position:relative; z-index:0; } p.align-left a:after { position: absolute; bottom: 0px; left: 0px; display: block; width: 100%; height: 1px; background: #fc4544; content: ""; transition: transform .4s ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); z-index:-1; } p.align-left a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /* Close Readmore button css hover effect */ #content.fullwidth { width: 100%; } #content.fullwidth.post-list .post { width: 100%; } #content.fullwidth .post, #content.fullwidth .next-prev, #content.fullwidth .appetizo_bio_section, #content.fullwidth #comments { width:100%; max-width: 100%; } #content.fullwidth .post-wrap.grid .post:nth-child(odd) { width: 30.667%; float: left; margin-right: 4%; } #content.fullwidth .post-wrap.grid .post:nth-child(even) { width: 30.677%; float: left; margin-right: 4%; margin-left: 0; } #content.fullwidth .post-wrap.grid .post:nth-child(3n+3) { margin-right: 0; } #content.fullwidth .post-wrap.grid .post .featured-image-wrap img { height: 370px; object-fit: cover; } #content .post-wrap.grid .post .featured-image-wrap img { height: 400px; object-fit: cover; } .side-pop-content { display: inline-block; vertical-align: middle; width: 68%; } div#footer-top ul.side-newsfeed{ font-size:0; } div#footer-top .appetizo_popular_news_widget h4 { text-align: center; } div#footer-top .appetizo_popular_news_widget ul li { display: inline-block; vertical-align: top; width: 23.5%; margin-right: 2%; margin-bottom: 5%; text-align: center; box-shadow: 0px 15px 30px -20px #ddd; -webkit-box-shadow: 0px 15px 30px -20px #ddd; -moz-box-shadow: 0px 15px 30px -20px #ddd; -o-box-shadow: 0px 15px 30px -20px #ddd; } div#footer-top .appetizo_popular_news_widget ul li:nth-child(4n+4) { margin-right: 0; } .containers{ padding: 0 25px; max-width: 1520px; margin: 0 auto; } div#footer-top { background: #fcf9f5; padding-top: 100px; padding-bottom: 80px; } div#footer-top .appetizo_popular_news_widget ul li img{ height:300px; object-fit: cover; width:100%; } div#footer-top .appetizo_popular_news_widget .side-image a,div#footer-top .appetizo_popular_news_widget .side-image{ line-height:0; } div#footer-top .appetizo_popular_news_widget .side-item-text { background: #fff; padding: 20px; min-height: 120px; } div#footer-top .appetizo_popular_news_widget span.post-category+div { font-size: 15px; } div#footer-top .appetizo_popular_news_widget span.post-category { margin-bottom: 10px; } .footer-inside a, .footer-inside li:before { color: #fff; } div#footer-top span.post-category a:after { position: absolute; bottom: -3px; left: 0; display: block; width: 100%; height: 1px; background: #fc4544; content: ""; transition: transform .4s ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } div#footer-top span.post-category a:before { position: absolute; bottom: -3px; left: 0; display: block; width: 100%; height: 1px; background: #fff; content: ""; transition: transform .4s ease; } div#footer-top span.post-category a:hover:after{ -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .post-wrap.list .post-metawrap { text-align: left; } .post-wrap.list .title-wrap p { text-align: justify; } .post-wrap.standard .title-wrap p { text-align: center; } .post-content{ margin-top:30px; } .footer-inside p { color: #fff; } .footer-inside .textwidget p:first-child { text-align: center; } a.slicknav_btn + .slicknav_nav li { border-bottom: 1px solid #eee; margin: 0; padding-left: 10px; } a.slicknav_btn.slicknav_open+.slicknav_nav li:hover { background: #eee; } a.slicknav_btn.slicknav_open+.slicknav_nav li a { margin: 0; padding: 10px 0px; display: inline-block; } .logo-text h2{ margin: 30px auto; } body.single .featured-boxes-wrap, body.page .featured-boxes-wrap{ margin-top:0; } body.single .appetizo-top-bar, body.page .appetizo-top-bar { border-bottom: 1px solid #eee; padding-bottom:10px; } .appetizo_slides2 .scroll-post .post-category a, .appetizo_slides .scroll-post .post-category a, .appetizo_slides3 .scroll-post .post-category a{ color:#ffdf00; } .footer-inside .footer-area-wrap .appetizo_social_widget .social-widget a:hover { background: #444; } .footer-inside .footer-area-wrap .appetizo_social_widget .social-widget a { background: #333333; border-radius: 50%; font-size: 20px; width: 50px; height: 50px; line-height: 50px; } /* Layoutboxes CSS */ .appetizo_layoutbox1 .item-layoutbox1:first-child { float: left; width: 66%; } .appetizo_layoutbox1 .item-layoutbox1 { float: right; width: 30%; padding-bottom: 30px; } .image-layoutbox1 .feat-item { height: 150px; } .item-layoutbox1:first-child .image-layoutbox1 .feat-item { height: 300px!important; } .item-layoutbox1 h3.feat-title { font-size: 16px; margin: 0; font-weight: bold; } .item-layoutbox1 span.post-category { margin-bottom: 10px; margin-top: 15px; } .item-layoutbox1:first-child h3.feat-title { font-size: 20px; } .item-layoutbox1:first-child span.post-category { margin-top: 25px; margin-bottom: 15px; } .item-layoutbox1 .post-date a { color: #999; font-size: 12px; } .layoutbox1-meta { display: table; margin-top: 5px; } .item-layoutbox1 .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .item-layoutbox1 .postcomment a { font-size: 12px; } .item-layoutbox1:first-child .description {margin: 15px 0 10px;display: block;} .item-layoutbox1 .description p { margin: 0; } .item-layoutbox1 .description { display: none; } .layoutboxes h2 { font-size: 34px; font-weight: 400; color: #001936; margin: 80px 0 40px; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 500; border: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; } .layoutbox1 { margin-bottom: 60px; } /* Layoutbox2 */ .appetizo_layoutbox2 .item-layoutbox2:first-child { float: left; width: 44%; padding-left:0; } .appetizo_layoutbox2 .item-layoutbox2 { width: 55.8%; float: left; margin: 0px 0 0 0; padding: 0 0px 4.2% 4.2%; } .image-layoutbox2 .feat-item { height: 90px; } .item-layoutbox2:first-child .image-layoutbox2 .feat-item { height: 300px!important; } .item-layoutbox2 h3.feat-title { font-size: 16px; margin: 0; font-weight: bold; } .item-layoutbox2 span.post-category { margin-bottom: 10px; margin-top: 0px; } .item-layoutbox2:first-child h3.feat-title { font-size: 20px; } .item-layoutbox2:first-child span.post-category { margin-top: 25px; margin-bottom: 15px; } .item-layoutbox2 .post-date a { color: #999; font-size: 12px; } .layoutbox2-meta { display: table; margin-top: 5px; } .item-layoutbox2 .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .item-layoutbox2 .postcomment a { font-size: 12px; } .item-layoutbox2:first-child .description {margin: 15px 0 10px;display: block;} .item-layoutbox2 .description p { margin: 0; } .item-layoutbox2 .description { display: none; } .layoutbox2 { margin-bottom: 30px; } .item-layoutbox2:first-child .image-layoutbox2 { width: inherit; float: none; } .item-layoutbox2 .image-layoutbox2 { width: 140px; float: left; } .item-layoutbox2 .feat-item-wrapper { width: inherit; padding-left: 160px; } .item-layoutbox2:first-child .feat-item-wrapper { padding-left: 0; } /* Layoutbox3 */ .appetizo_layoutbox3 .item-layoutbox3:first-child { width: 100%!important; padding-left:0; } .item-layoutbox3:first-child .layoutbox3-wrap { overflow: auto; } .appetizo_layoutbox3 .item-layoutbox3:nth-child(even) { float: left; width: 48%; overflow: auto; clear: both; margin: 20px 0; } .appetizo_layoutbox3 .item-layoutbox3:nth-child(odd) { float: right; width: 48%; overflow: auto; margin: 20px 0; } .image-layoutbox3 .feat-item { height: 90px; } .item-layoutbox3:first-child .image-layoutbox3 .feat-item { height: 195px!important; } .item-layoutbox3 h3.feat-title { font-size: 16px; margin: 0; font-weight: bold; } .item-layoutbox3 span.post-category { margin-bottom: 10px; margin-top: 0px; } .item-layoutbox3:first-child h3.feat-title { font-size: 20px; } .item-layoutbox3:first-child span.post-category { margin-top: 25px; margin-bottom: 15px; } .item-layoutbox3 .post-date a { color: #999; font-size: 12px; } .layoutbox3-meta { display: table; margin-top: 5px; } .item-layoutbox3 .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .item-layoutbox3 .postcomment a { font-size: 12px; } .item-layoutbox3:first-child .description {margin: 15px 0 10px;display: block;} .item-layoutbox3 .description p { margin: 0; } .item-layoutbox3 .description { display: none; } .layoutbox3 { margin-bottom: 30px; } .item-layoutbox3:first-child .image-layoutbox3 { width: 35%; float: left; } .item-layoutbox3 .image-layoutbox3 { width: 140px; float: left; } .item-layoutbox3 .feat-item-wrapper { width: inherit; padding-left: 160px; } .item-layoutbox3:first-child .feat-item-wrapper { padding-left: 0; margin-left: 37.5%; width: 62.5%; } /* Layoutbox4 */ .appetizo_layoutbox4 .item-layoutbox4 { width: 33%; display: inline-block; vertical-align: top; padding: 0 1.9% 4%; } .appetizo_layoutbox4{ margin-left: -1.9%; margin-right: -1.9%; font-size: 0; } .appetizo_layoutbox4 .scroll-post{ display:none; } .image-layoutbox4 .feat-item { height: 150px; } .item-layoutbox4 h3.feat-title { font-size: 16px; margin: 0; font-weight: bold; } .item-layoutbox4 span.post-category { margin-bottom: 10px; margin-top: 0px; } .item-layoutbox4 .post-date a { color: #999; font-size: 12px; } .layoutbox4-meta { display: table; margin-top: 5px; } .item-layoutbox4 .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .item-layoutbox4 .postcomment a { font-size: 12px; } .item-layoutbox4 .description p { margin: 0; } .item-layoutbox4 .description { display: none; } .layoutbox4 { margin-bottom: 30px; } .item-layoutbox4 .feat-item-wrapper { margin: 20px 0; } /* Layout Box5 */ .appetizo_layoutbox5 .item-layoutbox5:first-child { width: 100%; } .image-layoutbox5 .feat-item { height: 230px; } .item-layoutbox5:first-child .image-layoutbox5 .feat-item { height: 400px!important; } .item-layoutbox5 h3.feat-title { font-size: 16px; margin: 0; font-weight: bold; } .item-layoutbox5 span.post-category { margin-bottom: 10px; margin-top: 15px; } .item-layoutbox5:first-child h3.feat-title { font-size: 20px; } .item-layoutbox5:first-child span.post-category { margin-top: 25px; margin-bottom: 15px; } .item-layoutbox5 .post-date a { color: #999; font-size: 12px; } .layoutbox5-meta { display: table; margin-top: 5px; } .item-layoutbox5 .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .item-layoutbox5 .postcomment a { font-size: 12px; } .item-layoutbox5:first-child .description {margin: 15px 0 10px;display: block;} .item-layoutbox5 .description p { margin: 0; } .item-layoutbox5 .description { display: none; } .layoutbox5 { margin-bottom: 30px; } .appetizo_layoutbox5 .item-layoutbox5:nth-child(2) { padding-bottom: 30px; display: inline-block; vertical-align: top; width: 48%; margin-right: 3%; } .appetizo_layoutbox5 .item-layoutbox5:nth-child(3) { display: inline-block; vertical-align: top; width: 48%; padding-bottom: 30px; } .item-layoutbox5 .feat-item-wrapper { background: #fff; position: relative; bottom: 60px; width: 85%; margin: 0 auto; padding: 5px 30px; } /* Layoutbox6 */ .appetizo_layoutbox6 .item-layoutbox6:nth-child(even) { width: 49%; display: inline-block; margin: 0px 0 0 0; padding: 0 0px 4.2% 0%; vertical-align: top; } .appetizo_layoutbox6 .item-layoutbox6:nth-child(odd) { width: 49%; display: inline-block; margin: 0px 0 0 0; padding: 0 0px 4.2% 0%; vertical-align: top; } .image-layoutbox6 .feat-item { height: 90px; } .item-layoutbox6 h3.feat-title { font-size: 16px; margin: 0; font-weight: bold; } .item-layoutbox6 span.post-category { margin-bottom: 10px; margin-top: 0px; } .item-layoutbox6 .post-date a { color: #999; font-size: 12px; } .layoutbox6-meta { display: table; margin-top: 5px; } .item-layoutbox6 .postcomment a:before { content: "\f086"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: 20px; } .item-layoutbox6 .postcomment a { font-size: 12px; } .item-layoutbox6 .description p { margin: 0; } .item-layoutbox6 .description { display: none; } .layoutbox6 { margin-bottom: 30px; } .item-layoutbox6 .image-layoutbox6 { width: 140px; float: left; } .item-layoutbox6 .feat-item-wrapper { width: inherit; padding-left: 160px; } .see-more { display: block; text-align: center; margin-top: 50px; } .see-more a { background: #ffdf00; color: #000; padding: 10px 20px; transition:300ms; -o-transition: 300ms; -webkit-transition: 300ms; -moz-transition: 300ms; outline-offset: 3px; outline: 2px solid #ffdf00; letter-spacing: 1px; font-size: 12px; font-weight: 700; } .see-more a:hover { outline-color: #444; } .borderline { border-top: 1px solid #eee; display: block; margin: 80px 0; } .layoutboxes>div:first-child>div>.borderline { border: none; margin: 30px !important; } .layoutboxes>div:first-child>div>h2 { margin: 0px 0 30px !important } .layoutboxes { margin-bottom: 80px; border-bottom: 1px solid #eee; padding-bottom: 60px; } .image-layoutbox1, .image-layoutbox2, .image-layoutbox3, .image-layoutbox4, .image-layoutbox5, .image-layoutbox6 { overflow: hidden; } /* Layoutboxes CSS End */ /* Slider Fast Load */ .appetizo_slides{ visibility:hidden; opacity:0; transition: opacity 1s; } .appetizo_slides.slick-initialized{ visibility:visible; opacity:1; } .appetizo_slides .item-slide{ display:none ; } .appetizo_slides .item-slide:first-child{ display:block; visibility:hidden; } .appetizo_slides.slick-initialized .item-slide{ display:block;visibility:visible!important; } /* Slider Fast Load */