/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/* CSS reset/normalize plus HTML element styling. */

:root {
	--cyan: #009970;
	--yellow: #d9cc61;
	--dark-cyan: #0a6d5a;
	--light-cyan: #99fad5;
	--light-grey: #e9e9e9;
	--dark-grey: #333333;
	--black: #000000;
	--dark-blue: #0b2347;
	--soft-blue: #616ed9;
	--orange: #f7a600;
	--container: 1200px;
	--half-container: 600px;
}
@media (max-width: 1290px) {
    :root {
        --container: calc(100vw - 86px);
        --half-container: calc(50vw - 43px);
    }
}
@media (max-width: 640px) {
    :root {
        --container: calc(100vw - 60px);
        --half-container: calc(50vw - 30px);
    }
}

.navbar-default {background-color: transparent; margin-bottom: 0; border-top: none;}
.navbar-header {float: none;}
.main-container.container-fluid {max-width: 1280px;}

@media (min-width: 1280px) {
.footer.container-fluid .region-footer {
	padding-left: 100px;
	padding-right: 100px;
}
}

@media (min-width: 1580px) {
.footer.container-fluid .region-footer {
	padding-left: 300px;
	padding-right: 300px;
}
}

/*** Fonts	
	******************************************************/
  @font-face {
    font-family: "Body";
    src: url("../fonts/Helvetica.ttf");
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "Head";
    src: url("../fonts/LeagueSpartan-ExtraBold.ttf");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Menu";
    src: url("../fonts/LeagueSpartan-Medium.ttf");
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: "Bold";
    src: url("../fonts/Helvetica-Bold.ttf");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Italic";
    src: url("../fonts/Helvetica-Oblique.ttf");
    font-weight: 400;
    font-style: normal;
  }


/*** Type
	******************************************************/
body {
    font-family: "Body", sans-serif;
    line-height: 2;
    font-size: 1.6rem;
    color: var(--dark-grey);

}
h1, h2, h3, h4, h5, h6,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
    font-family: "Head", sans-serif;
    color: var(--dark-cyan);
	letter-spacing: 0.6px;	
}

h1 {font-size: 2.5em; text-align: center;}
h2 {font-size: 2.3em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}

strong {font-family: "Bold", sans-serif;}
em {font-family: "Italic", sans-serif;}

hr {  
    border: 0;
    height: 2px;
    background: var(--dark-grey);
    background-image: var(--dark-grey);
	margin: 45px 0 45px 0;
}

hr.blue {display: none;}


.uk-text-lead {
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--cyan);
}
.uk-link, a {
    color: var(--cyan);
}
.uk-link:hover, a:hover,
.uk-link:focus, a:focus {
    color: var(--yellow);
}

.large-text {font-size: 1.4em;}
.small-text {font-size: 0.75em;}
h1.banner {font-size: 3em; color: #fff;}

blockquote {
    font-family: "Bold";
	font-weight: 700;
	font-size: 1.1em;
	background-color: var(--yellow); 
	color: var(--dark-blue);
	border-radius: 20px;
	padding: 0px 25px 25px 25px;
	border-left: none;
	width: 95%;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 30px;
}

blockquote:before {
   background-image: url('../images/bury-quotes.png');
    background-size: 45px 45px;
    display: inline-block;
    width: 45px; 
    height: 45px;
    content:"";
	background-repeat: no-repeat, repeat;
	margin: -25px 25px 5px 25px;
}

.paragraph--type-three-columns .group-left, 
.paragraph--type-three-columns .group-middle, 
.paragraph--type-three-columns .group-right,
.field--name-field-paragraphs .layout__region.layout__region--first,
.field--name-field-paragraphs .layout__region.layout__region--second,
.field--name-field-paragraphs .layout__region.layout__region--third,
.field--name-field-paragraphs .layout--twocol-section--50-50,
.field--name-field-paragraphs .layout--onecol {
	padding: 0px 10px 0px 10px ;
}

thead th {
	background-color: var(--cyan); 
	padding: 15px;
    font-family: "Head";
	font-size: 1.5em;
	border: solid;
}

tr td {
	border: solid;
	padding: 15px;
}


td a {
	color: var(--dark-cyan);
	text-decoration: underline;
}

.field.field--name-field-attachments.field--type-file .field--label{
    font-family: "Head";
	font-size: 1.5em;	
}

.file-link a, .file-link a:hover, .file-link a:focus, .file-link a:active {
	color: var(--dark-cyan);
    font-family: "Head";
	font-size: 2em;
}

 .file-size {
	color: var(--dark-cyan);
    font-family: "Head";
	font-size: 2em;	 
 }

.file > span {
    background: #fff;
	color: var(--dark-cyan);
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.glyphicon.text-primary {
	color: var(--dark-cyan);
}

.glyphicon {
    line-height: 1;
	font-size: 1.4em;
}


/*** Bury colour classes
	******************************************************/
.cyan {color: var(--cyan);}
.dark-grey {color: var(--dark-grey);}
.light-grey {color: var(--light-grey);}
.yellow {color: var(--yellow);}
.dark-cyan  {color: var(--dark-cyan);}
.dark-blue  {color: var(--dark-blue);}

.cyan-bg {background-color: var(--cyan);color: #fff;/* padding:16px 30px; *//* margin-bottom: 15px; */}
.light-grey-bg {background-color: var(--light-grey);}
.dark-grey-bg {background-color: var(--dark-grey); color: #fff;}
.yellow-bg {background-color: var(--yellow); color: #fff;}
.dark-cyan-bg {background-color: var(--dark-cyan); color: #fff;}
.view-display-id-block_1 .col-md-6 {padding-right: unset; margin-bottom: unset;}
.bubble-bg {
	color: white;
	padding: 25px;
	border-radius: 25px;
	background-image: url("../images/bubble-b-sq.png");
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}

.cyan-volunteer-welcome {
	background-color: var(--dark-cyan); 
	padding:16px 30px;
	border-radius: 0 20px 0 0;
}

.cyan-volunteer-welcome h3 {
	color: #fff;
}

.very-dark-cyan-left-border {
    border-left: solid 10px #0a6d5a;
}

.yellow-left-border {
    border-left: solid 10px #f7a600;
}

.grey-bg {
    background-color: #F2F2F2;
    padding: 16px 30px;
    margin: 15px 0 15px 0;
    border-top-right-radius: 40px;
}

.cyan-bg h1,
.cyan-bg h2,
.cyan-bg h3,
.cyan-bg h4,
.cyan-bg a,
.dark-grey-bg h1,
.dark-grey-bg h2,
.dark-grey-bg h3,
.dark-grey-bg h5,
.dark-grey-bg a,
.yellow-bg h1,
.yellow-bg h2,
.yellow-bg h3,
.yellow-bg h4,
.yellow-bg a,
.dark-cyan-bg h1,
.dark-cyan-bg h2,
.dark-cyan-bg h3,
.dark-cyan-bg h4,
.dark-cyan-bg a,
.bubble-bg h1,
.bubble-bg h2,
.bubble-bg h3,
.bubble-bg h4,
.bubble-bg a {
	color: #fff;	
}


/*** Site Header
	******************************************************/
.logo.navbar-btn.pull-left img {width: 84%;}

#block-bury2025-bootstrap-useraccountmenu li a {color: var(--dark-cyan);}
#block-bury2025-bootstrap-useraccountmenu {float: right;}

.navbar.container, .navbar.container-fluid {
	margin-top: 0px;
	margin-bottom: 0px;
}
.navbar.navbar-default.container-fluid {
	box-shadow: rgba(17, 17, 26, 0.05) 0px 8px 22px;
}

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 25px;
    }
}

.menu--account li {
    color: var(--dark-grey); 
    font-family: "Menu", sans-serif;
	font-size: 1.3em;
	display: block;
	font-weight: 500;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: white;
}

.page-header {margin-top: 25px;}

/***  TB Mega Menu
	******************************************************/

.tb-megamenu {
	display: block;
	background-color: transparent;
	margin-top: 38px;
}

.tb-megamenu .nav > li {
	max-width: 250px;
}

.tb-megamenu .nav > li > a, 
.tb-megamenu .nav > li > span.tb-megamenu-no-link {
    border-right: none;
    color: var(--dark-grey); 
    text-shadow: none;
	text-align: center;
    font-family: "Menu", sans-serif;
	font-size: 1.3em;
	display: block;
	padding: 0px 15px;
	font-weight: 500;
}

.tb-megamenu .nav > li > a:hover, 
.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    color: var(--dark-cyan); 
    text-decoration: underline;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, 
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, 
.tb-megamenu .nav > li.dropdown.open.active > a:hover, 
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover {
    background-color: transparent;
    border-bottom: solid 6px var(--dark-cyan);
    color: var(--dark-cyan); 
}

.tb-megamenu .nav > .active > a, 
.tb-megamenu .nav > .active > a:hover, 
.tb-megamenu .nav > .active > a:focus, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
	background-color: transparent;
	border-bottom: solid 3px var(--dark-cyan);
	color: var(--dark-cyan); 
}


.tb-megamenu-item .level-2.mega a {
	font-family: "Menu", sans-serif;
	border: none;
	font-size: 1.2em;
} 

.tb-megamenu-item .level-2.mega a:hover,
.tb-megamenu-item .level-2.mega a:focus {
	font-family: "Menu", sans-serif;
	background-image: none;
	color: var(--dark-cyan); 
	border: none;
	text-decoration: underline;
} 

.tb-megamenu .dropdown-menu .active > a, 
.tb-megamenu .dropdown-menu .active > a:hover, 
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link, 
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link:hover {
	background-color: transparent;
	color: var(--dark-cyan); 
	background-image: none;
	font-family: "Menu", sans-serif;

}

/**** Expanded Menu Item ***/
.tb-megamenu .dropdown-menu {
	border: 1px solid var(--light-grey);
	background-color: #fff;
	border-top: none;
	padding: 10px 25px 10px 25px;
	font-size: 1em;
}

@media (min-width: 980px)  {
#main-mobile-menu {display: none;}
}

@media (max-width: 980px)  {
#bury-mega-menu {display: none;}
#block-bury2025-bootstrap-useraccountmenu {display: none;}
}


@media (min-width: 980px)  {
#bury-mega-menu {
	margin-top: -150px;
}
}


/*** Mobile Menu
	******************************************************/
@media (max-width: 980px) {
.navbar-default .navbar-toggle {
    border-color: var(--dark-cyan); 

}
.navbar-toggle {
    padding: 25px 25px;
    background-color: transparent;
    background-image:  url('../images/burger-menu.svg');
    background-size: 50px 50px;
    display: inline-block;
	background-repeat: no-repeat, repeat;
	margin: 10px 10px -10px 15px;
    border: 4px solid;
    border-radius: 10px;
	position: absolute;
	top: 8px;
	right: 2px;
}

.navbar-default .navbar-toggle:hover {
    padding: 25px 25px;
    background-color: transparent;
    background-image:  url('../images/active.svg');
    background-size: 50px 50px;
    display: inline-block;
	background-repeat: no-repeat, repeat;
	margin: 10px 10px -10px 15px;
    border: 4px solid;
	border-color: var(--dark-cyan); 
    border-radius: 10px;
}
	
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a, 
.navbar-default .dropdown-toggle,
.navbar-default .dropdown-toggle .navbar-text > li > a {
    color: var(--dark-cyan); 
    font-family: "Menu", sans-serif;
	font-size: 1.5em;
	padding: 10px 15px;
	text-align: center;
}
	
li.expanded.dropdown,
.navbar-default .link-text  {
    color: var(--dark-cyan); 
    font-family: "Menu", sans-serif;
	text-align: center;
}

.navbar-nav .open .dropdown-menu {
    font-family: "Menu", sans-serif;
	text-align: center;
	font-size: 1.4em;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--cyan); 
	padding: 10px 15px;

	}
}

/*** Site Footer
	******************************************************/
.footer {
	background-color: var(--cyan);
	padding: 0px;
	color: #fff;
	border: none;
	font-size: 0.95em;
}
.footer h1, 
.footer h2,
.footer h3,
.footer h4,
.footer h5, 
.footer h6, 
.footer a {
	color: #fff;
}
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
	background-color: transparent;
	text-decoration: underline;	
}
.menu.menu--footer li a:hover, 
.menu.menu--footer li a:focus,
.menu--useful-links li a:hover,
.menu--useful-links li a:focus {
	background-color: transparent;
	text-decoration: underline;
}
#footer-useful-links ul li a {padding: 0;}
#footer-socials ul li a {padding: 0;}
#vcfa-footer-logo {padding: 25px; }

#footer-get-in-touch { }
#footer-charity-number {
	padding-top: 25px;
	font-size: 0.75em;
}

#footer-accessibility-statement {
	padding: 8px 25px 8px 25px; 
	margin-top: 25px;
	background-color: var(--dark-cyan);
}

#footer-accreditation-logos {padding: 45px 0 0 0; }


/*** Menu and Footer Media Queries
	******************************************************/
@media (max-width: 1090px) {
	#footer-paw {
	display: none;
}}
@media (max-width: 1090px)  {
	#block-dgcr-bootstrap-featuremenu {
	display: none;
}}

/*** Buttons
	******************************************************/

.button, .cyan-button, .blue-button, .dark-cyan-button  {
    border: 0 solid transparent;
    text-transform: initial;
    color: #fff;
    font-size: 2.5rem;
    font-family: "Head", sans-serif;
    border-radius: 15px;
	line-height: 2;
}
.cyan-button, .blue-button, .dark-cyan-button {
    padding: 18px;
	line-height: 2.7;
}
.button, .cyan-button {
    background: var(--cyan);
    background-position: center right 20px, center center;
    background-size: 25px, auto;
}
.button:hover,
.button:focus {
    background: var(--yellow);
    color: #fff;
}
.dark-cyan-button {
    background: var(--dark-cyan);
}
.dark-cyan-button:hover,
.dark-cyan-button:focus {
    background: var(--cyan);
    color: #fff;
}
.blue-button {
    background: var(--dark-blue);
}
.blue-button:hover,
.blue-button:focus {
    background: var(--dark-cyan);
    color: #fff;
}

.small-dark-navy-button {
	border: 0 solid transparent;
    text-transform: initial;
    color: #fff;
    font-size: 2rem;
    font-family: "Head", sans-serif;
    border-radius: 11px;
    line-height: 2.7;
    background: var(--dark-blue);
    padding: 10px;
}

.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .ui-dialog-buttonset .ui-button, .crm-container .crm-button {
    background: var(--dark-cyan);
    border: 0 solid transparent;
    text-transform: initial;
    color: #fff;
    font-size: 2rem;
    font-family: "Head", sans-serif;
    border-radius: 10px;
    padding: 10px;
    text-shadow: none;
}

.crm-container a.button:hover, .crm-container a.button:link:hover, .crm-container a.button:visited:hover, .crm-container .ui-dialog-buttonset .ui-button:hover, .crm-container .crm-button {
    background: var(--yellow);
    color: #fff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: var(--dark-cyan);
    border-color: var(--dark-cyan);
}

.pagination > li > a, .pagination > li > span {
    color: var(--dark-cyan);
    border: 1px solid var(--dark-cyan);
}

/*** Carousel
	******************************************************/
.view-carousel.view-id-carousel.view-display-id-block_1 {
	background-color: #fff;
	color: var(--dark-cyan);
	padding-bottom: 15px;
}

.view-carousel.view-id-carousel.view-display-id-block_1 .col-md-6 {

}

.view-carousel.view-id-carousel.view-display-id-block_1 h1,
.view-carousel.view-id-carousel.view-display-id-block_1 h2,
.view-carousel.view-id-carousel.view-display-id-block_1 h3,
.view-carousel.view-id-carousel.view-display-id-block_1 h4,
.view-carousel.view-id-carousel.view-display-id-block_1 h5, 
.view-carousel.view-id-carousel.view-display-id-block_1 h6 {
	color: var(--dark-cyan);
	padding-top: 20px;
}

.view-carousel.view-id-carousel.view-display-id-block_1 a {
	color: #fff;
}

.carousel h2 {
	font-size: 2.4em;
	letter-spacing: 0.6px;	
}

 .carousel-control.left {
	display: none;	
}

 .carousel-control.right {
	display: none;	
}

.view-carousel.view-id-carousel.view-display-id-block_1 img {
	float: right;
	padding-top: 0px;
}

.carousel-indicators {
	color: var(--dark-cyan);
}

/*** Page Styles 
	******************************************************/
.field--name-field-feature-block {
	background-color: var(--yellow);
	padding: 8px 25px 8px 25px; 
	font-family: "Head";
	font-size: 2em;	
	color: var(--dark-blue);
}

.field--name-field-feature-block:hover {
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
}


.field--name-field-feature-block a {
	color: var(--dark-blue);
}

.field--name-field-feature-block .field--name-field-headline-text:after {
   background-image: url('../images/bury-arrow-blue.png');
    background-size: 40px 40px;
    display: inline-block;
    width: 40px; 
    height: 40px;
    content:"";
	background-repeat: no-repeat, repeat;
	margin: 10px 0px -10px 15px;
}


/*** Homepage Styles 
	******************************************************/
#whats-the-latest h2 {
	font-size: 4rem;
	padding: 25px; 
}

#whats-the-latest .news-single {
	margin: 25px 0px 35px 0px;
}

@media (max-width: 700px) {
#whats-the-latest {display: none;}
}

@media (min-width: 700px) {
#news-mobile {display: none;}
}

#whats-the-latest .bubble-bg {
	width: 32%;
	position: absolute;
	top: 8%;
	left: 25px;
	border-radius: 25px;
	min-height: 375px;
}


#whats-the-latest .news-item,
#news-mobile .news-item,
#news-stories .news-item,
#volunteer-stories .news-item {
	background-color: var(--cyan);
	border-radius: 25px;
	margin-top: 15px;
	min-height: 400px;
}

#news-stories .news-item.news-page {
	min-height: 450px;	
}

#whats-the-latest .news-image img,
#news-mobile .news-item img,
#news-stories .news-image img,
#volunteer-stories .news-item img {
	padding: 0; 
	border-radius: 25px;
}

#whats-the-latest .news-tag a,
#news-mobile .news-tag  a,
#news-stories .news-tag a,
#volunteer-stories .news-tag a {
	background-color: var(--dark-cyan);
	border-radius:10px;
	padding: 8px 10px 8px 10px;
	font-family: "Bold";
	color: white;
}

#whats-the-latest .news-tag,
#news-mobile .news-tag,
#news-stories .news-tag,
#volunteer-stories .news-tag {
	margin-top: -12%;
	padding-left: 15px;
}


#whats-the-latest .news-text,
#news-mobile  .news-text,
#news-stories .news-text,
#volunteer-stories .news-text {
	padding: 20px 20px 10px 20px; 
	border-radius: 0 0 25px 25px;
}

#how-can-we-help h2 {
	color: var(--dark-blue);
	font-size: 4rem;
	padding: 25px;
}

#help-for-individuals .field--type-text-with-summary,
#help-for-organisations .field--type-text-with-summary {
	background-color: var(--light-grey);
	border-radius: 0 0 25px 25px;
	padding: 25px;
	color: var(--dark-blue);
	margin-bottom: 45px;
}

#help-for-individuals a,
#help-for-organisations a {
	color: var(--dark-blue);
	font-size: 2rem;
	line-height: 0em;
}

#help-for-individuals .block-title,
#help-for-organisations .block-title {
	background-color: var(--dark-blue);
	color: #fff;
	padding: 25px 25px 10px 25px; 
	margin-bottom: 0;
	border-radius:25px 25px 0 0 ;
}

/*** News Styles 
	******************************************************/
.field--name-field-tag a {
	background-color: var(--dark-blue);
	color: white;
	padding: 10px;
	border-radius: 10px;
	font-family: "Head";
	font-size: 2rem;
	margin-right: 10px;
	}
.field--name-field-tag {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
}

/*** Events Styles 
	******************************************************/
.event-item {
	background-color: var(--light-cyan);
	padding: 20px 20px 10px 20px;
	margin: 12px 0 13px 0;
	min-height: 440px;
}

.event-item h3 a {
	color: var(--dark-blue);
}

/*** People Styles 
	******************************************************/
.field.field--name-field-job-title {
	font-family: "Head";
	font-size: 1.5em;
	color: var(--dark-grey);
}

.field.field--name-field-photo img {
	margin: 0px 20px 15px 0px;
	border-radius: 25px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 8px 22px;
	float: left;
}

.people-display {
	margin: 0px 20px 15px 0px;
	padding: 20px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 8px 22px;
	text-align: center;
}

.people-display:hover {
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.people-display img {
	border-radius: 25px;
}

/*** Volunteering Styles 
	******************************************************/
.volunteer-role {
	background-color: var(--light-grey);
	padding: 20px 20px 10px 20px;
	margin: 12px 0 13px 0;
	min-height: 400px;
	border-radius: 25px;
}

.volunteer-role a {
	color: var(--dark-blue);
}

#views-exposed-form-volunteering-opportunities-retheme-block-1 .form-group {
	margin: 10px;
}

#views-exposed-form-volunteering-opportunities-retheme-block-1 .form-group .control-label {
	font-family: "Head";
	font-size: 2.1rem;
	color: var(--dark-blue);
}

#views-exposed-form-volunteering-opportunities-retheme-block-1 {
	border-radius: 25px;
	border: solid 3px var(--dark-blue);
	padding: 20px 20px 10px 20px;
}

.select-wrapper:after {
	color: var(--cyan);
}

/*** Block Styles 
	******************************************************/
/*** Image full width Block Styles ***/

.block-content--type-image-full-with-with-text {
	cursor: hand;
	cursor: pointer;
}

.bubble-b-text-image-block.group-left {
	color: white;
	padding: 25px;
	border-radius: 25px;
	background-image: url("../images/bubble-b.png");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: -25px;
	left: 50px;
	padding-left: 20px;
	padding-right: 63px;
	width: 40%;
}

.block-content--type-image-full-with-with-text a {
	background-color: var(--dark-cyan);
	color: white;
	padding: 10px;
	border-radius: 10px;
	font-family: "Head";
	font-size: 2rem;
	margin-right: 10px;
}

.block-content--type-image-full-with-with-text .field--name-field-headline-text {
	font-family: "Head";
	font-size: 2.5rem;
}


/*** Half width Bubble B Block Styles ***/

.bubble-b-text-half-image-block .field--name-field-headline-text {font-family: "Head"; font-size: 4rem;}
.bubble-b-text-half-image-block .field.field--name-body {
	font-size: 2rem;
	margin-bottom: 15px; 
	min-height: 155px;
}
.bubble-b-text-half-image-block a {
	background-color: var(--dark-cyan);
	color: white;
	padding: 10px;
	border-radius: 10px;
	font-family: "Head";
	font-size: 2.5rem;
	margin-right: 10px;
	}

.bubble-b-text-half-image-block .group-left {
	color: white;
	padding: 25px;
	border-radius: 25px;
	background-image: url("../images/bubble-b.png");
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}

/**
 * Mobile Styling for the ds-2col template.
 */

@media (max-width: 980px) {
.ds-2col > .group-left {
  float: left; /* LTR */
  width: 100%;
}

[dir="rtl"] .ds-2col > .group-left {
  float: right;
}

.ds-2col > .group-right {
  float: left; /* LTR */
  width: 100%;
}

[dir="rtl"] .ds-2col > .group-right {
  float: right;
}
}

/*** Navy Background full width Block Styles ***/

.block-content--type-navy-background-full-width {
	color: white;
	background-color: var(--dark-blue);
	margin-top: 25px;
}
.block-content--type-navy-background-full-width a {
	background-color: var(--light-cyan);
	color: var(--dark-blue);
	padding: 12px;
	border-radius: 10px;
	font-family: "Head";
	font-size: 2.5rem;
}
.group-left, .group-right {
	padding: 30px;
}
.block-content--type-navy-background-full-width img {border-radius: 25px; margin: 15px;}
.block-content--type-navy-background-full-width .field--name-field-headline-text {font-family: "Head"; font-size: 4rem;}
.block-content--type-navy-background-full-width .field.field--name-body {
	font-size: 2rem;
	margin-bottom: 15px; 
}

/*** Yellow / Gold Background full width Block Styles ***/

.block-content--type-gold-background-full-width {
	color:  var(--dark-blue);
	padding: 25px;
	background-color: var(--yellow);
	margin-top: 25px;
}
.block-content--type-gold-background-full-width a {
	background-color: var(--dark-blue);
	color: #fff;
	padding: 12px;
	border-radius: 10px;
	font-family: "Head";
	font-size: 2.5rem;
}
.block-content--type-gold-background-full-width img {border-radius: 25px; margin: 15px;}
.block-content--type-gold-background-full-width .field--name-field-headline-text {font-family: "Head"; font-size: 4rem;}
.block-content--type-gold-background-full-width .field.field--name-body {
	font-size: 2rem;
	margin-bottom: 15px; 
}


/*** Cyan Background full width Block Styles ***/

.block-content--type-green-background-full-width {
	color: white;
	padding: 25px;
	background-color: var(--cyan);
	margin-top: 25px;
}
.block-content--type-green-background-full-width a {
	background-color: var(--dark-cyan);
	color: #fff;
	padding: 12px;
	border-radius: 10px;
	font-family: "Head";
	font-size: 2.5rem;
}
.block-content--type-green-background-full-width img {border-radius: 25px; margin: 15px;}
.block-content--type-green-background-full-width .field--name-field-headline-text {font-family: "Head"; font-size: 4rem;}
.block-content--type-green-background-full-width .field.field--name-body {
	font-size: 2rem;
	margin-bottom: 15px; 
}


/*** Light Cyan Background full width Block Styles ***/

.block-content--type-light-cyan-background-full-width {
	color: var(--dark-blue);
	padding: 25px;
	background-color: var(--light-cyan);
	margin-top: 25px;
}
.block-content--type-light-cyan-background-full-width a {
	background-color: var(--dark-blue);
	color: #fff;
	padding: 12px;
	border-radius: 10px;
	font-family: "Head";
	font-size: 2.5rem;
}
.block-content--type-light-cyan-background-full-width img {border-radius: 25px; margin: 15px;}
.block-content--type-light-cyan-background-full-width .field--name-field-headline-text {font-family: "Head"; font-size: 4rem;}
.block-content--type-light-cyan-background-full-width .field.field--name-body {
	font-size: 2rem;
	margin-bottom: 15px; 
}


/*** Webforms
	******************************************************/
.webform .panel-title {
	background-color: var(--cyan);
	color: #fff;
	font-family: "Head";
	font-size: 2.4rem;
	font-weight: 700;
}

.panel-heading .panel-title {
	background-color: var(--cyan);
	color: #fff;
	font-family: "Head";
	font-size: 2.4rem;
	font-weight: 700;
}


.civicrm-enabled .fieldset-legend {
	font-family: "Bold";
	margin-bottom: 5px;
    font-weight: 700;
	font-size: 0.8em;
}

.webform fieldset {
	margin-bottom: 15px;
}

.form-control {
	border-radius: 0;
}

.webform legend {
	font-family: "Body";
    margin-bottom: 0px;
    font-size: 1.3em;
    line-height: inherit;
    border: 0;
    border-bottom: none;
}

input[type="checkbox"] {
	font: inherit;
	color: currentColor;
	width: 1.1em;
	height: 1.5em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	font-family: "Body";
}

input[type="checkbox"] {
	font: inherit;
	color: currentColor;
	width: 1.1em;
	height: 1.5em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	font-family: "Body";
}

.control-label {font-family: "Bold";}
.control-label.option {font-family: "Body";}

.field-prefix .description  {
	font-size: 0.9em;
	font-family: "Italic", sans-serif;
	padding-left: 25px;
}

/*** CiviCRM Styles 
	******************************************************/
#crm-container.crm-public .label {
	color: var(--black);
	font-family: "Bold";
}

.crm-submit-buttons .crm-form-submit {
	border: 0 solid transparent;
    text-transform: initial;
    color: #fff;
    padding: 10px;
    font-size: 1.8rem;
    font-family: "Bold", sans-serif;
	background: var(--cyan);
    background-position: center right 20px, center center;
    background-size: 25px, auto;
}

.crm-submit-buttons .crm-form-submit:hover,
.crm-submit-buttons .crm-form-submit:focus {
    background: var(--cyan);
    color: #fff;
}

.crm-container fieldset legend {
	color: var(--cyan);
	font-size: 2.5rem;
	font-family: "Head";
}

.crm-container fieldset {
	border-top: 1px solid var(--cyan);
}

.crm-public-form-item.crm-section .price_set-section {
	padding: 15px 0 25px 0;
}

#crm-container.crm-public .price_set-section .label {
	color: var(--cyan);
	font-size: 2.5rem;
	font-family: "Head";
}

.crm-container .crm-multiple-checkbox-radio-options {
	font-family: "Body";
	font-size: 1.6rem;
}