html, body,.zonePlace.zoneContent {
  background: rgb(242, 242, 247);
}
h1,h1.promo, h2, h3, h3.sectionTitle, h4 {
  text-transform: uppercase;
  font-weight: normal !important;
}
/* remove sidebar and fix right padding */
.zoneSidebar {
  display: none;
}
.zoneMain {
  padding-right: 0 !important;
}
.zonePlace .zoneHeader1 {
  margin: 0 30px 0 30px;
}
.WaGadgetMenuHorizontal.HorizontalMefnuStyle002 .stickyMenu.active  {
  width: 100% important!;
} 
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
  border: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel > li > .item > a {
  font-weight: normal;
}
/* navigation menu */
/* focus of second level */
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.secondLevel > li.sel > .item > a { 
    text-transform: uppercase;
    background: #c089a8;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel > li.selected > .item > a {
    color: #c089a8;
    font-weight: bold;
    font-style: normal;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel > li.selected > .item > a span:after {
    content: '\f107';    
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel > li.selected > .item:hover > a span::after {
    transform: none;
}
/* remove social media logins */
.openAuthFormContainer {
display: none !important;
} 
#socialLoginContainer, #idSocialLoginContainer  {
	display: none !important;
} 
/* Mobile menus */
@media only screen and (max-width: 777px){
  #id_header #logo img{
    height: 63px;
    width: 120px;
  }
  #loginName
   {
    display: none;
  }
} 
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated {
  font-style: normal;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a {
  background: #223672;;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li > .item > a:hover, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a:hover {
  text-decoration: underline;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel > .item > a, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
color:  #c089a8;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.selected > .item > a {
  color:  #FFFFFF;
}
.WaGadgetMobilePanel .mobilePanel .loginInner {
  background: #223672;
}
.WaGadgetMobilePanel .mobilePanel {
  background: #5f7394 url('/resources/web/images/bg-header.gif') repeat-x;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label::before {
  background: #FFFFFF;
  border: 1px solid #c1c1c1;
  color: #000000;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"]::placeholder {
  color: #c1c1c1;
}
.mobilePanel .mobilePanelButton.active, .mobilePanel .mobilePanelButton:hover {
  background: #5f7394 !important;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
  border-top: 1px solid #5f7394 !important;
}
/* login window */
 .loginLink {
  background: transparent !important;
}
.loginLink:hover::before {
  color: #9BC7FF;
}
.loginLink.hover::before {
  color: #c089a8;
}
.loginContainer.authenticated .loginLink {
  color: #9BC7FF !important;
}
.loginContainer.authenticated .loginLink:hover::before {
  color: #c089a8;
} 
.loginContainer.authenticated .loginLink:hover {
  color: #c089a8;
}
/* login window mobile */
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
  background: #3F88E8;
  color: #FFFFFF;
  border: 1px solid #3F88E8;
  text-transform: uppercase;
  -webkit-appearance: none;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover {
  background: #Ef2b4f;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner {
  background: #223672;
}
.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .profileBox {
    font-size: 14px;
    margin-right: 10px;
}
#id_donate_button {
  min-width: 82px !important;
}
#id_donate_button a {
  padding: 8px 5px;
  min-width: 100px;
}  
@media only screen and (max-width: 777px){ 
  #id_donate_button {
    position: absolute;
    top: -65px;
    right: 0px;
    left: auto;
    bottom: auto;
  } 
}
/* footer */
#id_Footer2 h2 {
  color:#9bc7ff;
  font-size:20px;
  font-weight: normal;
}
#id_Footer2 a {
  text-decoration: none;
}
#id_Footer2 a:hover {
  text-decoration: underline;
}
#footer_links {
  text-align:center; 
  padding: 50px 50px 25px 50px; 
  background-image: url("https://gaos.ch/resources/web/images/links-background.png");     
  background-size: cover;
}



#footer_links.news  ul {
  display: grid;
  grid-template-columns: auto auto auto auto;
}
#members-news-feed {
  text-align:center;
}
#members-news-feed ul {
  display: grid;
  grid-template-columns: auto auto auto;
}
#footer_links_header #recent-news {
  width:65%; 
  float:left; 
  box-sizing: border-box;
  padding-left: 50px;
  font-size: 20px;
}
#footer_links img {
  vertical-align: middle;
}
#footer_links_header #all-news {
  width: 35%; 
  float: right; 
  padding-right: 50px;
  box-sizing: border-box;
}
#footer_links.news  ul {
  display: grid;
  grid-template-columns: auto auto auto auto;
}
@media only screen and (max-width: 1000px){ 
  #footer_links.news ul, #members-news-feed ul {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 768px){ 
  #footer_links.news ul {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 479px){ 
  #footer_links.news ul, #members-news-feed ul {
    grid-template-columns: auto;
    justify-content: center;
  }
  #footer_links_header #recent-news {
    padding-left: 10px;
    background: #5f7394;
    height:58px;
    padding-top: 2px;
  }
  #footer_links_header #all-news {
    padding-right: 10px;
    background: #5f7394;
    height: 58px;
  }
}
#footer_links.news li, #members-news-feed li {
  height: 250px;
  width: 250px;
  padding: 25px;
  box-sizing: border-box;
  margin: 20px;
  background-image: url("/resources/Pictures/News/_thumbnails/newspaper.jpg");
  position: relative;
}
#members-news-feed li {
  margin: 5px;
}
#footer_links.news span, #members-news-feed span  {
  padding:0;
  background-color: transparent;
  top: -20px;
  bottom: auto;
  color:white;
}
#members-news-feed span {
  color:#000000;
  position:relative;
  top: 306px;
}
#footer_links.news .date::after, #members-news-feed .date::after {
  content: none;
}
#footer_links.news .author, #members-news-feed .author { 
  display: none;
}
#footer_links.news .title, #members-news-feed .title {
  background-color: rgba(0,0,0,0.75);
  width: 250px;
  box-sizing: border-box;
  position: absolute;
  bottom: -6px;
  left: 0;
  padding: 20px 10px 20px 10px;
  min-height: 115px;
  filter: none;
}
#footer_links.news .title:hover, #members-news-feed .title:hover {
  filter:none;
}
#footer_links.news a.background, #members-news-feed  a.background {
  display:inline-block;
  height: 250px;
  width: 250px;
  position: relative;
  left: -25px;
  top: -25px;
}
#footer_links p {
  margin:0; 
  color: white;
  text-align:left;
  width:100%;
  position: relative;
}
#footer_links span {
  padding: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.75);
  width: 100%;
  box-sizing: border;
}
#footer_links a,  #members-news-feed a {
  color:white;
}
#footer_links.members {
  background-image: url("https://gaos.ch/resources/web/images/links-background2.png");  
}
#footer_links.join {
  background-image: url("https://gaos.ch/resources/web/images/links-background3.png");  
}
#footer_links_header::after,#footer_links_header , #footer_links_header p, #footer_links_header a,  #footer_links_header h3 {
  margin: 0;
  color:white;  
}
@media only screen and (max-width: 777px){ 
  #footer_links, #footer_links.news,#footer_links.members, #footer_links.join {
    background-image: linear-gradient(#223672, #5f7394); 
  } 
}
.zoneWAbranding {
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    padding-top: 10px;
    font-size: 0.75em;
    background-color: #223672 ;
}
#idFooterPoweredByContainer span {
     display: none;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-mail-forward::before, .fa-share::before {
  content: "\f064";
}
.fa-ticket::before {
  content: "\f145";
}
.fa-envelope-o::before {
  content: "\f003";
}
.fa-map-pin::before {
  content: "\f276";
}
/* buttons */
a.buttonStyle001, a:link.buttonStyle001, a.buttonStyle002, a:link.buttonStyle002, a.buttonStyle003, a:link.buttonStyle003, a.buttonStyle004, a:link.buttonStyle004, a.buttonStyle005, a:link.buttonStyle005 {
    text-transform: uppercase;
}
a.buttonStyle002:hover, a.buttonStyle004:hover, a.buttonStyle005:hover {
  text-decoration: none !important;
}
a.stylizedButton.buttonStyle004:hover {
  border-color: #3F88E8;
}
a.stylizedButton.buttonStyle005:hover {
  border-color: #02153D;
}
#id_Footer2  a.buttonStyle002, #id_Footer2  a.buttonStyle005 {
  width: 150px !important;
}
/* homepage */
 /* remove thumbnails from photo banner */
.camera_command_wrap {
  display:none;
}
.camera_commands, .camera_next, .camera_prev, .camera_commands:hover, .camera_next:hover, .camera_prev:hover{
  background: transparent;
}
#social_media_buttons li .Facebook {
  background-color: #3b5998;
}
#social_media_buttons li a.Facebook::before {
  content: url('/resources/web/images/facebook_icon.png');
  transform: scale(.70);
}
#social_media_buttons li .Instagram {
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
#social_media_buttons li a.Instagram::before {
  content: url('/resources/web/images/instagram_icon.png');
  transform: scale(.75);
}
#social_media_buttons li a {
  border-radius: 5px;
  padding: 0px 2px 2px 2px;
  height: 35px;
  width: 35px;
}
#social_media_buttons li a::before { 
  padding: 1px;
}
/* text in homepage photo and banners */
#header_text {
  font-weight: bold;
  font-size: 30px; 
  z-index: 1;
  width: 80%;
  left: 10%;
  color: #FFFFFF;
} 
#header_text h1 {
    text-transform: uppercase;
    font-size: 50px;
    margin: 0;
    line-height: 52px;
    font-style: normal;
    font-weight: 700;
}
#photo_header_text, #banner_header_text {
  font-weight: bold;
  font-size: 30px; 
  position: absolute;
  bottom: 5%;
  background: transparent;
  z-index: 1;
  width: 80%;
  left: 10%;
  box-sizing: border-box;
}
#photo_header_text_new {
  font-size: 20px; 
  height:100%;
  /* background: rgba(34,54,114,0.75);*/
  color: white;
  padding: 60px 30px 30px 30px;
  left: 0;
  top: 0;
  position: absolute;
  width: 30%;
  box-sizing: border-box;
  text-align: center;
}
#photo_header_text_new h2 {
  font-size: 15px; 
  color: white;
  text-transform: none;
  margin-top:0;
}
@media only screen and (max-width:779px){ 
  #photo_header_text_new {
    width: 100%; 
    position: static;
    opacity: 1;
    height: auto;
    font-size: 18px;
    padding: 20px 10px 20px 10px;
    
    background: #10192d;
    margin-top: 5px;
    /*background: #3E3E78*/
  }
}
.OnlineStoreCatalog_list_item_img {
  border: #c1c1c1 solid 1px; 
  background: #FFFFFF !important;
}
.WaGadgetOnlineStoreCartCheckout .storeCartContent h2 {
    color: #DA0031;
}
#banner_header_text {
  left: 5%;
  bottom: 7%;
  text-align:left;
  width: 90%;
  color: white;
}
#photo_header_text h1, #banner_header_text h1, #photo_header_text_new h1{
  text-transform: uppercase;
  font-size: 50px;
  margin: 0;
  line-height: 52px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
}
@media only screen and (max-width: 479px){ 
 #banner_header_text h1 {
   font-size: 50px;
  }
  .footer-div {
    height: auto !important;
  }
}
#photo_header_text p {
  margin: 0 0 10px 0;
  line-height: 40px;
}
@media only screen and (max-width: 779px){ 
  #photo_header_text p{
    font-size:20px;
    line-height:30px !important;
  }
}
#home_content h4 {
  margin-bottom: 1rem;
}
/* events calendar */
#event_sidebar {
    margin-bottom: 1rem;
}
#event_sidebar h2 {
  color: #222;
  font-weight: normal;
}
#id_homepage_events_sidebar {
  background-color: white;
  margin-bottom: 1rem;
}
#id_homepage_events_sidebar a {
  font-size: 20px;
  font-weight: normal;
}
#id_homepage_events_sidebar ul .location, #id_homepage_events_sidebar ul li .date {
  font-style: normal;
  font-size: 16px;
}
#id_homepage_events_sidebar li {
  display: inline-table;
  padding: 25px 20px 25px 20px;
  margin-bottom: 0px;
  text-align: center;
  width:90%;
}
#id_homepage_events_sidebar li:hover {
    background: #e9ecef;
}
#id_homepage_events li, #id_members_events li {
  display: inline-table;
  padding: 35px 0 35px 0px;
  width: 350px;
  margin: 5px;
  text-align: center;
  min-height: 103px;
}
#id_members_events li {
  background:white;
  width: 250px;
  min-height: 85px;
}
span#user_firstname  {
  color: #02153d
}
#idBlogBackContainer {
  display: none;
}
#curtain-up-news h4.boxHeaderTitle a {
  color: #DA0031;
}
 .postedByLink {
  display: none !important;;
}
.postedOn::before {
 content: none !important;
}
span.postedOn {
  margin-left: 0 !important;
}
#id_homepage_events li.last {
  border-right: 2px solid black;
}
#id_homepage_events li:hover, #id_members_events li:hover {
  background: #e9ecef;
}
#id_members_events li:hover {
  background: rgb(155, 199, 255);
}
#id_homepage_events ul li .location, #id_homepage_events ul li .date {
  font-style: normal;
  font-size: 16px;
}
#id_homepage_events ul li .title a {
  font-size: 20px;
}
/* events page */
#id_whatson .boxInfoContainer::before {
  content: 'DATES' !important;
}
#id_whatson h3 {
  color: black;
  font-size: 4rem;
  text-transform: uppercase;
}  
#id_whatson h1, #id_whatson h4 a {
  color: black;
  font-size: 2.5rem;
  font-weight:normal;
  text-transform: uppercase;
}  
#id_whatson h4, #id_whatson h2 {
  color: black;
  font-weight:normal;
  text-transform: uppercase;
}
#id_whatson h4#idRegistrationInfo {
  font-weight: normal;
} 
#id_whatson .boxBodyOuterContainer .boxBodyInfoOuterContainer{
   float: right;
}
#id_whatson .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer{
   min-height: 345px;
   background:#d1e6ff;
   background-image: linear-gradient(#d1e6ff,#D9E5F2);
}
@media screen and (max-width: 767px) {
  #id_whatson .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    width:100%;
  }
   #id_whatson .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
     min-height: unset;
   }
}
#id_whatson .boxBodyOuterContainer .boxBodyContentOuterContainer {
    float: left;
}
#id_whatson .boxBodyOuterContainer .boxBodyContentOuterContainer img {
    width:100%;
}
#id_whatson .boxBodyOuterContainer .boxBodyContentOuterContainer span#loading_photos img {
    width: auto !important;
}
#id_whatson .boxBodyOuterContainer .boxBodyContentOuterContainer span#photos_by {
    font-size: 0.7em;
    float: right;
}
#id_whatson .boxInfoContainer::before{
    content: "DATE";
    font-size: 1.5em;
}
#id_whatson .eventInfoLocation, #id_whatson .eventInfoEndTime,#id_whatson .eventInfoSpacesLeft {
    border-bottom: 2px solid black;
    margin-bottom: 10px;
    padding-bottom: 25px;
}
#id_whatson .eventInfoLocation::before {
    content: "VENUE";
    font-size: 1.5em; 
}
#id_whatson .eventInfoSpacesLeft::before {
    content: "SPACES LEFT";
    font-size: 1.5em; 
}
#id_whatson .eventInfoBoxLabel, #id_whatson .calendarModeIcon,#id_whatson .calendarModeLink {
    display: none; 
}
#id_whatson .eventInfoEndDate::before {
    content: "to";
    padding-left: 70px;
}
#id_whatson .boxHeaderOuterContainer {
    margin-top: 60px;
}
#id_whatson .boxHeaderTitle {
    margin-bottom: 15px;
}
.event_video {
  position: relative;
  width: 100%;
  padding-bottom: 43.7%; 
  height: 0;
}
.event_video iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* committee photos */
.committee_photo {
    height: 300px;
    width: 250px;
    margin: 4px;
    margin-bottom: 0;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    float: left;
}
.committee_photo img, .homepage_photo_link img, #footer_links img {
    width: 100%;
    height: 100%;    
    border-radius: 4px;
    transition: .3s;
}
#footer_links.news li  {
  border-radius: 4px;
  transition: .3s;
  }
.committee_photo:hover img, .homepage_photo_link img:hover, #footer_links img:hover, #footer_links.news li:hover,#members-news-feed img:hover, #members-news-feed li:hover {
    filter: blur(2px) brightness(60%);
    box-shadow: 0 0 16px #3F88E8;
}
 #footer_links.news .title:hover {
  filter:none;
 }
.committee_photo :not(img) {
    position: absolute;
    top: 35%;
    left: 0;
    text-align: center;
    z-index: 1;
    color: #FFFFFF;
    width:100%;
    opacity: 0;
    transition:.3s;

}
.committee_photo:hover :not(img) {
    opacity: 1;
}
.committee_photos .committee_photo_text, .committee_photos .committee_photo_text a {
    top: 50%;
}
/* fix for bug in membership form template (escaping div) */
.fieldSubContainer .fieldBody > .typeInstruction, .fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction {
  width: 80%;
}
/* site search */
.WaGadgetSiteSearchResults .siteSearchResults .categories {
  display: none;
}
/* past show calendar
 #idEventsTitleMainContainer .contStyleCaption, .gadgetStyleNone .contStyleCaption{
  height: 590px;
}*/
.WaGadgetEventsStateList .pageTitleOuterContainer{ 
  display: none !important;
}
 .EventListCalendar, .WaGadgetEventsStateCalendar #idViewSwitchersTable #group1, .WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 .todayButton {
  display: none; 
}
 .WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 {
  float: left;
  text-align: left;
}
 .WaGadgetEventsStateCalendar .pageTitleOuterContainer {
  float: left;
}
@media screen and (max-width: 767px) {
  .WaGadgetEventsStateList .pastEventsOuterContainer    table.pastEventsList td.left {
    min-width: 110px;
  }
}
 #filtered_links {
   margin-top: 10px;
 }
 #filtered_links span {
  color: #676767;
  display: block;
 }
 #filtered_links div.show {
  width: 385px;
  float: left;
  text-align: center;
  padding-bottom: 20px;
  display: block;
 }
 #filtered_links div.show img {
  height: 170px;
  border-radius: 10px;
  transition: .3s;
 }
#filtered_links div.show img:hover {
  filter: blur(2px) brightness(60%);
  box-shadow: 0 0 16px #3F88E8;
}
.no_before::before {
  content: '' !important;
}
 .WaGadgetEventsStateCalendar #idViewSwitchersTable {
  padding-bottom: 10px;
}
.WaGadgetEventsStateList .pastEventsOuterContainer {
  margin: 0;
}
#idEventListCalendar {
  margin-top: 32px;
  border-top: solid 1px #c1c1c1;
  padding-top: 24px;
}
[data-tags="past show,past youth show,youth show"]::after, [data-tags="panto,past panto,past show"]::after,[data-tags= "past review show,past show,show"]::after {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  padding: 4px;
  border: 1px solid #c1c1c1;
  color: #b3b3b3;
  text-align: center;
  margin-left: 7px;
  font-size: 8px;
  vertical-align: text-top;
}
[data-tags="past review show,past show,past youth show,youth show"]::after
{
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 10px;
  padding: 4px 4px 8px 4px;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
  text-align: center;
  margin-left: 7px;
  font-size: 10px;
  vertical-align: text-top;
}

[data-tags="past show,past youth show,youth show"]::after {
  content: "Y";
}
[data-tags="panto,past panto,past show"]::after {
  content: "P";
}
[data-tags="past review show,past show,show"]::after {
  content: "R";
}
[data-tags="past review show,past show,past youth show,youth show"]::after {
  content: "Y R";
}
#donation_form, #donation_form_qr_code, #membership_form, #personal_profile {
  border: solid 3px rgb(34, 54, 114);
} 
#donation_form .formTitle {
  display: none;
}
#donation_form .fieldContainer textarea, #donation_form .fieldContainer input[type="text"] {
  width: 100%;
}
#donation_form_qr_code .fieldSubContainer textarea, #donate_qr_code .fieldSubContainer input[type="text"] {
  width: 93%;
  margin-bottom: 20px;
}
#donation_form_qr_code .fieldSubContainer .fieldLabel .mandatoryLabel {
  vertical-align: middle;
}
#membership_form .infoOuterContainer {
  margin-left: -25px;
  margin-right: -25px;
}
 #membership_form .commonMessageBox {
      margin-top: 25px;
 }
 #membership_form  .label {
   margin-bottom: 20px;
 } 
.donate_box {
  width: 95px;
  text-align: center;
  color: #c1c1c1;
  margin-bottom: 10px;
}
.donate_box.active {
  color: #FFFFFF;
}
.donate_number {
      width: 50px;
      height: 40px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background:#8a8686;
      padding-top: 12px;
      display: inline-block;
    }
.donate_box.active .donate_number  {
  background:#DA0031;
}
.between_donate, .between_membership {
  border: 1px solid #8a8686;
  margin-top: 65px;
  float: left;
  width: 60px
}
.between_membership {
  width: 100px;
}
ul.donate_buttons li, .donate_methods ul li{
  display:inline-block;
} 
.donate_methods ul li { 
  margin-bottom: 5px;
}
ul.donate_buttons, .donate_methods ul  {
  text-align: center;
  margin: 10px 0px 10px 0px;
}
input[type=submit].donate_amount_submit, #mc-embedded-subscribe {
  background-color: #3F88E8 !important;
  padding: 10px 20px 10px 20px !important;;
  font-size: 16px !important;
  width: 125px !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  color: #FFFFFF !important;
}
#mc-embedded-subscribe { /* mailing list page */
  font: normal 16px/1.5 'Lato','Arial',sans-serif !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  margin: 10px 25px 0 0 !important;
  height: 43px !important;
}
input[type=submit].donate_amount_submit:hover, #mc-embedded-subscribe:hover {
  background-color: #64a6fd !important;
}
input[type=radio].donate_amount, input[type=radio].donate_method {
  position:absolute;
  visibility:hidden;
  opacity:0;
  }
.donate_methods .method.card {
  background-image:url(/resources/web/support/images/credit_cards.png);
   margin-bottom: 15px;
   margin-right: 25px;
   margin-left: 25px;
  }
.donate_methods .method.bank {
  background-image:url(/resources/web/support/images/bank_transfer.png);
   margin-bottom: 15px;
   margin-left: 25px;
   margin-right: 25px;
}
.donate_methods .method.twint {
  background-image:url(/resources/web/support/images/twint.png);
   margin-bottom: 15px;
   margin-left: 25px;
   margin-right: 25px;
}
.donate_methods .method.qr_code {
  background-image:url(/resources/web/support/images/qr-code.png);
   margin-bottom: 15px;
   margin-left: 25px;
   margin-right: 25px;
}
.donate_methods input:active +.method {
  opacity: .9;
}
.donate_methods input:checked +.method{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.donate_methods .method {
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width: 200px; 
    height: 74px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.donate_methods .method:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
input[type=radio].donate_amount + label {
  color: #02153D;
  background:#FFFFFF;
  width: 85px;
  text-align:center;
  display: inline-block;
  padding: 10px 18px 10px 18px;
} 
input[type=radio].donate_amount.other + label {
  color: #02153D;
  background:#c1c1c1;
  padding: 10px 24px 10px 13px;
  width: 340px;
} 
input[type=radio].donate_amount:checked + label {
  color: #FFFFFF;
  background:#DA0031;
}
input[type=radio].donate_amount.other:checked + label {
  color: #02153D;
  background:#c1c1c1;
}
input[type=text]#donate_text {
  text-align: right;
}

 @media only screen and (max-width: 479px){ 
   .donate_box {
    width: 60px;
    }
    .between_donate {
    width: 25px
    }
     .between_membership {
    width: 10px
    }
    input[type="radio"].donate_amount + label {
      width:48px;
    }
    input[type="radio"].donate_amount.other + label {
      width: 230px;
    }
 }
.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu .warning {
  background: none;
  padding-left:0px;
} 
ul.memberDetailsTabMenu {
  background-color: #c1c1c1;
  margin-left: -25px !important;
  margin-right: -25px !important;
  padding-left: 10px !important;
}
ul.memberDetailsTabMenu li {
  margin: 0px -6px 0px 0px !important;
  padding: 11px 0px 11px 0px;
  border-right: solid black 0.5px;
}
ul.memberDetailsTabMenu li a:hover {
  background-color: #3F88E8;
}
ul.memberDetailsTabMenu li a{
  color: #FFFFFF;
  padding: 13px;
}
ul.memberDetailsTabMenu li a:hover {
  text-decoration: none !important;
  color: #FFFFFF;
}
ul.memberDetailsTabMenu li span {
  background-color:   #DA0031;
  padding:13px;
  color: #FFFFFF !important;
}
@media only screen and (max-width: 479px){  
  ul.memberDetailsTabMenu li span {
    padding:10px;
    background-color:#c1c1c1;
    color:#DA0031 !important;
  }
  ul.memberDetailsTabMenu li a {
    padding:10px;
    background-color:#c1c1c1;
  }
  ul.memberDetailsTabMenu li a:hover {
    color: #3F88E8;
    background-color:#c1c1c1;
  }
}
td.forumMessageHeaderInfoContainer, table.forumMessageTable td.left {
  border-color: #DA0031 !important;
}
/* public profile */
.WaGadgetMemberPublicProfileStateMain .memberDirectoryContainer h5 {
  color: #DA0031;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer h3, .WaGadgetEmailMember #idSendMailMainContainer .memberDirectoryDetailsHeaderContainer h3{
  display: none;
}
#mc_embed_signup {
  color: #222 !important;
}
#mc_embed_signup .indicates-required {
  font: 12px Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: normal !important;
  margin-bottom: 10px !important;
}
#mc_embed_signup .asterisk {
  color:#be0004 !important;
}
#mc_embed_signup .mc-field-group label {
  display: inline-block !important;
  width: 200px !important;
    margin-bottom: 10px !important;
  font: 16px Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
}
#mc_embed_signup .mc-field-group input {
  display: inline-block !important;
  margin-bottom: 10px !important;
  padding: 6px 12px 7px !important;
  background: white !important;
  border: 1px solid #c1c1c1 !important;
  color: #222 !important;
  font: normal 16px/1.3 'Lato','Arial',sans-serif !important;
}
.mc-field-group input {
  width: 97%;
}
#mc_embed_signup #mce-success-response {
  padding: 25px !important;
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
}
#mc_embed_signup #mce-error-response {
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
  padding: 25px !important;
}
.show-info-accordion {
    background-color: #e9ecef;
    cursor: pointer;
    padding: 18px;
    font-size: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    border: 1px solid #c1c1c1;
    border-bottom: 0;
    margin: 0;
}
.show-info-accordion img, ul.show-info img,  .show-info p img {
  vertical-align: middle;
  width: 20px !important;
  float: left;
  padding-right: 15px;
}
 .show-info  { 
   padding: 20px;
   border-radius: 0 0 5px 5px;
   border: 1px solid #c1c1c1;
   background-color: #FFFFFF;
}
 .show-info p img {
   padding-top: 3px;
 }
 .show-info p span {
    display: inline-block;
    width: calc(100% - 40px);
 }


.show-info-accordion span {
  float: left;
  width: 80%;
}
 .show-info-accordion.last {
    border-bottom: 1px solid #e9ecef; 
}
.show-info-accordion.first {
  border-radius: 5px 5px 0 0;
}
.show-info-accordion:after {
  content: '\02795'; 
  float: right;
  margin-left: 5px;
}
.show-info-active:after {
  content: "\2796";
}
.show-info-accordion:hover {
    background-color: #e9ecef; 
}
.show-info-active {
    background-color: white;
}
.show-info-accordion.last.show-info-active {
    border-bottom: none;
    border-radius: 0 !important;
}
.show-info-panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-right: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
}
.show-info-panel p, .show-info-panel ul {
  padding: 15px 30px 15px 30px;
}
.show-info-panel table {
  padding: 15px 30px 15px 30px;
  width: 100%;
}
.show-info-panel.last {
  border-radius: 0 0 5px 5px;
}
.tab {
  overflow: hidden;
  border: 1px solid #c1c1c1;
  background-color: #e9ecef;
}
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 16px;
}
@media only screen and (max-width: 479px){ 
  .tab button {
    font-size: 14px;
    color: #222;
  }
  .show-info-accordion {
    color: #222;
  }
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #ccc;
}
.tabcontent {
  padding: 25px 12px;
}
.show-programme {
  width: 75%;
  height: 900px;
}
@media only screen and (max-width: 479px){ 
.show-programme {
  width: 99%;
  height: 650px;
}
}
@media only screen and (max-width: 479px){ 
#superstar-videos-desktop {
  display: none;
}
#superstar-videos-mobile {
    display: block !important;
}
}