/*
Theme Name: HAKKEN-RECIPE (Unwind-child)
Template: siteorigin-unwind
*/

#masthead .sticky-bar {
	background-color: #f8f2e8 !important;
}

#masthead {
  border-bottom: none !important;
}
.sticky-menu.sticky-bar-out #masthead .sticky-bar {
  border-bottom: none !important;
}

.site-branding a {
	border-right: solid 1px #d0cfc6;
	padding-right: 30px;
}

.main-navigation > div li a {
  font-size: 0.9rem !important;
}

.menu-toggle {
  background: #f8f2e8 !important;
}

#mobile-navigation ul li {
  background: rgba(255,255,255,.9) !important;
}

#secondary .widget .widget-title {
	border: none !important;
	padding: 10px 20px !important;
	background-color: #dc1862;
	color: #fff !important;
	border-radius: 4px;
}
.heading-strike::after, .heading-strike::before {
  align-self: center;
  background-color: none !important;
  content: "\a0";
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  height: 0 !important;
}

.page-title {
  color: #202020;
	padding: 20px 0;
	border-top: 1px solid #d0cfc6;
	border-bottom: 1px solid #d0cfc6;
}
.archive .container > .page-header .page-title-text, .search .container > .page-header .page-title-text {
	border: none !important;
}

#page .widget_tag_cloud a {
  border: 2px solid #d0cfc6 !important;
  display: inline-block;
  font-size: 15px;
  line-height: normal;
  margin: 0 7px 10px 0;
  padding: 4px 8px !important;
  text-decoration: none;
	border-radius: 4px;
}
#page .widget_tag_cloud a:hover {
  border: 2px solid #dc1862 !important;
}

.archive .container > .page-header, .search .container > .page-header {
  border-bottom: none !important;
}

.wp-block-column a {
	color: #333 !important;
	font-size: 1.1em;
	font-weight: 900 !important;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

/*.entry-thumbnail a img {
	display: block;
	object-fit: cover !important;
}*/

.wp-block-column ul {
  margin: 0 0 2.25em 0;
}
.wp-block-column li {
  padding-left: 1.7em;
	padding-bottom: 3.0em;
}

.blog-layout-grid .archive-entry .entry-thumbnail .thumbnail-meta a, .blog-layout-grid .archive-entry .entry-thumbnail .thumbnail-meta span {
  background: #d02056 !important;
}

#colophon .site-info {
	color: #adadad !important;
	font-size: 11px !important;
	font-weight: 400;
}



/*slider ******************************************/
.flexslider .slides img {
	min-height: 420px;
	max-height: 640px !important;
}
.metaslider .slides img {
	object-fit: cover;
}
.metaslider.ms-theme-highway .flexslider ul.slides .caption-wrap {
	width: 80% !important;
	max-width: 620px !important;
}
.metaslider .caption-wrap {
	opacity: 0.95 !important;
	background-color: transparent !important;
	color: #fff !important;
	font-size: 1.8em;
	font-weight: 900;
}
.caption-wrap .caption {
	background: #dc1862 !important;
}
.metaslider .caption {
  padding: 10px 20px !important;
}

.metaslider.ms-theme-highway .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
  bottom: 10px !important;
}
.metaslider.ms-theme-highway .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
  background: rgba(255,255,255,.6) !important;
  border: 2px solid #fff;
  color: #fff transparent;
  font-size: 10px !important;
  height: 10px !important;
  line-height: 1.0 !important;
  margin: 5px 5px 0 5px !important;
  padding: 1px 0 4px 0 !important;
}
.metaslider.ms-theme-highway .flexslider ol.flex-control-nav li a.flex-active, .metaslider.ms-theme-highway .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover {
  background: rgba(255,255,255,1.0) !important;
  border: 2px solid #fff !important;
}


/*recipe card ******************************************/
.wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-icon {
  opacity: .7;
  margin: 4px auto !important;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 30pt !important;
  color: #736458 !important;
}
[class*=" foodicons-"]::after, [class*=" foodicons-"]::before, [class^="foodicons-"]::after, [class^="foodicons-"]::before {
  font-family: FoodIcons;
  font-size: 42px !important;
  font-style: normal;
}
[class*=" oldicon-"]::after, [class*=" oldicon-"]::before, [class^="oldicon-"]::after, [class^="oldicon-"]::before {
  font-family: Oldicon;
  font-size: 42px !important;
  font-style: normal;
}

#scroll-to-top {
  /*background: rgba(220,24,98,.9) !important;*/
	background: #d0cfc6;
  bottom: 20px;
  cursor: pointer;
  height: 44px;
  line-height: 0;
  opacity: 0;
  padding-top: 17px;
  position: fixed;
  right: 20px;
  transform: scale(0);
  transition: .3s;
  text-align: center;
  width: 48px !important;
  z-index: 101;
}

#colophon {
	/*background: #736458;*/
	background: rgba(115,100,88,.05);
}