/* RiSE Theme Developed by ASI - 2020 */

/* General
/***************************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body {
  font: normal 18px 'Open Sans', sans-serif;
  color: #333;
}

.header { 
  padding: 0; 
  margin: 0; 
}
.navbar-header div.header-container {
  display: block;
  text-align: right;
}

.internal-menu,
#masterLogoArea .nav-aux-account,
#masterLogoArea .nav-aux-cart,
#auxiliary-container .btn-donate-now,
.RadMenu.RadMenu_London .btn-donate-now { display: none; }

.has-secondary-col.col-on-left .col-primary { float: none; width: 98%;}

.container-inner, .header-container { 
  max-width: 1020px; 
  margin: 0 auto;
  padding: 0 15px;
}
.container { padding:0; }


/* Titles and links
/***************************************/
h1 { 
  font: normal 28px 'Open Sans', sans-serif; 
  color: #004a88;
} 

h2, h2.panel-title{ 
  font: normal 24px 'Open Sans', sans-serif; 
  color: #004a88;
  border: none;
}

a { color: #004a88; }

/* Auxiliary Navigation
/************************************/
.navbar-header a { 
  font-size: 12px; 
  text-decoration: none; 
  font-weight: bold;
}
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  padding: 5px 0 0 40px;  
  background: transparent url('images/BGCA_iconSprite.png') -10px -275px no-repeat;
}
.navbar-header a#children {
  padding: 5px 0 0 40px;  
  background: transparent url('images/BGCA_iconSprite.png') -10px -139px no-repeat;
}

.nav-auxiliary .nav-aux-cart .nav-text {
  background: transparent url('images/BGCA_iconSprite.png') -10px -207px no-repeat;
  padding: 5px 0 0 40px; 
}
@media(max-width:767px) {
  .nav-auxiliary .nav-aux-cart{ display:none; }
  #children, #ste_container_ciChildlist { display:none; }
  .nav-auxiliary .nav-aux-button .NavigationLink { background-color: transparent;  }
}

a.ste-toggle {font: 0/0 a;}

@media(min-width:768px) {
  #auxiliary-container { background-color: #f1f1f1; }
  #auxiliary-container { float: none; } 
}

/* Logo area
/************************************/
#masterLogoArea { 
  float: none;
  padding: 25px 0;
}
  #masterLogoArea:after { 
    clear: both; 
    content: '';
    display: block;
  }
  #masterLogoArea  .nav-auxiliary { 
     margin: 20px 0; 
     text-align: right;
  }

@media(min-width:768px){
  
  #ste_container_ciLogoContent,
  #ste_container_ciNewUtilityNavigationCommon { 
    width: 50%; 
    float: left;
  }
}

.header-logo-area a:not(.ContentRecordPageAnchor) img { 
  width:100%; 
  max-width: 370px;
} 

/* Mobile nav toggle */
.navbar-toggle.collapsed,
.navbar-toggle:hover, 
.navbar-toggle:focus { background-color: #fff; }
.navbar-toggle .icon-bar { 
  background: #0082cb; 
  width: 40px; 
  height:6px;
}

/* Search and Donate button area
/************************************/
.header-search .TextButton { 
  display:inline-block; 
  color: transparent; 
  width: 40px;
  height: 40px;
  background: #0082cb url('images/BGCA_iconSprite.png') -10px -61px;
  border-radius: 50% 50%;  
  margin: 0;
}
#SimpleSearchBlock .search-field { 
  border: 2px solid #0082cb; 
  background: none;
  width: 85%;
  float:left; 
  color: #004a88;
}

#masterLogoArea .btn-donate-now a {
  background: #7ab51d; 
  display: inline-block;
  padding: 10px 25px 10px 22px; 
  border-radius: 3px;
  color:#fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  margin:0;
}

 #masterLogoArea .UtilityNavigationToggle { display:none; }  
.search-container-sm { display: block !important; }

@media(min-width:768px) {
  .header-search .TextButton { margin: -2px 10px 0 10px; }
  #SimpleSearchBlock .search-field { 
    width: 160px; 
    float: none; 
    margin: 0 0 15px 15px; 
  }
  #masterLogoArea .btn-donate-now a {  margin: 0 0 15px 25px; }
}

@media(max-width:767px){
  .navbar-collapse, .searchbar-collapse { background :#fff; }
  .UtilitySearch { width: 100%; }
  #masterLogoArea .btn-donate-now,
  #masterLogoArea .btn-donate-now a, 
  #masterLogoArea .UtilityNavigationList,
  #masterLogoArea .NavigationUnorderedList{ width: 100%; text-align:center; } 
}


/* Primary Navigation 
/************************************/
.header-bottom-container {
  background: #0082cb;
}
.nav-primary { 
  float: none; 
  clear: both; 
}

.RadMenu.RadMenu_London {
  text-align: center;
} 
.RadMenu ul.rmRootGroup { display: inline-block; }
.RadMenu ul.rmRootGroup li { display: block; }

.RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink { 
  font: 300 18px 'Open Sans', sans-serif; 
  text-transform:none;
  color: #004a88;
  padding: 3px 18px;
  margin: 4px 0 0px 0;
}

.RadMenu.RadMenu_London .rmItem > .rmRootLink.rmExpanded, 
.RadMenu.RadMenu_London .rmItem > .rmRootLink:hover, 
.RadMenu.RadMenu_London .rmItem > .rmRootLink.rmFocused,
.RadMenu.RadMenu_London .rmItem > .rmRootLink.rmSelected {
  background-color: transparent;
  color: #004a88; 
  font-weight: bold; 
}

@media(min-width:768px) {
  .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {     
    color:#fff;
  }

  .RadMenu.RadMenu_London .rmItem > .rmRootLink.rmExpanded, 
  .RadMenu.RadMenu_London .rmItem > .rmRootLink:hover, 
  .RadMenu.RadMenu_London .rmItem > .rmRootLink.rmFocused,
  .RadMenu.RadMenu_London .rmItem > .rmRootLink.rmSelected {
    background-color: #fff;
    color: #004a88; 
    font-weight: normal;
  }
}
.RadMenu.RadMenu_London .rmToggle .rmIcon, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle .rmIcon
{
  background: url('images/BGCA_iconSprite.png') -15px -350px no-repeat;
}

.RadMenu.RadMenu_London .rmGroup { 
  background-color: #f1f1f1;
  text-align: left;
}

@media(min-width:768px) {
  .RadMenu.RadMenu_London .rmGroup { 
    background-color: #fff;
  }
}

.RadMenu.RadMenu_London .rmDisabled > .rmLink, 
.RadMenu.RadMenu_London .rsmDisabled > .rsmLink,
.RadMenu.RadMenu_London .rmDisabled > .rmLink:hover, 
.RadMenu.RadMenu_London .rmDisabled > .rmLink:active, 
.RadMenu.RadMenu_London .rsmDisabled > .rsmLink:hover, 
.RadMenu.RadMenu_London .rsmDisabled > .rsmLink:active { color: #004a88; }

/* second level */
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, 
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, 
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus,
.RadMenu_London .rmSlide .rmLink, 
.RadMenu_London .rmSlide .rsmLink,
.RadMenu_London .rmSlide .rmLink:hover, 
.RadMenu_London .rmSlide .rmLink.rmFocused, 
.RadMenu_London .rmSlide .rsmLink:hover, 
.RadMenu_London .rmSlide .rsmLink.rmFocused, 
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, 
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
  color: #0082cb;
  text-transform: none;
  font-size: 18px;
}
.rsmColumnWrap { margin-left: 10px;}

/* Carousel Caption
/***************************************/
.carousel2 .carousel-caption {
  width: 30%;
  padding: 20px;
  left: 30px;
  top: 30px;
  bottom: auto;
  position: absolute;
  text-align: left;
  min-width:380px;
}
.carousel2 .carousel-caption h1 { 
  font: normal 34px 'Open Sans', sans-serif;
}
.carousel-indicators,
.carousel-control.left,
.carousel-control.right { display:none;}

/* Buttons 
/************************************/
.btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a {
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: bold;
  font: bold 18px 'Open Sans', sans-serif;
  letter-spacing: 1px;
  background-color: #0082cb;
  padding:8px 20px;
}
.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
  background-color:#0076b8;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton { 
  background: #7ab51d;
} 

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  background: #6da21a;
}

a.borderless-btn {
  font: bold 22px 'Open Sans', sans-serif;
  color: #333;
  text-decoration: none;
  position: relative;

}

.borderless-btn:before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background: transparent url('images/BGCA_iconSprite.png') -10px -6px no-repeat;
  right: -50px;
  bottom: -5px;
}

/* Clear Query tables 
/************************************/
.clearQ .rgHeader{
	display:none!important;
}

.clearQ .RadGrid_MetroTouch{
	border:none;
}

.clearQ .RadGrid_MetroTouch .rgAltRow {
    background: #fff;
}

.clearQ .RadGrid_MetroTouch .rgAltRow td,
.clearQ .RadGrid_MetroTouch .rgRow td {
    border:none;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, 
.clearQ .RadGrid.RadGrid_MetroTouch th.rgSorted, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, 
.clearQ .RadGrid.RadGrid_Metro th.rgSorted {
    background-color: transparent;
    border-color:transparent;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, 
.clearQ .RadGrid.RadGrid_MetroTouch th.rgSorted a, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, 
.clearQ .RadGrid.RadGrid_Metro th.rgSorted a {
    color: transparent!important;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable {
    background-color: transparent!important;
}

.clearQ .RadGrid_MetroTouch {
    background-color: transparent!important;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child{
   padding:0px;
}

.clearQ .panel-body, 
.clearQ .PanelBody {
    padding: 0px;
}

.clearQ .GridTitlePanel, .clearQ .GridFooterPanel {
    margin-top: 0px;
    margin-bottom: 0px;
}

.noHeaderClick .RadGrid .rgHeader a, 
.noHeaderClick .RadGrid .rgHeader a:visited{
    text-decoration: none!important;
}

.noHeaderClick .RadGrid .rgHeader a:hover,
.noHeaderClick .RadGrid .rgHeader a:focus{
  color:#00A8C6!important;
  cursor:default;
}

#ste_container_ciUtilityNavigation,
#ste_container_ciChildlist{
  display:inline-block;
  vertical-align:middle;
}

#ste_container_ciChildlist{
  position:relative;
}

#ste_container_List{
  display:none;
  position:absolute;
  width:100%;
  background-color:#fff;
  z-index:10000;
  min-width:200px;
  padding:10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

#ste_container_List a,
#ste_container_List a:visited{
  padding:5px;
  display:block;
  color:#807f7f!important;
}

#ste_container_List a:hover,
#ste_container_List a:focus{
  color:#333!important;
}

a#aux-children-list{
  margin: 2px 0px 0px 8px;
  display: block;
}

a#aux-children-list:after{
  display:inline-block;
  content:"";
  width:0;
  height:0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #807f7f transparent transparent transparent;
  margin-left:3px;
  vertical-align:middle;
}


#ste_container_ciChildlist:hover #ste_container_List,
#ste_container_ciChildlist:focus-within #ste_container_List{
  display:block;
}

/* Footer 
/*****************************************/
#ft {
  background: #0082cb;
  color:#fff;
}
.footer-content { 
  background: transparent; 
  text-align: left; 
}
.footer-address { padding-top: 15px; }
.footer-address ul { 
  padding: 10px 0 0 0;  
  border-top: 1px solid #fff;
}
.footer-address ul li { 
  display: block; 
  margin: 15px 0;
} 

@media(min-width:768px) {
  .footer-address ul { border:none;} 
  .footer-address ul li { display: inline-block; } 
  .footer-address ul li:not(:last-of-type) {  
    border-right: 2px solid #fff;
  } 
}

.footer-address ul li a { 
  color:#fff; 
  text-decoration: none; 
  padding:0 10px 0 5px;
} 

.footer-copyright { 
  margin: 30px 0; 
  font-size: 10px; 
}

.footer-social ul { padding: 0; }
.footer-social ul li { display: inline-block; margin: 0 10px 0 0; }
.footer .footer-social { width: 100%; }
.footer-social img { margin: 0 10px 0 0;}

/* Social buttons 
/*******************************/
.btn-facebook, 
.btn-twitter,
.btn-instagram,
.btn-youtube,
.btn-linkedin { 
  width: 60px; 
  height: 60px;
  display: block;
  font: 0/0 a;
}
.btn-linkedin { 
  background: url('images/BGCA_social_Sprite.png') -10px -5px no-repeat; 
}
.btn-instagram { 
  background: url('images/BGCA_social_Sprite.png') -11px -78px no-repeat; 
}
.btn-facebook { 
  background: url('images/BGCA_social_Sprite.png') -11px -148px no-repeat; 
}
.btn-youtube { 
  background: url('images/BGCA_social_Sprite.png') -11px -217px no-repeat; 
}
.btn-twitter { 
  background: url('images/BGCA_social_Sprite.png') -11px -288px no-repeat; 
}



/* Home Layout Specific styles
/****************************************/
.bgca-layout-home .fullwidth-area1 h1 { text-align: center; }

.bgca-layout-impact .fullwidth-area1,
.bgca-layout-whatwedo .fullwidth-area1 { padding: 25px 0;}


/* Home news */
.bgca-layout-home .fullwidth-area4 { 
  background: #f1f1f1; 
  padding: 20px 0;
}
.bgca-layout-home .fullwidth-area4 .row .WebPartZone { 
  position: relative; 
}

.bgca-layout-home .fullwidth-area4 .home-news-item img { 
  min-height: auto!important;
  min-width: auto;
  margin: 0 20px 0 0;
}
.bgca-layout-home .fullwidth-area4 .home-news-item a { 
  color: #0082cb; 
  text-decoration: none;
}
.bgca-layout-home .fullwidth-area4 .borderless-btn { margin: 0 0 0 10px;}

@media(min-width:768px) {
  .bgca-layout-home .fullwidth-area4 .borderless-btn { 
    position: absolute; 
    top: 5px;
    right: 50px; 
  }
  .bgca-layout-home .fullwidth-area4 .home-news-item {
    display: flex;
  }

}

/****************************************/
/* Reusable Features & Boxes 
/****************************************/

/* Image buttons 
/*****************************************/
.image-button-blue .WebPartZone,
.image-button-orange .WebPartZone,
.image-button-purple .WebPartZone {
  margin: 25px 0;
  padding-bottom: 2px; 
} 
.image-button-blue .WebPartZone { background-color: #0082cb; }
.image-button-orange .WebPartZone { background-color: #de8b05; }
.image-button-purple .WebPartZone { background-color: #61279e; }

.image-button-blue img,
.image-button-orange img,
.image-button-purple img { display: none; }

.image-button-blue .borderless-btn,
.image-button-orange .borderless-btn,
.image-button-purple .borderless-btn { 
  margin: 15px 20px 0 20px; 
  color: #fff;
  display: inline-block;
}
/* if <p> sneak in during content editing */
.image-button-blue p,
.image-button-orange p,
.image-button-purple p { margin:0; padding:0; }
 
@media(min-width:992px){
  .image-button-blue img,
  .image-button-orange img,
  .image-button-purple img { display:block; width: 100%;  }
}

/* Program List & Program Calendar Feature
/*****************************************/
.programs-list { 
  margin: 25px 0; 
  text-align: center; 
}
@media(min-width:768px) {
  .programs-list {
    text-align: left;
  }
}

.program-calendar-feature { 
  background: #f1f1f1;
  text-align: center;
  padding: 25px 0;
  margin: 0 0 30px 0;
}

/* Find a Club Feature
/*****************************************/
.find-club-feature { 
  background: #004a88;
  text-align: center;
  padding: 20px 0;
}

.find-club-feature h1 { color: #fff; display:block; }
.find-club-feature a.TextButton { margin: 0;}

@media(max-width:767px) {
  .find-club-feature h1,
  .find-club-feature a.TextButton,
  .find-club-feature input { }
  .find-club-feature .iMIS-WebPart div { flex-flow: column;}
}

/* Donate Now Feature 
/**************************************/
.donate-now-feature  {
  background: #004a88;
  text-align: center;
  padding: 20px 0; 
}
.donate-now-feature h1 {
  padding: 15px 0;
  font: normal 28px 'Open Sans', sans-serif;
  color: #fff;
}

/* Testimonial feature 
/*****************************************/
.testimonial-feature {
  background: #f1f1f1;
  padding: 30px;
  font-style: italic;
  font-size: 21px;
  line-height: 1.4;
}
.testimonial-feature strong { 
  font-size: 18px; 
  font-style: normal; 
  font-weight: normal; 
  padding-top: 10px;
  display: block;
}
.testimonial-feature .row { display: flex; }
.testimonial-feature .row > div { float: none; }
.testimonial-feature .row > div:nth-of-type(2)  { 
  align-items: center;
  display: flex;
}

/* Infographics 
/*****************************************/
/* Overwrite bootstrap 3 floats with flex to have all containers on the same height */
.statistics-feature-h .row,
.statistics-feature-v .row {
  color: #fff;
}
@media(min-width:768px) { 
  .statistics-feature-h .row,
  .statistics-feature-v .row {
    display: flex;
    flex-flow: row;
  }
}
.statistics-feature-h .row > div,
.statistics-feature-v .row > div { 
  float: none; 
  margin: 30px 1%;   
  padding: 20px;
  display: flex;
}
@media(max-width:767px) {
  .statistics-feature-h .row > div,
.statistics-feature-v .row > div { width: 90%; margin: 30px auto;}
}
.statistics-feature-h .row > div ,
.statistics-feature-v .row > div  { 
  flex-flow: column;
}
@media(min-width:768px) {
  .statistics-feature-h .row > div  { 
    flex-flow: row;
  }
}

.box-percentage {
  font-size: 76px;
  line-height: 0;
  margin-right: 2%;
  padding: 30px 5% 0 0;
}
.box-percentage em { 
  font-size: 21px; 
  display: block;
  font-weight: bold;
  margin: -20px 0 0 0;
  padding: 0 0 50px 0;
}
/* If any <p> sneaks in during content editing */
.box-percentage p { margin:0; padding:0;}
.box-description {}
.box-blue { background-color: #0082cb }
.box-orange { background-color: #de8b05 }
.box-purple { background-color: #61279e }
.box-gray { background-color: #54565b }

/* Other 
/***************************************/
#masterHeaderBackground, .header { border:none; }
.BlockTLItem, .BlockList li,
.StandardPanel, .ContentBorder, h2, 
.PanelHead.Distinguish, .TitleBarCaption, 
div.ShowFieldset fieldset, .panel-border, 
.panel-heading.Distinguish { border:none; }