/*
Theme Name: Share Bristol
Template: betheme
Version: 2.0.2
*/
:root {
	--brand:		#8ac926;
	--brandLight:	#d4efa9;
	--branddark:	#2b5810;
	
	--brandB:		#1982c4;
	--brandBlight:	#1fa4f7;
	--brandBdark:	#125f8f;

	--accent:		#ffca3a;		
	--terracotta:	#cf6444;
	--aubergine:	#945378;
	
	--offwhite:		#effffa;
	--neutrallight:	#d1d5de;	
	--neutralmid:	#433a3f;
	--neutraldark:	#0a122a;	
}
p, li {text-wrap:pretty;}
p > a, 
p > span > a,
div.answer > a {
	text-decoration:underline;
}

h1 {
	font-weight: 600;
	text-wrap:balance;
}
h1 + h2,
h2 + h3 {margin-top:-0.5em;}
h2 {
	font-weight: 600;
	color: var(--neutraldark);
	text-wrap:balance;
}
p {text-wrap:pretty;}
@media only screen and (max-width: 767px) {
    #Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
        padding: 0 !important;
        margin: 10px 25px;
    }
}
@media only screen and (max-width: 479px) {
    body, .mfn-menu-item-megamenu {
        font-size: 16px;
        line-height: 1.45;
    }
	    h4, .woocommerce .woocommerce-order-details__title, .woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 {
        font-size: 1.2em;
        line-height: 1.2;
	}
}


/* LANDING */
#landing .mfn-icon-box {
/* 	border-radius: 2em; */
	background-color: var(--brand);
	padding: 2em;	
}
#landing .save .mfn-icon-box {
	background-color: var(--brandBlight);
}
#landing .things .mfn-icon-box {
	background-color: var(--accent);
}
#landing .mfn-icon-box .desc-wrapper h4 {
	font-size: 2em;	
	line-height: 1.1;
	color: #fff;
}
.mfn-builder-content .mfn-icon-box .icon-wrapper i {
    color: white;
}

/* LANDING */
@media (max-width:1239px) {
	#landing .mfn-icon-box .desc-wrapper h4 {
		font-size: 1.5em;
	}
		#landing .mfn-icon-box {
		padding: 1.1em;
	}
		#landing .column_button {
		display: block;
		width: 100%;
	}
	#landing .column_button .mcb-column-inner {
		margin-bottom: 15px;
	}
}
@media (max-width: 959px) {
	#landing .mfn-icon-box .desc-wrapper h4 {
		font-size: 1.5em;
	}
	#landing .mcb-item-icon_box_2-inner {
		margin: 0 5px 0 0 !important;
	}

		#landing .mfn-icon-box {
		padding: 1.1em;
	}
}
@media only screen and (max-width: 767px) {
    #Top_bar .logo {
        text-align: unset;
    }
	#landing h4, #landing p {
		text-align: center;
	}
}
@media (max-width:480px) {
	#landing .mfn-icon-box .desc-wrapper h4 {
		font-size: 1.2em;
	}
	#landing .mfn-icon-box {
		padding: 1.1em;
	}
	#landing .icon-wrapper {
		width: 6em;
	}
	h4 {
		text-wrap:balance;
	}
}

/* COUNTERS */
.counter .desc_wrapper h3.title {
    font-size: 1em;
    color: var(--neutraldark);
}
.counter span.number {
    font-weight: 700;
    font-style: italic;
}
.column_counter .mcb-item-counter-inner {
    background-image: unset;
	background-color: rgba(245,255,242,0.76);
	border-radius: 200px;
}
/* FOOTER */
@media (min-width: 768px) {
	li#menu-item-48,
	#block-9 {
		padding-top: 95px;
	}
}
@media (min-width: 1220px) {
    li#menu-item-48, #block-9 {
        padding-top: 6.6em;
    }
}
.footer_copy {
	background-color:rgba(0,0,0,0.2);
}

@media (max-width: 480px) {
	.home #landing .desc-wrapper h4 {
		font-size: 1.2em;
	}
}

.how_it_works.has_border:after {
    background: var(--brandB);
}

/* MENU */
#Top_bar .menu li ul li {
    padding: 0;
    width: 240px;
}
/* SIDE SLIDE */
#Side_slide {
    background-color: var(--brandBdark);
}
#Side_slide, #Side_slide #menu ul li.submenu .menu-toggle, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button) {
    color: #efefef;
}

/* OPENING HOURS */
p.subtitle {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
}
.opening_hours .opening_hours_wrapper li label {
    font-size: 18px;
}

/* DAISY */
section:not(.squared) .column_image .image_frame {
	border-radius: 2em;
}
section:not(.squared) .column_image .image_frame:after {
    content: " ";
    position: absolute;
    width: 110%;
    height: 105%;
    background: hsl(83deg 68% 47% / 50%);
    top: -0.7%;
    right: -6%;
    z-index: -1;
    border-radius: 3em;
    transform: rotate(-6deg);
}
.porthole .image_frame:after {
    content: " ";
    position: absolute;
    width: 110%;
    height: 105%;
    background: hsl(83deg 68% 47% / 50%);
    top: -8.5%;
    right: -3%;
    z-index: -1;
    border-radius: 75% 50%;
}
.home .category-featured .image_wrapper:after {
    content: " ";
    position: absolute;
    width: 110%;
    height: 105%;
    background: hsl(83deg 68% 47% / 50%);
    top: -8.5%;
    right: -3%;
    z-index: -1;
    border-radius: 75% 50%;
}
.page-id-92 .blog_wrapper .image_frame,
.home .category-featured .image_frame,
.porthole .image_frame {
	border-radius: 50%;
}
.porthole .image_frame:after {
    content: " ";
    position: absolute;
    width: 110%;
    height: 105%;
    background: hsl(83deg 68% 47% / 50%);
    top: -8.5%;
    right: -3%;
    z-index: -1;
    border-radius: 75% 50%;
}
.dark .column_image .image_frame:after, 
.dark .porthole .image_frame:after {
	background: var(--brandBlight);
}
.porthole .image_frame:after {
    content: " ";
    position: absolute;
    width: 110%;
    height: 105%;
    background: hsl(83deg 68% 47% / 50%);
    top: -8.5%;
    right: -3%;
    z-index: -1;
    border-radius: 75% 50%;
}

#howto .image_frame:after,
#things .image_frame:after {
	display:none;
}
.shadowless .image_frame:after {
display:none;
}

#news .image_frame {
    max-width: 20em;
    margin: 0 auto;
}
#news .entry-title:before {
    content: "Featured News";
    display: block;
    font-size: 0.6em;
    text-transform: uppercase;
    color: var(--brandLight);
}
#news .post-head {
	display: none;
}
#news.dark h2 a {
    color: white;
    font-size: 1em;
    line-height: 1.1;
}

h1:before {
    content: " ";
    position: absolute;
    --flourishSize: 1.5em;
    width: var(--flourishSize);
    height: var(--flourishSize);
    left: calc(var(--flourishSize) / -1.35);
    top: calc(var(--flourishSize) / -1.8);
    background-image: url(/wp-content/uploads/Flourish-a.svg);
    background-size: var(--flourishSize);
    background-repeat: no-repeat;
    transition: all 0.2s ease-out;
    display: inline-block;
}
h1:hover:before {
	--flourishSize: 1.7em;
}
/* SOCIALS */
.wp-block-social-links .wp-social-link svg {
    height: 3em;
    width: 2em;
}
footer h3 {
    font-weight: 700;
    color: var(--accent);
}
/* HOTSPOT */
.mfn-image-hotspot .hotspot-image {
    justify-content: center;
    display: flex;
}
@media (max-width: 480px) {
	.hotspot-image img.scale-with-grid {
		max-width: 150%;
		height: auto;
		margin-left: -1em;
	}
}

/* how to gfx */
@media (max-width: 480px) {
	#howto .image_frame .image_wrapper {
		overflow: visible;
		left: -2em;
	}
	.if-zoom #Content #howto .image_frame .image_wrapper img {
		max-width: 120%;
		width: 120%;
		overflow: visible;
	}
	#howto .image_item.image_frame.svg{
		overflow: visible;
	}
}

/* FAQS */
.ui-tabs .ui-tabs-nav li.ui-state-active a, .accordion .question.active > .title > .acc-icon-plus, .accordion .question.active > .title > .acc-icon-minus, .accordion .question.active > .title, .faq .question.active > .title > .acc-icon-plus, .faq .question.active > .title, .fake-tabs > ul li.active a {
    color: var(--branddark);
}
.faq .question {
    background: var(--brandLight);
}
.question {
    border-radius: 2em;
}
.faq .question > .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus {
	top: 27px;
}

/* TEAM */
#Content .mfn-banner-box-image-overlay .banner-image:after {

	background-position: center 11em;
	background-repeat: no-repeat;
	transition:0.2s all ease-in-out;
}
#Content .mfn-banner-box-image-overlay:hover h4 {
	text-shadow: unset;
}
#Content .mfn-banner-box-image-overlay:hover .banner-image:after {
    background: radial-gradient(110% 60% ellipse at 40% 100%, var(--branddark) 99.3%, transparent);
	background-repeat: no-repeat;
	background-position: center;
}
#Content #librarians .mfn-banner-box-image-overlay:hover .banner-image:after {
	background: radial-gradient(110% 60% ellipse at 40% 100%, var(--brandBdark) 99.3%, transparent);
	background-repeat: no-repeat;
}
.page-id-118 .mfn-banner-box img {
    transition: 0.2s filter ease-in-out;
}
.page-id-118 .mfn-banner-box:hover img {
    filter: brightness(0.9);
}
.mfn-banner-box p.excerpt {
    color: white;
}
.page-id-118 .column_banner_box .mcb-column-inner {
    margin: 0 1px 1px 0;
}

.dark .column a:not(.button) {
    color: #ffce47;
}
.section-post-intro-share,
.author-box,
#comments,
.section-post-header {
    display: none;
}
#things .image_frame,
#things .image_frame .image_wrapper {
    position: relative;
    overflow: visible;
}


.mfn-shape-divider[data-name="bottom"] {
    bottom: -1px;
}
.mfn-shape-divider[data-name="top"] {
    top: -1px;
}
@media (max-width:480px) {
	.mfn-shape-divider svg {
		height: 40px !important;
	}
}

/* LOCATIONS */
#locationlanding .column_icon_box_2 h3.title.label {
    font-size: 1.3em;
    margin-bottom: 0;
    line-height: 1;
}
#locationlanding .icon-wrapper {width: 2.5em;}
#locationlanding .icon-wrapper i {
    font-size: 2.6em;
    margin-top: -4px;
}
@media (max-width:767px) {
	.column_image {
		top: 30px;
		padding-bottom:30px;
	}
}
#Footer .social {display:none;}
#Footer a {text-decoration: underline;}
span.screenreaderonly {display: none;}
#back_to_top i {color: #0a122a;}