.error404 .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
display: none;
}
#Error_404 {
overflow: hidden;
position: absolute;
top: 0;
margin-top: 0px;
left: auto;
width: 100%;
text-align: center;
height: 100%;
background-image: url(//bockstein-coffee.com/wp-content/uploads/2022/07/404-1.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
#Error_404 .error_desk {
width: 100%;
float: left;
padding-top: 60px;
}
#Error_404 .container {
text-align: center;
}
#Error_404 .error_desk h2 {
font-size: 1.5em;
line-height: 45px;
color: #fff;
}
.logo-404 img {
width: 11rem;
padding-top: 19px;
}
@media only screen and (min-width:768px) and (max-width:959px) {
#Error_404 .error_desk h2 {
margin-bottom: 2rem;
font-size: 1.9em;
}
body.error404 {
background-size: contain;
background-color: #f7f7f7;
}
span.ziro-404 img {
height: 26rem !important;
top: 11pc !important;
}
h3.text404 {
margin-top: -10rem !important;
}
}
@media only screen and (min-width:425px) and (max-width:767px) {
body.error404 {
background-size: contain !important;
background-color: #f7f7f7;
}
span.ziro-404 img {
height: 25rem !important;
top: 15pc !important;
}
h3.text404 {
font-size: 10pc !important;
margin-top: -15rem !important;
}
#Error_404 .error_desk h2 {
font-size: 1.8em !important;
}
}
@media only screen and (max-width:768px) {
body.error404 {
background-size: contain !important;
background-color: #f7f7f7;
}
}
@media only screen and (max-width:424px) {
#Error_404 .error_desk h2 {
margin-bottom: 0rem!important;
}
#Error_404 .error_desk {
padding-top: 15px!important;
}
span.ziro-404 img {
height: 18rem !important;
top: 10pc !important;
}
h3.text404 {
font-size: 7pc !important;
margin-top: -10rem !important;
}
#Error_404 .error_desk h2 {
font-size: 1.6em !important;
}
}
body.error404 {
background-color: #f7f7f7;
}
h3.text404 {
font-size: 46vh;
font-weight: 600;
color: #272e80;
margin-top: -41vh;
}
span.ziro-404 img {
position: relative;
height: 86vh;
top: 41vh;
animation: move-coffee 4s infinite linear;
}
#Error_404 .error_desk  .button {
width: 12rem;
margin: 0 auto;
background-color: #272e808f!important;
color: #fff;
border-radius: 0px 24px 24px 24px;
border: none;
padding: 4px 0px;
transition: all .4s ease;
cursor: pointer;
font-size: 15px;
text-transform: uppercase;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 29px;
}
#Error_404 .error_desk p .button:hover {
border-radius: 0;
}
#Error_404 .error_desk h2 {
margin-bottom: 2rem;
}
@keyframes move-coffee {
0% {
transform: translateY(0%) translatex(0%);
}
15% {
transform: translateY(7%) translatex(10%);
}
55% {
transform: translateY(10%) translatex(0%);
}
80% {
transform: translateY(7%) translatex(-10%);
}
100% {
transform: translateY(0%)translatex(0%);
}
} .single .column.one.post-nav.minimal,
a.fixed-nav.fixed-nav-prev,
a.fixed-nav.fixed-nav-next {
display: none !important;
}
.single .post>.section.section-post-header>.section_wrapper {
display: flex;
max-width: unset !important;
flex-direction: row-reverse;
}
.single .post .column.one.single-photo-wrapper.image {
margin: 0 !important;
}
.single #Content {
padding-top: 0 !important;
}
.single .post .column.one.post-header {
display: flex;
flex-wrap: wrap;
}
.single .post .column.one.post-header .title_wrapper {
margin: auto 0;
height: fit-content;
width: 100%;
padding-top: 60px;
}
.single .post .column.one.post-header {
position: relative;
}
.single .post .column.one.post-header .post-meta .author-date {
text-align: right;
transform: rotate(-90deg);
position: absolute;
left: -6%;
top: 13%;
}
.single .post .column.one.post-header .post-meta span.date {
font-size: 23px;
font-weight: 500;
color: #cbcbcb;
}
.single .post .column.one.post-header .post-meta .author-date {
float: none;
}
.single .post .column.one.post-header .post-meta .author-date i.icon-clock {
display: none;
}
.single .section.section-post-header {
padding: 120px 0 80px;
background-color: #272E80;
}
.single .section.section-post-header .title_wrapper h1 {
font-size: 40px;
line-height: 35px;
padding: 0 22px;
color: #fff;
font-weight: 800;
line-height: 1.2;
text-transform: capitalize;
}
.single .post .column.one.post-header::before {
content: " ";
position: absolute;
width: 1px;
height: 104px;
left: 29px;
top: -19.5%;
background-color: #959595;
}
.single .category.mata-tags,
.single .post .column.one.post-header .post-meta .cat-btn i,
.single .section-related-ul .post-related span.button_icon {
display: none;
}
.single .post .column.one.post-header .post-meta .cat-wrapper {
display: block;
position: static;
background-color: transparent;
}
.single .post-meta .category .cat-wrapper ul {
padding: 2px 7px;
background: transparent !important;
}
.single .post-meta .category .cat-wrapper ul li a:hover {
text-decoration: none;
color: #b1b1b1;
background: transparent;
}
.single .post-meta .category .cat-wrapper ul li a {
display: block;
text-align: center;
padding: 1px 5px;
color: #cbcbcb;
font-weight: 600;
font-size: 19px;
}
.single .post-meta .category .cat-btn {
cursor: default;
font-size: 17px;
color: #e7e7e7;
}
.single .post-meta.clearfix {
padding: 16px 27px;
}
.single .post-header .cu-breadcrumbs {
width: 100%;
}
.post-meta {
color: #cbcac6;
}
.single .post-header .cu-breadcrumbs li {
height: auto;
}
.single .post-header .cu-breadcrumbs ul li:first-child {
display: none;
}
.single .post-header .cu-breadcrumbs ul {
display: flex;
flex-wrap: wrap;
}
.single .section.the_content.has_content {
border-top: 8px solid #facd01;
}
.single .section.section-post-intro-share {
display: none;
}
.single .section.section-post-related .section-related-adjustment.simple>h4 {
padding: 25px 40px 30px;
color: #272E80 !important;
font-size: 26px;
}
.single .section.section-post-related .post-related {
padding: 60px;
box-sizing: border-box;
border: 1px solid #e5e5e5;
}
.single .post-related .image_wrapper img {
border-radius: 0 40px 0 20px;
-webkit-border-radius: 0 40px 0 20px;
-moz-border-radius: 0 40px 0 20px;
-ms-border-radius: 0 40px 0 20px;
-o-border-radius: 0 40px 0 20px;
}
.single .post-related .image_frame {
width: 82%;
float: right;
}
.single .section-related-ul .post-related {
display: flex;
flex-direction: column;
}
.single .section-related-ul .date_label {
width: 100%;
display: block;
transform: rotate(-90deg);
text-align: right;
position: absolute !important;
top: 65%;
left: -40%;
z-index: 99;
color: #9babbe;
font-size: 20px;
font-weight: 600;
}
.single .section-related-ul .post-related {
position: relative;
}
.single .section-related-ul .post-related::after {
content: " ";
position: absolute;
width: 1px;
height: 52px;
left: 66px;
top: 0;
background-color: #e5e5e5;
}
.single .section-related-ul .post-related .desc h4 {
margin-top: 18px;
}
body.single #Header {
min-height: 80px !important;
}
.single div#respond {
padding: 8px 0 0;
}
.single div#comments {
margin-top: 30px;
}
.single #respond .comment-reply-title {
font-size: 42px;
font-weight: 500;
line-height: 25px;
display: inline-block;
position: relative;
color: #272E80;
}
.single .section.section-post-comments {
background-color: #F9F9F9;
}
.single #respond .comment-reply-title::after {
position: absolute;
content: '.';
color: #facd01;
right: -2px;
bottom: 8px;
font-size: 67px;
}
.single #respond #commentform p.comment-form-comment {
width: 50% !important;
float: left;
}
.single #respond #commentform .comment-form-author,
.single #respond #commentform p.comment-form-email,
.single #respond #commentform p.comment-form-cookies-consent {
width: 46%;
margin-left: 2% !important;
float: right;
margin-right: 0 !important;
}
.single #respond #commentform p.comment-form-comment textarea,
.single #respond #commentform p.comment-form-email input,
.single #respond #commentform .comment-form-author input {
border: none;
box-shadow: none !important;
background-color: rgb(241, 241, 241);
}
.single #respond #commentform p.comment-form-comment textarea:focus,
.single #respond #commentform p.comment-form-email input:focus,
.single #respond #commentform .comment-form-author input:focus {
border: none;
box-shadow: none !important;
background-color: rgb(241, 241, 241) !important;
}
.single #respond #commentform p.comment-form-comment label,
.single #respond #commentform p.comment-form-email label,
.single #respond #commentform .comment-form-author label {
color: rgb(153 153 153);
}
.single #respond #commentform p.form-submi {
display: block;
width: 100%;
float: none;
}
.single #respond .form-submit input[type="submit"] {
float: left !important;
}
.single #respond .form-submit input[type="submit"] {
transition: .5s;
margin-right: 0;
border-radius: 0px 19px 19px 19px;
border: none;
padding: 18px 40px;
transition: all .4s ease;
cursor: pointer;
font-size: 14px;
text-transform: uppercase;
background-color: #272e80 !important;
color: #f8f8fb !important;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
}
.single #respond .form-submit input[type="submit"]:hover {
border-radius: 0px;
}
.single .post-related .desc a.button {
color: #272E80 !important;
text-decoration: none;
position: relative;
width: 118px;
display: inline-block;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
overflow: hidden;
text-align: right;
font-weight: 800;
background-color: #F7F7F7 !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
width: 200px;
float: right;
text-transform: capitalize !important;
}
.single .post-related .desc a.button::after {
display: none !important;
}
.single .post-related .desc a.button::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f061";
position: absolute;
right: 0px;
width: 100%;
height: 100%;
background-color: #fff;
text-align: right;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
padding: 0 15px;
color: #272E80;
}
.single #Content .post {
background-color: #fff;
}
.single #Content .post .section-related-ul .post-related {
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
width: 50%;
margin: 0 !important;
}
.single #Content .title_wrapper {
border: none !important;
}
.single #Content .post .section-related-ul .post-related:hover {
background-color: #fff;
}
.single #Content .post .section-related-ul .post-related:hover .desc a.button::before {
background-color: #fff !important;
right: -100%;
}
.single .post-related .desc a.button:hover {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
background-color: transparent !important;
}
.single #Content .post .section-related-ul .post-related:hover .desc a.button {
padding-right: 0;
}
.single #Content .post #comments p.form-submit {
display: block;
width: 100%;
clear: both;
}
.single #Content .post #comments p.form-submit input {
margin-top: 20px !important;
}
.single #Content #comments {
display: flex;
flex-direction: column;
}
.single #Content #comments h4#comments-title {
order: 2;
order: 2;
color: #272e80;
font-size: 25px;
}
.commentlist .comment-meta a {
font-style: normal !important;
}
.commentlist span.says {
display: none !important;
}
.single #Content #comments .commentlist {
order: 3;
margin-bottom: 50px;
margin-bottom: 44px;
}
.single #Content #comments #respond {
order: 1;
border-top: none !important;
}
.single #Content #comments .avatar {
display: none !important;
} footer#Footer .column.one-third:last-child {
width: 100%;
}
#Footer .column.one-third:first-child, #Footer .column.one-third:nth-child(2) {
width: 48%;
}
footer#Footer .column.one-third:last-child aside#custom_html-7 {
margin-bottom: 0;
}
footer#Footer .column.one-third:last-child .widget {
margin-bottom: 0;
}
a#back_to_top {
background-color: #fff;
fill: #fff;
width: 40px;
height: 40px;
border-radius: 0px 24px 24px 24px;
align-items: center;
justify-content: center;
z-index: 102;
transition: all .3s ease;
box-shadow: -1px 0 16px 0 rgb(0 0 0 / 5%);
}
a#back_to_top:hover {
border-radius: 24px 24px 24px 24px;
}
.footer_button {
font-size: 16px !important;
}
.c-footer__logo-link:before,
.c-footer__logo-link:after {
content: '';
height: 1px;
width: 97%;
background: #facd01;
display: inline-flex;
}
#Footer .footer_copy {
border-top: 0px solid rgba(255, 255, 255, .1);
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
display: none;
}
img.c-footer__logo-image {
width: 200px;
height: auto;
margin: 0 4%;
display: inline-flex;
filter: brightness(100);
}
.c-footer__logo-link {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
.footer-copy-center #Footer .footer_copy .copyright {
font-size: 13px;
}
#Footer a:hover {
color: #ffd31a;
text-decoration: none;
}
.footer-info p {
color: #fff;
}
.footer-info p i {
font-size: 17px;
}
.product-cat-footer ul li a {
color: #fff;
}
.product-cat-footer ul li a:before {
content: "\f0f4";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 7px;
}
.product-cat-footer ul li {
margin-bottom: 15px;
}
footer#Footer h4 {
font-size: 1.7em;
}
@media only screen and (max-width:767px) {
img.c-footer__logo-image {
width: 140px !important;
}
}  .button {
transition: .5s;
margin-right: 0;
border-radius: 0px 24px 24px 24px;
border: none;
padding: 20px 30px;
transition: all .4s ease;
cursor: pointer;
font-size: 15px;
text-transform: uppercase;
background-color: #272e80 !important;
color: #f8f8fb !important;
}
.button:hover {
border-radius: 0px;
} body.blog #Header,
body.archive #Header {
min-height: 80px !important;
}
.blog .section.section-filters,
.archive .section.section-filters {
display: none;
}
.blog .post-excerpt,
.archive .post-excerpt,
.blog .post-links i,
.archive .post-links i,
.blog .post-links a.post-comments,
.archive .post-links a.post-comments,
.blog span.date i.icon-clock,
.archive span.date i.icon-clock {
display: none !important;
}
.blog .post-links,
.archive .post-links {
border: none !important;
}
.blog .grid .post-desc-wrapper .post-desc,
.archive .grid .post-desc-wrapper .post-desc {
padding: 20px 0px 0;
}
.blog .post-item .post-desc .post-title h4 a,
.archive .post-item .post-title h4 a,
.single .section-related-ul .post-related h4 a,
.search .posts_group .search-item .post-title h4 a {
color: #06509f;
font-weight: 800;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
text-transform: capitalize;
}
.blog .post-item:hover .post-desc .post-title h4 a,
.archive .post-item:hover .post-title h4 a,
.single .section-related-ul .post-related:hover h4 a,
.search .posts_group .search-item:hover .post-title h4 a {
color: #facd01;
}
.single .the_content_wrapper p {
text-align: justify;
}
.single .section-related-ul .post-related .desc h4 a {
font-size: 23px;
}
.blog .grid .post-photo-wrapper,
.archive .grid .post-photo-wrapper {
width: 82%;
float: right;
border-radius: 0 40px 0 20px;
padding-bottom: 30px;
}
.blog .grid .post-photo-wrapper img.scale-with-grid.wp-post-image {
width: auto!important;
max-width: inherit!important;
height: auto!important;
max-height: 245px;
overflow: hidden;
}
.blog .post-meta .author-date,
.archive .post-meta .author-date {
transform: rotate(-90deg) translate(64%, -233%);
-webkit-transform: rotate(-90deg) translate(64%, -233%);
-moz-transform: rotate(-90deg) translate(64%, -233%);
-ms-transform: rotate(-90deg) translate(64%, -233%);
-o-transform: rotate(-90deg) translate(64%, -233%);
}
.blog .post-meta .author-date span,
.archive .post-meta .author-date span {
position: relative;
color: #9babbe;
font-size: 20px;
font-weight: 600;
}
.blog .image_wrapper img,
.archive .image_wrapper img {
border-radius: 0 40px 0 20px;
width: auto!important;
max-width: inherit!important;
height: auto!important;
max-height: 245px;
overflow: hidden;
}
.blog .post-meta .author-date span::after,
.archive .post-meta .author-date span::after {
position: absolute;
content: '';
width: 50px;
height: 0.1px;
top: 12px;
right: -67px;
background-color: rgb(179 175 175);
transform: scaleY(0.2);
}
body.blog,
body.archive,
body.blog #Content,
body.archive #Content {
background-color: #F3F3F3;
padding-top: 0 !important;
}
.blog #Content .section_wrapper .post-item,
.archive #Content .section_wrapper .post-item {
background-color: #F7F7F7;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
position: relative;
width: 25%;
padding: 30px 30px 20px;
box-sizing: border-box;
margin: 0;
min-height: 460px;
border: 1px solid rgb(158,158,158,.2);
border-width: 0px 1px 1px 0px;
}
.blog #Content .section_wrapper .post-item:hover,
.archive #Content .section_wrapper .post-item:hover {
background-color: #fff;
}
.search .posts_group .search-item::before {
display: block;
overflow: visible;
visibility: visible;
}
.blog .post-item::after,
.archive .post-item::after,
.single .section-related-ul .post-related::before,
.search .posts_group .search-item::before {
overflow: visible !important;
visibility: visible !important;
position: absolute;
content: " ";
width: 0;
height: 5px;
left: 0;
top: -1px;
opacity: 0;
transition: all .4s ease;
background-image: linear-gradient(90deg, #facd01, #facd01);
z-index: 9;
}
.single #respond #commentform p.comment-form-comment textarea {
height: 208px;
}
.single #Content div#respond {
padding-top: 45px;
}
.blog .post-item:hover::after,
.archive .post-item:hover::after,
.single .section-related-ul .post-related:hover::before {
opacity: 1;
width: calc(100% + 1px);
}
.blog .post-links a,
.archive .post-links a,
.search .search-item .search-content .search-footer a {
color: #06509f;
text-decoration: none;
position: relative;
width: 118px;
display: inline-block;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
overflow: hidden;
text-align: right;
padding-right: 33px;
font-weight: 800;
text-transform: capitalize;
}
.blog .post-links a::after,
.archive .post-links a::after,
.search .search-item .search-content .search-footer a::after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f061";
position: absolute;
right: 0px;
width: 100%;
height: 100%;
background-color: #f7f7f7;
text-align: right;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
padding: 0 15px;
color: #9babbe;
}
.blog .post-item:hover .post-links a::after,
.archive .post-item:hover .post-links a::after,
.search .search-item:hover .search-content .search-footer a::after {
right: -100%;
background-color: #fff;
}
.blog .post-item:hover .post-links a,
.archive .post-item:hover .post-links a,
.search .search-item:hover .search-content .search-footer a {
padding-right: 0;
}
@media only screen and (min-width: 1240px) {
.blog .sections_group>.section>.section_wrapper,
.archive .sections_group>.section>.section_wrapper {
border-bottom: 1px solid rgb(231, 231, 231);
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: unset !important;
}
}
.blog .sections_group>.section>.section_wrapper>.column.one.column_blog,
.archive .sections_group>.section>.section_wrapper>.column.one.column_blog {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.pager_wrapper .pager .pages {
background-image: none !important;
}
.pager_wrapper .pager .pages a.page {
margin: 0 5px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #ffff;
padding: 8px;
color: rgb(112, 113, 130) !important;
font-size: 16px;
transition: all 350ms;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-ms-transition: all 350ms;
-o-transition: all 350ms;
}
.pager_wrapper .pager .pages a.page:hover {
background-color: #facd01;
color: #fff !important;
}
.pager_wrapper .pager .pages a.page.active {
background-color: transparent;
color: rgb(112, 113, 130) !important;
}
.pager_wrapper .pager .pages {
margin: 20px 6px 0;
}
.pager_wrapper .pager {
margin-top: 25px;
}
.pager_wrapper .pager a.next_page {
width: 29px;
height: 29px;
overflow: hidden;
border-radius: 50%;
background-color: #fff;
padding: 11px;
color: transparent !important;
position: relative;
transform: translateY(20px);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transition: all 350ms;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-ms-transition: all 350ms;
-o-transition: all 350ms;
}
.pager_wrapper .pager a.next_page:hover {
background-color: #facd01;
}
.pager_wrapper .pager a.next_page i {
color: rgb(112, 113, 130) !important;
position: absolute;
left: 27%;
top: 9%;
font-size: 18px;
transition: all 350ms;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-ms-transition: all 350ms;
-o-transition: all 350ms;
}
.pager_wrapper .pager a.next_page:hover i {
color: #fff !important;
} #Top_bar .menu.page-menu>li>a {
border-right: 0px solid rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width:767px){
.top_bar_left.clearfix {
display: flex;
}
.logo {
display: inline-flex;
flex-direction: column;
order: 1;
}
.menu_wrapper {
order: 2;
display: inline-flex;
width: auto;
flex-grow: 1;
justify-content: center;
}
} .single #Wrapper #Content .post-related .desc a.button {
background-color: #fff !important;
margin: 0 !important;
}
.single #Wrapper #Content .post-related:hover .desc a.button {
background-color: #fff !important;
} body.search #Header {
min-height: 80px !important;
}
.search .posts_group {
display: flex;
flex-wrap: wrap;
}
.search .posts_group .search-item {
width: 50% !important;
flex-direction: column;
padding: 50px 35px;
box-sizing: border-box;
position: relative;
margin-bottom: 0;
border: 1px solid rgb(231, 231, 231);
border-width: 0px 1px 1px 0px;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
min-height: 245px;
}
.search .posts_group .search-item::after {
content: '' !important;
display: block;
overflow: visible;
visibility: visible;
width: 1px;
height: 42px;
position: absolute;
left: 12.5%;
top: 0;
background-color: rgb(231, 231, 231);
}
.search #Subheader {
border-bottom: 1px solid rgb(231, 231, 231);
}
.search .posts_group {
border-left: 1px solid rgb(231, 231, 231);
}
.search #Subheader::after {
display: none;
}
.search #Content,
.search #Content .sections_group {
padding-top: 0 !important;
}
.search #Content {
background-color: #F7F7F7;
}
.search .posts_group .search-item:hover {
background-color: #fff;
}
.search .posts_group .search-item .post-featured-image {
width: 70%;
margin-right: 0 !important;
display: none;
}
.search .posts_group .search-item .post-featured-image img {
float: right;
border-radius: 0 40px 0 20px;
width: auto!important;
max-width: inherit!important;
height: auto!important;
max-height: 245px;
overflow: hidden;
}
.search .posts_group .search-item .post-featured-image{
border-radius: 0 40px 0 20px;
overflow: hidden;
}
.search .posts_group .search-item .date i.icon-clock {
display: none;
}
.search .posts_group .search-item .post-meta .author-date {
float: none;
position: absolute;
top: 42%;
transform: rotate(-90deg);
left: -4%;
}
.search .posts_group .search-item .post-meta .author-date .date {
color: #9babbe;
font-size: 20px;
font-weight: 600;
}
.search-results .search-item .search-content {
width: 100%;
padding-left: 55px;
}
.search .posts_group .search-item:hover:before {
opacity: 1;
width: calc(100% + 1px);
}
.search .posts_group .search-item .post-title {
margin-top: 15px;
}
.search .widget .post i.icon-clock {
display: none;
}
.search .Recent_posts.blog_news ul li .photo {
border-color: #facd01;
overflow: hidden;
}
.search .Recent_posts.blog_news ul li .photo img.scale-with-grid.wp-post-image {
width: auto!important;
max-width: inherit!important;
height: auto!important;
max-height: 77px;
overflow: hidden;
}
.search .Recent_posts.blog_news ul li span.date {
font-size: 13px;
}
.search #Header_wrapper div#Subheader, .blog #Header_wrapper div#Subheader , .archive.category #Header_wrapper div#Subheader {
background-image: url(//bockstein-coffee.com/wp-content/uploads/2022/07/bockstein-blog.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
height: calc(100vh - 150px);
display: flex;
z-index: 99;
position: relative;
}
.search-results #Header_wrapper div#Subheader{
height: calc(50vh);
background-image: url(//bockstein-coffee.com/wp-content/uploads/2022/07/search.jpg);
}
.search-no-results #Header_wrapper div#Subheader{
height: calc(50vh);
background-image: url(//bockstein-coffee.com/wp-content/uploads/2022/05/search-2.jpg);
}
.blog #Header_wrapper div#Subheader .scroll-btn-cu,
.search #Header_wrapper div#Subheader .scroll-btn-cu, .archive.category #Header_wrapper div#Subheader .scroll-btn-cu {
position: absolute;
bottom: 36px;
width: auto;
left: 50%;
transform: translateX(-50%);
}
.scroll-btn-cu a {
font-size: 33px;
color: #fff;
transform: scaleX(1.2);
display: inline-block;
text-shadow: 0px 0px 10px #4c4444dd;
}
.search #Header_wrapper div#Subheader .container,
.blog #Header_wrapper div#Subheader .container , .archive.category #Header_wrapper div#Subheader .container {
display: flex;
align-items: center;
width: 100%;
}
html {
scroll-behavior: smooth;
}
.search #Header_wrapper div#Subheader .container .column.one,
.blog #Header_wrapper div#Subheader .container .column.one , .archive.category #Header_wrapper div#Subheader .container .column.one {
height: fit-content;
margin: auto;
}
.search #Header_wrapper div#Subheader .container .column.one {
margin-top: 75px!important;
}
.search #Header_wrapper div#Subheader h1.title,
.blog #Header_wrapper div#Subheader h1.title, .archive.category #Header_wrapper div#Subheader h1.title {
font-size: 40px;
font-weight: 700;
color: #fff;
}
.single div#Subheader {
display: none !important;
}
.search .Recent_posts.blog_news ul li .desc {
position: relative;
}
.search .Recent_posts.blog_news ul li .desc::before {
overflow: visible !important;
position: absolute;
content: "";
width: 0;
height: 100%;
left: 0;
top: -1px;
opacity: 1;
transition: all .4s ease;
background-color: rgba(255, 255, 255, 0.726);
z-index: 0;
transition: all 450ms;
-webkit-transition: all 450ms;
-moz-transition: all 450ms;
-ms-transition: all 450ms;
-o-transition: all 450ms;
}
.search .Recent_posts.blog_news ul li:hover .desc::before {
opacity: 1;
width: calc(100% + 1px);
}
.search .Recent_posts.blog_news ul li .desc {
padding-top: 5px;
}
.not-found-search form {
display: flex;
justify-content: center;
position: relative;
margin-top: 50px;
}
.not-found-search form i {
position: absolute;
right: 29%;
top: 10%;
}
.not-found-search form input.field {
width: 45%;
box-shadow: none;
border: none;
background-color: #F1F1F1 !important;
}
.not-found-search form input.field:focus {
background-color: #F1F1F1 !important;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu {
height: 0px;
transition: all 600ms;
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
padding: 0 !important;
overflow: hidden;
}
#Header #Top_bar .menu li.menu-item.mfn-megamenu-parent::after {
content: '';
width: 2900px;
height: 0;
background-color: #FFF;
position: absolute;
left: -35%;
top: 100%;
display: block !important;
visibility: visible;
transition: all 600ms;
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
}
#Top_bar .search_wrapper {
top: 100%;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent:hover ul.mfn-megamenu,
#Header #Top_bar .menu li.menu-item.mfn-megamenu-parent:hover::after {
height: 415px;    
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}
#Top_bar .menu > li ul {
background-color: #ffffff;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li {
height: 295px;
border: none !important;
position: relative;
display: inline-block !important;
float: left !important;
width: 19.3% !important;
margin: 60px 1.5%;
transition: all 600ms;
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
overflow: hidden;
}
.menu_wrapper .menu-item.wpml-ls-menu-item {
position: absolute !important;
right: 60px;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li:hover {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a {
height: 100%;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
display: block;
background: url(http://bockstein-coffee.com/wp-content/uploads/2022/03/trabaja-megamenu-450x0-1.jpg) !important;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover !important;
background-position: top left;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li.Grinded a:after{
background: url(//bockstein-coffee.com/wp-content/uploads/2022/08/comming-soon.jpg) !important;
background-repeat: no-repeat;
background-size: cover !important;
background-position: top left;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li.RTD a:after{
background: url(//bockstein-coffee.com/wp-content/uploads/2022/07/menu-mocha-2.jpg) !important;
background-repeat: no-repeat;
background-size: cover !important;
background-position: top left;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li.PreMix a:after{
background: url(//bockstein-coffee.com/wp-content/uploads/2022/08/zir-menu-3x1-1.jpg) !important;
background-repeat: no-repeat;
background-size: cover !important;
background-position: top left;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li.Instant a:after{
background: url(//bockstein-coffee.com/wp-content/uploads/2022/07/menu-gold.jpg) !important;
background-repeat: no-repeat;
background-size: cover !important;
background-position: top left;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a span {
position: absolute !important;
z-index: 99;
bottom: 43px;
left: 37px;
font-size: 19px;
color: #fff;
font-weight: 500;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a span::before {
content: '';
background-color: #fff;
height: 2px;
width: 28px;
position: absolute;
bottom: -14px;
left: 0;
}  @media only screen and (max-width:1239px) {
.blog .posts_group.lm_wrapper,
.archive .posts_group.lm_wrapper {
display: flex;
flex-wrap: wrap;
border-left: 1px solid rgb(231 231 231);
}
.blog #Content .section_wrapper .post-item,
.archive #Content .section_wrapper .post-item {
width: 33.33%;
}
.blog .post-meta .author-date span::after,
.archive .post-meta .author-date span::after {
right: -54px;
}
.single .section.section-post-header .title_wrapper h1 {
font-size: 38px;
line-height: 1.1;
}
.single .post .column.one.post-header .post-meta span.date {
font-size: 21px;
}
.single .post .column.one.post-header::before {
height: 81px;
left: 33px;
top: -123px;
}
.single .post .column.one.post-header .post-meta .author-date {
left: -51px;
top: 43px;
}
.single .section-related-ul .post-related::after {
left: 50px;
}
.single .section-related-ul .date_label {
top: 54%;
left: -186px;
}
}
@media only screen and (max-width:959px) {
.blog #Content .section_wrapper .post-item,
.archive #Content .section_wrapper .post-item {
width: 50%;
}
.blog .post-meta .author-date span::after,
.archive .post-meta .author-date span::after {
right: -80px;
width: 62px;
}
.single .section.section-post-header .title_wrapper h1 {
font-size: 34px;
}
.post-meta .category {
float: none;
}
.single .post-meta.clearfix {
display: flex;
flex-direction: column-reverse;
}
.single .post-meta .category {
margin-top: 20px;
}
.single .post-meta .category .cat-wrapper ul li a {
text-align: left;
}
.single .section-related-ul .date_label {
top: 50%;
left: -125px;
}
}
@media only screen and (max-width:767px) {
.blog .post-item .post-desc .post-title h4 a,
.archive .post-item .post-title h4 a,
.single .section-related-ul .post-related h4 a,
.search .posts_group .search-item .post-title h4 a {
font-size: 24px;
}
.single .section-related-ul .date_label {
top: 64%;
left: -189px;
}
.blog .post-meta .author-date,
.archive .post-meta .author-date {
transform: rotate(-90deg) translate(64%, -233%);
-webkit-transform: rotate(-90deg) translate(66%, -303%);
-moz-transform: rotate(-90deg) translate(64%, -233%);
-ms-transform: rotate(-90deg) translate(64%, -233%);
-o-transform: rotate(-90deg) translate(64%, -233%);
}
.search #Header_wrapper div#Subheader,
.blog #Header_wrapper div#Subheader {
height: calc(65vh - 150px);
background-position: center top;
}
.blog .posts_group.lm_wrapper,
.archive .posts_group.lm_wrapper {
border-left: none !important;
}
.blog #Content .section_wrapper .post-item,
.archive #Content .section_wrapper .post-item {
border-width: 0px 1px 1px 1px;
margin-bottom: 0 !important;
}
.blog .post-links a::after,
.archive .post-links a::after,
.search .search-item .search-content .search-footer a::after {
padding: 0 15px;
font-size: 22px;
}
.blog .post-links a,
.archive .post-links a,
.search .search-item .search-content .search-footer a {
font-size: 20px;
width: 156px;
}
.single .post>.section.section-post-header>.section_wrapper {
flex-direction: column-reverse;
padding: 0 0 !important;
}
.single .section.section-post-header {
padding-top: 0 !important;
}
.single .section.section-post-header {
padding: 120px 0 20px;
}
.single .post .column.one.post-header .post-meta .author-date {
left: -64px;
top: 110px;
}
.single .post .column.one.post-header .post-meta span.date {
font-size: 18px;
}
.single .post .column.one.post-header::before {
height: 81px;
left: 8px;
top: -44px;
}
.single .post-meta.clearfix {
padding: 16px 0;
}
.single .post-meta .category {
display: block !important;
}
.single .post-meta .category.mata-tags {
display: none !important;
}
.single .post-meta.clearfix {
display: flex;
flex-direction: row-reverse;
}
.single .post-meta .category {
margin-top: 0;
}
.single .post-header .cu-breadcrumbs li {
font-size: 16px;
line-height: 27px;
}
.single .section.section-post-header {
padding: 120px 0 40px;
}
.single .post .column.one.post-header {
margin: 0 auto;
}
.single .section.section-post-header .title_wrapper h1 {
font-size: 32px;
line-height: 1.4;
}
.single #respond #commentform p.comment-form-comment {
width: 100% !important;
}
.single #respond #commentform .comment-form-author,
.single #respond #commentform p.comment-form-email,
.single #respond #commentform p.comment-form-cookies-consent {
width: 100%;
margin-left: 0 !important;
}
.single #respond .comment-reply-title {
font-size: 38px;
}
.search-results .search-item .post-featured-image {
width: 80%!important;
float: right;
}
.single .section.section-post-header .comments-count, .single .section.section-post-header .author-date {
width: 37.87%!important;
}
.single .section.section-post-header .author-date {
padding: 0 15px 0 0!important;
}
}
@media only screen and (max-width:579px) {
.single .section-related-ul .date_label {
position: absolute !important;
top: 55vw;
left: -37%;
font-size: 17px;
}
.single .post-meta.clearfix {
display: flex;
flex-direction: column-reverse;
}
.single .post-meta .category {
margin-top: 20px;
}
.single .section.section-post-header .title_wrapper h1 {
font-size: 26px;
}
.single-post #Content h2 {
font-size: 24px!important;
}
.single .post .column.one.post-header .post-meta .author-date {
left: -28px;
top: 110px;
}
.single .post .column.one.post-header .post-meta span.date {
font-size: 16px;
}
.single .post .column.one.post-header .post-meta .author-date {
left: -26px;
top: 99px;
}
.single .post .column.one.post-header::before {
height: 81px;
left: 38px;
top: -48px;
}
.single #comments .commentlist>li .comment-body {
margin-left: 15px !important;
padding: 10px;
}
}
@media only screen and (max-width:479px) {
.single #respond .comment-reply-title {
font-size: 26px;
}
.single .section.section-post-related .post-related {
border: none !important;
padding: 35px 10px!important;
}
.single .section-related-ul .date_label {
top: 58vw;
left: -46%;
}
.single .section-related-ul .post-related::after {
left: 15px;
}
.blog #Content .section_wrapper .post-item,
.archive #Content .section_wrapper .post-item {
padding: 30px 13px 5px;
border: none !important;
}
.single .section-related-ul .post-related .desc h4 a {
font-size: 20px;
}
.blog .posts_group.lm_wrapper,
.archive .posts_group.lm_wrapper {
border: none !important;
}
.blog .post-links a::after,
.archive .post-links a::after,
.search .search-item .search-content .search-footer a::after {
font-size: 23px;
}
.blog .post-item .post-desc .post-title h4 a,
.archive .post-item .post-title h4 a,
.single .section-related-ul .post-related h4 a,
.search .posts_group .search-item .post-title h4 a {
font-size: 18px;
line-height: 26px;
}
.blog .post-meta .author-date,
.archive .post-meta .author-date {
transform: rotate(-90deg) translate(64%, -233%);
-webkit-transform: rotate(-90deg) translate(66%, -325%);
-moz-transform: rotate(-90deg) translate(64%, -233%);
-ms-transform: rotate(-90deg) translate(64%, -233%);
-o-transform: rotate(-90deg) translate(64%, -233%);
}
.blog .post-meta .author-date span,
.archive .post-meta .author-date span {
font-size: 17px;
}
.blog .post-links a,
.archive .post-links a,
.search .search-item .search-content .search-footer a {
font-size: 17px;
}
.blog .post-links a::after,
.archive .post-links a::after,
.search .search-item .search-content .search-footer a::after {
font-size: 20px;
}
.blog .image_wrapper .image_frame, .archive .image_wrapper .image_frame, .single .post-related .image_wrapper.image_frame {
border-radius: 0 40px 0 20px;
}
.blog .image_wrapper img, .archive .image_wrapper img, .single .post-related .image_wrapper img {
width: auto!important;
max-width: inherit!important;
height: auto!important;
max-height: 412px;
overflow: hidden;
}
.blog .grid .post-photo-wrapper,
.archive .grid .post-photo-wrapper {
width: 87%;
}
.single-post .section.the_content.has_content .section_wrapper .the_content_wrapper {
padding: 0 0px!important;
}
.single .section.section-post-header .comments-count, .single .section.section-post-header .author-date {
width: 40.87%!important;
}
.single .section.section-post-header .author-date {
padding: 0 15px 0 0!important;
}
}
@media only screen and (max-width:425px) {
.blog .post-meta .author-date span::after,
.archive .post-meta .author-date span::after {
right: -31px;
width: 24px;
}
} .search .Recent_posts ul li .desc h6,
.search .Recent_posts ul li a .desc .date {
line-height: 1.2;
}
@media only screen and (max-width:1239px) {
.search .posts_group .search-item .post-meta .author-date {
float: none;
position: absolute;
top: 40%;
transform: rotate(-90deg);
left: -11%;
}
}
@media only screen and (max-width:959px) {
.search #Content .sections_group,
.search #Content .sidebar.columns {
width: 100%;
}
.search #Content .sidebar.columns{
background-color: #fff;
min-height: unset !important;
padding: 30px 0 12px;
}
.search .Recent_posts ul li .desc h6 {
font-size: 22px;
}
.search .Recent_posts ul li .desc h6 {
font-size: 20px;
padding: 17px 0;
}
.search .Recent_posts.blog_news ul li span.date {
display: inline-block;
font-size: 17px;
padding: 15px 0;
}
}
@media only screen and (max-width:767px) {
body.single .post-header .cu-breadcrumbs ul {
margin-right: 5%!important;
width: auto!important;
margin-left: 5%!important;
}
.search .posts_group .search-item {
width: 100% !important;
}
.search .posts_group .search-item .post-meta .author-date {
left: -1%;
}
.search .posts_group .search-item .post-title {
margin-top: 30px;
}
.search #Header_wrapper div#Subheader h1.title,
.blog #Header_wrapper div#Subheader h1.title {
font-size: 32px;
}
.single-photo-wrapper.image .image_frame {
width: 85%!important;
}
}
@media only screen and (max-width:579px) {
.search .posts_group .search-item .post-meta .author-date {
left: -23px;
}
.search .posts_group .search-item::after {
left: 58px;
}
}
@media only screen and (max-width:479px) {
.search .posts_group .search-item {
padding: 36px 15px 36px 30px;
border: none !important;
}
.search .posts_group {
border: none !important;
}
.search .posts_group .search-item .post-meta .author-date {
left: -37px;
top: 37%;
}
.search .posts_group .search-item::after {
left: 22px;
}
.search .posts_group .search-item .post-meta .author-date .date {
font-size: 18px;
}
.search .Recent_posts ul li .desc h6 {
font-size: 17px;
padding: 0 0 13px;
}
.search .Recent_posts.blog_news ul li span.date {
display: inline-block;
font-size: 16px;
padding: 11px 0;
}
.search #Header_wrapper div#Subheader h1.title, .blog #Header_wrapper div#Subheader h1.title {
font-size: 28px;
}
} #Top_bar .logo {
margin: 0 0px 0 0px;
}
#Top_bar .wpml-languages.horizontal {
margin: 5px 0px 5px 5px;
}
#Top_bar.is-sticky .logo {
margin: 0 0px 0 0px;
}
#Top_bar .wpml-languages.horizontal ul li.lang-active {
display: none;
}
#Top_bar .wpml-languages.horizontal {
border: 0px solid #e8e8e8;
}
#Top_bar .wpml-languages.horizontal ul li a {
font-size: 15px;
text-decoration: none;
}
.header-classic #Top_bar {
-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}
#Top_bar .top_bar_right {
padding: 0 0px 0 20px;
}
@media only screen and (min-width: 768px){
#Top_bar.is-sticky #logo, #Top_bar.is-sticky .custom-logo-link {
padding: 0px 0!important;
height: 60px!important;
line-height: 60px!important;
}
#Top_bar.is-sticky #logo img.logo-sticky {
max-height: 60px!important;
}
} #Top_bar .menu > li ul li a {
color: #272e80;
}
@media only screen and (min-width:1024px) and (max-width:1239px){
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li{
width: 18.2% !important;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a span {
left: 20px!important;
}
.single .section.section-post-header .comments-count, .single .section.section-post-header .author-date {
width: 46.4%!important;
}
}
@media only screen and (min-width:960px) and (max-width:1023px){
.single .section.section-post-header .comments-count, .single .section.section-post-header .author-date {
width: 45.8%!important;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li{
width: 18.2% !important;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a span {
left: 20px!important;
}
}
@media only screen and (min-width:768px) and (max-width:959px){
.single .section.section-post-header .comments-count, .single .section.section-post-header .author-date {
width: 44.7%!important;
}
.menuo-no-borders #Top_bar .menu > li > a span {
padding: 0 15px!important;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li{
width: 17.3% !important;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a span {
left: 10px!important;
font-size: 16px!important;
}
.single .post-related .image_wrapper img {
max-height: 200px!important;
}
.single-photo-wrapper.image .image_frame {
padding: 0 10px!important;
}
.single .section-related-ul .post-related .desc h4 {
min-height: 114px;
}
}
@media only screen and (max-width: 959px){
#Header #menu > ul > li.current-menu-item > a, #Header #menu > ul > li.current_page_item > a, #Header #menu > ul > li.current-menu-parent > a, #Header #menu > ul > li.current-page-parent > a, #Header #menu > ul > li.current-menu-ancestor > a, #Header #menu > ul > li.current_page_ancestor > a {
background: rgba(0,0,0,0);
}
}
@media only screen and (max-width: 767px){
.mobile-header-mini #Top_bar .top_bar_right {
right: 5px!important;
}
.mobile-header-mini #Top_bar a.responsive-menu-toggle {
left: auto;
right: 85px!important;
}
.single .post-related .image_wrapper img {
max-height: 220px!important;
}
.single-photo-wrapper.image .image_frame {
padding: 0 15px!important;
}
} li.Grinded {
pointer-events: none!important;
}  h2.main-title:after{
content: '';
width: 55px;
height: 55px;
background-image: url(http://bockstein-coffee.com/wp-content/uploads/2022/05/coffee-title-01-min.png);
position: relative;
background-repeat: no-repeat;
display: block;
background-size: contain;
} .single-post .section-post-related .section-related-adjustment:before {
width: 50%;
content: "";
background: rgba(0,0,0,.08);
height: 1px;
display: block;
margin-bottom: 20px;
margin-left:auto;
margin-right: auto;
}
#Top_bar .search_wrapper {
box-shadow: inset 0px 0px 15px 0px rgb(1 7 39 / 10%);
border-radius: 0;
top: 101%;
}
.single-post .section-post-related .section-related-adjustment {
border:unset;
}
#Top_bar .wpml-languages.horizontal ul li a {
color: #333333;
}
#menu > ul > li > a, a.action_button, #overlay-menu ul li a {
font-size: 16px;
}
#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a, #Top_bar .menu > li.current-menu-parent > a, #Top_bar .menu > li.current-page-parent > a, #Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current-page-ancestor > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.hover > a , #Top_bar .wpml-languages.horizontal ul li a:hover{
color: #06509f!important;
}
#Top_bar a#search_button:hover svg .path
{
color: #06509f!important;
stroke:#06509f!important;
}
#Top_bar .menu li.menu-item-has-children a span:after {
content: '\e867';
font-family: "mfn-icons";
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: none!important;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
vertical-align: middle;
}
#Top_bar .menu .sub-menu a span:after {
display:none!important;
}
#Top_bar a#search_button {
margin-left: 0;
margin-right: 0;
}
#Top_bar .wpml-languages.horizontal ul li {
margin: 0px;
}
#Top_bar .search_wrapper {
width: 100%;
max-width: 100%;
}
#Header #Top_bar .menu li.menu-item.mfn-megamenu-parent:hover::after {
box-shadow: inset 0px 0px 15px 0px rgb(1 7 39 / 10%);
}
.search-not-found .snf-pic i {
background-image: url(http://bockstein-coffee.com/wp-content/uploads/2022/05/search-icon-02.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 200px;
height: 200px;
display: block;
margin: 0 auto;
}
.search-not-found .snf-pic i:before {
display:none;
}
.single-post #Content h3, .single-post #Content h2 ,.single-post #Content h4 {
font-size: 24px;
font-weight: 600;
line-height: 1.4;
color: #074e9e;
min-height: 69px;
}
.single-post #Content h3 {
font-size: 24px;
line-height: 1.5;
}
.single-post #Content h2 {
font-size: 29px;
}
.blog .pager .pages {
background-color: transparent;
}
.single-post #Content .the_content_wrapper ul li:before {
content: "\f0f4";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 7px;
color: #facd01;
font-size: 17px;
}
.blog #Header_wrapper div#Subheader h1.title, .archive.category #Header_wrapper div#Subheader h1.title {
font-size: 44px;
text-shadow: 0px 1px 8px black;
}
.single-post #Content .the_content_wrapper ul li, .single-post #Content .the_content_wrapper ol li {
color: #54606e;
}
.single-post #Content .the_content_wrapper ol li{
text-align: justify;
}
.single-post #Content .the_content_wrapper ul{
list-style: none;
}
.single-post #Content .the_content_wrapper ol li {
text-align: justify;
}
.single-post .section.the_content.has_content , .single-post .section.section-post-related, .single .section.section-post-header{
background: #f9f9f9!important;
}
.single-post .section.the_content.has_content .section_wrapper {
background: #fff;
padding-top: 60px;
padding-bottom: 70px;
}
.single-post .section.section-post-related .section_wrapper.clearfix
{
background: #fff;
}
.blog .post-meta .author-date, .archive .post-meta .author-date
{
transform: rotate(-90deg) translate(-83px, -234%);
position: absolute;
}
.blog .post-meta .author-date span::after, .archive .post-meta .author-date span::after {
background-color: #7b899b;
}
.single .section.section-post-related .post-related {
padding: 60px 60px 20px 60px;
}
.single .section.section-post-related .post-related {
border: 1px solid rgb(158,158,158,.2);
}
.single .section-related-ul .post-related::after {
background-color: #9babbe;
}
.single-post .section.the_content.has_content .section_wrapper .the_content_wrapper {
padding: 0 40px;
width: auto;
}
.single-post .section.the_content.has_content .section_wrapper {
border-left: 1px solid rgb(158,158,158,.2);
border-right: 1px solid rgb(158,158,158,.2);
border-top: 1px solid rgb(158,158,158,.2);
}
.single-post .section.section-post-related .section_wrapper.clearfix {
border-right: 1px solid rgb(158,158,158,.2);
border-left: 1px solid rgb(158,158,158,.2);
}
.single .post .column.one.post-header .post-meta .cat-wrapper {
display: inline-block;
}
.single .post .column.one.post-header .post-meta .cat-wrapper ul.post-categories {
margin: 0!important;
}
.single .post-meta .category {
float: left;
position: relative;
bottom: -50px;
}
.single .post-header .cu-breadcrumbs {
top: -30px;
position: relative;
}
.single .post-meta .category .cat-btn:after {
content: ":";
}
.single .post-related .desc a.button::before {
color: #b5b5b5;
}
.search #Content {
background-color: #F9F9F9;
}
.single .post-related .image_wrapper img {
width: auto!important;
max-width: inherit!important;
height: auto!important;
max-height: 350px;
overflow: hidden;
}
.section-post-related .simple .post-related .image_frame .image_wrapper {
border-radius: 0 40px 0 20px;
}
.search .posts_group .search-item {
background: #fbfbfb;
}
.single #Content .post .section-related-ul .post-related:first-child {
border-left: none;
border-right:1px solid rgb(158,158,158,.2);
}
.single #Content .post .section-related-ul .post-related:nth-child(2) {
border-right: none;
border-left:none;
}
@media (min-width: 960px) and (max-width: 1239px)
{
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li {
height: 250px;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent:hover ul.mfn-megamenu, #Header #Top_bar .menu li.menu-item.mfn-megamenu-parent:hover::after {
height: 370px;
}
}
@media (min-width: 768px) and (max-width: 959px)
{
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li {
height: 200px;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent:hover ul.mfn-megamenu, #Header #Top_bar .menu li.menu-item.mfn-megamenu-parent:hover::after {
height: 320px;
}
}
@media (max-width:767px)
{
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a span {
position: absolute !important;
color: #2a2b72;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li {
height: auto;
margin: 0;
overflow: visible;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent:hover ul.mfn-megamenu, #Header #Top_bar .menu li.menu-item.mfn-megamenu-parent:hover::after {
height: auto;
}
#Top_bar #menu ul li ul li a {
padding: 0 10px 0 40px;
}
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu li a span {
position: relative !important;
bottom: 0px;
left: 0px;
font-size: 16px!important;
}
}
@media (min-width:768px)
{
.menu_wrapper li.menu-item.mfn-megamenu-parent ul.mfn-megamenu {
display: block !important;
}
#Top_bar .menu > li ul {
background-color: transparent;
}
.single-post .the_content_wrapper {
margin: 0;
}
.blog .grid .post-desc-wrapper .post-desc h4.entry-title, .archive .grid .post-desc-wrapper .post-desc h4.entry-title {
min-height: 60px;
padding-top: 15px;
min-height: 76px;
}
.comments {
width: 100%;
margin: 0;
}
#Top_bar .container .column.one {
width: 100%;
margin: 0!important;
}
#Top_bar .top_bar_right .wpml-languages.horizontal {
padding-right: 0;
}
#Footer .column.one-third:first-child {
margin-left: 0;
margin-right: 2%;
}
#Footer .column.one-third:nth-child(2) {
margin-right: 0;
margin-left: 2%;
}
#Footer .column.one-third:last-child {
margin: 0;
}
}
#Error_404 .error_desk h2.mntitle {
font-size: 92px;
font-weight: 600;
}
.single .post .column.one.post-header .post-meta .author-date {
display: none;
}
.single .post .column.one.post-header::before, .single .post-meta .category {
display:none;
}
.single .section.section-post-header {
padding: 0;
background-color: transparent;
}
.single .post .column.one.single-photo-wrapper.image {
position: relative;
display: block;
width: auto;
float: unset;
max-width: 1280px;
margin: 0px auto!important;
margin-bottom: 0px!important;
background: #fff;
border-left: 1px solid rgb(158,158,158,.2);
border-right: 1px solid rgb(158,158,158,.2);
}
.single-photo-wrapper.image .image_frame {
width: 100%;
padding: 0 40px;
margin-bottom: 10px;
}
.single .post .column.one.post-header {
z-index: 1;
}
.single .section.section-post-header .title_wrapper h1 {
text-align: center!important;
min-height: 65px;
color: #191f6c;
margin-bottom: 40px;
}
.post-header .title_wrapper {
padding-right: 0px;
padding-left: 0;
}
.single .post .column.one.single-photo-wrapper.image img.scale-with-grid.wp-post-image {
width: 100%;
border-radius: 0 20px 0 40px;
}
.single .post .column.one.post-header {
margin: 0;
height: 220px;
background: #f9f9f9;
width: 100%;
border-bottom: 9px solid #facd01;
margin-bottom: 100px;
}
body.single .post-header .cu-breadcrumbs ul {
margin-right: auto;
float: unset;
width: max-content;
margin-left: auto;
}
.single .post>.section.section-post-header>.section_wrapper {
display: block!important;
}
.single .section.the_content.has_content {
border-top: unset!important;
}
.single .section.section-post-header .author-date {
float: left;
display: inline-block;
position: relative;
padding: 0 0 0 40px;
text-align: left;
}
.single .section.section-post-header .comments-count {
float: right;
display: inline-block;
position: relative;
padding: 0 40px 0 0;
text-align: right;
}
.single .section.section-post-header .comments-count, .single .section.section-post-header .author-date {
width: 46.7%;
padding-bottom: 15px!important;
background-color: #fff;
}
.single .icon-comment:before {
content: '\e84d';
font-family: 'mfn-icons';
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: none!important;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
}
.single .post-header .cu-breadcrumbs li a{
color: #191f6c;
}
.grecaptcha-badge {
display: none;
} .widget {
margin: 50px 0;
}