@media screen and (max-width:1024px){.container{max-width:768px;padding-left:15px;padding-right:15px}.centered .site-content>.container{width:95%}.custom-shortcode-grid-holder .col{width:47%}.rightsidebar #primary,.leftsidebar #primary,.rightsidebar #secondary,.leftsidebar #secondary{float:none;width:100%;padding-right:0;padding-left:0}.sticky-t-bar .close{right:10px}.sticky-bar-content .container{padding-right:40px}.sticky-bar-content .blossomthemes-email-newsletter-wrapper{flex-direction:column}.sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder{text-align:center;margin-bottom:15px;padding-right:0}.sticky-bar-content .blossomthemes-email-newsletter-wrapper form{max-width:100%;text-align:center}.site-branding .site-title{font-size:1.4em}.main-navigation{position:relative;margin-left:-2%;margin-right:-2%}.main-navigation .toggle-button{display:block;background:none;padding:0 0 0 60px;width:auto;height:50px;position:relative;border:none;color:#000;text-align:left}.main-navigation .toggle-button:hover{color:var(--primary-color)}.main-navigation .toggle-button .toggle-bar{background:#333;height:3px;width:30px;position:absolute;top:0;bottom:0;left:15px;margin:auto;-webkit-transition:all ease 0.35s;-moz-transition:all ease 0.35s;transition:all ease 0.35s}.main-navigation .toggle-button .toggle-text+.toggle-bar{top:-15px}.main-navigation .toggle-button .toggle-bar:last-child{top:15px}.main-navigation .toggle-button:hover .toggle-bar{background:var(--primary-color)}.main-navigation .close{color:inherit;position:absolute;top:20px;right:15px;width:35px;height:35px;background:#f5f5f5;z-index:9999999;cursor:pointer;-webkit-transition:all ease 0.35s;-moz-transition:all ease 0.35s;transition:all ease 0.35s}.main-navigation.menu-toggled .close{left:20px;opacity:1;filter:alpha(opacity=100);visibility:visible}.main-navigation .close:hover{background:var(--primary-color)}.main-navigation .close::before,.main-navigation .close::after{content:"";background:var(--primary-color);width:20px;height:3px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all ease 0.35s;-moz-transition:all ease 0.35s;transition:all ease 0.35s}.main-navigation .close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.main-navigation .close:hover::before,.main-navigation .close:hover::after{background:#fff}.main-navigation .primary-menu-list{position:fixed;top:0;left:0;background:#fff;z-index:999999;overflow:auto;padding-top:80px;box-shadow:0 30px 40px -15px rgb(0 0 0 / .3);text-align:left;width:320px;height:100%;overflow:auto;display:none}.main-navigation .mobile-menu{width:320px}.main-navigation .primary-menu-list ul{text-align:left}.main-navigation ul li{display:block}.main-navigation ul li a{display:block;border-bottom:1px solid rgb(0 0 0 / .1)}.main-navigation ul li.menu-item-has-children>a{padding-right:30px}.main-navigation ul ul{display:none;position:static;width:100%;opacity:1;visibility:visible;padding-left:0;padding-right:0;background:rgb(0 0 0 / .03);-webkit-transition:none;-moz-transition:none;transition:none}.main-navigation ul.nav-menu>li>ul::before,.main-navigation ul.nav-menu>li>ul::after{display:none}.main-navigation ul ul li{background:none;margin-top:0}.main-navigation ul li .submenu-toggle{right:10px;-webkit-transition:all ease 0.35s;-moz-transition:all ease 0.35s;transition:all ease 0.35s}.main-navigation ul ul li .submenu-toggle{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}.main-navigation ul li.active>.submenu-toggle{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg)}.main-navigation ul ul li a{border-width:0 0 1px 0}.sticky-header .main-navigation .toggle-button::before{display:none}.sticky-header .main-navigation ul.nav-menu>li>.submenu-toggle{top:17px}.sticky-header .main-navigation ul.nav-menu>li>a{padding-top:15px;padding-bottom:15px}.header-three .header-t .header-social-icons{flex:initial}.header-three .header-t .search-wrap{flex:initial;order:2}.header-three .header-t .main-navigation{order:3;margin:0;float:right}.header-three .main-navigation .toggle-button::before{display:none}.header-four .main-navigation .toggle-button::before{display:none}.site-banner.static-banner .banner-caption .container{max-width:730px}.slider-two .banner-slider{grid-gap:15px}.site-banner.slider-three .banner-caption.left,.site-banner.slider-three .banner-caption.right{right:80px}.site-banner.slider-three .banner-caption.left{right:auto;left:80px}.site-banner.slider-three .banner-caption .banner-title{font-size:1.2223em}.slider-three .owl-carousel .owl-nav [class*="owl-"],.slider-three .owl-carousel .owl-nav button[class*="owl-"]{left:20px}.slider-three .owl-carousel .owl-nav .owl-next,.slider-three .owl-carousel .owl-nav button.owl-next{left:auto;right:2px}.tab-content-wrap .tab-content{grid-template-columns:repeat(2,1fr)}.newsletter-section .widget_blossomthemes_email_newsletter_widget .img-holder{position:static;width:100%;order:0;margin-bottom:30px}.blossomthemes-email-newsletter-wrapper .img-holder img{width:auto;height:auto}.newsletter-section .widget_blossomthemes_email_newsletter_widget .img-holder+.text-holder{width:100%;margin-left:0;padding-left:0}.newsletter-section .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .img-holder~form{width:100%;margin-left:0;padding-left:0}.single:not(.full-width) .newsletter-section .widget_blossomthemes_email_newsletter_widget .img-holder+.text-holder,.single:not(.full-width) .newsletter-section .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .img-holder~form{width:100%;margin-left:0}.site-footer .top-footer .column-3 .col{width:48%}.site-footer .top-footer .column-3 .col:nth-child(2n){margin-right:0}.list-view .site-main article figure.post-thumbnail,.list-view article .article-content-wrap,.list-view .site-main .recipe-archive-wrap .img-holder,.list-view .site-main .recipe-archive-wrap .text-holder{vertical-align:top}.error404 .error-404{margin-top:60px;margin-bottom:60px}.error404 .error-num{font-size:19em}.full-width .block-wrap{grid-template-columns:repeat(2,1fr)}.single .pagination .nav-previous{width:100%;padding-right:0;margin-bottom:30px}.single .pagination .nav-next{width:100%;padding-left:0}.single .pagination .nav-previous::after,.single .pagination .nav-next::after{display:none}.two-col-grid .article-wrap .entry-footer .btn-link{grid-column:1 / span 2}.two-col-grid article .article-content-wrap .entry-footer .read-time-wrap{grid-column:3 / span 1}.two-col-grid.full-width .article-wrap{width:50%}.archive[class*="tax-recipe-"] .site-main .recipe-archive-wrap{width:47%}}@media screen and (max-width:899px){.video-banner #wp-custom-header{height:auto;padding-top:0}}@media screen and (max-width:782px){.admin-bar .sticky-t-bar{top:46px}}@media screen and (max-width:600px){.admin-bar .sticky-t-bar{top:0}}@media screen and (max-width:767px){.custom-background #page,.custom-background .sticky-bar-content{max-width:100%}blockquote,q{padding-left:20px;padding-right:20px;font-size:1.112em}.entry-header .entry-title{font-size:1.6665em}.container{max-width:480px}.custom-shortcode-grid-holder .col{width:100%}.sticky-bar-content .container{padding-top:20px;padding-right:15px}.sticky-t-bar .close{right:0;left:0;margin:0 auto}.sticky-t-bar.active .close{top:0}.sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder h3{font-size:1em}.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="text"]{width:100%;float:none;margin:0 0 5px 0}.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"]+input[name="subscribe-email"]{width:100%}.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="submit"]{display:block;width:100%;text-indent:0;font-family:var(--primary-font);font-size:.8888em;font-weight:700;background-image:none}.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover{color:#fff}.site-branding .site-title{font-size:30px}.header-one .main-header>.container{display:block;text-align:center}.main-header .header-social-icons{display:inline-block;margin-bottom:15px}.main-header .search-wrap{display:inline-block;font-size:16px;margin-bottom:15px}.search-wrap .header-search,.search-wrap .shopping-cart{padding-left:0}.search-wrap .header-search+.shopping-cart{border-left:none}.header-search>.search-btn>span{display:none}.header-search-form form.search-form{padding-left:10px;padding-right:10px}.header-social-icons .social-icon-list li a{font-size:16px;padding-left:7px;padding-right:7px}.main-header .search-wrap+.site-branding:not(.has-logo-text){align-items:center}.header-two .header-t .container{display:block;text-align:center}.header-two .header-t .header-social-icons,.header-two .header-t .search-wrap{display:inline-block}.header-four .main-header .site-branding{width:calc(100% - 55px);margin-bottom:0}.header-four .main-header .main-navigation{margin:0;width:50px}.header-four .main-header .toggle-button .toggle-bar{left:auto;right:0}.sticky-header .site-branding{flex:1}.sticky-header .main-navigation{flex:initial}.owl-carousel .owl-nav [class*="owl-"],.owl-carousel .owl-nav button[class*="owl-"]{left:5px;width:40px;height:40px;line-height:35px;font-size:.8em}.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav button.owl-next{left:auto;right:5px}.site-banner.static-banner .banner-caption{position:static}.site-banner.static-banner .banner-caption .container{padding:40px 15px;max-width:480px}.site-banner.static-banner .banner-caption .banner-title{font-size:1.556em}.site-banner.static-banner .banner-caption .banner-desc{font-size:1em}.slider-two .banner-slider{display:block}.slider-two .banner-slider .slider-item:first-child{margin-top:0}.slider-two .banner-slider .slider-item{margin-top:30px}.slider-two .slider-item:nth-child(3) .banner-caption .banner-title{font-size:1em}.site-banner.slider-three .slider-item{display:block}.site-banner.slider-three .banner-caption{position:static;padding-left:0;padding-right:0;padding-bottom:0}.site-banner.slider-three .banner-caption.left,.site-banner.slider-three .banner-caption.right{-webkit-transform:none;-moz-transform:none;transform:none}.slider-three .owl-carousel .owl-nav [class*="owl-"],.slider-three .owl-carousel .owl-nav button[class*="owl-"]{left:0}.slider-three .owl-carousel .owl-nav .owl-next,.slider-three .owl-carousel .owl-nav button.owl-next{left:auto;right:0}.slider-four .owl-carousel .owl-nav [class*="owl-"],.slider-four .owl-carousel .owl-nav button[class*="owl-"]{left:10px}.slider-four .owl-carousel .owl-nav .owl-next,.slider-four .owl-carousel .owl-nav button.owl-next{left:auto;right:10px}.tab-group .tab-btn{padding-left:15px;padding-right:15px;margin-right:5px;font-size:16px}.tab-group .tab-btn::before{display:none}.tab-content-wrap .tab-content{grid-template-columns:repeat(1,1fr)}article .article-content-wrap footer.entry-footer .btn-link{display:inline-block;vertical-align:middle}article .article-content-wrap .entry-footer .read-time-wrap{display:inline-block;vertical-align:middle;float:right}article .article-content-wrap .entry-footer .read-time-wrap span{margin-left:10px}.block-wrap,.full-width .block-wrap,.full-width.centered .block-wrap{grid-template-columns:repeat(1,1fr)}.newsletter-section .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper{padding:40px 20px}.newsletter-section .widget_blossomthemes_email_newsletter_widget .text-holder h3{font-size:1.6665em}.newsletter-section .widget .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"],.newsletter-section .widget .blossomthemes-email-newsletter-wrapper form input[name="subscribe-email"]{width:100%;margin-right:0}.newsletter-section .widget .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"]+input[name="subscribe-email"]{width:100%}.newsletter-section .widget .blossomthemes-email-newsletter-wrapper form input[type="submit"]{max-width:100%;width:100%}.newsletter-section .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper form label{margin-top:10px}.top-footer .grid:not(.column-1){flex-direction:column}.site-footer .top-footer .column-2 .col,.site-footer .top-footer .column-3 .col{width:100%;margin-right:0}.author-info-wrap{text-align:center;padding-left:0;margin-top:20px;display:block}.list-view .site-main article figure.post-thumbnail,.archive.list-view .site-main article figure.post-thumbnail,.search-results.list-view .site-main article figure.post-thumbnail,.list-view .site-main .recipe-archive-wrap .img-holder{width:100%;margin-bottom:30px}.list-view article .post-thumbnail+.article-content-wrap,.archive.list-view article .post-thumbnail+.article-content-wrap,.search-results.list-view article .post-thumbnail+.article-content-wrap,.list-view .site-main .recipe-archive-wrap .img-holder+.text-holder{width:100%;padding-left:0}.error404 .error-404{margin-top:30px;margin-bottom:60px}.error404 .error-num{font-size:8em}.error-404 .bttn{font-size:.8888em;padding-left:20px;padding-right:20px}.single .article-wrap footer.entry-footer .tags{width:100%;margin-bottom:20px;text-align:center}.single .article-wrap footer.entry-footer .article-share{width:100%;text-align:center}.single .author-profile .author-img{float:none;margin-bottom:30px;margin-left:auto;margin-right:auto}.single .author-profile .author-content-wrap{float:none;width:100%;padding-left:0;text-align:center}.comments-area .comment-body{padding-left:40px}.comments-area .bypostauthor .comment-body{padding-left:50px}.comment-body img.avatar{width:30px;height:30px}.bypostauthor .comment-body img.avatar{left:10px}.comment-body .reply{left:40px}form.comment-form{grid-template-columns:repeat(1,1fr)}.comment-form p.comment-form-comment,.comment-form p.form-submit,.comment-form p.comment-notes,.comment-form p.logged-in-as,.comment-form p.comment-form-cookies-consent,.comment-form p.comment-subscription-form{grid-column:1 / span 1}.two-col-grid .article-group{margin-left:0;margin-right:0}.two-col-grid .article-wrap{float:none;width:100%;padding-left:0;padding-right:0}.two-col-grid.full-width .article-wrap{width:100%}.navigation.pagination .nav-links{padding:50px 0}.navigation.pagination .page-numbers.next{top:auto;bottom:0}}#secondary .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .img-holder{width:auto}@media only screen and (max-width:1024px){.main-navigation .toggle-button .toggle-bar:first-of-type{top:-17px}}.entry-content a,.entry-summary a,.page-content a,.comment-content a,.widget .textwidget a{color:#3f3b36;text-decoration:underline}.entry-content a:hover,.entry-summary a:hover,.page-content a:hover,.comment-content a:hover,.widget .textwidget a:hover{color:var(--primary-color);text-decoration:underline}.dr-archive-pagination .dr__pagination{justify-content:flex-start}@media only screen and (max-width:767px){.dr-archive-pagination .dr__pagination{justify-content:center}}.dr-archive-pagination .dr__pagination .page-numbers.next{padding-right:20px}.dr-archive-pagination .dr__pagination .page-numbers.next::before,.dr-archive-pagination .dr__pagination .page-numbers.prev::before{content:none}.dr-archive-pagination .dr__pagination .page-numbers.prev{padding-left:20px;padding-right:12px}.dr-advance-search .page-header .search-form{position:relative}.dr-advance-search .page-header .search-form .search-submit{position:absolute;right:0}.dr-advance-search .page-header .search-form label{display:none}/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://terki-na-kuhne.ru/wp-content/themes/blossom-recipe/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}body{background-color:#efefef}.nav-wrap{background-color:#fff}.search-field:focus-visible{outline:none}.widget-area .widget{margin-bottom:20px;padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:4px}.widget-area .widget .widget-title span,.site-footer .widget .widget-title span{background:none}.widget-area .widget .widget-title span::after,.site-footer .widget .widget-title span::after{display:none}.widget-area .widget .widget-title{text-align:center}.widget-area .widget-title{margin-bottom:12px}.copyright{display:none}.dr-poweredby{display:none}.widget-area .widget .widget-title::before,.site-footer .widget .widget-title::before{display:none}.terki-sticky{position:relative}.terki-affix{position:fixed;top:40px;z-index:1000}@media screen and (min-width:1024px){.terki-article-group{display:flex;flex-wrap:wrap}.terki-article-wrap{flex-basis:32%;margin-left:0;margin-right:1%}.rightsidebar #primary{padding-right:16px}}.terki-article-wrap{border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;background-color:#fff}.terki-article-wrap article.recipe{padding:12px;margin:0;border:none;display:flex;flex-direction:column;height:100%}.terki-article-wrap article figure.post-thumbnail{margin-bottom:12px}.post-thumbnail img{border-radius:4px}.entry-header .entry-title{font-size:1.6rem}article .article-content-wrap .entry-header{margin-bottom:12px}.post-cat a{font-size:14px}.entry-content{margin-top:0;margin-bottom:12px;font-size:14px;flex:1}.article-content-wrap{display:flex;flex-direction:column;height:100%;justify-content:space-between}.entry-meta>span{display:flex;font-size:.7em;align-items:center}article .article-content-wrap footer.entry-footer{flex:none;font-size:15px;display:none}.entry-footer .btn-link:after{display:none}.entry-footer .btn-link{font-weight:400;color:#3d3f43}.dr-inst-mark-read{position:absolute;left:-30px;top:0}.dr-inst-mark-read label{display:none}.dr-ordered-list .dr-instruction-checked{color:#979696}.post{background-color:#fff;padding:12px;border-radius:4px;border:1px solid #e5e5e5}.single-recipe .comments-area{padding:0;margin-top:20px}.comments-area .comment-respond{margin-top:0;padding:24px}.terki-banner-in-article{display:block;width:100%;height:auto}@media (max-device-width:760px){.uSocial-Share .uscl-bar.uscl-absolute.uscl-mobile_position_right .uscl-list{right:auto;left:15px;margin-right:5px}}.terki-article-sha{border:1px solid #dadada;border-radius:4px;padding:12px;margin-top:24px}.terki-article-wrap_fullwidth{flex-basis:calc(100% - 18px);padding:24px 0}.terki-banner-in-article,.terki-banner-in-article-after-ingredients-list{margin:24px 0;padding:12px;border:1px solid #ccc}.top-footer .menu{font-size:12px}.top-footer .menu li{margin-bottom:2px}.newslatters-form{border:1px solid #e5e5e5;padding:12px;margin-bottom:12px;border-radius:4px;background-color:#fff}.newslatters-form p{margin:0}.newslatters-form .form-field{width:100%;margin-right:12px}.newslatters-form .form-button{margin-top:28px}@media(min-width:800px){.newslatters-form{margin-right:18px}.newslatters-form .form-body{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}}.post-cat a{margin-right:6px;color:#787878}.post-cat a:last-child{margin-right:0}.post-cat a:not(:last-child):after{content:"/";color:#9E9E9E;font-size:90%;padding:0 0 0 6px}.test{position:relative}
/* --------------- END https://terki-na-kuhne.ru/wp-content/cache/wpo-minify/1781066004/assets/wpo-minify-header-e27f6268.min.css --------------- */
/* --------------- START inline --------------- */
.no-js img.lazyload {
display: none;
}
figure.wp-block-image img.lazyloading {
min-width: 150px;
}
.lazyload, .lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 400ms;
transition-delay: 0ms;
}
/* --------------- END inline --------------- */
/* --------------- START inline --------------- */
.content-newsletter .blossomthemes-email-newsletter-wrapper.bg-img:after,
.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper:after{
background: rgba(60, 224, 191, 0.8); }
/*Typography*/
:root {
--primary-color: #3ce0bf;
--primary-color-rgb: 60, 224, 191;
--primary-font: Nunito Sans;
--secondary-font: Marcellus;
--dr-primary-font: Nunito Sans; --dr-secondary-font: Marcellus; }
body {
font-size : 18px;
}
.site-title{
font-size : 30px;
font-family : Marcellus;
font-weight : 400;
font-style : normal;
}
.custom-logo-link img{
width : 150px;
max-width: 100%;
}
/* --------------- END inline --------------- */
/* --------------- START https://terki-na-kuhne.ru/wp-content/themes/blossom-recipe-child/css/styles.css --------------- */
/*
Theme Name: Blossom Recipe
Theme URI: https://blossomthemes.com/wordpress-themes/blossom-recipe/
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Blossom Recipe is a beautifully designed, feature-rich and fully responsive free WordPress theme to help you create yummy delicious food and recipe blogs. This theme can be a suitable choice for you to share your mouth-watering recipes with the world. You can create a fully functional and professional blog with Blossom Recipe free theme without writing a single line of code. This theme features a clean and attractive layout on the front-end and advanced content management system on the back-end. Furthermore, it is a speed optimized theme which provides your visitors with excellent user experience and keeps them engaged on your website. The Ultra SEO optimized, and Schema.org Markup ready codes help your website rank at the top in Google and other search engine results. This theme contains plenty of space for ads and is Google Adsense optimized to help you earn good revenue from your blog. Blossom Recipe free theme features extensive documentation to guide you create an attractive recipe/food blog from scratch. Also, it is backed up by a quick, responsive and friendly support team to help you solve any issues you get while creating a website with this theme. If you get any issue or have any questions related to the theme, you can contact the friendly support team. Check theme details at https://blossomthemes.com/downloads/blossom-recipe-free-wordpress-theme/, demo at https://blossomthemes.com/theme-demo/?theme=blossom-recipe, read the documentation at https://docs.blossomthemes.com/docs/blossom-recipe/, and get support at https://blossomthemes.com/support-ticket/.
Version: 1.3.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tested up to: 6.7
Requires PHP: 5.6
Text Domain: blossom-recipe
Tags: food-and-drink, blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Blossom Recipe is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
text-decoration: none;
color: inherit;
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
vertical-align: top;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
--primary-color: #f15641;
--black-color: #000000;
--black-color-rgb: 0, 0, 0;
--white-color: #ffffff;
--white-color-rgb: 255, 255, 255;
--primary-font: 'Nunito Sans', sans-serif;
--secondary-font: 'Marcellus', serif;
}
body,
button,
input,
select,
optgroup,
textarea {
color: #3f3b36;
font-family: var(--primary-font);
font-size: 18px;
font-weight: 400;
line-height: 1.7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: var(--secondary-font);
font-weight: 500;
margin: 0.67em 0;
line-height: 1.2;
/*color: #000;*/
}
h1 {
font-size: clamp(1.77em, calc(1.77rem + ((1vw - 0.2em) * 0.75)), 2.22em);
}
h2 {
font-size: clamp(1.55em, calc(1.55rem + ((1vw - 0.2em) * 0.75)), 2em);
}
h3 {
font-size: clamp(1.33em, calc(1.33rem + ((1vw - 0.2em) * 0.5617)), 1.667em);
}
h4 {
font-size: clamp(1.11em, calc(1.11rem + ((1vw - 0.2em) * 0.3717)), 1.333em);
}
h5 {
font-size: clamp(1em, calc(1rem + ((1vw - 0.2em) * 0.1867)), 1.112em);
}
h6 {
font-size: 1em;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
.halfwidth {
width: 50%;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #e9e9e9;
border: 0;
height: 1px;
margin-top: 2.5em;
margin-bottom: 2.5em;
}
ul,
ol {
margin: 0;
font-size: 18px;
}
ol {
list-style: decimal;
font-weight: 400;
}
ul li,
ol li {
margin-bottom: 10px;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: top;
}
figure {
margin: 0;
/* Extra wide images within figure tags don't overflow the content area. */
vertical-align: top;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-radius: 0;
font-size: 18px;
text-align: left;
overflow: hidden;
border-collapse: collapse;
}
table tr th {
padding: 10px 15px;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
font-weight: 700;
color: #3f3b36;
text-transform: uppercase;
}
table tr td {
padding: 10px 15px;
}
table tbody tr:nth-child(odd) {
background: rgba(var(--primary-color-rgb), 0.15);
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
border-radius: 0;
background: var(--primary-color);
font-family: var(--secondary-font);
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
padding: 15px 40px;
line-height: 20px;
letter-spacing: 1px;
border: 1px solid var(--primary-color);
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: transparent;
color: var(--primary-color);
}
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
background: none;
color: #000;
border: 1px solid #e5e5e5;
border-radius: 0;
padding: 10px 15px;
width: 100%;
height: 50px;
}
.site-footer input[type="text"],
.site-footer input[type="email"],
.site-footer input[type="url"],
.site-footer input[type="password"],
.site-footer input[type="search"],
.site-footer input[type="number"],
.site-footer input[type="tel"],
.site-footer input[type="range"],
.site-footer input[type="date"],
.site-footer input[type="month"],
.site-footer input[type="week"],
.site-footer input[type="time"],
.site-footer input[type="datetime"],
.site-footer input[type="datetime-local"],
.site-footer input[type="color"],
.site-footer textarea {
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
select {
border: 1px solid #e5e5e5;
width: 100%;
height: 50px;
padding: 0 15px;
}
.site-footer select {
border-color: rgba(255, 255, 255, 0.2);
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: var(--primary-color);
text-decoration: none;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
a:hover {
color: inherit;
}
a:hover,
a:active {
outline: 0;
}
a:hover {
color: var(--primary-color);
}
@-moz-document url-prefix() {
a:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
outline: thin dotted;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="checkbox"]:focus+.check-mark {
outline: 1px dotted;
}
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
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;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 0;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 0;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.container:before,
.container:after {
content: "";
display: table;
table-layout: fixed;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.container:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 60px 0;
/* Make sure select elements fit in widgets. */
}
.widget:last-child {
margin-bottom: 0;
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 0;
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;
line-height: initial;
}
.wp-caption-text {
font-size: 14px;
color: #8c8c8c;
font-family: sans-serif;
}
.wp-caption-text a {
text-decoration: underline;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery:before,
.gallery:after {
content: "";
display: table;
}
.gallery:after {
clear: both;
}
.gallery {
margin-bottom: 0;
}
.gallery-item {
float: left;
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery:not(gallery-columns-1) .gallery-item {
margin-right: 2%;
margin-bottom: 2%;
}
.gallery-columns-2 .gallery-item {
max-width: 49%;
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
}
.gallery-columns-4 .gallery-item {
max-width: 23.4%;
}
.gallery-columns-5 .gallery-item {
max-width: 18.33%;
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
}
.gallery-columns-7 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-8 .gallery-item {
max-width: 10.7%;
}
.gallery-columns-9 .gallery-item {
max-width: 9.33%;
}
.gallery-columns-2 .gallery-item:nth-child(2n),
.gallery-columns-3 .gallery-item:nth-child(3n),
.gallery-columns-4 .gallery-item:nth-child(4n),
.gallery-columns-5 .gallery-item:nth-child(5n),
.gallery-columns-6 .gallery-item:nth-child(6n),
.gallery-columns-7 .gallery-item:nth-child(7n),
.gallery-columns-8 .gallery-item:nth-child(8n),
.gallery-columns-9 .gallery-item:nth-child(9n) {
margin-right: 0;
}
.gallery-caption {
display: block;
}
/*=============================
COMMON CSS
=============================*/
.skip-link,
.skip-link:hover,
.skip-link:visited {
position: absolute;
top: -999px;
left: 20px;
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 0.8888em;
font-weight: 600;
padding: 10px 20px;
color: #000;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
z-index: 99999;
text-decoration: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.skip-link:focus,
.skip-link:active {
top: 50px;
color: #000;
text-decoration: none;
}
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover {
text-decoration: none;
}
.archive .site-main .woocommerce-products-header {
display: none;
}
.blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap {
position: relative;
overflow: hidden;
}
.blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] {
display: block;
position: absolute;
top: 5px;
left: 1px;
opacity: 0;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="checkbox"]:focus+.check-mark {
color: inherit;
}
.portfolio-item-inner:focus-within .portfolio-text-holder {
padding-top: 30px;
padding-bottom: 30px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.custom-background .site {
background: #fff;
max-width: 90%;
margin: 0 auto;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.container {
max-width: 1170px;
margin: 0 auto;
}
.centered .site-content>.container {
width: 100%;
max-width: 810px;
}
.dropcap {
font-family: var(--secondary-font);
font-weight: 600;
color: var(--primary-color);
float: left;
line-height: 1;
font-size: 4.889em;
display: inline-block;
padding-right: 15px;
}
.bttn,
.bttn:visited {
font-family: var(--secondary-font);
font-size: 1em;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
background: var(--primary-color);
color: #fff;
padding: 10px 30px;
border: 1px solid var(--primary-color);
}
.bttn:hover {
color: var(--primary-color);
background: transparent;
}
.page-header {
text-align: center;
}
.page-template-recipe-keys.rightsidebar .page-header,
.page-template-recipe-keys.leftsidebar .page-header,
.page-template-recipe-courses.rightsidebar .page-header,
.page-template-recipe-courses.leftsidebar .page-header,
.page-template-recipe-cooking-methods.rightsidebar .page-header,
.page-template-recipe-cooking-methods.leftsidebar .page-header,
.page-template-recipe-cuisines.rightsidebar .page-header,
.page-template-recipe-cuisines.leftsidebar .page-header,
.page-template-recipe-tags.rightsidebar .page-header,
.page-template-recipe-tags.leftsidebar .page-header {
text-align: left;
}
.page-header .page-title {
font-size: 1.667em;
margin-top: 0;
margin-bottom: 40px;
}
.widget-title {
font-size: 1.33em;
color: #000;
margin-top: 0;
margin-bottom: 30px;
position: relative;
padding-bottom: 12px;
}
.widget-area .widget .widget-title,
.site-footer .widget .widget-title {
z-index: 1;
text-align: left;
padding-bottom: 0;
}
.site-footer .widget .widget-title {
color: #fff;
}
.widget-area .widget .widget-title::before,
.site-footer .widget .widget-title::before {
content: "";
background: rgba(0, 0, 0, 0.1);
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
z-index: -1;
}
.site-footer .widget .widget-title::before {
background: rgba(255, 255, 255, 0.2);
}
.widget-area .widget .widget-title span,
.site-footer .widget .widget-title span {
display: inline-block;
position: relative;
background: #fff;
padding-right: 20px;
}
.site-footer .widget .widget-title span {
background: #000;
}
.widget-area .widget .widget-title span::after,
.site-footer .widget .widget-title span::after {
content: "";
background: var(--primary-color);
width: 8px;
height: 8px;
border-radius: 100%;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-40%);
-moz-transform: translateY(-40%);
transform: translateY(-40%);
}
.entry-header .entry-title,
.archive .site-main article .entry-title {
margin-top: 0;
font-size: 2em;
margin-bottom: 10px;
color: #000;
}
.entry-title a {
display: inline-block;
color: #000;
}
.entry-title a:hover {
color: var(--primary-color);
}
.entry-meta>span {
font-weight: 400;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
font-size: 0.8888em;
color: #8c8c8c;
}
article.recipe .entry-meta>span {
vertical-align: inherit;
}
.article-group .article-wrap .posted-on svg {
position: relative;
top: 2px;
vertical-align: middle;
}
.article-group .article-wrap .posted-on a {
vertical-align: middle;
display: inline-block;
}
article.recipe .entry-meta>span.post-rating {
margin-left: -13px;
}
.archive .site-main article .entry-meta>span {
margin-top: 0;
}
.entry-meta span.byline span {
color: rgba(0, 0, 0, 0.6);
}
.entry-meta span a {
color: #8c8c8c;
}
.entry-meta span a:hover {
color: var(--primary-color);
}
.entry-meta span span,
.entry-meta span:last-child {
margin-right: 0;
}
span.favourite a {
color: #8c8c8c;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
span.favourite a:hover {
color: var(--primary-color) !important;
}
.entry-meta .brp_ajax_like .liked-icon {
margin-right: 5px;
}
.brp_ajax_like,
.brp_single_ajax_like {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.brp_ajax_like .liked-icon,
.brp_single_ajax_like .liked-icon {
display: inline-block;
vertical-align: middle;
color: var(--primary-color);
}
.brp_ajax_like .fav-count,
.brp_single_ajax_like .fav-count {
font-size: 0.8888em;
color: #8c8c8c;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
span.post-view svg {
margin-right: 5px;
}
article .article-content-wrap footer.entry-footer {
display: flex;
flex: 1;
align-items: center;
}
.archive .site-main article .entry-footer>span {
margin-top: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.archive .site-main article .entry-footer>span.byline,
.site-main .dr-archive-list-gridwrap article .entry-footer>span.byline {
justify-content: initial;
}
.edit-link {
margin-left: 20px;
display: inline-block;
vertical-align: middle;
}
.edit-link:first-child {
margin-left: 0;
}
body:not(.single) .entry-footer .edit-link {
display: flex;
flex: 1;
justify-content: flex-end;
}
body:not(.single) .entry-footer .read-time-wrap+.edit-link {
flex: 0;
}
.post-edit-link {
text-transform: uppercase;
font-size: 0.6666em;
font-weight: 700;
letter-spacing: 1px;
color: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 2px 8px;
display: inline-block;
}
.post-edit-link:hover {
background: var(--primary-color);
color: #fff;
}
.btn-link,
.btn-link:visited,
.readmore-btn .more-button {
display: table;
position: relative;
font-weight: 700;
color: var(--primary-color);
padding-right: 25px;
justify-self: start;
font-size: 0.8888em;
}
.btn-link:hover,
.readmore-btn .more-button:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.btn-link:after,
.readmore-btn .more-button:after {
content: "";
top: 3px;
right: -5px;
position: absolute;
mask-image: url('data:image/svg+xml; utf-8, ');
mask-repeat: no-repeat;
background-color: var(--primary-color);
width: 23px;
height: 21px;
}
article .article-content-wrap .entry-footer .read-time-wrap {
text-align: right;
color: #8c8c8c;
display: flex;
flex: auto;
justify-content: flex-end;
}
article .article-content-wrap .entry-footer .read-time-wrap span {
margin-left: 20px;
display: inline-block;
font-size: 0.7778em;
line-height: 1.3;
}
article .article-content-wrap .entry-footer .read-time-wrap span:first-child {
margin-left: 0;
}
article .article-content-wrap .entry-footer .read-time-wrap span svg {
font-size: 18px;
margin-right: 5px;
}
body:not(.single) .article-group .related-articles {
text-align: center;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 40px;
margin-bottom: 60px;
}
.article-group .related-articles .related-title {
margin-top: 0;
font-family: var(--primary-font);
font-size: 0.7778em;
text-transform: uppercase;
color: #8C8C8C;
letter-spacing: 1px;
margin-bottom: 30px;
font-weight: 700;
}
.block-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.full-width .block-wrap {
grid-template-columns: repeat(4, 1fr);
}
.full-width.centered .block-wrap {
grid-template-columns: repeat(3, 1fr);
}
.related-articles .article-block .entry-title {
font-size: 1em;
font-weight: 500;
margin-bottom: 0;
margin-top: 20px;
}
.one-col-grid .site-main article {
margin-bottom: 40px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 40px;
}
.one-col-grid .article-wrap article {
display: block;
text-align: center;
}
.entry-content {
margin-top: 10px;
margin-bottom: 20px;
}
article>.entry-content {
margin-top: 0;
}
.entry-content p {
margin-top: 0;
margin-bottom: 20px;
clear: both;
}
.entry-content p:last-child {
margin-bottom: 0;
}
article figure.post-thumbnail {
margin-bottom: 40px;
position: relative;
text-align: center;
}
.one-col-grid .article-wrap figure.post-thumbnail {
width: auto;
}
article figure.post-thumbnail:empty {
display: none;
}
/* .archive .site-main article .post-thumbnail {
width: auto;
} */
.article-group .article-wrap .entry-meta>span.post-view svg {
vertical-align: -.125em;
}
.post-thumbnail a {
display: inline-block;
}
article figure.post-thumbnail .post-share:before,
article figure.post-thumbnail .post-share:after {
content: "";
display: table;
width: 0;
height: 0;
}
article figure.post-thumbnail .post-share:after {
clear: both;
}
article figure.post-thumbnail .post-share {
position: absolute;
top: 20px;
left: 20px;
}
article figure.post-thumbnail .share-icon {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 0.8888em;
padding: 0 10px;
height: 37px;
line-height: 38px;
float: left;
background: rgba(0, 0, 0, 0.7);
border-radius: 5px;
cursor: default;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
article figure.post-thumbnail .post-share.active .share-icon {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
article figure.post-thumbnail .share-icon .share-icon-holder {
font-size: 1em;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.1);
margin-right: 10px;
display: inline-block;
padding-right: 10px;
}
article figure.post-thumbnail .social-icon-list {
display: inline-block;
vertical-align: middle;
border-left: 1px solid rgba(255, 255, 255, 0.1);
padding: 1px 5px;
background: rgba(0, 0, 0, 0.7);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
opacity: 0;
visibility: hidden;
-webkit-transform: scale3d(0.3, 1, 1);
-moz-transform: scale3d(0.3, 1, 1);
transform: scale3d(0.3, 1, 1);
-webkit-transform-origin: left;
-moz-transform-origin: left;
transform-origin: left;
-webkit-transition: all ease 0.25s;
-moz-transition: all ease 0.25s;
transition: all ease 0.25s;
}
article figure.post-thumbnail .post-share.active .social-icon-list {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
article figure.post-thumbnail .social-icon-list li {
margin-bottom: 0;
}
article figure.post-thumbnail .social-icon-list a {
padding: 0;
display: inline-block;
color: #fff;
font-size: 0.8888em;
height: 35px;
width: 35px;
text-align: center;
line-height: 35px;
}
article figure.post-thumbnail .social-icon-list a:hover {
color: var(--primary-color);
}
article .article-content-wrap .entry-header {
text-align: center;
margin-bottom: 25px;
}
span.category {
font-weight: 700;
font-size: 0.7778em;
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
span.category a {
display: inline-block;
vertical-align: middle;
color: var(--primary-color);
margin-right: 30px;
position: relative;
line-height: 1;
border-bottom: 1px dotted transparent;
}
span.category a:last-child {
margin-right: 0;
}
span.category a:hover {
border-bottom-color: var(--primary-color);
}
span.category a:after {
content: "";
background: #e5e5e5;
width: 6px;
height: 6px;
position: absolute;
top: 5px;
right: -20px;
border-radius: 100%;
}
span.category a:last-child:after {
display: none;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
margin-bottom: 20px;
font-weight: 400;
position: relative;
line-height: 1.4em;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul li a {
color: #3f3b36;
}
.site-footer .widget ul li a {
color: #fff;
}
.widget ul li a:hover,
.site-footer .widget ul li a:hover {
color: var(--primary-color);
}
.widget .post-date {
font-size: 14px;
display: block;
color: #b9bdbd;
}
blockquote,
q {
font-weight: 700;
font-style: italic;
font-size: 1.667em;
line-height: 1.5;
text-align: center;
margin: 50px 0;
border-top: 3px solid rgba(var(--primary-color-rgb), 0.15);
border-bottom: 3px solid rgba(var(--primary-color-rgb), 0.15);
padding: 40px;
position: relative;
}
q {
font-size: 1.333em;
color: #000;
display: inline-block;
padding-left: 0;
padding-right: 0;
text-align: left;
}
blockquote:before {
content: "";
position: absolute;
top: -30px;
left: 0;
right: 0;
background-color: var(--primary-color);
background-image: url('data:image/svg+xml;utf-8, ');
background-repeat: no-repeat;
background-size: 30px;
background-position: center;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 100%;
margin: 0 auto;
font-style: normal;
font-weight: 400;
}
blockquote:after,
blockquote p:first-child:before {
content: "";
border-top: 35px solid rgba(var(--primary-color-rgb), 0.15);
border-right: 30px solid transparent;
position: absolute;
bottom: -35px;
left: 0;
right: 0;
width: 0;
height: 0;
margin: 0 auto;
}
blockquote p:first-child:before {
border-top-color: #fff;
bottom: -26px;
left: 7px;
z-index: 1;
}
q:before,
q:after {
content: "";
width: 40px;
height: 40px;
background-color: var(--primary-color);
background-image: url('data:image/svg+xml;utf-8, ');
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
font-style: normal;
font-weight: 400;
position: absolute;
border-radius: 100%;
line-height: 40px;
top: -20px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
q:after {
top: auto;
bottom: -20px;
}
blockquote p:last-child,
q p:last-child {
margin-bottom: 0;
}
blockquote i,
blockquote span {
display: block;
color: #8c8c8c;
font-weight: 400;
margin-top: 15px;
font-style: normal;
font-size: 18px;
}
span.highlight {
display: inline-block;
background: #e9e9e9;
padding: 0 5px;
border-radius: 5px;
}
.left {
text-align: left !important;
}
.center {
text-align: center !important;
}
body .centered {
text-align: center;
}
.right {
text-align: right !important;
}
hr {
display: block;
background: rgba(0, 0, 0, 0.35);
width: 4px;
height: 4px;
border-radius: 100%;
margin: 40px auto;
}
mark {
background: rgba(1, 138, 250, 0.1);
color: rgba(0, 0, 0, 0.6);
padding: 2px 0;
line-height: 1.9;
}
.btn-readmore {
display: inline-block;
background: var(--primary-color);
color: #fff;
font-size: 1em;
font-weight: 600;
padding: 15px 25px;
line-height: 1;
border: 1px solid var(--primary-color);
}
.btn-readmore:hover {
background: none;
color: var(--primary-color);
}
#primary .recipe-search-wrap .grid .entry-title {
margin-top: 0;
}
#primary article .entry-content .recipe-tags h4 {
font-size: 0.8888em;
}
.single-blossom-portfolio .site-content {
margin-bottom: 80px;
}
.portfolio-text-holder .portfolio-img-title {
line-height: 1.3;
}
.home .site-content {
margin-top: 60px;
}
/*=============================
BACK TO TOP BTN
=============================*/
#back-to-top {
padding: 0;
border: none;
position: fixed;
bottom: 20px;
right: 0;
width: 50px;
height: 50px;
line-height: 50px;
background: #eee;
text-align: center;
border-radius: 100%;
cursor: pointer;
opacity: 0;
visibility: hidden;
z-index: 999;
color: #000000;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
#back-to-top.show {
right: 20px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
#back-to-top:hover {
background: var(--primary-color);
color: #fff;
}
/*========================
COMMENTS AREA
========================*/
.comments-area {
margin: 60px auto 0 auto;
}
.comments-area .comments-title,
.comment-respond .comment-reply-title {
margin-top: 0;
margin-bottom: 0px;
font-size: 1.33em;
color: #000;
position: relative;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
.comments-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area ol li ol {
margin-left: 25px;
}
.comments-area ol li {
margin-bottom: 0;
}
.comments-area .comment-body {
border-top: 1px solid #f2f2f2;
margin-top: 30px;
padding-top: 30px;
position: relative;
padding-left: 70px;
padding-bottom: 45px;
}
.comments-area .comment-body:first-child {
border-top: none;
margin-top: 0;
}
.comment-body a {
color: #000;
}
.comment-body .comment-metadata a {
color: #8c8c8c;
}
.comments-area .bypostauthor>div>.comment-body {
border-top: none;
background: rgba(241, 86, 65, 0.1);
border-left: 4px solid var(--primary-color);
padding-right: 20px;
padding-left: 100px;
padding-bottom: 60px;
}
.comments-area ol li.parent:first-child>.comment-body {
border-top: none;
margin-top: 0;
}
.comment-body img.avatar {
position: absolute;
top: 35px;
left: 0;
width: 50px;
height: 50px;
border-radius: 100%;
}
.bypostauthor>div>.comment-body img.avatar {
left: 30px;
}
.comment-body b.fn {
font-weight: 700;
margin-bottom: 0;
display: block;
font-family: var(--secondary-font);
color: #000;
}
.comment-body span.says {
display: none;
}
.comment-body .comment-metadata {
font-size: 14px;
color: #b9bdbd;
}
.comment-body .comment-awaiting-moderation {
font-size: 16px;
margin-top: 5px;
margin-bottom: 0;
color: var(--primary-color);
font-style: italic;
font-weight: 600;
letter-spacing: 0.5px;
}
.comment-body .reply {
position: absolute;
bottom: 0;
left: 70px;
}
.bypostauthor>div>.comment-body .reply {
bottom: 20px;
left: 100px;
}
.comment-body .reply .comment-reply-link {
display: inline-block;
text-align: center;
vertical-align: top;
text-transform: uppercase;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 700;
letter-spacing: 1px;
color: var(--primary-color);
}
.comment-body .reply .comment-reply-link:hover {
text-decoration: underline;
}
.comment-body .reply .comment-reply-link:before {
content: "";
mask-image: url('data:image/svg+xml;utf-8, ');
mask-repeat: no-repeat;
mask-size: 15px;
background-color: var(--primary-color);
font-weight: 400;
margin-right: 10px;
display: inline-block;
width: 16px;
height: 13px;
vertical-align: middle;
}
.comment-body .comment-content {
font-weight: 400;
line-height: 1.7;
}
.comment-body .comment-content p {
margin-top: 5px;
margin-bottom: 20px;
}
.comment-body .comment-content p:last-child {
margin-bottom: 0;
}
.comment-respond {
margin-top: 60px;
}
.comment-respond .comment-reply-title {
margin-bottom: 20px;
vertical-align: middle;
padding-bottom: 0;
border-bottom: none;
}
.comment-respond .comment-reply-title a {
display: inline-block;
font-size: 14px;
margin-left: 10px;
margin-bottom: 10px;
background: #fff;
color: #000;
padding: 8px 20px;
line-height: 25px;
border-radius: 5px;
vertical-align: middle;
border: 1px solid rgba(0, 0, 0, 0.05);
text-transform: capitalize;
font-weight: 500;
}
.comment-respond .comment-reply-title a:hover {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
.comments-area:not(.dr-pro-comment-container) form.comment-form {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.comment-form p {
margin-top: 0;
margin-bottom: 0;
line-height: 0;
}
.comment-form p.logged-in-as {
line-height: normal;
grid-column: 1 / span 3;
}
.comment-form p.comment-form-comment,
.comment-form p.form-submit {
grid-column: 1 / span 3;
}
.comment-form p.comment-notes {
margin: 0;
line-height: 1.8;
display: none;
grid-column: 1 / span 3;
}
.comment-form p.comment-subscription-form {
line-height: normal;
grid-column: 1 / span 3;
}
.comment-form p.comment-subscription-form input[type="checkbox"]+label {
padding-top: 0;
padding-bottom: 0;
}
.comment-form p.comment-subscription-form input[type="checkbox"]+label:before {
top: 2px;
}
.comment-respond .comment-form label {
display: none;
}
.comment-respond .comment-form input[type="text"],
.comment-respond .comment-form input[type="email"],
.comment-respond .comment-form input[type="url"],
.comment-respond .comment-form textarea {
padding-left: 20px;
padding-right: 20px;
font-weight: 400;
line-height: 1.8;
}
.comment-respond .comment-form textarea {
height: 150px;
}
.comment-form p.comment-form-cookies-consent {
line-height: normal;
font-size: 0.8888em;
grid-column: 1 / span 3;
}
.comment-form p.comment-form-cookies-consent input[type="checkbox"] {
display: inline-block;
vertical-align: top;
position: relative;
top: 4px;
}
.comment-form p.comment-form-cookies-consent label {
display: inline-block;
padding: 0 0 0 5px;
vertical-align: top;
max-width: calc(100% - 20px);
margin: 0;
border-left: none;
}
.comment-form p.comment-form-cookies-consent label:before {
top: 3px;
display: none;
}
.comment-form p.form-submit {
margin-bottom: 0;
margin-top: 15px;
}
.comment-respond input.submit {
padding-left: 30px;
padding-right: 30px;
letter-spacing: 2px;
}
/*========================
BREADCRUMB
========================*/
.breadcrumb-wrapper {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
padding-bottom: 10px;
font-size: 0.7778em;
}
.breadcrumb-wrapper a {
color: #3f3b36;
display: inline-block;
vertical-align: middle;
}
.breadcrumb-wrapper a:hover {
color: var(--primary-color);
}
span.separator {
display: inline-block;
vertical-align: middle;
font-size: 1em;
margin: 0 10px;
color: #999;
}
.breadcrumb-wrapper .current {
color: var(--primary-color);
font-weight: 600;
pointer-events: none;
}
/*========================
PAGINATION
========================*/
nav.pagination {
position: relative;
z-index: 1;
}
.navigation.pagination {
padding-top: 0;
border-top: none;
}
.navigation .nav-links:before,
.navigation .nav-links:after {
content: "";
display: table;
line-height: 0;
}
.navigation .nav-links:after {
clear: both;
}
.navigation.pagination .nav-links {
font-weight: 700;
text-transform: uppercase;
position: relative;
text-align: center;
padding-bottom: 12px;
}
.nav-links div[class*="nav"] a {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 30px;
}
.nav-links div.nav-next a {
padding-left: 0;
padding-right: 30px;
}
.nav-links div[class*="nav"] a .meta-nav {
font-size: 17px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-links div.nav-next a .meta-nav {
left: auto;
right: 0;
}
.page-numbers.prev,
.page-numbers.next {
position: absolute;
top: 0;
left: 0;
letter-spacing: 1px;
padding: 9px 20px 9px 50px;
display: block;
border-radius: 40px;
width: auto;
height: auto;
text-transform: none;
line-height: 1.3;
font-size: 18px;
}
.page-numbers.next {
left: auto;
right: 0;
padding-right: 50px;
padding-left: 20px;
margin-right: 0;
}
.page-numbers.prev:before,
.page-numbers.next:before {
content: "";
position: absolute;
left: 20px;
top: 11px;
background-repeat: no-repeat;
width: 20px;
height: 21px;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
.page-numbers.next:before {
mask-image: url('data:image/svg+xml; utf-8, ');
background-color: var(--primary-color);
}
.page-numbers.next:hover:before {
background-image: url('data:image/svg+xml; utf-8, ');
}
.page-numbers.prev:before {
mask-image: url('data:image/svg+xml; utf-8, ');
background-color: var(--primary-color);
}
.page-numbers.prev:hover:before {
background-image: url('data:image/svg+xml; utf-8, ');
}
.page-numbers.next:before {
left: auto;
right: 20px;
}
.page-numbers.prev:hover:before,
.page-numbers.next:hover:before {
color: #fff;
}
.page-numbers {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
text-align: center;
color: #3f3b36;
font-size: 20px;
background: rgba(var(--primary-color-rgb), 0.15);
margin-right: 5px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
a.page-numbers:hover,
span.page-numbers.current {
background: var(--primary-color);
color: #fff;
}
.posts-navigation .nav-links div[class*="nav-"] a {
display: inline-block;
vertical-align: middle;
border: 2px solid #f0f0f0;
border-radius: 40px;
padding: 12px 25px;
font-size: 0.6666em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #000;
position: relative;
text-decoration: none;
}
.posts-navigation .nav-links div[class*="nav-"] a:hover {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
#load-posts {
text-align: center;
}
#load-posts a {
display: inline-block;
font-size: 0.666em;
text-transform: uppercase;
color: #262525;
text-decoration: none;
font-weight: 700;
letter-spacing: 1px;
border: 2px solid #f0f0f0;
border-radius: 40px;
padding: 15px 30px;
text-align: center;
}
#load-posts a.loading,
#load-posts a:hover {
background: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
text-decoration: none;
}
#load-posts a svg {
vertical-align: middle;
margin-right: 10px;
}
#load-posts a.disabled {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
opacity: 0.6;
cursor: not-allowed;
}
/* .single-recipe .site-main .post-navigation {
margin-top: 0;
border-top: 0;
} */
.single .navigation .nav-links {
text-transform: none;
font-family: var(--secondary-font);
color: #000;
font-size: 18px;
font-weight: 700;
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.single-recipe .site-main .post-navigation .nav-links {
margin-top: 0;
}
.single .pagination .nav-links:before,
.single .pagination .nav-links:after {
content: "";
display: table;
}
.single .pagination .nav-links:after {
clear: both;
}
.single .pagination .nav-previous {
display: inline-block;
padding-right: 20px;
vertical-align: middle;
position: relative;
}
.single .pagination .nav-next {
display: inline-block;
padding-left: 20px;
text-align: right;
vertical-align: middle;
position: relative;
}
.single .pagination .nav-previous:after,
.single .pagination .nav-next:after {
content: "";
background: #f2f2f2;
width: 2px;
position: absolute;
top: -20px;
right: -1px;
bottom: -20px;
}
.single .pagination .nav-next:after {
right: auto;
left: -1px;
}
.single .nav-links div[class*="nav"] a {
padding: 0 0 0 40px;
color: #000;
display: flex;
flex-flow: row wrap;
align-items: center;
}
.single .nav-links div.nav-next a {
flex-flow: row-reverse wrap;
padding-left: 0;
padding-right: 40px;
}
.single .nav-links span.meta-nav {
width: 30px;
}
.single .nav-links a figure {
width: 100px;
height: 100px;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.single .nav-links a .post-title {
padding-left: 20px;
width: calc(100% - 100px);
}
.single .nav-links div.nav-next a .post-title {
padding-left: 0;
padding-right: 20px;
}
#primary .post-navigation article .dr-recipe-title {
font-size: 1em;
}
/* .single-recipe .nav-links div[class*="nav"] a .meta-nav {
width: 20px;
height: 20px;
padding: 0 10px 0 0;
text-align: center;
margin: 0;
} */
/* .single-recipe .nav-links div.nav-previous a .meta-nav {
padding-left: 0;
}
.single-recipe .nav-links .meta-nav svg {
position: static;
}
.single-recipe .nav-links .nav-previous .meta-nav svg {
-webkit-transform: none;
-moz-transform: none;
transform: none;
} */
.single-recipe .post-navigation .nav-links a .post-title {
width: calc(100% - 120px);
}
.single-recipe .site-main .dr-entry-meta {
justify-content: initial;
}
.dr-archive-single .dr-entry-meta {
justify-content: center;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type="checkbox"] {
display: block;
margin-top: 5px;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type="checkbox"]+label {
margin-left: 0;
border-left: none;
padding: 0;
position: static;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type="checkbox"]+label::before {
margin-top: 5px;
}
/* .single-recipe .site-main article .entry-header,
.single-recipe .site-main article .post-thumbnail {
display: none;
} */
/*========================
SIDEBARS
========================*/
#primary {
margin-bottom: 60px;
}
.rightsidebar #primary {
float: left;
width: calc(100% - 320px);
padding-right: 50px;
}
.leftsidebar #primary {
float: right;
width: calc(100% - 320px);
padding-left: 50px;
}
.rightsidebar #secondary,
.leftsidebar #secondary {
float: left;
width: 320px;
margin-bottom: 60px;
}
/*======================
STICKY TOP BAR
======================*/
.sticky-t-bar {
position: sticky;
top: 0;
z-index: 9999;
}
.admin-bar .sticky-t-bar {
top: 32px;
}
.sticky-t-bar+.site-header {
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.sticky-t-bar:not(.active)+.site-header {
padding-top: 0 !important;
}
button.close {
padding: 0;
border: none;
}
.sticky-t-bar .close {
background: var(--primary-color);
width: 30px;
height: 30px;
position: absolute;
top: 0;
right: 30px;
cursor: pointer;
z-index: 9999;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.sticky-t-bar.active .close {
top: 17px;
}
.sticky-t-bar .close:before,
.sticky-t-bar .close:after {
content: "";
background: #fff;
width: 10px;
height: 2px;
position: absolute;
top: 0;
left: -6px;
right: 0;
bottom: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.sticky-t-bar .close:after {
left: 0;
right: -6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sticky-t-bar.active .close:before,
.sticky-t-bar.active .close:after {
width: 20px;
left: 0;
}
.sticky-t-bar.active .close:after {
right: 0;
}
.sticky-bar-content {
background: var(--primary-color);
color: #fff;
text-align: center;
padding: 7px 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.sticky-bar-content a {
display: inline-block;
margin-left: 5px;
color: #fff;
text-decoration: underline;
}
.sticky-bar-content a:hover {
text-decoration: none;
color: #fff;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper {
background: none !important;
display: flex;
flex: 1;
padding: 0;
justify-content: center;
align-items: center;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper.bg-img::before,
.sticky-bar-content .blossomthemes-email-newsletter-wrapper:after {
display: none;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder {
text-align: left;
padding-right: 10px;
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder h3 {
margin: 0;
font-size: 1.2223em;
font-weight: 700;
font-family: var(--primary-font);
color: #fff;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder span {
display: block;
font-size: 0.8888em;
color: rgba(255, 255, 255, 0.75);
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form {
/*display: flex;
flex: 1;
flex-wrap: wrap;*/
display: inline-block;
vertical-align: middle;
text-align: left;
max-width: 45%;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="text"] {
height: 35px;
border: none;
margin-left: 10px;
font-size: 0.7778em;
margin-bottom: 0;
margin-top: 0;
width: 40%;
float: left;
background: #fff;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[name="subscribe-email"] {
width: 80%;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"]+input[name="subscribe-email"] {
width: 40%;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
height: 35px;
background-color: #56CC9D;
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-size: 17px;
background-position: center;
border-width: 2px;
border-color: #fff;
padding: 0;
width: 35px;
margin-bottom: 0;
margin-top: 0 !important;
text-indent: 50px;
overflow: hidden;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover {
background-color: var(--primary-color);
}
.blossomthemes-email-newsletter-wrapper form label {
display: block;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form label {
/*display: flex;
order: 5;
margin-left: 10px;*/
font-size: 0.7778em;
color: rgba(255, 255, 255, 0.75);
margin-top: 5px;
float: right;
width: calc(100% - 10px);
text-align: left;
}
.blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap {
position: relative;
padding-left: 25px;
}
.check-mark,
.blossomthemes-email-newsletter-wrapper form label .check-mark {
width: 15px;
height: 15px;
border: 1px solid rgba(0, 0, 0, 0.15);
display: block;
position: absolute;
top: 4px;
left: 0;
margin-top: 0;
background-color: transparent;
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-size: 0;
background-position: center;
transition: all ease 0.35s;
}
.site-footer .blossomthemes-email-newsletter-wrapper form label .check-mark {
border-color: rgba(255, 255, 255, 0.5);
}
.blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked+.check-mark::before {
display: none;
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form .check-mark {
border-color: rgba(255, 255, 255, 0.5)
}
.blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked+.check-mark {
background-color: var(--primary-color);
background-size: 11px;
border-color: var(--primary-color);
}
.sticky-bar-content .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked+.check-mark {
background-color: #fff;
background-image: url('data:image/svg+xml; utf-8, ');
background-size: 11px;
border-color: #fff;
}
.blossomthemes-email-newsletter-wrapper form label .text {
display: inline-block;
}
.widget-area .blossomthemes-email-newsletter-wrapper form label .text,
.site-footer .blossomthemes-email-newsletter-wrapper form label .text {
color: #666;
}
.blossomthemes-email-newsletter-wrapper form label:hover .text {
text-decoration: underline;
}
/*==========================
STICKY HEADER
==========================*/
.sticky-header {
position: fixed;
top: -100%;
left: 0;
right: 0;
z-index: 9999;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.sticky-header.sticky {
visibility: visible;
top: 0;
}
.sticky-header .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.sticky-header .site-branding {
display: flex;
flex: auto;
flex-wrap: wrap;
padding: 20px 0;
}
.sticky-header .main-navigation {
display: flex;
flex: auto;
justify-content: flex-end;
}
.sticky-header .main-navigation ul.nav-menu>li>.submenu-toggle {
top: 46px;
}
.sticky-header .main-navigation ul.nav-menu>li>a {
padding-top: 45px;
padding-bottom: 45px;
}
/*========================
MAIN HEADER
========================*/
.site-header {
border-bottom: 1px solid #f2f2f2;
margin-bottom: 40px;
}
body:not(.home) .site-header {
margin-bottom: 10px;
}
.site-header .main-header {
padding: 30px 0;
}
.header-one .main-header>.container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.main-header>.container:before,
.main-header>.container:after {
display: none;
}
.main-header .site-branding {
text-align: left;
display: flex;
justify-content: center;
order: 2;
flex: 1;
align-items: center;
}
.main-header .site-branding:not(.has-logo-text) {
flex-direction: column;
text-align: center;
align-items: flex-start;
}
.has-logo-text .site-title-wrap {
padding-left: 15px;
}
.site-branding .site-title {
margin: 0;
line-height: 1;
}
.site-branding .site-title a {
color: #000;
}
.site-branding .site-description {
margin: 5px 0 0 0;
font-size: 0.7778em;
letter-spacing: 1px;
color: #8c8c8c;
}
.main-header .header-social-icons {
display: flex;
flex: 1;
}
ul.social-icon-list {
margin: 0;
padding: 0;
list-style: none;
}
.social-icon-list li {
display: inline-block;
margin-bottom: 0;
}
.social-icon-list li a {
color: #000;
padding: 5px 10px;
}
.social-icon-list li:first-child a {
padding-left: 0;
}
.social-icon-list li a:hover {
color: var(--primary-color);
}
.main-header .search-wrap {
display: flex;
flex: 1;
text-align: right;
order: 3;
justify-content: flex-end;
}
.search-wrap .header-search,
.search-wrap .shopping-cart {
display: inline-block;
vertical-align: middle;
padding-left: 5px;
}
.search-wrap .header-search+.shopping-cart {
border-left: 1px solid #e5e5e5;
}
.header-search>.search-btn {
color: #000;
cursor: pointer;
position: relative;
display: inline-block;
padding: 0 10px;
background: none;
border: none;
}
.header-search>.search-btn:hover {
color: var(--primary-color);
}
.header-search>.search-btn>span {
position: absolute;
top: 0;
right: 100%;
font-weight: 400;
text-transform: uppercase;
color: #999999;
font-size: 12px;
letter-spacing: 1px;
padding-right: 10px;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.header-search>.search-btn:hover>span {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
padding-right: 0;
}
.header-search-form {
position: fixed;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.85);
text-align: center;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
form.search-form:before,
form.search-form:after {
content: "";
display: table;
height: 0;
width: 0;
}
form.search-form:after {
clear: both;
}
form.search-form {
border: 1px solid #e5e5e5;
}
.header-search-form form.search-form {
max-width: 600px;
margin: auto;
top: 50%;
position: absolute;
left: 0;
right: 0;
border: none;
}
.search-form>label {
font-family: var(--secondary-font);
color: #fff;
font-size: 1.667em;
font-weight: 500;
display: block;
margin-bottom: 20px;
}
.search-form input.search-field {
float: left;
width: calc(100% - 60px);
background: #fff;
border: none;
font-size: 16px;
height: 60px;
color: #000;
}
.header-search-form .search-form input.search-field {
font-size: 1.33em;
}
.search-form .search-submit {
float: left;
width: 60px;
height: 60px;
margin-bottom: 0;
padding: 0;
border: 2px solid #fff;
position: relative;
font-size: 1.33em;
line-height: 55px;
cursor: pointer;
z-index: 1;
background-color: var(--primary-color);
background-image: url('data:image/svg+xml;utf-8, ');
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
text-indent: 60px;
overflow: hidden;
}
.search-form .search-submit:hover {
background-color: var(--primary-color);
background-image: url('data:image/svg+xml;utf-8, ');
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
opacity: 0.8;
filter: alpha(opacity=80);
}
.header-search-form .close {
background: none;
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
.header-search-form .close:before,
.header-search-form .close:after {
content: "";
background: #fff;
width: 25px;
height: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-search-form .close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-search-form .close:hover:before,
.header-search-form .close:hover:after {
background: var(--primary-color);
}
/*.search-active .site {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(5px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}*/
.shopping-cart a {
display: inline-block;
padding: 0 10px;
color: #000;
position: relative;
}
.shopping-cart a:hover svg {
color: var(--primary-color);
}
.shopping-cart .cart-count {
position: absolute;
width: 18px;
height: 18px;
text-align: center;
line-height: 20px;
top: -7px;
right: 0px;
background: var(--primary-color);
color: #fff;
border-radius: 100%;
font-size: 13px;
}
/*======================
MAIN NAVIGATION
======================*/
.site-header .nav-wrap {
border-top: 1px solid #f2f2f2;
}
.main-navigation .toggle-button {
display: none;
}
.main-navigation ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.main-navigation ul li {
font-size: 0.7778em;
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-bottom: 0;
font-weight: 700;
}
.main-navigation ul li a {
color: #000;
padding: 15px 20px;
display: inline-block;
}
.main-navigation ul ul li.menu-item-has-children>a {
padding-right: 30px;
}
.main-navigation ul li:hover>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current_page_item>a {
color: var(--primary-color);
}
@media screen and (min-width: 1025px) {
.main-navigation .primary-menu-list,
.main-navigation ul ul {
display: block !important;
}
.primary-menu-list .close {
display: none;
}
.main-navigation ul li .submenu-toggle,
.main-navigation ul li .submenu-toggle:focus {
pointer-events: none;
outline: none;
}
}
.main-navigation ul ul {
position: absolute;
top: 110%;
left: 0;
text-align: left;
width: 230px;
z-index: 999;
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focused>ul {
top: 100%;
opacity: 1;
filter: alpha(opacity=100);
clip: unset;
}
.main-navigation ul ul ul {
left: 110%;
top: 0;
padding-left: 3px;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focused>ul {
top: 0;
left: 100%;
}
.main-navigation ul.nav-menu li ul:before,
.main-navigation ul.nav-menu li ul:after {
content: "";
border-bottom: 8px solid rgba(0, 0, 0, 0.1);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
position: absolute;
top: -9px;
left: 20px;
}
.main-navigation ul.nav-menu li ul:after {
border-bottom-color: #fff;
top: -7px;
}
.main-navigation ul.nav-menu ul ul:before,
.main-navigation ul.nav-menu ul ul:after {
display: none;
}
.main-navigation ul ul li {
display: block;
background: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
margin-top: -1px;
}
.main-navigation ul ul li a {
border: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
color: #3f3b36;
}
.main-navigation ul ul li:hover>a,
.main-navigation ul ul li.current-menu-item>a,
.main-navigation ul ul li.current_page_item>a {
color: var(--primary-color);
}
.main-navigation ul li .submenu-toggle {
font-size: 10px;
position: absolute;
top: 17px;
right: 2px;
cursor: pointer;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: none;
color: inherit;
padding: 0;
border: none;
}
.main-navigation ul ul li .submenu-toggle {
right: 10px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*==========================
HEADER LAYOUT ONE
==========================*/
.header-one .main-header .header-social-icons+.search-wrap+.site-branding {
justify-content: center;
align-items: center;
flex: 1;
}
.header-one .main-header .search-wrap+.site-branding {
flex: 2;
justify-content: flex-end;
}
.header-one .main-header .header-social-icons+.site-branding {
justify-content: flex-start;
flex: 2;
}
.main-header .search-wrap+.site-branding:not(.has-logo-text) {
display: flex;
align-items: flex-end;
}
/*==========================
HEADER LAYOUT TWO
==========================*/
.header-two .header-t {
padding: 30px 0 0 0;
}
.header-two .header-t .container {
display: flex;
flex: 1;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
}
.header-two .header-t .header-social-icons {
display: flex;
flex: 1;
}
.header-two .header-t .search-wrap {
display: flex;
flex: 1;
justify-content: flex-end;
}
.header-two .main-header>.container {
display: block;
}
/*==========================
HEADER LAYOUT THREE
==========================*/
.header-three .header-t {
border-bottom: 1px solid #f2f2f2;
}
.header-three .header-t .container {
display: flex;
flex: 1;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
}
.header-three .header-t .main-navigation {
order: 2;
display: flex;
flex: auto;
justify-content: center;
}
.header-three .main-navigation ul li a {
padding-top: 20px;
padding-bottom: 20px;
}
.header-three .main-navigation ul ul li a {
padding-top: 15px;
padding-bottom: 15px;
}
.header-three .main-navigation ul li .submenu-toggle {
top: 22px;
}
.header-three .main-navigation ul ul li .submenu-toggle {
top: 17px;
}
.header-three .header-t .header-social-icons {
display: flex;
flex: auto;
padding: 17px 0;
}
.header-three .header-t .search-wrap {
order: 3;
display: flex;
flex: auto;
justify-content: flex-end;
padding: 17px 0;
}
/*=========================
HEADER LAYOUT FOUR
=========================*/
.header-four .header-t {
border-bottom: 1px solid #f2f2f2;
}
.header-four .header-t .container,
.header-four .main-header>.container {
display: flex;
flex: 1;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
}
.header-four .header-t .header-social-icons {
display: flex;
flex: auto;
padding: 17px 0;
}
.header-four .header-t .search-wrap {
display: flex;
flex: auto;
justify-content: flex-end;
padding: 17px 0;
}
.header-four .main-header .site-branding {
flex: auto;
justify-content: flex-start;
display: flex;
order: 0;
text-align: left;
}
.header-four .main-header .main-navigation {
display: flex;
flex: auto;
justify-content: flex-end;
}
/*.main-navigation ul li:last-child:not(.menu-item-has-children) > a {
padding-right: 0;
}
.main-navigation ul ul li:last-child:not(.menu-item-has-children) > a {
padding-right: 20px;
}*/
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(1)>ul,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(2)>ul,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(3)>ul {
left: auto;
right: 0;
}
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(1)>ul::before,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(1)>ul::after,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(2)>ul::before,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(2)>ul::after,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(3)>ul::before,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(3)>ul::after {
left: auto;
right: 20px;
}
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(1)>ul ul,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(2)>ul ul,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(3)>ul ul {
left: auto;
right: 110%;
padding-left: 0;
padding-right: 3px;
}
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(1)>ul li:hover ul,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(2)>ul li:hover ul,
.header-four .main-navigation ul.nav-menu>li:nth-last-of-type(3)>ul li:hover ul {
right: 100%;
}
/*====================
SITE BANNER
====================*/
.site-banner {
margin-bottom: 40px;
}
.banner-slider .slider-item {
display: flex;
}
.slider-one .banner-slider .slider-item {
display: block;
}
svg.fallback-svg {
vertical-align: top;
}
.site-banner.static-banner {
position: relative;
margin-bottom: 0;
}
.site-banner:not(.slider-two, .slider-five) .banner-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
padding: 30px;
text-align: center;
min-height: 126px;
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
flex: 1;
}
.site-banner.static-banner .banner-caption {
top: 0;
min-height: auto;
height: 100%;
bottom: auto;
background: none;
padding: 0;
}
.site-banner.static-banner .banner-caption .container {
max-width: 768px;
background: rgba(255, 255, 255, 0.85);
padding: 60px 40px;
}
.site-banner .banner-caption .banner-title {
margin: 0;
color: #fff;
font-size: 1.556em;
font-weight: 400;
}
.site-banner.static-banner .banner-caption .banner-title {
font-size: 2em;
color: #333;
}
.site-banner .banner-caption .banner-title a {
color: #fff;
}
.site-banner.static-banner .banner-caption .banner-desc {
margin-top: 20px;
font-size: 1.1112em;
}
.site-banner.static-banner .banner-caption .btn {
margin-top: 20px;
display: inline-block;
background: var(--primary-color);
color: #fff;
font-size: 1em;
font-weight: 600;
padding: 15px 25px;
line-height: 1;
border: 1px solid var(--primary-color);
}
.site-banner.static-banner .banner-caption .btn:hover {
background: none;
color: var(--primary-color);
}
.owl-carousel .owl-nav [class*='owl-'],
.owl-carousel .owl-nav button[class*='owl-'] {
position: absolute;
top: 50%;
left: -25px;
padding: 0;
margin: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 100%;
background: rgba(0, 0, 0, 0.5);
font-size: 1.223em;
letter-spacing: 1px;
text-indent: 55px;
overflow: hidden;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav button.owl-next {
right: -25px;
left: auto;
}
.owl-carousel .owl-nav [class*='owl-']:hover,
.owl-carousel .owl-nav button[class*='owl-']:hover {
background: var(--primary-color);
}
.owl-carousel .owl-nav [class*='owl-']::before,
.owl-carousel .owl-nav button[class*='owl-']::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
text-indent: -2px;
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
width: 21px;
height: 25px;
margin: auto;
bottom: 0;
}