@charset "UTF-8"; /*------- social color -----*/ /* ===================== table of content ==================== 1. topbar */ /* Typography ================================================== */ body { font-family: "Open Sans", sans-serif; line-height: 22px; font-size: 14px; color: #777777; font-weight: 400; border: 0; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { color: #222222; font-family: "Lato", sans-serif; font-weight: 700; } h1 { font-size: 36px; line-height: 44px; } h2 { font-size: 30px; line-height: 36px; } h3 { font-size: 20px; line-height: 28px; } h4 { font-size: 18px; line-height: 26px; } h5 { font-size: 16px; line-height: 24px; } h6 { font-size: 14px; line-height: 24px; } /* Global styles ================================================== */ iframe { border: none; } a:link, a:visited { text-decoration: none; } a { color: #E7272D; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } a:hover { text-decoration: none; color: #E7272D; } a.read-more { color: #E7272D; font-weight: 700; } a.read-more:hover { color: #222; } .no-padding { padding: 0; } .p-60 { padding: 60px 0; } .p-100 { padding: 100px 0 !important; } .media > .pull-left { margin-right: 20px; } .gap-60 { clear: both; height: 60px; } .gap-50 { clear: both; height: 50px; } .gap-40 { clear: both; height: 40px; } .gap-30 { clear: both; height: 30px; } .gap-20 { clear: both; height: 20px; } .gap-10 { clear: both; height: 10px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-100 { margin-bottom: 100px; } .mb-110 { margin-bottom: 110px; } .mt-100 { margin-top: 100px; } .mt-50 { margin-top: 50px; } .mt-80 { margin-top: 80px; } .mt-35 { margin-top: 35px; } .mrb-30 { margin-bottom: 30px; } .mrb-80 { margin-bottom: -80px; } .mr-70 { margin-right: 70px; } .mr-80 { margin-right: 80px; } .mr-100 { margin-right: 100px; } .ml-70 { margin-left: 70px; } .mr-70 { margin-right: 70px; } .mr-80 { margin-right: 80px; } .mr-100 { margin-right: 100px; } .mrt-0 { margin-top: 0 !important; } .pab-60 { padding-bottom: 60px; } .pab-70 { padding-bottom: 70px; } .pab { padding-bottom: 0; } .pull-left { float: left; } .pull-right { float: right; } img.pull-left { margin-right: 20px; margin-bottom: 20px; } img.pull-right { margin-left: 20px; margin-bottom: 20px; } .unstyled { list-style: none; margin: 0; padding: 0; } /* Dropcap */ .dropcap { font-size: 48px; line-height: 60px; padding: 0 7px; display: inline-block; float: left; font-weight: 700; margin: 5px 15px 5px 0; position: relative; text-transform: uppercase; } .clearfix:after { display: block; width: 100%; content: ""; } .btn { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; background: #E7272D; height: 45px; padding: 0 35px; line-height: 42px; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; outline: none; text-decoration: none; cursor: pointer; border: none; } .btn:hover { color: #E7272D; background: #fff; } .btn.fill { background: transparent; padding: 0 25px; color: #fff; margin-left: 20px; border: 2px solid #fff; } .btn.fill:hover { background: #E7272D; border-color: #E7272D; } .btn.btn-round { border-radius: 36px; -webkit-border-radius: 36px; -ms-border-radius: 36px; } .btn-link { font-size: 13px; font-weight: 700; color: #E7272D; text-decoration: none !important; } .btn-link i { margin-left: 6px; position: relative; top: 2px; } .btn-link:hover { color: #E7272D; } .post-readmore { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #222222; } .post-readmore:hover { color: #E7272D; } .post-readmore i { vertical-align: middle; margin-left: 5px; } .block-title { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 700; line-height: 36px; } .block-title.title-border { margin-left: 10px; border-bottom: 2px solid #E7272D; } .block-title.title-border .title-bg { padding: 0px 27px; position: relative; background: #E7272D; display: inline-block; top: 2px; } .block-title.title-border .title-bg:before { position: absolute; content: ""; left: -9px; top: 0px; width: 2px; height: 100%; background: #E7272D; bottom: 0; margin: auto; } .block-title.no-left-border.title-border .title-bg:before { display: none; } .section-heading.no-title-shap .title-bg:after { display: none; } .heading-style2 .block-title { color: #222222; } .heading-style2 .block-title.title-border { position: relative; border-bottom: none !important; margin-left: 0; } .heading-style2 .block-title.title-border:before { position: absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 1px; background: #eaeaea; } .heading-style2 .block-title.title-border .title-bg { background: #fff; } .heading-style2 .block-title.title-border .title-bg:after, .heading-style2 .block-title.title-border .title-bg:before { display: none; } .post-title { font-size: 14px; font-weight: 600; color: #222222; line-height: 18px; } .post-title a { color: #222222; } .post-title a:hover { color: #E7272D; } .post-title.md { font-size: 20px; font-weight: 700; line-height: 26px; } .post-title.lg { font-size: 30px; font-weight: 700; line-height: 38px; letter-spacing: 0.45px; word-wrap: break-word; } a.post-cat { position: relative; left: 3px; top: 0px; background: #007bff; color: #fff; padding: 0px 5px; font-size: 11px; font-weight: 700; display: inline-block; line-height: 15px; text-transform: uppercase; margin-bottom: 7px; z-index: 1; margin-right: 10px; } a.post-cat:last-child { margin-right: 0; } .post-content p { margin-top: 10px; margin-bottom: 12px; } .post-meta span { margin-right: 15px; font-size: 13px; color: #777777; } .post-meta span i { vertical-align: middle; margin-right: 5px; font-weight: 700; } .post-meta span a { color: #777777; } .img-link { display: block; width: 100%; height: 100%; position: absolute; z-index: 1; } .post-block-style .post-thumb { margin-bottom: 15px; overflow: hidden; position: relative; } .post-block-style .post-thumb img { width: 100%; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transform: scale(1); } .post-block-style .post-video-content { position: absolute; left: 0; top: 50%; right: 0; margin: auto; text-align: center; z-index: 1; transform: translateY(-50%); } .post-block-style:hover .post-thumb img { transform: scale(1.1); } .ts-overlay-style { position: relative; } .ts-overlay-style .item, .ts-overlay-style.item { background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-backface-visibility: hidden; min-height: 260px; } .ts-overlay-style::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.8) 100%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .ts-overlay-style:hover::before { background-color: rgba(0, 0, 0, 0.2); } .ts-overlay-style .post-content { padding: 20px 20px 18px; position: absolute; bottom: 0; z-index: 1; } .ts-overlay-style .post-title a { color: #fff; } .ts-overlay-style .post-meta-info { padding: 0; margin: 0; } .ts-overlay-style .post-meta-info li { font-size: 13px; display: inline-block; color: #fff; font-weight: 400; margin-right: 20px; } .ts-overlay-style .post-meta-info li a { color: #fff; } .ts-overlay-style .post-meta-info li i { margin-right: 6px; font-size: 13px; vertical-align: middle; font-weight: 700; } .ts-overlay-style .post-meta-info li:last-child { margin-right: 0; } .ts-overlay-style .post-meta-info li.active i { color: #E7272D; } .ts-overlay-style .post-meta-info li.cat-item { display: block; } .main-container { padding-top: 80px; } .main-content-inner, .main-container { padding-bottom: 80px; } .archive .category-main-title .block-title { margin-bottom: 0; } /*------- social color -----*/ /* Blog ================================================== */ /* Global */ select { max-width: 100%; } .post-password-form input[type=password] { padding: 5px 15px; margin-left: 10px; } .post-password-form input[type=submit] { background-color: #E7272D; border-color: #E7272D; padding: 6px 55px; color: #fff; } /* Image */ img, figure { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } img[class*=wp-image-] { margin-top: 10px; margin-bottom: 10px; } .wp-caption img[class*=wp-image-] { display: block; } .wp-caption { margin-bottom: 8px; max-width: 100%; border-radius: 0; padding: 0; clear: both; } .wp-caption.aligncenter { margin-bottom: 10px; } .wp-caption .wp-caption-text { text-align: center; margin-top: 4px; font-style: italic; color: #777777; margin-bottom: 30px; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } p { margin: 0 0 25px; } /*-- HTML Formate --*/ blockquote, .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) { padding: 0px; padding-left: 40px; border-left: 3px solid #E7272D; margin: 15px 0; background: transparent; position: relative; } blockquote p, .wp-block-quote:not(.is-large) p, .wp-block-quote:not(.is-style-large) p { margin-bottom: 0px; } /* table */ table { border: 1px solid #f1f1f1; border-collapse: separate; border-spacing: 0; width: 100%; border-right: 0; border-top: 0; } .wp-block-table th, .wp-block-table td { border-color: #f1f1f1; padding: 10px; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 10px 10px; border: 1px solid #f1f1f1; border-bottom: 0; border-left: 0; } table > tbody > tr:nth-child(2n+1) > td { background-color: #fcfcfc; } div#calendar_wrap caption { margin: 10px 10px 0; padding-bottom: 0; } div#calendar_wrap table > thead > tr > th, div#calendar_wrap table > tbody > tr > th, div#calendar_wrap table > tfoot > tr > th, div#calendar_wrap table > thead > tr > td, div#calendar_wrap table > tbody > tr > td, div#calendar_wrap table > tfoot > tr > td { padding: 0; } .table-striped > tbody > tr:nth-child(odd), table > tbody > tr:nth-child(odd) { border: 1px solid #e7e7e7; } dt { font-weight: bold; margin: 6px; } /* Sticky */ .meta-featured-post { display: none; } .sticky.post { background: #fff; } .sticky.post .post-body { overflow: hidden; position: relative; } .sticky.post .meta-featured-post { display: block; position: absolute; right: -35px; top: 18px; background: #E7272D; width: auto; height: auto; padding: 12px 45px; color: #fff; display: inline-block; transform: rotate(45deg); font-size: 12px; -webkit-transform: rotate(45deg); } /* Gallery item */ .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus { box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; transition: filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item a:hover img, .gallery-item a:focus img { filter: opacity(60%); } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } .wp-caption, .gallery-caption { color: #666; font-size: 13px; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } @media screen and (min-width: 30em) { /* Gallery Columns */ .gallery-item { max-width: 25%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } } /*-- Category listing --*/ .post { margin: 0 0 30px; padding-right: 20px; } .entry-header .entry-title { font-size: 30px; font-weight: 700; line-height: 36px; margin-bottom: 10px; word-wrap: break-word; } .entry-header .entry-title a { color: #1c1c24; } .entry-header .entry-title a:hover { color: #E7272D; } .post-meta { font-size: 13px; text-transform: uppercase; color: #5a5a5a; margin-bottom: 10px; } .post-meta span { padding-right: 5px; margin-right: 5px; } .post-meta span i { margin-right: 5px; font-weight: bold; } .post-meta a { color: #5a5a5a; } .entry-content { margin-bottom: 15px; } .post-footer .btn-readmore { color: #222; font-weight: 700; } .post-footer .btn-readmore i { position: relative; top: 2px; margin-left: 5px; } .post-footer .btn-readmore:hover { color: #E7272D; } /* Post body */ .blog .post-media { margin: 0 auto 5px auto; position: relative; } .blog .post-body { background: #fff; padding: 40px; border: 1px solid #eeeeee; } /* Pagination */ .pagination { margin: 0; align-items: center; } .pagination li { line-height: 20px; margin-right: 8px; } .pagination li a, .pagination li span { width: 40px; height: 40px; line-height: normal; border: 1px solid #f1f1f1; text-align: center; line-height: 26px; display: inline-block; color: #5a5a5a; border-radius: 3px; } .pagination li a i, .pagination li span i { line-height: 40px; } .pagination li.active a, .pagination li:hover a { color: #fff; background: #E7272D; border: 1px solid transparent; } .pagination li.active a:hover, .pagination li:hover a:hover { background: #E7272D; } .pagination li.pagination-dots { margin: 0 15px 0 10px; } /*-- Blog single --*/ .post-details .entry-header { padding: 0px 80px; } .post-details .entry-header .entry-title { font-size: 36px; line-height: 44px; margin-bottom: 0; } .post-details table td, .post-details table th { border: 1px solid #f1f1f1; } .post-details .entry-thumbnail { margin: 20px 0 40px; } .post-details .entry-thumbnail img { box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25); } .post-details .post-body { padding: 30px 70px 0; } .blog-single .blog-post-comment { padding-top: 20px; } @media (max-width: 767px) { .blog-single .blog-post-comment { padding-bottom: 30px; } } .blog-single .post-navigation .post-next a, .blog-single .post-navigation .post-previous a { color: #000; } .blog-single .post-navigation .post-next a:hover, .blog-single .post-navigation .post-previous a:hover { color: #E7272D; } .blog-single .post-navigation h3 { color: #000; } .blog-single .entry-header { margin-bottom: 20px; } .entry-content h3 { font-size: 24px; color: #000; font-weight: bold; } .entry-content h4 { font-size: 22px; } .entry-content table { margin: 20px 0; } .entry-content .post-footer { margin-top: 15px; } .entry-content .page-links { color: #5a5a5a; margin-left: 5px; overflow: hidden; width: 100%; margin-top: 50px; } .entry-content .page-links span { display: inline-block; } .entry-content .page-links span.page-link { color: #5a5a5a; margin-right: 5px; } .entry-content .page-links a span { color: #ffffff !important; background-color: #E7272D; border-color: #E7272D; } .entry-content .page-links .page-link-text { margin-right: 10px; } .entry-content p img.alignleft { clear: both; margin-bottom: 30px; } .blog-post-comment h3 { font-size: 24px; } .blog-post-comment table { margin: 20px 0; } .blog-post-comment ul, .blog-post-comment ol { margin-bottom: 20px; } .blog-post-comment .comment-respond { margin-bottom: 40px; } .blog-post-comment #comment.form-control { height: 100%; } .blog-post-comment .form-control { border: 1px solid #eaeaea; border-radius: 0; } #cancel-comment-reply-link { float: right; color: #000; } #cancel-comment-reply-link:hover { color: #e7015e; } /* Post social */ .post-social-icons > li { display: inline-block; } .post-social-icons a { margin-left: 10px; font-size: 16px; color: #5a5a5a; text-align: center; } .post-social-icons a:hover { color: #E7272D; } /* Post navigation */ .post-navigation { padding: 25px; border: 1px solid #eeeeee; } .post-navigation .post-previous, .post-navigation .post-next { padding: 0 40px; width: 50%; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; display: table-cell; position: relative; vertical-align: middle; } .post-navigation span:hover, .post-navigation h3:hover { color: #E7272D; } .post-navigation h3 { font-size: 16px; line-height: 26px; margin: 5px 0; font-weight: bold; word-wrap: break-word; } .post-navigation span { color: #777777; } .post-navigation i { margin: 0 5px; color: #777777; } .post-navigation .post-previous { text-align: left; float: left; border-left: 0 none; border-right: 0 none; padding: 0 40px 0 0; } .post-navigation .post-next { text-align: right; float: right; border-right: 0 none; padding: 0 0 0 40px; } /*-- Post footer --*/ .entry-footer { margin: 40px 0; } /* tags list */ .post-tag-container { display: block; clear: both; } .post-tag-container span { color: #000; display: inline-block; font-weight: bold; margin-right: 10px; } .tag-lists a, .tagcloud a { border: 1px solid #f1f1f1; color: #5a5a5a; display: inline-block; font-size: 14px !important; padding: 4px 13px; margin-left: 3px; border-radius: 25px; margin-bottom: 20px; } .tag-lists a:hover, .tagcloud a:hover { background: #E7272D; color: #fff; border: 1px solid transparent; } /* Post social */ .post-social-share-container { float: right; } .post-social-share-container ul { list-style: none; margin: 0; padding: 0; } .post-social-share-container ul li { display: inline-block; } .post-social-share-container ul li.title { font-weight: bold; color: #000; } .post-social-share-container ul li a { color: #5a5a5a; margin-left: 10px; } .post-social-share-container ul li a:hover { color: #E7272D; } /* Post comment */ .blog-post-comment .comment-title { font-size: 24px; } .blog-post-comment .comment-info [class*=col-md-] { margin-bottom: 15px; position: inherit; } .blog-post-comment .comment-respond .comment-reply-title { font-size: 24px; } .blog-post-comment .comment-respond .comment-form .comment-notes { font-style: italic; } .blog-post-comment .comment-respond .comment-form .btn.btn-primary { margin-top: 40px; } .blog-post-comment .comment-respond .comment-form .btn.btn-primary:hover { background: #000; color: #fff; } .blog-post-comment .comment-respond .comment-form .comment-info { margin-top: 15px; } .loginformuser .form-control { height: 100%; } /* Common */ .pingback p, .pingback .says { display: none; } .comments-list .pingback .comment-body { margin-left: 0; } .comments-list { list-style: none; margin: 0; padding: 20px 0; } .comments-list .comment { list-style: none; } .comments-list .comment .last { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .comments-list .comment-author { margin-bottom: 0; margin-top: 0; font-weight: 700; font-size: 16px; color: #1c1c24; font-style: normal; } .comments-list .comment-author a { color: #1c1c24; } .comments-list .comment-author a:hover { color: #E7272D; } .comments-list .comment-author cite { font-style: normal; } .comments-list .comment-date { font-size: 14px; display: block; margin-top: -5px; } .comments-list .comment-content { margin: 15px 0; } .comments-list .comment-body { border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; margin-bottom: 30px; margin-left: 110px; } .comments-list img.comment-avatar { width: 80px; height: 80px; border-radius: 100%; margin-right: 30px; } .comments-list .comment-reply-link { color: #252a37; font-weight: 400; font-size: 14px; } .comments-list .comment-reply-link i { margin-right: 5px; } .comments-list .comment-reply-link:hover { color: #E7272D; } .comments-counter { font-size: 18px; } .comments-counter a { color: #5a5a5a; } .comments-reply { list-style: none; margin: 0 0 0 70px; } /*-- Archive --*/ /* Widgets ================================================== */ .widget-title { font-size: 26px; font-weight: 700; color: #000; line-height: 24px; padding-left: 10px; position: relative; margin-bottom: 28px; } .widget-title:before { position: absolute; left: 0; top: 0; width: 2px; height: 20px; bottom: 0; margin: auto; content: ""; background: #d20055; } .footer-widget ul { padding: 0; } .footer-widget ul li { list-style-type: none; } .xs-footer-section .widget, .sidebar .widget { margin-bottom: 40px; } .xs-footer-section .widget.widget_search, .sidebar .widget.widget_search { padding: 0; border: 0; } .xs-footer-section .widget.widget_search .form-control, .sidebar .widget.widget_search .form-control { border-radius: 0; height: 50px; } .xs-footer-section .widget.widget_search .input-group-btn, .sidebar .widget.widget_search .input-group-btn { background: #E7272D; color: #fff; padding: 0 20px; border: none; } .xs-footer-section .widget.widget_search .input-group-btn i, .sidebar .widget.widget_search .input-group-btn i { line-height: 48px; } .xs-footer-section ul, .sidebar ul { border: 0; padding: 0; list-style: none; } .xs-footer-section ul li, .sidebar ul li { border-bottom: 1px dashed #f1f1f1; padding-bottom: 10px; margin-bottom: 10px; } .xs-footer-section ul li:last-child, .sidebar ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .xs-footer-section ul li a, .sidebar ul li a { color: #5a5a5a; } .xs-footer-section ul li a:hover, .sidebar ul li a:hover { color: #E7272D; } .xs-footer-section ul li a.url, .xs-footer-section ul li a.rsswidget, .sidebar ul li a.url, .sidebar ul li a.rsswidget { color: #1c1c24; } .xs-footer-section ul li a.rsswidget, .sidebar ul li a.rsswidget { font-weight: 600; } .xs-footer-section ul li cite, .sidebar ul li cite { font-style: normal; } .xs-footer-section ul.sub-menu, .xs-footer-section ul.children, .sidebar ul.sub-menu, .sidebar ul.children { padding: 10px 0px 0 20px; } .xs-footer-section ul.children, .sidebar ul.children { padding-bottom: 0; } .textwidget img { margin: 10px 0; } .not-found .input-group-btn { background: #E7272D; color: #fff; padding: 0 20px; border: none; cursor: pointer; } .not-found .input-group-btn i { line-height: 48px; } /* Theme check */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .gallery-caption, .bypostauthor { display: block; } code { overflow: auto; max-width: 100%; padding: 0 1em; border: 1px solid #ddd; background-color: #f9f9f9; display: inline-block; vertical-align: middle; word-wrap: break-word; } /* Gutenberg CSS ==================================================*/ .sidebar-inactive .wp-block-image.alignfull img { width: 100%; } .wp-block-image img { margin: 0 !important; } .wp-block-separator, hr { background-color: #eeeeee; height: 1px; max-width: calc(6 * (100vw / 12) - 28px); text-align: left; margin: 3.5em 0; } .wp-block-separator.is-style-wide, hr.is-style-wide { max-width: 100%; } .wp-block-separator.is-style-dots { text-align: left; max-width: 50%; height: 14px; line-height: 10px; overflow: hidden; } .wp-block-separator.is-style-dots:before { content: "··············"; padding-left: 2px; } .sidebar-inactive .wp-block-pullquote.alignfull { padding: 1em 3.5em; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width: 100%; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding: 40px 10px 5px; padding-bottom: 20px; font-size: 14px; transition: margin-bottom 0.3s ease; } .wp-block-gallery.alignfull .blocks-gallery-caption { margin: auto; } .wp-block-image figure figcaption, .wp-block-image figcaption { font-size: 13px; } /*=========================== author box =============================*/ .author-box { padding: 40px 40px 20px; margin-bottom: 40px; min-height: 110px; } .author-box .author-img img { width: 70px; height: 70px; border-radius: 50%; } .author-box .author-info { margin-left: 90px; } .author-box .author-info > h3 { margin-bottom: 4px; } .author-box .author-url { margin-bottom: 12px; } .author-box .author-url a { color: #666666; font-size: 14px; } /*=========================== Recent Post =============================*/ .recent-post-widget .widget-post { padding-bottom: 20px; } .recent-post-widget .widget-post img { max-width: 110px; } .recent-post-widget .widget-post .media-body { margin-left: 20px; text-align: left; } .recent-post-widget .widget-post .media-body .post-meta { color: #666666; font-size: 14px; } .recent-post-widget .widget-post .media-body .entry-title { margin-bottom: 0; font-size: 16px; line-height: 22px; } .recent-post-widget .widget-post .media-body .entry-title a { color: #101010; } .recent-post-widget .widget-post .media-body .entry-title:hover a { color: #E7272D; } .recent-post-widget .widget-post:last-child { padding-bottom: 0; } /*=========================== Social Widget =============================*/ .footer-social ul { display: flex; } .footer-social ul li { display: inline-block; } .footer-social ul li a { width: 40px; height: 40px; border-radius: 50%; font-size: 14px; display: block; background: #E7272D; padding: 6px 0px; color: #fff; text-align: center; margin: 5px; line-height: 28px; } .footer-social ul li a:hover { background: #ec555a; color: #fff !important; } /*=========================== error page =============================*/ .error-page .error-code { display: block; font-size: 150px; line-height: 150px; color: #333; margin-bottom: 20px; text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1); } .error-page .error-body .btn { margin-top: 30px; border: 2px solid #E7272D; } .error-page .form-control { border-radius: 0; } .error-page button.input-group-btn.search-button { background: #E7272D; color: #fff; padding: 0 20px; border: none; cursor: pointer; } /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # header top area # topbar dark # social links # header-middle-area # header search popup # tranding bar # post Category: Style # banner blog # copyright # backto --------------------------------------------------------------*/ /*============================================= //social links ===============================================*/ .social-links { margin: 0; } .social-links li { display: inline-block; list-style-type: none; padding: 0 10px; } .social-links li a { color: #222222; } .social-links li a:hover { color: #E7272D; } .social-links li:last-child { padding-right: 0; } /*========================= header area ===========================*/ .logo img { max-width: 220px; } .site-title { margin-top: -10px; margin-bottom: 0px; } .site-title a { color: #122223; text-decoration: none; font-size: 36px; } .header .navbar-light { padding: 0px; } .header .navbar-light .navbar-toggler { outline: none; border: none; top: 0px; } .header .navbar-light .navbar-toggler-icon { background-image: none; color: #fff; font-size: 22px; vertical-align: middle; background: #E7272D; padding: 5px 0px; width: 45px; height: 35px; border-radius: 4px; } .header .navbar-light .navbar-nav > li { padding: 0 24px; position: relative; } .header .navbar-light .navbar-nav > li:before { position: absolute; right: 0px; content: ""; width: 1px; height: 20px; background: #e2e2e2; top: 0; bottom: 0; margin: auto; } .header .navbar-light .navbar-nav > li > a { line-height: 60px; position: relative; padding: 0; } .header .navbar-light .navbar-nav > li:last-child:before { display: none; } .header .navbar-light .navbar-nav > li:last-child > a:before { display: none; } .header .navbar-light .navbar-nav > li.active > a:before { position: absolute; right: 0px; content: ""; width: 80%; height: 2px; background: #E7272D; bottom: 15px; margin: auto; left: 0; display: block; } .header .navbar-light .navbar-nav li a { font-weight: 700; color: #1c1c24; text-transform: uppercase; font-size: 13px; } .header .navbar-light .navbar-nav li a:hover { color: #E7272D; } .header .navbar-light .navbar-nav li.active > a { color: #E7272D; } .header .navbar-light .navbar-nav li ul.dropdown-menu { padding: 0; min-width: 230px; border-radius: 0; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); border: none; transition: all 500ms ease 0.4s ease; -webkit-transition: all 500ms ease 0.4s ease; -moz-transition: all 500ms ease 0.4s ease; -ms-transition: all 500ms ease 0.4s ease; margin: 0; } .header .navbar-light .navbar-nav li ul.dropdown-menu li a { font-size: 12px; border-top: 1px solid #eaeaea; line-height: 36px; } .header .navbar-light .navbar-nav li ul.dropdown-menu li:first-child > a { border-top: none; } .header .navbar-light .navbar-nav li ul.dropdown-menu li .dropdown-menu { left: 100%; top: 0; } @media (max-width: 991px) { .header .navbar-light .navbar-nav li ul.dropdown-menu li .dropdown-menu { padding-left: 20px; } } .header .navbar-light .navbar-nav li ul.dropdown-menu li .dropdown-item.active, .header .navbar-light .navbar-nav li ul.dropdown-menu li .dropdown-item:hover { background: transparent; } .header .navbar-light .navbar-nav li ul.dropdown-menu li.dropdown:after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; border: 0; vertical-align: 0; position: absolute; right: 10px; top: 13px; font-size: 14px; } @media (min-width: 992px) { .header .navbar-light .navbar-nav li ul.dropdown-menu li.dropdown:after { transform: rotate(-90deg); } } @media (min-width: 992px) { .header .navbar-light .navbar-nav li:hover > .dropdown-menu { display: block; } } .header .navbar-light .dropdown-toggle::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; border: 0; vertical-align: 0; float: right; } .header .navbar-light .nav-search-area a { padding: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #222222; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } .header .navbar-light .nav-search-area a i { vertical-align: middle; font-weight: 700; } .header.header-solid { background-color: #fff; box-shadow: -2.088px 14.854px 40px 0px rgba(0, 0, 0, 0.07); margin-bottom: 0; padding: 10px 0; } .header.header-solid .logo img { max-width: 124px; } .header.header-solid .header-wrapper .navbar-collapse { justify-content: flex-end !important; } .header.header-solid .nav-search-area { width: auto !important; } .header.header-solid .nav-search-area a { background: #E7272D; color: #ffffff; border-radius: 0; width: 60px; height: 60px; display: block; line-height: 60px; } /*============================================= //header search popup ===============================================*/ .modal-searchPanel .xs-search-group { position: relative; } .modal-searchPanel .xs-search-group input:not([type=submit]) { height: 70px; background-color: transparent; border-radius: 50px; border: 2px solid #fff; color: #fff; padding: 0 30px; } .modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .modal-searchPanel .xs-search-group input:not([type=submit]):-ms-input-placeholder { /* IE 10+ */ color: #fff; } .modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder { /* Firefox 18- */ color: #fff; } .modal-searchPanel .xs-search-group .search-button { background-color: transparent; border: 0px; padding: 0; color: #fff; position: absolute; right: 0; cursor: pointer; top: 50%; transform: translateY(-50%); height: 100%; width: 70px; border-radius: 0 50px 50px 0; } /* magnific pop up modal */ .mfp-bg.xs-promo-popup { background-color: rgba(0, 0, 0, 0.87); padding-bottom: 100%; border-radius: 100%; overflow: hidden; animation: menu-animation 0.8s ease-out forwards; } /* animation keyframes list */ @keyframes menu-animation { 0% { opacity: 0; transform: scale(0.04) translateY(300%); } 40% { transform: scale(0.04) translateY(0); transition: ease-out; } 40% { transform: scale(0.04) translateY(0); } 60% { opacity: 1; transform: scale(0.02) translateY(0px); } 61% { opacity: 1; transform: scale(0.04) translateY(0px); } 99.9% { opacity: 1; height: 0; padding-bottom: 100%; border-radius: 100%; } 100% { opacity: 1; transform: scale(2) translateY(0px); height: 100%; padding-bottom: 0; border-radius: 0; } } /* Styles for dialog window */ .xs-promo-popup .modal-content { background-color: transparent; padding: 0px; border: 0px; } .xs-promo-popup .mfp-close { color: #fff; opacity: 0; transition: all 1s ease 0.8s; transform: translateY(-500px); } .xs-promo-popup.mfp-ready .mfp-close { opacity: 1; transform: translateY(0); } /* at start */ .xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; transition: all 1s ease 0.8s; transform: translateY(-500px); } /* animate in */ .xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; transform: translateY(0); } .blog-single .post-meta { margin-bottom: 10px; padding-left: 0; position: relative; } .blog-single .post-meta li { font-size: 12px; display: inline-block; position: relative; transition: all 0.9s ease; font-weight: 400; color: #888888; } .blog-single .post-meta li i { margin-right: 6px; font-size: 15px; vertical-align: middle; } .blog-single .post-meta li a { color: #5c5c5c; transition: all 0.9s ease; } .blog-single .post-meta li a:hover { color: #E7272D; } .blog-single .post-meta li a.post-cat { margin-left: 0; color: #fff; } .blog-single .post-meta li.post-author { padding-left: 0px; } .blog-single .post-meta li.post-author img { position: relative; left: 0; top: 0; width: 35px; height: 35px; margin-right: 6px; display: inline-block; border-radius: 50%; } .blog-single .post-meta li.post-author a { color: #232323; margin-left: 6px; font-weight: 600; text-transform: capitalize; } .blog-single .post-meta li:not(:last-child) { margin-right: 20px; } .blog-single .post-meta li.meta-post-view { color: #d72924; } .blog-single .post-meta .social-share { position: absolute; margin-left: 50px; right: 0; } @media (min-width: 1200px) { .blog-single .post-meta .social-share { top: 5px; } } .blog-single .post-meta .social-share i.fa-share { width: 30px; height: 30px; border-radius: 50%; background: #d72924; color: #fff; display: block; text-align: center; padding: 10px 0; cursor: pointer; padding: 10px 0; font-size: 12px; } .blog-single .post-meta .social-share .social-list { position: absolute; right: 36px; top: -8px; padding: 0; z-index: 1; background: #f7f7f7; min-width: 200px; padding: 12px 18px; display: none; text-align: center; } .blog-single .post-meta .social-share .social-list li:last-child { margin-right: 0; } .blog-single .post-meta .social-share:hover .social-list { display: block; } .blog-single p { line-height: 28px; } .blog-single p.img-caption-text { font-style: italic; color: #232323; font-weight: 500; } .blog-single ul li { line-height: 28px; } .blog-single blockquote { margin: 0 !important; } .blog-single blockquote.wp-block-quote { background: transparent !important; text-align: center; } .blog-single .wp-block-image figure { margin-bottom: 30px; } .blog-single .tag-lists span { padding: 4px 13px; background: #E7272D; color: #fff; border-radius: 35px; margin-right: 6px; display: inline-block; } .blog-single .tag-lists a { border-color: #aaaaaa; color: #aaaaaa; } .blog-single .tag-lists a:hover { border-color: #E7272D; color: #fff; } .blog-single .tag-lists a:not(:first-child) { margin-left: 6px; } .author-box { padding: 20px 0; margin-bottom: 15px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .author-box .author-info h3 { font-size: 14px; text-transform: capitalize; } .author-box .author-info p { margin-bottom: 0; } .author-item { margin-bottom: 30px; } .author-item .author-box { min-height: 110px; padding: 20px; border: 1px solid #eaeaea; } /*================================ banner blog ==================================*/ .banner-area { padding: 175px 0 175px; position: relative; background-size: cover; } .banner-area:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(16, 16, 16, 0.54); } .banner-area .banner-title { font-size: 48px; letter-spacing: 2px; font-weight: 700; position: relative; color: #fff; padding-bottom: 35px; margin: 0; } .banner-area .banner-title::after { background: url("../images/banner-bottom.png") bottom center no-repeat; position: absolute; content: ""; left: 0; right: 0; margin: 0; bottom: 0; width: 100%; height: 30px; } .banner-area .image { position: absolute; left: 0px; top: 0px; z-index: 250; } .banner-area .breadcrumb { text-align: center; background: none; display: inline-block; color: #fff; margin-top: 10px; position: relative; margin-bottom: 0; } .banner-area .breadcrumb li { display: inline-block; color: #fff; text-transform: uppercase; margin: 0 10px; font-size: 15px; } .banner-area .breadcrumb li a { color: #fff; } .banner-area.banner-standard { padding: 120px 0; background: #E7272D; } .banner-area.banner-standard:before { display: none; } .banner-area.banner-standard .banner-title { padding-bottom: 0; } .banner-area.banner-standard .banner-title::after { display: none; } .absolute-border:after { border: 1px solid #707070; left: 30px; position: absolute; top: 30px; right: 30px; bottom: 30px; content: ""; } .contact-text-info p { margin-bottom: 15px; } .cafesio-reservation-from .reservation_form_submit { width: 100%; } .cafesio-reservation-from #wpc_cancel_request { display: none; } .cafesio-funfact .elementskit-funfact-inner { display: flex; align-items: center; } .cafesio-funfact .elementskit-funfact-inner .funfact-icon { flex: 0 0 auto; margin-right: 25px; } /*------------ Footer -------------*/ .footer--top--area { background: #222; padding: 80px 0; } .footer--top--area .widget-title { font-size: 24px; font-weight: 700; color: #fff; line-height: 28px; position: relative; margin-bottom: 40px; } .footer--top--area p { color: #fff; } .footer--top--area .footer-info li { color: #fff; border-bottom: 0; } .footer--top--area .footer-info li i { margin-right: 10px; } .footer--top--area .tagcloud a { color: #fff; } @media (max-width: 767px) { .footer--top--area .footer-widget img { float: left; } } /*------------copyright-------------*/ .copyright-area { background: #000; padding: 8px 0px; color: white; } .copyright-area p { margin-bottom: 0; } .copyright-area .footer-nav { margin-bottom: 0; } .copyright-area .footer-nav li { display: inline-block; padding-right: 15px; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .copyright-area .footer-nav li a { color: #fff; } /*------------back to top-------------*/ .BackTo { background: #E7272D none repeat scroll 0 0; border-radius: 50%; color: #979797; cursor: pointer; height: 44px; position: relative; text-align: center; width: 44px; display: block; padding: 12px 0; transition: all 0.3s; margin-left: auto; margin-bottom: 10px; } .BackTo:hover { background: #000; } .BackTo a { color: #fff; font-size: 15px; font-weight: 700; } :focus { box-shadow: inset 0 0 0 1px #eb1c23; outline: 2px solid transparent; } .entry-title a :focus { box-shadow: none; outline: 1px solid #eb1c23; } .blog-single .entry-content a, .page .entry-content a { text-decoration: underline; } .blog-single .entry-content .post-footer a { text-decoration: none; } a.post-cat { position: relative; left: 3px; top: 0px; background: #eb1c23; color: #fff; padding: 0px 5px; font-size: 11px; font-weight: 700; display: inline-block; line-height: 20px; height: 18px; text-transform: uppercase; margin-bottom: 7px; z-index: 1; margin-right: 10px; } .post-meta span { margin-right: 15px; font-size: 13px; color: #777777; } .post-meta span i { vertical-align: middle; margin-right: 5px; font-weight: 700; } /*---------background image-------*/ .post-thumb-bg .post-thumb { flex: 0 0 38%; width: 38%; display: block; order: 0; } .post-thumb-bg .post-thumb > a { padding-bottom: 72%; display: block; overflow: hidden; } .post-thumb-bg .post-thumb .sm-bg-img { width: 100%; height: 100%; position: absolute; background-size: cover; display: block; transition: all ease 0.5s; } .post-thumb-bg .post-thumb.post-thumb-full { flex: 0 0 100%; width: 100%; } .post-thumb-bg .post-thumb:hover .sm-bg-img { background-position: center 45%; } .post-thumb-bg .post-block-style .post-thumb .sm-bg-img { background-size: auto; background-position: center; } .post-thumb-bg .post-block-style:hover .post-thumb .sm-bg-img { background-position: 45%; } .post-block-list ul { list-style-type: none; padding: 0; margin: 0; } .post-block-list .post-thumb { margin-right: 15px; } .post-block-list .post-thumb img { width: 130px; height: 85px; } .post-block-list .post-block-style.post-float { margin-bottom: 5px; } .post-block-list .post-block-style .post-title { margin-bottom: 2px; } .with-caption .wp-caption .wp-caption-text { text-align: left; padding: 0; margin: -5px 0 0 0; font-size: 12px; } .footer-menu ul { text-align: right; margin: 0; padding: 0; } .footer-menu ul li { list-style: none; display: inline-block; } .footer-menu ul li a { color: #fff; font-size: 16px; padding: 0 15px; } .footer-menu ul li a:hover { color: #E7272D; } .footer-menu ul li:last-child a { padding-right: 0; } .footer-paragraph p:last-child { margin-bottom: 0; } .footer-form .mf-input { min-width: 198px; } .home-menu-tab .wpc-food-tab-wrapper .wpc-nav li { margin: 0 25px; } .home-menu-tab .wpc-food-tab-wrapper .wpc-nav li a { padding: 5px 0; } .home-menu-tab .wpc-food-tab-wrapper .wpc-nav li a svg { margin-bottom: 14px; } .home-menu-tab .wpc-food-tab-wrapper .wpc-title-border { height: 0 !important; } .home-team-social .ekit-wid-con .profile-card:hover .ekit-team-social-list li a { background: rgba(255, 255, 255, 0.12); color: #fff; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item .wpc-food-menu-thumb:before { opacity: 1; left: 20px; top: 20px; bottom: 20px; right: 20px; width: auto; height: auto; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item .wpc-menu-tag { opacity: 1; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item .wpc-menu-currency { opacity: 1; top: 32px; right: 32px; z-index: 1; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item .wpc-menu-tag-wrap { left: 32px; top: 47px; z-index: 1; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item .wpc-food-inner-content { opacity: 1; text-align: left; top: auto; left: 32px; bottom: -2px; transform: none; right: 32px; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item .wpc-add-to-cart { right: auto; left: 0; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item .wpc-add-to-cart a { margin: 0; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item:hover .wpc-add-to-cart { opacity: 1; } .home-food-slider .wpc-slider-grid-3.wpc-food-menu-item:hover .wpc-food-inner-content { bottom: 38px; } .ekit-offcanvas-toggle-wraper { line-height: 1; } @media (max-width: 1024px) { .logged-in.admin-bar .elementskit-menu-offcanvas-elements { margin-top: 32px; } .elementskit-submenu-indicator { border: none !important; padding-right: 0 !important; } .elementskit-menu-close { border: none !important; } } /* Custom container width */ @media (max-width: 1200px) and (min-width: 992px) { .container { max-width: 1140px; } } @media (max-width: 1024px) { .container { max-width: 100%; } } /* ======================== Shortcode: Main Slider =========================== */ .slider-item { color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; display: flex; align-items: center; height: 700px; } .slider-item:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(16, 16, 16, 0.44); } @media (min-width: 1400px) { .slider-item { height: 100vh; } } .slider-item .slider-content .slider-title { color: #fff; font-size: 75px; line-height: 85px; font-weight: 700; } .slider-item .slider-content .slider-title span { display: block; font-size: 50px; } .slider-item .slider-content .sub-title { font-size: 48px; letter-spacing: 5.4px; font-weight: 400; letter-spacing: 1.53px; font-family: "Cookie", cursive; } .slider-item .slider-content .slider-desc p { font-size: 18px; font-weight: 600; letter-spacing: 0.18px; line-height: 30px; } .slider-item .slider-content .slider-btn-area .btn { font-size: 16px; height: auto; padding: 7px 35px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06); } .slider-item .slider-content .slider-btn-area .btn:hover { box-shadow: none; } .main-slider .owl-dots { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); } .main-slider .owl-dots .owl-dot { display: block; } .main-slider .owl-dots .owl-dot span { display: block; opacity: 1; width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 1px solid #fff; display: inline-block; } .main-slider .owl-dots .owl-dot.active span, .main-slider .owl-dots .owl-dot:hover span { border-color: #EE833B; background: #EE833B; } .main-slider .owl-nav .owl-prev, .main-slider .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 48px; color: #666666; background: transparent; } .main-slider .owl-nav .owl-prev:hover, .main-slider .owl-nav .owl-next:hover { background: transparent; } .main-slider .owl-nav .owl-prev { left: 30px; } .main-slider .owl-nav .owl-next { right: 30px; } /* owl carousel main slider */ .main-slider .owl-item.active .slider-item .slider-content .sub-title { animation-name: slideInUp; animation-duration: 2.5s; } .main-slider .owl-item.active .slider-item .slider-content .slider-title { animation-name: slideInUp; animation-duration: 2s; } .main-slider .owl-item.active .slider-item .slider-content .slider-btn-area { animation-name: slideInUp; animation-duration: 1.5s; } .main-slider .owl-item.active .slider-item .slider-content .slider-desc { animation-name: slideInUp; animation-duration: 3s; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .cafe-tab .wpc-menu-tag li { border-radius: 2px; } .cafe-food-menu-slider .wpc-tab-grid-style2 .wpc-food-menu-item .wpc-menu-tag-wrap { position: absolute; left: 40px; top: 40px; z-index: 1; } .cafe-food-menu-slider .wpc-tab-grid-style2 .wpc-food-menu-item .wpc-price { border-color: transparent; background: transparent; } .ts-related-post .ts-post-thumb { margin-bottom: 15px; } .ts-related-post .post-title { font-size: 18px; font-weight: 600; line-height: 24px; } .ts-related-post .post-date-info { font-size: 14px; font-weight: 400; } @media (max-width: 992px) { .header-classic .navbar-light { padding: 10px 0; } .header .navbar-collapse { position: absolute; left: 0; top: 100%; width: 100%; z-index: 22; background: #222222; } .header .navbar-light .nav-search-area a i { margin-left: 15px; } .header .navbar-light .navbar-nav > li > a { line-height: 50px; color: #e4e4e4; } .header .navbar-light .navbar-nav > li > a:hover, .header .navbar-light .navbar-nav > li > a:focus { color: #000; } .header .navbar-light .navbar-nav > li::before { display: none; } .header .navbar-light .navbar-nav > li.active > a:before { display: none; } .header .navbar-light .navbar-nav li ul.dropdown-menu { background: transparent; box-shadow: none; } .header .navbar-light .navbar-nav li ul.dropdown-menu li.dropdown:after { right: -9px; } .header .navbar-light .navbar-nav li ul.dropdown-menu li a { border-top: none; } .header .navbar-light .navbar-nav li .dropdown-item:hover, .header .navbar-light .navbar-nav li .dropdown-item:focus { background-color: transparent !important; } .header.header-solid { padding: 10px 0; } .header.header-solid .navbar-collapse { background: #fff; } .header.header-solid .navbar .nav-search-area { display: none; } .header.header-solid .navbar-light .navbar-toggler { padding-right: 0; } .header.header-solid .navbar-light .navbar-nav > li > a { color: #000; } } @media (max-width: 767px) { .topbar .topbar-left-content { padding: 20px 0 0; } .topbar .social-links { padding: 10px 0 20px; } .topbar.topbar-gray .top-info { padding-top: 20px; } .topbar.topbar-gray .top-info li { padding-right: 0; border: none; } .logo-area { text-align: center; } .logo-area .site-desc { margin-bottom: 0; } .tranding-bar { display: none; } .copyright-area { padding: 20px 0; } .blog-single .sidebar-col { order: 12; } .blog-single .post-image { margin-bottom: 20px; } .sidebar { margin-top: 40px; } .footer-menu ul { text-align: left; } .footer-menu ul li:first-child a { padding-left: 0; } .main-slider .owl-dots { display: none; } .slider-item .slider-content .slider-title { font-size: 48px; line-height: 1.3em; } }