/*  (C) 2019 Endis Ltd. 
	No permission is given to use this code, except on an Endis/ChurchInsight website.

	ChurchInsight over-ride CSS file for the New Hope template.
	WARNING - do not edit this file unless you know exactly what you are doing. 
	You might consider making a BACKUP COPY before you change anything.
	If you need advice, contact ChurchInsight Support. */

/* Size of LOGO image */
header .logo-icon img { 
	width:  auto !important; 
	height: 240px !important; /* <<< mobile logo height */
  	position:relative; top:-2px;
}
@media(min-width:992px){header .logo-icon img
{ 
	height: 160px !important; /* <<< desktop logo height */
  	top:-1px;
}}
/* Gap between logo and top/bottom of screen  */
header div.logo-container 
{
	margin-top: 0 !important; /* <<< gap from top for mobile/tablet */
	margin-bottom: 10px !important; /* <<< gap from bottom for mobile/tablet */
}
@media(min-width:992px){header div.logo-container 
{
	margin-top: 0 !important; /* <<< gap from top for desktop */
	margin-bottom:0 !important; /* <<< gap from bottom for desktop */
  	margin-left:15px !important;
}
/* To make more space in the header adjust this */
header section.Xslice_Header_L div.nav-menubar {margin-top:80px;}
}

/* ############ Menu hover-over text-link color, header top-link icons colour,
   footer email link text color */
header section.slice_Header_L li.ExtraLink i::before
{
    color:black !important; /* <<< header icon color */
  	font-weight:700;
}



/* ############ Search box background colour */
header div.search-overlay
{
    background-color:black !important; /* <<< Search box background colour */
}

section.slice_CommunityText_L span.HighLight {color:#00b0b9;}


/* ############ 3 Big Button colours */
section.slice_content_page aside a.button1
{
    background-color: #ef8c34 !important; /* <<< Green/left/top big button */
}
section.slice_content_page aside a.button2
{
    background-color: #e24c44 !important; /* <<< Red/middle big button */
}
section.slice_content_page aside a.button3
{
    background-color: #00b0b9 !important; /* <<< Blue/right/bottom big button */
}



/* ############ slide show caption button, and active/hover round pager button colour */
section.slice_SlidesFullWidth a.slideButton {
    background-color: #00b0b9 !important; /* <<< slide show button background color */
    border-color: 	  #00b0b9 !important; /* <<< slide show button border color */
}
section.slice_SlidesFullWidth a.bx-pager-link:hover,
section.slice_SlidesFullWidth a.bx-pager-link.active
{
    background-color: transparent !important; /* <<< slide show button background color */
    border-color: 	  white !important; /* <<< slide show button border color */
}
/* Slide show inactive round pager buttons */
section.slice_SlidesFullWidth a.bx-pager-link
{
    background-color: white !important; /* <<< slide show inactive round button color */
    border-color: 	  white !important; /* <<< slide show inactive round button border color */
}
section.slice_SlidesFullWidth div.slideTitle {margin:0 20px;}



/* ############ Service Times and Location logos */
section.slice_ServiceText_L div.block2-1::after,
section.slice_ServiceText_L div.block2-2::after
{
    color: #00b0b9 !important; /* <<< Clock and Location icon colour */
}



/* ############ Quick branding of slice header-text.
   (All styles are outside of article content.) */
section.slice_Header_L .logo-name a
{
    color: #000000 !important; /* <<< a *dark* text colour, suitable for a *white* background */
}

section[class$="_L"] > h1,
section[class$="_L"] > div.container > h1
{
    color: #000000 !important; /* <<< a *dark* text colour, suitable for a *white* background */
}



/* ############ Top bar of Group-Nav on the content page */
section.slice_content_page aside nav td.boxout_header_middle a
{
    background-color: #5a6265 !important; /* <<< Group-Nav top bar background colour */
}

/* Code to make slide-shows look better on mobile screens */
section.slice_SlidesFullWidth {overflow:hidden;} /* hide anything that pokes outside */
@media (max-width:767px) {
	section.slice_SlidesFullWidth div.bannerSlides {
		width: 200%; /* double the width, which doubles the height, and then translate so we see the middle 50% */
		transform: translateX(-25%);
		overflow:hidden; /* hide anything that pokes outside */
	}
	/* Adjust the captions back again, so they look normal */
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption {
		/* div.bx-wrapper has position:relative set, so this is ok */
		left: 25%;
		right: 25%;
		width: 50%;
		overflow:hidden; /* hide anything that pokes outside */
	}
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {
    display:block;bottom:10px;
  }
}

section.slice_Header_L div.nav-menu ul.root_menu > li ul li.has_sub_menu::after,
section.slice_Header_L div.nav-menu ul.root_menu > li:last-child > ul li.has_sub_menu::before, 
section.slice_Header_L div.nav-menu ul.root_menu > li:nth-last-child(2) > ul li.has_sub_menu::before
{top:7px;}

/* Fix various issues */
div.endis-jquery-ui div#divOverlay {font-size:17px;line-height:1.3;}
body.OnSmallAppleDevice input {-webkit-appearance: none;}
body.ArticleEditor img.module_icon {width:auto !important;}
section.slice_Footer_L div.footerbar span:last-child:not([id]),
section.slice_Footer_D div.footerbar span:last-child:not([id]) { display: block; padding-top: 25px; }
.HideElement {display:none !important;}

/* prevent text-overwriting when desktop menus wrap around */
section.slice_Header_D ul.root_menu ul,
section.slice_Header_L ul.root_menu ul,
section.slice_Header_T ul.root_menu ul {z-index:4;}

section.slice_Footer_D div.footerbar a#footer_cookies::after,
section.slice_Footer_L div.footerbar a#footer_cookies::after { content: "|"; padding: 0 5px; }
@media (min-width: 768px) {
	section.slice_Footer_D div.footerbar a#footer_cookies::after,
	section.slice_Footer_L div.footerbar a#footer_cookies::after { padding: 0 10px; }
}

/* Slide-show bottom buttons */ 
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:30px;}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {
	width:18px;height:18px;border-radius:9px;border-width:2px;margin:0 6px;
}
@media (max-width:1200px) {
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:10px;}
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {width:14px;height:14px;border-radius:7px;}
}

/* Fix system page ul lists */		
section.slice_system_page div.system_content ul {
  list-style-type: disc;
  padding-left:40px;
}

/* Fix the new calendar page pop-up */
div.dialog-content.calendar-event-content > h4,
div.dialog-content.calendar-event-content > h4 a.event-location-link {
	display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;
}
/* make sure these are not set */
html,body {height:initial;}

footer i.ImageSocialMediaIcon::after {padding:10px !important;}

/* Extra icon using a square background image */
footer i.icomoon-icon-XXXXXX.ImageSocialMediaIcon::after
{ /* Replace url below with actual url of square icon image */
  background-image: url(/Images/Content/1495/Templates/46170/images/CommissionLogo.png);
}

section.slice_SlidesFullWidth div.caption div.slideTitle,
section.slice_SlidesFullWidth div.caption div.slideText
{text-shadow:0 0 2px black;}


header div.MenuFloatRight {float:right; margin-right:20px;}
header div.DeskTopSearch {
	display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;
  	background-color:#F2F2F2;
  	margin:10px 0 50px;
}
header div.DeskTopSearch input.text {
  margin:0; height:40px; line-height:1; background-color:#F2F2F2;
  border:7px solid #F2F2F2;
  border-right-width:0;
  width:280px;
  text-align:center;
}
header div.DeskTopSearch input.text:focus {background-color:white;}
header div.DeskTopSearch input:focus {outline:none;}
header div.DeskTopSearch input.button {display:none;}
header div.DeskTopSearch > i {
  width:40px; height:40px; display:block; font-size:22px; line-height:40px;
  cursor:pointer;
}
header section.slice_Header_L div.DeskTopSearch > i::before {
  color:black !important;
  position:relative; left:10px;
}
@media (max-width:991px) {header div.MenuFloatRight {display:none;}}


section.slice_Newsletter {
	padding:40px 10px 50px 20px;
  	background-color:#AFE1DE;
}
section.slice_Newsletter h1 {
  font-size:70px;text-align:center;
  margin:0 0 10px;
  font-family:GothamCondensed;
  font-weight:400;
  letter-spacing:3px;
}
section.slice_Newsletter div.Subtext {text-align:center;font-weight:600;margin:0 0 20px;}

/* Newsletter profile editor fixes */
div._user_registration_aspx.HomePage div.TopCaption,
div._user_registration_aspx.HomePage div[id$="_outerdiv_ctls_basic_details"] td:first-child
{display:none;}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv > div {
	background-color:transparent !important;
  	border:none;
  	max-width:1230px;
}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv > div[id$="_outerdiv_ctls_consentfields"] {
  	margin:10px auto 0;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] {
	display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;
}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv 
div[id$="_div_ctls_basic_details"] > div input.text[type="text"] {
  	border:none; 
  	padding:15px 20px !important;
  	width:100% !important;
  	font-weight:600;
  	margin:0 0 5px !important;
}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv 
div[id$="_div_ctls_basic_details"] > div input.text[type="text"]::placeholder {
 color:#37B6AD;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:first-child {
 	width:33.333%;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:nth-child(2) {
 	width:33.333%;
  	margin:0 50px 5px;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:last-child {
 	width:33.333%;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_consentfields"] {
	display:flex; flex-flow:row nowrap; justify-content:center; align-items:flex-start;
}
@media (max-width:991px) {
  div._user_registration_aspx.HomePage div[id$="_div_ctls_consentfields"] {
      flex-flow:column nowrap; justify-content:flex-start; align-items:center;
  }
}
div._user_registration_aspx.HomePage ul.consent-questions {
  margin:0;padding:0;
}
div._user_registration_aspx.HomePage li.consent-question {
  text-indent:-32px;
}
div._user_registration_aspx.HomePage ul.consent-questions label {
  margin:0 !important;
	position:relative; top:-12px;
    cursor:pointer;
  font-weight:500;
  font-size:16px;
}
div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] {
	width:28px; height:28px; position:relative; right:10px; top:-3px;
  	border-radius:6px;
    cursor:pointer;
}
div._user_registration_aspx.HomePage div.DummyButton {
  display:inline-block;
  background-color:#37B6AD;
  border:none;
  margin:0;
  padding:10px 15px;
  font-size:20px; font-weight:700;
  line-height:1;
  transition:background-color 300ms linear;
  cursor:pointer;
  color:white;
}
div._user_registration_aspx.HomePage div.DummyButton:hover {
  opacity:1;
  background-color:black;
}
div._user_registration_aspx.HomePage span[id$="_ctlCaptchaButton_objConfigurableButton"] input.button,
div._user_registration_aspx.HomePage span[id$="objSubmitButton"] input.button {
	display:none;
}

@media (max-width:991px) {
  div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] {
      flex-flow:column nowrap; justify-content:flex-start; align-items:center;
  }
  div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div {
      width:100% !important;
    	max-width:400px;
      margin:0 0 20px  !important;
  }
  div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:last-child {
      margin:0 !important;
  }
}

section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.caption {
    position: absolute;
    left: 55%;
    bottom:0;
    height:auto;
    width:550px;
  	margin:0;
  /*
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  */
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.captionTogether {
  position: relative;
}
@media(min-width:1600px){
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
  ul.gallery_ul li.gallery_li div.captionTogether {
    top:25px;
  }
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li > a:not([href]) {
	cursor:default;
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.caption div.slideTitle {
  padding:0; margin:0; line-height:1;
  position:relative; top:46px; right:37px;
  text-shadow:none;
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.caption div.slideText {
  background-color:rgba(0,0,0,0.4);
  font-size:20px; font-weight:500;
  line-height:1.7;
  padding:60px 50px 100px; margin:0;
  text-align:left;
  text-shadow:none;
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.ButtonFlex {
  position:absolute;
  bottom:-60px; right:0;
  display:flex; flex-flow:row nowrap; align-items:flex-start; justify-content:flex-start;  
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.caption a.slideButton {
  width:120px;
  height:120px;
  border:none; border-radius:0;
  padding:0;
  text-align:center;
  font-weight:500;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.caption a.slideButton i {
  font-size:28px; line-height:1; position:relative; top:4px;
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.caption a.slideButton1 {
  background-color:transparent !important;
  background-image: linear-gradient(
    transparent, transparent, transparent, 
    rgba(0,0,0,0.5), rgba(0,0,0,0.6), rgba(0,0,0,0.6)
  );
  color:white !important;
  border:4px solid white !important;
  margin:0 50px 0 0;
}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
ul.gallery_ul li.gallery_li div.caption a.slideButton2 {
  background-color:white !important;
  color:black !important;
}
@media(max-width:1500px){
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
    ul.gallery_ul li.gallery_li div.caption {
    	width:400px;
    }
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
  ul.gallery_ul li.gallery_li div.caption div.slideTitle {
  	font-size:60px;
    top:27px; right:23px;
  }
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
  ul.gallery_ul li.gallery_li div.caption div.slideText {
  	font-size:18px; line-height:1.4;
    padding:30px 20px 80px;
  }
}
@media(max-width:1200px){
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
    ul.gallery_ul li.gallery_li div.caption {
      width:100%;
      top:0; bottom:0; left:0; right:0;
      display: flex;
      flex-direction: column nowrap;
      align-items:center;
      justify-content: center;      
    }
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
  ul.gallery_ul li.gallery_li div.caption div.slideTitle {
  	position:static; margin:0 0 20px; text-align:center;
  }
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
  ul.gallery_ul li.gallery_li div.caption div.slideText {
  	display:none;
  }  
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper 
    ul.gallery_ul li.gallery_li div.ButtonFlex {
  	position:static;  
  }
}

/* Resources Menu */
/* ############## */

.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) > ul.sub_menu.sub_menu_level_1 {
  width:1100px;
  padding: 0 0 10px;
}
@media(max-width:1300px){
  .slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) > ul.sub_menu.sub_menu_level_1 {
    width:800px;
  }
}
header ul.root_menu > li:nth-child(2):hover > ul.sub_menu.sub_menu_level_1 {
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;
}
header ul.root_menu > li:nth-child(2) > ul.sub_menu.sub_menu_level_1 ul {
  display:block;
  position:static !important;
  float:none;
  margin:0;
  background-color:transparent;
}
header ul.root_menu > li:nth-child(2) > ul.sub_menu.sub_menu_level_1 ul li {
  display:block !important;
  float:none !important;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) li.menu_item_level_2 > a {
  padding-left:20px !important;
  padding-right:20px !important;
  font-weight:700;
  margin:20px 0 0;
  text-transform:uppercase;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) ul.sub_menu_level_2 li,
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) ul.sub_menu_level_2 a,
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) ul.sub_menu_level_2,
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) li.menu_item_level_2 {
 max-width:235px;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) ul.sub_menu_level_2 {
	padding:0;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) li.menu_item_level_3 a {
  font-weight:400; line-height:1.3;
  white-space:normal;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) li a {
  padding:10px 10px !important;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) li.menu_item_level_3 > a {
  padding-left:20px !important;
  padding-right:20px !important;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) ul li.has_sub_menu::after,
.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2) ul li.has_sub_menu::before {content:'' !important;}

header ul.root_menu > li:nth-child(2) ul.sub_menu.sub_menu_level_3 {display:none !important;}

header div.nav-menu,
header ul.root_menu {position:static !important;}

section.slice_Header_L div.nav-menu ul.root_menu ul {box-shadow:none !important;}

/* Banner Image code */
section.slice_BannerImage {
  position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 230px 10px;
}
@media(max-width:992px){
	section.slice_BannerImage {padding:75px 10px;}
}
section.slice_BannerImage h1 {
  position:relative; z-index:0;
	line-height:1.1; 
	margin:0; 
	text-align:center;
	color: white;
	font-size: 100px;
  	text-shadow:none !important;
}
@media(max-width:992px){
	section.slice_BannerImage h1 {font-size: 55px;}
}
@media(max-width:467px){
	section.slice_BannerImage h1 {font-size: 35px;}
}
section.slice_BannerImage div.BannerImgCustomFields {display:none;}
section.slice_BannerImage div.container {text-align:center;}


/* ################### */
/* UML_ML_1: Universal Mini-Layout Media-List 1 */

section.SermonCardsFour {
  	padding:90px 10px 100px;
	background-color:white;
}
section.SermonCardsFour h1 {
    font-weight:700;
  font-size:52px; line-height:1.2; margin-bottom:40px; text-align:center;
}
section.SermonCardsFour a.ArrowToRight {display:inline-block; font-size:20px; line-height:1; margin-top:20px;}
section.SermonCardsFour div.UML_ML_1 span.MediaList {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.SermonCardsFour div.UML_ML_1 > span.MediaList > div { 
  background-color:white; width: 100%; margin:15px 0;
} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div { width: 48%; margin:15px 0; }
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div:nth-child(2n+1) {margin-right:2%;} /* Extra 1% on each */
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 992px) { /* 4 columns */
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div { width:23.5%; margin:15px 0;}
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div:nth-child(4n+1) {margin-left:0;margin-right:0;}
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div:nth-child(4n+2) {margin-left:2%;margin-right:2%;} 
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div:nth-child(4n+3) {margin-left:0;margin-right:2%;} 
	section.SermonCardsFour div.UML_ML_1 > span.MediaList > div:nth-child(4n) {margin-left:0;margin-right:0;}
}
section.SermonCardsFour div.UML_ML_1 div.mediaListImage img { display: block; width: 100%;  margin:0;}
section.SermonCardsFour div.UML_ML_1 div.mediaListImage a { 
  display: block; margin: 0; position:relative;
}
section.SermonCardsFour div.UML_ML_1 div.ImageIcon {
	position:absolute; width:100%; height:100%;
  top:0; left:0; right:0; bottom:0;
  display: flex; flex-flow: row nowrap; justify-content: center; align-items:center;
}
section.SermonCardsFour div.UML_ML_1 div.ImageIcon i {
  font-size:80px; line-height:1; color:white;
  display:block;
  transition:color 300ms linear;
}
section.SermonCardsFour div.UML_ML_1 a:hover div.ImageIcon i {color:#FFDF00;}

section.SermonCardsFour div.UML_ML_1 div.mediaListTitle {  padding: 20px 20px 15px;}
section.SermonCardsFour div.UML_ML_1 div.mediaListTitle a { 
  font-weight: 700; font-size:27px; line-height: 1.2; display:block;
  color:black;
}
section.SermonCardsFour div.UML_ML_1 div.mediaListTitle a:hover {
  text-decoration:none; color:#FFDF00;
}
section.SermonCardsFour div.UML_ML_1 div.mediaListSummary { 
  padding: 0 20px 0; font-size:18px; font-weight: 500;line-height: 1.5;
}



/* ################### */
/* UML_ML_2: Universal Mini-Layout Media-List 2 */

section.slice_Podcast {
  	padding:0 10px 100px;
	background-color:white;
}
section.slice_Podcast div.BlackLine {
  max-width:470px; margin:0 auto; height:2px; background-color:black;
}
section.slice_Podcast h1 {
  font-size:52px; line-height:1.2; margin:80px 0 40px;text-align:center;
  font-weight:700;
}
section.slice_Podcast div.UML_ML_2 span.MediaList {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.slice_Podcast div.UML_ML_2 > span.MediaList > div { 
  background-color:white; width: 100%; margin:15px 0; max-width:500px;
} /* 1 column */
@media (min-width: 992px) { /* 2 columns */
	section.slice_Podcast div.UML_ML_2 > span.MediaList > div { width: 48%; margin:15px 0; }
	section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(2n+1) {margin-right:2%;} /* Extra 1% on each */
	section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 1400px) { /* 3 columns */
	section.slice_Podcast div.UML_ML_2 > span.MediaList > div { width:30.6666%; margin:30px 0;}
	section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
	section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(3n+2) {margin-left:4%;margin-right:4%;} 
	section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(3n) {margin-left:0;margin-right:0;}
}

section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(2n+1),
section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(2n+1) a {
	background-color:#01B9AD; color:white
}
section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(2n),
section.slice_Podcast div.UML_ML_2 > span.MediaList > div:nth-child(2n) a {
	background-color:#FFDE17; color:black
}

section.slice_Podcast table {width:100%;}
section.slice_Podcast td:first-child {
  width:60%;
    padding:0;
    vertical-align:top;
  font-weight:500;
}
section.slice_Podcast td:last-child {
  width:40%; padding:0;
}

section.slice_Podcast div.UML_ML_2 div.mediaListImage img { display: block; width: 100%;  margin:0;}
section.slice_Podcast div.UML_ML_2 div.mediaListImage a { 
  display: block; margin: 0; position:relative;
}
section.slice_Podcast div.UML_ML_2 div.ImageIcon {
	position:absolute; width:100%; height:100%;
  top:0; left:0; right:0; bottom:0;
  display: flex; flex-flow: row nowrap; justify-content: center; align-items:center;
}
section.slice_Podcast div.UML_ML_2 div.ImageIcon i {
  font-size:80px; line-height:1; color:white;
  display:block;
  transition:color 300ms linear;
}
section.slice_Podcast div.UML_ML_2 a:hover div.ImageIcon i {color:#FFDF00;}

section.slice_Podcast div.UML_ML_2 div.mediaListTitle {  padding: 20px 20px 15px;}
section.slice_Podcast div.UML_ML_2 div.mediaListTitle a { 
  font-weight: 700; font-size:27px; line-height: 1.2; display:block;
  color:black;
}
section.slice_Podcast div.UML_ML_2 div.mediaListTitle a:hover {
  text-decoration:none; color:#FFDF00;
}
section.slice_Podcast div.UML_ML_2 div.mediaListSummary { 
  padding: 0 20px 0; font-size:18px; font-weight: 500;line-height: 1.5;
}

header ul.root_menu > li > ul > li > a:hover,
header ul.root_menu ul ul li > a:hover {opacity: 0.7 !important;}
header ul.root_menu > li > ul > li > a.NoPointer:hover,
header ul.root_menu ul ul li > a.NoPointer:hover {opacity: 1 !important;}

footer img.FooterLogo {display:block; height:66px; margin:4px 0 13px;}
footer a.footer img.footer-logo {padding-top:6px !important;}
@media(max-width:1019px){
	footer img.FooterLogo {margin:4px auto 13px;}
}

section.slice_content_page aside div.SideBarStoryImages {margin:90px 0 0;}
section.slice_content_page aside div.SideBarStoryImages img {
	display:block; width:100%; max-width:400px;
  	margin:0 auto 50px;
}

section.slice_content_page div.StoriesPrevNext {
  float:none;clear:both;
	margin-top:100px;
  display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;
}
section.slice_content_page div.StoriesPrevNext a {
	display:block; 
  	height:110px;
  	width:320px;
    position:relative;
  	overflow:hidden;
  	background-size:cover;
  	background-position:center center;
  	background-color:#00B9AC;
}
section.slice_content_page div.StoriesPrevNext a div.YellowTriangle {
  position:absolute; left:-55px; bottom:0;
  width:110px; height:110px;
  background-color:#FDDF0D;
  transform:skewX(45deg);
}
section.slice_content_page div.StoriesPrevNext a div.YellowTriangle.Red {background-color:#DF1A21;}
section.slice_content_page div.StoriesPrevNext a:last-child div.YellowTriangle {
  left:initial; right:-55px;
  transform:skewX(-45deg);
}

section.slice_content_page div.StoriesPrevNext a div.StoryTitle {
  position:absolute; top:0; bottom:0; right:0; left:0;
  display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center;
}
section.slice_content_page div.StoriesPrevNext a:last-child div.StoryTitle {
  justify-content:flex-start;
}
section.slice_content_page div.StoriesPrevNext a div.StoryTitle div {
	color:white; text-shadow:0 0 2px black;
  font-weight:600;
  font-size:19px; line-height:1.2;
  width:245px;
  max-height:105px; overflow:hidden;
  padding:0 5px 0 20px;
}
section.slice_content_page div.StoriesPrevNext a:last-child div.StoryTitle div {
  padding:0 5px 0 15px;
}
section.slice_content_page.StoriesPage div.StoriesPrevNext a div.StoryTitle div {
 font-size:22px; 
}

/* Sidebar image gallery */
section.slice_content_page aside ul {margin:100px 0 0; padding:0; list-style:none;}
section.slice_content_page aside ul img {width:100%; max-width:352px;}
section.slice_content_page aside ul li {display:block; margin:0 0 40px;}
section.slice_content_page aside ul a {
  display:block;
}
section.slice_content_page aside ul img {
  display:block;margin:0 auto;
}
@media(max-width:767px){
  section.slice_content_page aside.sidebar ul.gallery_ul li.gallery_li:first-child img {
    padding-top:20px;
  }
}
section.slice_content_page aside ul a:hover {opacity:0.6;}

section.slice_content_page div.main-content div.ArticleBody img.HasImageCaption {
	margin-bottom:0 !important;
}
section.slice_content_page div.main-content div.ArticleBody div.ImageCaption {
	clear:both; font-size:15px; margin:0; line-height:1.3;
}

section.slice_content_page div.main-content div.ArticleBody a.ButtonDownload {
  display:inline-block; padding:10px 30px 10px 30px;
  background-color:#FFDF00; color:black;	
  font-size:32px; font-weight:700;
}
section.slice_content_page div.main-content div.ArticleBody a.ButtonDownload i {	
  font-size:36px; position:relative; top:1px; left:10px;
}
section.slice_content_page div.main-content div.ArticleBody a.ButtonDownload:hover {
  background-color:black; color:#FFDF00;	
}

/* Masonry Stories */ 
section.slice_content_page div.main-content div.MasonryGrid {
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
}
section.slice_content_page div.main-content div.MasonryGrid > div {
  width:31%;
  position:relative;
}
section.slice_content_page div.main-content div.MasonryGrid > div:nth-child(2) {
  margin-left:3.5%;margin-right:3.5%;
}
section.slice_content_page div.main-content div.MasonryGrid > div > div {
  position:relative;
  margin-bottom:42px;
}
section.slice_content_page div.main-content div.MasonryGrid a {display:block;}
section.slice_content_page div.main-content div.MasonryGrid a:hover {text-decoration:none;}
section.slice_content_page div.main-content div.MasonryGrid img {
	display:block; width:100%;
}
section.slice_content_page div.main-content div.MasonryGrid div.MasonA div.PicBox {
  	color:white;
	position:absolute; bottom:20px; right:10px;
  	min-width:50%; max-width:70%;
}
section.slice_content_page div.main-content div.MasonryGrid div.articleListTitle a {
  color:white; font-size:38px; font-weight:700;line-height:1.1; margin-bottom:5px;
}
section.slice_content_page div.main-content div.MasonryGrid div.articleListSummary {
  color:white; line-height:1.3; font-size:14px;
}
section.slice_content_page div.main-content div.MasonryGrid a.Square {
	text-align:center; width:80px; height:76px; font-weight:700;
  	display:flex; flex-flow:row nowrap;justify-content:center;align-items:center;
  	font-size:16px; line-height:1;
}
section.slice_content_page div.main-content div.MasonryGrid div.MasonA a.Square {margin:15px 0 0 7px;}
section.slice_content_page div.main-content div.MasonryGrid div.MasonB a.Square {flex:0 0 80px;}
section.slice_content_page div.main-content div.MasonryGrid div.MasonB div.ColBox {margin:0 15px 0 0;}

section.slice_content_page div.main-content div.MasonryGrid a.Yellow {
	background-color:#FDDF0D; color:black;
}
section.slice_content_page div.main-content div.MasonryGrid a.Yellow:hover {
	background-color:black; color:#FDDF0D;
}
section.slice_content_page div.main-content div.MasonryGrid a.Green {
	background-color:#00B9AC; color:white;
}
section.slice_content_page div.main-content div.MasonryGrid a.Green:hover {
	background-color:white; color:#00B9AC;
}

section.slice_content_page div.main-content div.MasonryGrid div.MasonB {
  padding:30px 35px 35px;
  display:flex; flex-flow:row nowrap;justify-content:center;align-items:center;
}
section.slice_content_page div.main-content div.MasonryGrid div.MasonB.Yellow {
  background-color:#FDDF0D;
}
section.slice_content_page div.main-content div.MasonryGrid div.MasonB.Green {
  background-color:#00B9AC;
}
section.slice_content_page div.main-content div.MasonryGrid div.MasonB.Yellow div.articleListTitle a,
section.slice_content_page div.main-content div.MasonryGrid div.MasonB.Yellow div.articleListSummary {
	color:black;
}
@media(max-width:991px){
  section.slice_content_page div.main-content div.MasonryGrid {
    flex-flow:column nowrap; justify-content:flex-start; align-items:center;
  }
  section.slice_content_page div.main-content div.MasonryGrid > div {
    width:100%; max-width:370px;
  }
}

/* Resource Landing Page */
section.ResourceNav div.ResourceNav ul {list-style:none; margin:0; padding:0;}
section.ResourceNav div.ResourceNav > ul {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.ResourceNav div.ResourceNav > ul > li { 
  background-color: #3DBFB5; width: 100%; margin:0 0 40px;
  display:block;
} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.ResourceNav div.ResourceNav > ul > li { width: 48%; margin:0 0 50px; }
	section.ResourceNav div.ResourceNav > ul > li:nth-child(2n+1) {margin-right:2%;} /* Extra 1% on each */
	section.ResourceNav div.ResourceNav > ul > li:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 992px) { /* 3 columns */
	section.ResourceNav div.ResourceNav > ul > li { width:30%; margin:0 0 50px;}
	section.ResourceNav div.ResourceNav > ul > li:nth-child(3n+1) {margin-left:0;margin-right:0;}
	section.ResourceNav div.ResourceNav > ul > li:nth-child(3n+2) {margin-left:5%;margin-right:5%;} /* extra 4% on the middle one only */
	section.ResourceNav div.ResourceNav > ul > li:nth-child(3n) {margin-left:0;margin-right:0;}
}
section.ResourceNav div.ResourceNav ul ul {padding:20px 0 35px;}
section.ResourceNav div.ResourceNav ul ul a {
  display:block; font-weight:500;
  color:white; font-size:18px; line-height:1.2;
  padding:10px 30px;
}
section.ResourceNav div.ResourceNav ul ul a:hover {color:#FBE00D;}
section.ResourceNav div.ResourceNav img {display:block; width:100%;}
section.ResourceNav div.ResourceNav > ul > li > a {
	display:block; position:relative;
  	text-transform:uppercase;
  	font-size:38px; line-height:1.1;
  	font-weight:700;
  	color:white;
  	text-align:center;
}
section.ResourceNav div.ResourceNav > ul > li > a > div {
  position:absolute; top:0; bottom:0; left:0; right:0;
  display: flex; flex-flow: row nowrap; justify-content: center; align-items:center;
}
section.ResourceNav div.ResourceNav > ul > li > a > div div {
  max-width:77%;
  padding:0 5px;
}
@media(max-width:1250px){
	section.ResourceNav div.ResourceNav > ul > li > a > div div {max-width:100%;}
}
@media(max-width:767px){
	section.ResourceNav div.ResourceNav > ul > li > a {
      font-size:28px;
    }
  	section.ResourceNav div.ResourceNav ul ul a {
      padding:10px 10px;
      font-size:18px;
    }
}
div.ResourceNav a.NoPointer {cursor:default;}

section.slice_AnchorArticle {text-align:center; margin-top:20px;}

section.slice_content_page div.main-content div.Prolog div.Title {
  font-weight:800;
  background-color:#FDDF0D;
  font-size:22px; line-height:1;
  width:215px;
  padding:12px 15px 10px;
}
section.slice_content_page div.main-content div.Prolog div.Title.Red {
  background-color:#DF1A21;
  color:white;
}
section.slice_content_page div.main-content div.Prolog img {
  display:block;
  max-width:100%;
}
section.slice_content_page div.main-content div.Prolog div.Date {
  font-weight:700;
  color:#37B6AD;
  font-size:26px; line-height:1;
  margin:30px 0 20px;
}

header a.NoPointer {cursor:default;}

/* forms, profile editor code */
section.slice_content_page div.main-content div.ArticleBody div._user_registration_aspx
ul.consent-questions label a {
  display:inline;
}
section.slice_content_page div.main-content div.ArticleBody div._user_registration_aspx
div[id$="_objRegistrationForm_div_ctls_groupnotes"] > div {width:100% !important;}

/* Bits of a shop are not covered by a shop template. These inculde:

1) T&C's page.
2) Credit Card "why is this safe" and "security number on back of card" pop-ups.

They are set by the template in use for system pages, and not by the shop template.
So the code below should be added to the system page template.
This code assumes the system page template JS is correctly adding the "_shop_termsandconditions_aspx" etc. class to the body tag.
*/
body.system_popup { 
	padding-left: 10px !important; 
  	background-color:white !important;
}
body.system_popup input[type=submit],
body.system_popup input[type=button] {
  	margin-top:5px !important;
  	padding:5px 20px;
	background-color:#000000 !important;
  	color: white;
  	border:none;
  	border-radius:5px;
  	width:auto !important;
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox blockquote { 
	margin: 0 10px 0 0 !important; 
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox h1 {font-size:32px;}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox h3 { 
	padding-top: 30px !important; 
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox p { 
	margin: 0 !important; 
	padding: 0 !important; 
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox table td:last-child { 
	text-align: left !important; 
	padding-left: 10px !important;
}

body._myarea_walletitem_aspx input[type=submit] {width:auto !important}
body._myarea_walletitem_aspx div[id$=_pnlEdit] > table {width:96% !important;}
body._myarea_walletitem_aspx div[id$=_pnlEdit] table td,
body._myarea_walletitem_aspx div[id$=_pnlView] table td {padding:2px !important;}

body._shop_checkout_whyisthissafe_aspx table.pagebox_homepage.pagebox {width:100% !important;}
body._shop_checkout_whyisthissafe_aspx table.pagebox_homepage.pagebox td {padding:5px 2px !important;}

body._shop_checkout_explaincardcsv_aspx table.pagebox_homepage.pagebox td {padding:5px 2px !important;}







/* Pete additions - wide page - whos who */

.picrow {margin-bottom:80px; clear:both; margin-left:25%; margin-right:25%; margin-top:80px; border-top:solid 1px #37B6AD}
.whopic {float:left; max-width:38%; margin-right:100px; padding-bottom:100px; }
.whopic2 {float:right; max-width:38%; margin-left:100px; padding-bottom:100px;}


@media(max-width:850px){
  
.whopic {float:left;  margin-right:50px; padding-bottom:50px; }
.whopic2 {float:right; margin-left:50px; padding-bottom:50px;}  
 
  
}


@media(max-width:480px){
.whopic {float:none; min-width:100%;  margin-right:0px; padding-bottom:20px; }
.whopic2 {float:none; min-width:100%; margin-left:0px; padding-bottom:20px;}  
}

/* Pete additions - wide page - other websites */

h3 {padding-bottom:5px; padding-top:45px;}
.lefty {float:left; max-width:45%;}
  .righty {float:right; max-width:45%;}

@media(max-width:480px){
  
  .lefty {float:none; min-width:100%;}
  .righty {float:none; min-width:100%;}
}


section.slice_Newsletter {margin-top:40px;}

/* Forms CSS */

div[id$="_elFormContents"] table.GreenForm,
._user_registration_aspx div#GroupNotesEnclosingDiv > div, 
._user_registration_aspx div[id$='_divCaptchaWrapper'] {
    max-width:100%;
  	width:100%;
    margin: 0 auto 40px;
    padding:20px 30px 20px 30px;
    background-color: #AFE1DE !important;
    border: none !important;
}
._user_registration_aspx div#GroupNotesEnclosingDiv select {
  background-color:#D8F0F0;
  padding:6px 5px;
  margin:7px 0;
  width:auto !important;
  max-width:100% !important;
}
div[id$="_elFormContents"] table.GreenForm input[type="text"],
._user_registration_aspx div#GroupNotesEnclosingDiv input[type="text"] {
  border:none !important;
  margin:7px 0 !important;
  padding:8px !important;
  max-width:100% !important;
}
div[id$="_elFormContents"] table.GreenForm textarea,
._user_registration_aspx div#GroupNotesEnclosingDiv textarea {
  border:none !important;
  max-width:100% !important;
}
div[id$="_elFormContents"] input.button[type="button"],
._user_registration_aspx input.button[type="button"],
._user_registration_aspx input.button[type="submit"] {
  font-size:30px; line-height:1; border-radius:0;
  padding:16px 70px !important; 
  background-color:#37B6AD;
  font-weight:700;
  border:none !important;
  margin:35px 0 0;
  display:block;
  width:auto !important;
}
._user_registration_aspx li.consent-question label {font-size:15px; line-height:1.2;}
._user_registration_aspx table#groupnotes_dgGroupNotes a {
  background-color:#37B6AD; border-radius:30px; color:transparent; font-size:0;
  padding:2px 5px; font-weight:600;
  display:inline-block; margin:0 5px;
}
._user_registration_aspx table#groupnotes_dgGroupNotes a::before {
  content:'?'; color:white; font-size:15px; line-height:1;
}
._user_registration_aspx div#GroupNotesEnclosingDiv div.phone-number-responsive div.iti {
  display:block;
}
._user_registration_aspx div#GroupNotesEnclosingDiv div.phone-number-responsive div.iti 
input[type="text"] {
  padding-left:52px !important;
}
._user_registration_aspx table#groupnotes_dgGroupNotes input[type="checkbox"] {top:0;}
._user_registration_aspx div[style="width:400px;"] {width:100% !important;}

section.HomepageVideo {position:relative;}
section.HomepageVideo > a {
	display:block; position:absolute; top:0; bottom:0; left:0; right:0;
  background-color:transparent; color:transparent;
}
 
/* Pete additions anchors */


a.anchor {
height:60px;
width:20%;
display: inline-block!important;
background-color: #37B6AD;
border: none;
margin: 0;
text-transform:uppercase;
padding-left: 1%;
padding-right: 1%;
padding-top:15px;!important;
font-size: 16px!important;
font-weight: 600!important;
line-height: 18px!important;
transition: background-color 300ms linear!important;
cursor: pointer;
color: #fff!important;
float:left;
vertical-align: middle!important;
}
    

a.anchor:hover {background-color:#000!important;}
  
  #anch2 {background-color:#63c7bd;}  


#anchorbar {margin-top:-80px; z-index:10; position:relative;}


.slice_Header_L .nav-menu ul.root_menu > li:nth-child(2):hover ul {z-index: 20;}


@media(max-width:768px){
  a.anchor {font-size: 13px!important;}
}



@media(max-width:480px){

a.anchor {
height:60px;
width:50%;
display: inline-block!important;
background-color: #37B6AD;
border: none;
margin: 0;
text-transform:uppercase;
padding-left: 0%;
padding-right: 0%;
padding-top:15px;!important;
font-size: 14px!important;
font-weight: 600!important;
line-height: 17px!important;
transition: background-color 300ms linear!important;
cursor: pointer;
color: #fff!important;
float:left;
vertical-align: middle!important;
}
}



section.slice_content_page div.main-content div.Prolog img {
display: block;
max-width: 100%;
max-height: 450px;
margin-bottom: 30px;
}




  
 
/* Fix email template formatting */


  
  
  
tr [style*="font-family:Arial, Helvetica, sans-serif"] 
{font-family: 'Montserrat', sans-serif!important;}
  
  
tr [style*="font face:Arial, Helvetica, sans-serif"] 
{font-family: 'Montserrat', sans-serif!important;}
  
  
 
tr [style*="color:#525050"] 
{color:#000!important;}  
  
  
tr [style*="font-weight:bold;"] 
  {font-weight:400!important;}  
  
tr [style*="color:#525050"] 
{color:#000 !important;}
  
  
tr [style*="line-height:20px;"] 
{line-height:25px!important;}
  

  
tr [style*="color: rgb(82, 80, 80);"] 
{color:#000 !important;}  
  
tr [style*="color:#da1e2c;"] 
{color:#000 !important;}  
  

h4 {font-size: 18px;
margin-bottom: -10px;
padding-top: 25px;
font-family: Montserrat, sans-serif;
font-weight: bold;
letter-spacing: 0;
} 



section.slice_content_page div.main-content div.ArticleBody a.ButtonDownload {
display: inline-block;
padding: 7px 20px 7px 20px;
background-color: #FFDF00;
color: black;
font-size: 22px;
font-weight: 700;
}


/* Responsive video */

.video-wrap {
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
height: 0;
margin-bottom:30px;}

.video-wrap iframe,
.video-wrap object,
.video-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Great Gopel Giveaway link */

.image-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  margin-bottom:60px;
    }

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

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

    .image-container a {
      display: inline-block;
      max-width: 40%;
    }

    .image-container img {
      width: 100%;
      height: auto;
      max-height: 300px;
      object-fit: contain;
      display: block; }

/* Great Gopel Giveaway 3col */

.three-column-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top:40px;
}

.grid-item {
  text-align: left;
}

.grid-item img {
  width: 100%;
  object-fit: cover;
  display: block;
  margin-bottom: 20px;
}


/* Tablet (2 columns) */
@media (max-width: 900px) {
  .three-column-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (1 column) */
@media (max-width: 600px) {
  .three-column-grid {
    grid-template-columns: 1fr;
  }
}


/* Great Gopel Giveaway pathway */

.pathway-title {
    text-align: center;
    margin-bottom: 40px;
  }

  .pathway-track {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
  }

  .pathway-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .pathway-item {
    width: 85%;
    padding: 10px;
margin-top:-40px
  }

  .pathway-arrow {
    width: 10%;
    text-align: center;
    margin-top:40px;
  }

  .pathway-arrow img {
      width: 100%;
    transform: rotate(0deg);

  }

  .pathway-row.reverse {
    flex-direction: row-reverse;
  }

  .pathway-row.reverse .pathway-arrow img {
  }

  @media (max-width: 768px) {
    .pathway-row,
    .pathway-row.reverse {
      flex-direction: column;
      align-items: left;
    }

    .pathway-item,
    .pathway-arrow {
      width: 100%;
      text-align: left;
    }

    .pathway-arrow img {display:none;}

  
    .pathway-track {
      gap: 0px;}
  
  }



/* Great Gopel Giveaway bubbles */

.question-bubbles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 40px 0;
  max-width: 100%;
}

.bubble {
  background-color: #ffeb3b;
  color: #000;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  width: 230px;
  height: 230px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: float 10s ease-in-out infinite;
  transition: transform 0.3s;
}

.bubble:hover {
  transform: scale(1.05);
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}