@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap');

/* VG JD Agreed colour classes for stencil going forwards */

.primary {
background-color: #2F4D5B; 
}

.secondary {
background-color: #CD005E; 
}

.tertiary {
background-color: #307E88; 
}

.accent_one {
background-color: #BCDDE3; 
}

.accent_two {
background-color: #FBBBD5; 
}

.darkgrey {
background-color: #4a4a4a; 
}

.midgrey {
background-color: #747576; 
}

.lightgrey {
background-color: #ebeceb; 
}

.text_primary {
   color: #2F4D5B; 
}

.text_secondary {
 color: #CD005E; 
}

.text_tertiary {
 color: #307E88; 
}

.text_white {
   color: #ffffff; 
}

.text_darkgrey {
   color: #4a4a4a; 
}

/* End VG/JD Agreed stencil coloures going forwards */

/* VG - post rebrand font is fragile and ilegible - fix putting in */
.maincontent.maincontent-default h2, 
.maincontent.maincontent-default h3, 
.maincontent.maincontent-default h4, 
.maincontent.maincontent-default h5, 
.maincontent.maincontent-default h6 {
    font-family: 'Open Sans semibold',sans-serif!important;
}
.maincontent.maincontent-default p, 
.maincontent.maincontent-default ul li {
    font-family: "open sans regular",arial!important;
}
/* End VG accessibility font styles */

#caret_holder img {
  max-height:17px;
}

.breadcrumb a, .breadcrumb a:visited {
    color: #494949!important;
}

@media (max-width:992px) {
    #dnn_Providers_intro {
      display:none;
    }
}

.maincontent.maincontent-default p, 
.maincontent.maincontent-default ul li {
  font-size:18px!important;
  line-height:30px!important;
}


a:focus,
.btn-primary.focus, 
.btn-primary:focus,
.modal-body .btn.btn-primary:focus {
    box-shadow: none;
}



/************* Nav changes ***********/

li .client_contact {
    width: 33px;
    height: 26px;
    margin-top: 3px;
}

li .client_contact a {
  padding:2px 9px;
}

li .client_contact img {
    width: 14px!important;
    height: 15px!important;
    margin-top: 5px;
}

li:first-child .client_contact img {
    width: 21px!important;
    height: 21px!important;
    margin-top: 2px;
    margin-left: -2px;
}

#mobile_nav_button span {
  color:#494949;
}

#mobile_nav_button img {
    width: 21px!important;
    margin-top: 6px;
}


@media (min-width:768px) {
  
   li .client_contact {
    width: 33px;
    height: 26px;
    margin-top: 3px;
 }
  
  #mobile_nav_button img {
    height: 16px;
    width: 21px;
    margin-top: 6px;
}
  
  header .user-controls a.btn_login {
    width: auto;
  }
  
    header .user-controls a.btn_login span {
    color:#494949;
  }
  
}







/********** End Homepage Styles*********/

/******************************************* Colour Background Classes *******************************************/



/* darker coloured background need the text to be white for readability 
#coloredbgd_icon_grid.BHred h2,
#coloredbgd_icon_grid.BHred h3,
#coloredbgd_icon_grid.BHred p,
#coloredbgd_icon_grid.BHdarkred h2,
#coloredbgd_icon_grid.BHdarkred h3,
#coloredbgd_icon_grid.BHdarkred p,
#coloredbgd_icon_grid.BHgrey h2,
#coloredbgd_icon_grid.BHgrey h3,
#coloredbgd_icon_grid.BHgrey p,
#coloredbgd_icon_grid.BHdarkgrey h2,
#coloredbgd_icon_grid.BHdarkgrey h3,
#coloredbgd_icon_grid.BHdarkgrey p,
#coloredbgd_icon_grid.BHdarkestgrey h2,
#coloredbgd_icon_grid.BHdarkestgrey h3,
#coloredbgd_icon_grid.BHdarkestgrey p,
#coloredbgd_icon_grid.BHpurple h2,
#coloredbgd_icon_grid.BHpurple h3,
.maincontent.maincontent-default .BHpurple h5,
#coloredbgd_icon_grid.BHpurple p {
        color:#ffffff!important;
   } */

/* coloured backgrounds text needs to be white 
#coloredbgd_icon_grid.BHred h2,
#coloredbgd_icon_grid.BHred h3,
#coloredbgd_icon_grid.BHred p,
#coloredbgd_icon_grid.BHdarkred h2,
#coloredbgd_icon_grid.BHdarkred h3,
#coloredbgd_icon_grid.BHdarkred p,
#coloredbgd_icon_grid.BHgrey h2,
#coloredbgd_icon_grid.BHgrey h3,
#coloredbgd_icon_grid.BHgrey p,
#coloredbgd_icon_grid.BHdarkgrey h2,
#coloredbgd_icon_grid.BHdarkgrey h3,
#coloredbgd_icon_grid.BHdarkgrey p,
#coloredbgd_icon_grid.BHdarkestgrey h2,
#coloredbgd_icon_grid.BHdarkestgrey h3,
#coloredbgd_icon_grid.BHdarkestgrey p,
#coloredbgd_icon_grid.BHpurple h2,
#coloredbgd_icon_grid.BHpurple h3,
.maincontent.maincontent-default .BHpurple h5,
#coloredbgd_icon_grid.BHpurple p {
        color:#ffffff!important;
   }*/



@media (min-width:992px) {
  
      #colourbgd5050panels .BHred,
      #colourbgd5050panels .BHdarkred, 
      #colourbgd5050panels .BHgrey, 
      #colourbgd5050panels .BHdarkgrey,
      #colourbgd5050panels .BHdarkestgrey, 
      #colourbgd5050panels .BHpurple {
          background-position-x: 218%;
          background-position-y: -24%;
          background-size: 70%; 
      }
  
}  





/*** Start Multi Coloured grid, alternating 4 colours ***/


.multigrid .row .gridsquare:nth-of-type(1) button.btn-primary,
.multigrid .row .gridsquare:nth-of-type(5) button.btn-primary,
.multigrid .row .gridsquare:nth-of-type(9) button.btn-primary,
.multigrid .row .gridsquare:nth-of-type(13) button.btn-primary {
     background-color:#6D3F6B;
}

.multigrid .row .gridsquare:nth-of-type(2) button,
.multigrid .row .gridsquare:nth-of-type(6) button,
.multigrid .row .gridsquare:nth-of-type(10) button,
.multigrid .row .gridsquare:nth-of-type(14) button  {
     background-color:#808181;
}

.multigrid .row .gridsquare:nth-of-type(3) button, 
.multigrid .row .gridsquare:nth-of-type(7) button,
.multigrid .row .gridsquare:nth-of-type(11) button,
.multigrid .row .gridsquare:nth-of-type(15) button {
     background-color:#4A4A4A;
}

.multigrid .row .gridsquare:nth-of-type(4) button,
.multigrid .row .gridsquare:nth-of-type(8) button,
.multigrid .row .gridsquare:nth-of-type(12) button,
.multigrid .row .gridsquare:nth-of-type(16) button {
     background-color:#8C2027;
} 

/*** End Coloured grid styles ***/







/**** Bug fix for videos that keep playing after closing modal *****/



/***** End bug fix ****/

/*** Late in the day change to font size ***/

@media (min-width:1200px) {
  
   .maincontent.maincontent-default p, 
   .maincontent.maincontent-default ul li,
   .grid_item {
          font-size: 18px!important;
         line-height: 31px!important;
   }
  
}

/*** SBG footer *****/
@media (max-width:992px) {
  
    img.contact-image  {
         max-width:200px;
    }
  
}



/*** Twitter corrections VG ****/

.tweet-sbg-logo,
.tweet-container.tweet-info,
.tweet-account-details {
  display:inline;
}

.tweet-header a.twitter-logo-link {
  border-bottom:0;
}

.tweet-text {
  /*font-weight:400;
  color:#494949; all or nothing */
  padding-bottom: 10px;
  color:#494949;
}

.tweet-text:hover {
  color:#CD005E;
}

 .tweet-account {
     font-weight: 700;
    display: inline;
    color: #000000;
}

.tweet-handle {
  display:none;
}

.tweet-date {
    display: inline;
    color: #307E88;
}
  
.tweet-highlight {
  color:#2F4D5B;
}

/* stop twitter images blowing page out */
.tweet-image img {
    max-width: 100%;
}

.tweet-actions {
  display:none;
}

.tweet-header {
      margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
}

/**************************************** START VG Transitions ******************************************************/

/*** Slide up while dafing in ***/

.sbg-fade-in-slide-up,
.sbg-fade-in-delay {
   position:relative;
   animation:mymove 1s ease-out forwards;
   animation-iteration-count:1;
}

#coloredbgd_icon_grid-of-2-with-modal .sbg-fade-in-slide-up,
#coloredbgd_icon_grid-of-2-with-modal .sbg-fade-in-delay {
   position:relative;
   animation:mymove 1s ease-out;
   animation-iteration-count:1;
}


/* Safari and Chrome */
-webkit-animation:mymove 1s;
-webkit-animation-iteration-count:1;
}

@keyframes mymove { 
  from {top:50px; display:none; opacity: 0;}
  to {top:0px; display:block; opacity: 1}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:50px; display:none; opacity: 0;}
to {top:0px; display:block; opacity: 1;}
}


/*** Slide up while dafing in - delayed for secondary and further elements below fold ***/

.sbg-fade-in-delay:nth-child(1),
.sbg-fade-in:nth-child(1) {
  animation-delay: 1s;
}

.sbg-fade-in-delay:nth-child(2),
.sbg-fade-in:nth-child(2)
{
  animation-delay: 1.25s;
}

.sbg-fade-in-delay:nth-child(3),
.sbg-fade-in:nth-child(3) {
  animation-delay: 1.5s;
}

.sbg-fade-in-delay:nth-child(4),
.sbg-fade-in:nth-child(4){
  animation-delay: 1.75s;
}

.sbg-fade-in-delay:nth-child(5),
.sbg-fade-in:nth-child(5) {
  animation-delay: 2s;
}

.sbg-fade-in-delay:nth-child(6),
.sbg-fade-in:nth-child(6) {
  animation-delay: 2.25s;
}

.sbg-fade-in-delay:nth-child(7),
.sbg-fade-in:nth-child(7) {
  animation-delay: 2.5s;
}

.sbg-fade-in-delay:nth-child(8),
.sbg-fade-in:nth-child(8)
{
  animation-delay: 2.75s;
}

.sbg-fade-in-delay:nth-child(9),
.sbg-fade-in:nth-child(9) {
  animation-delay: 3s;
}

.sbg-fade-in-delay:nth-child(10),
.sbg-fade-in:nth-child(10){
  animation-delay: 3.25s;
}

.sbg-fade-in-delay:nth-child(11),
.sbg-fade-in:nth-child(11) {
  animation-delay: 3.5s;
}

.sbg-fade-in-delay:nth-child(12),
.sbg-fade-in:nth-child(12) {
  animation-delay: 3.75s;
}

#1.sbg-fade-in-delay {
  animation-delay: 1s;
}

#2.sbg-fade-in-delay {
  animation-delay: 2s;
}

#3.sbg-fade-in-delay {
  animation-delay: 3s;
}

#4.sbg-fade-in-delay {
  animation-delay: 4s;
}

#5.sbg-fade-in-delay {
  animation-delay: 5s;
}

#6.sbg-fade-in-delay {
  animation-delay: 6s;
}

#7.sbg-fade-in-delay {
  animation-delay: 7s;
}

#8.sbg-fade-in-delay {
  animation-delay: 8s;
}

#9.sbg-fade-in-delay {
  animation-delay: 9s;
}

#10.sbg-fade-in-delay {
  animation-delay: 10s;
}

#11.sbg-fade-in-delay {
  animation-delay: 11s;
}

#12.sbg-fade-in-delay {
  animation-delay: 12s;
}
/* End */



/* START Just fade in - does NOT slide up, more subtle effect for busy pages */

/*** Fade in Only ***/

.sbg-fade-in {
    display: block;
    -webkit-animation: fadeInFromNone 3s ease-out;
    -moz-animation: fadeInFromNone 3s ease-out;
    -o-animation: fadeInFromNone 3s ease-out;
    animation: fadeInFromNone 3s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}




/* Pride Month Logo Styles 

.user-controls .logo li {
    display: block;
    background-image: url("https://www.sbg.co.uk/Portals/0/Images/LGBTQ-heart80.png") ; 
    background-repeat: no-repeat;
    background-size: 46px;
    width: 242px;
    background-position-x: 186px;
    background-position-y: 0px;
}

@media(max-width: 470px) {
    .user-controls .logo li {
    	width: 186px;
    }
}

*/

/* Consumer Duty thank you apge hack - design supplied with form */

#consumerdutythankyou.DownloadGuideFormPage #right {
    display: none;
}

/* Start Bankhall Pride Styling 2024

header .user-controls #logo img {
  height: 37px;
}

 End Bankhall Pride Styling */

/** MM Cvent Styling - Bankhall **/

.webWidgetWrapper {
  font-family: "open sans semibold", Arial, sans-serif !important;
}

li[class^="WebWidget__listItem"]::before {
  display: none !important;
}

li[class^="WebWidget__listItem"] {
  text-indent: 0 !important;
  border: solid #e1e1e1 1px !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(225, 225, 225, 1);
  -moz-box-shadow: 6px 6px 6px 0px rgba(225, 225, 225, 1);
  box-shadow: 6px 6px 6px 0px rgba(225, 225, 225, 1);
  margin-bottom: 20px !important;
}

ul[class^="Filters__checkbox"] li::before {
  display: none !important;
}

ul[class^="calendarListItem_listContainer"]
  li[class^="WebWidget__listItem"]::before {
  display: none !important;
}

span[class^="Tags__tagPill"] {
  padding: 10px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-family: "open sans", Arial, sans-serif !important;
}

span[class^="Tags__tagPill"]:hover {
  background-color: #cd005e !important;
  color: #fff !important;
}

h5[class^="WebWidget__title"],
h2[class^="Filters_panelHeaderText"],
span[class^="Filters__filterListTitle"],
div[class^="CalendarItemDetailView__fieldRow"] h5,
div[class^="CalendarItemDetailView__fieldRow"] h6 {
  color: #2f4d5b !important;
}

h5[class^="WebWidget__title"] {
   font-size: 22px !important;
  font-family: "open sans", Arial, sans-serif !important; 
}
span[class^="Filters__filterListTitle"],
div[class^="CalendarItemDetailView__fieldRow"] h5,
div[class^="CalendarItemDetailView__fieldRow"] h6,
div[class^="CalendarItemDetailView__custom"] span,
div[class^="CalendarItemDetailView__dateIconWrapper"] {
  font-size: 17px !important;
}

ul[class^="Filters__checkbox"] li label {
  padding-left: 2em !important;
  line-height: 1.2 !important;
  text-indent: initial !important;
  font-size: 0.95em !important;
  font-weight: 600 !important;
}

ul[class^="Filters__checkbox"] li label:hover:before,
ul[class^="Filters__checkbox"] li label:hover:after,
ul[class^="Filters__checkbox"] li input[type="checkbox"]:hover + label::before,
ul[class^="Filters__checkbox"] li input[type="checkbox"]:hover + label::after,
ul[class^="Filters__checkbox"] li input[type="checkbox"]:focus + label::before,
ul[class^="Filters__checkbox"] li input[type="checkbox"]:focus + label::after {
  border-color: #cd005e !important;
}

ul[class^="Filters__checkbox"]
  li
  input[type="checkbox"]:checked
  + label::before {
  background-color: #cd005e !important;
  border-color: #cd005e !important;
}

ul[class^="Filters__checkbox"]
  li
  input[type="checkbox"]:checked
  + label::after {
  left: 4px !important;
  top: -1px !important;
}

h2[class^="HeaderStyles__groupHeader"],
div[class^="CalendarItemDetailView__fieldRow"] h5 {
  font-size: 24px !important;
}

h2[class^="HeaderStyles__groupHeader"] {
  color: #cd005e !important;
}

div[class^="WebWidget__date"] {
  font-size: 19px !important;
  font-weight: 600 !important;
}

[class^="CvFormElement__label"],
label[class^="Filters__label"] span span {
  font-size: 19px !important;
  font-weight: bold !important;
  color: #2f4d5b !important;
}

div[class^="WebWidget__description"] {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2; 
  -webkit-box-orient: vertical;
  white-space: break-spaces !important;
  font-family: "open sans", Arial, sans-serif !important;
}

input[class^="CvFormElement__textbox"]:focus-visible,
input[class^="Filters__textbox"]:focus-visible,
input[class^="DatePicker__textboxDate"]:focus-visible {
  outline: none;
  border: solid #cd005e 1px;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(225, 225, 225, 1);
  -moz-box-shadow: 2px 2px 2px 0px rgba(225, 225, 225, 1);
  box-shadow: 2px 2px 2px 0px rgba(225, 225, 225, 1);
}

input[class^="CvFormElement__textbox"]:focus,
input[class^="Filters__textbox"]:focus,
input[class^="DatePicker__textboxDate"]:focus {
  outline: none;
  border: solid #cd005e 1px;
}

span[class^="Icons-All__location"] {
  position: absolute;
  bottom: -3px;
}

span[class^="Icons-All__closeDelete"] {
  position: absolute;
  right: 0;
  top: 2px;
}

li[class^="Filters__suggestion"]::before {
  display: none !important;
}

div[class^="CalendarItemDetailView__dateIconWrapper"] span[class^="Icons-All__time"] {
  top: 3px !important;
}

div[class^="WebWidget__dateIconWrapper"] span[class^="Icons-All__time"] {
  top: 2px !important;
}

div[class^="CalendarItemDetailView__dateIconWrapper"] {
  line-height: 1.8 !important;
}

button[class^="ModalButton__button"] {
  background-color: #307e88 !important;
  margin-top: 10px;
  display: block;
}

button[class^="ModalButton__button"]:hover {
  background-color: #9b1e3e !important;
}

span[class^="Filters__matchedString"] {
  color: #cd005e;
}

input[class^="CvFormElement__textbox"],
input[class^="Filters__textbox"],
input[class^="DatePicker__textboxDate"] {
  font-size: 15px !important;
  height: 32px !important;
  font-weight: 400 !important;
}

span[class^="Icons-All__location"],
span[class^="Icons-All__search"],
span[class^="Icons-All__schedule"],
span[class^="Icons-All__closeDelete"] {
  font-size: 20px !important;
}

h2[class^="WebWidget__title"] {
  font-weight: 700 !important;
}

div[class^="WebWidget__locationIconWrapper"] span[class^="WebWidget__location"],
div[class^="CalendarItemDetailView__locationIconWrapper"]
  span[class^="CalendarItemDetailView__locationWrapper"] {
  color: #307e88 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

div[class^="WebWidget__locationIconWrapper"] span[class^="Icons-All__location"],
div[class^="CalendarItemDetailView__locationIconWrapper"]
  span[class^="Icons-All__location"] {
  font-weight: 900 !important;
  color: #307e88 !important;
}

div[class^="WebWidget__dateIconWrapper"]
  div[class^="WebWidget__date"]
  span:nth-child(2),
div[span^="CalendarItemDetailView__dateIconWrapper"]
  span:nth-child(2)
  span:nth-child(4) {
  display: none;
}

div[class^="WebWidget__dateIconWrapper"] span[class^="Icons-All__time"],
div[class^="CalendarItemDetailView__dateIconWrapper"]
  span[class^="Icons-All__time"] {
  font-weight: 900 !important;
}

div[class^="Filters__parentPanel"] {
  padding: 20px 90px 100px !important;
}

div[class^="Filters__showMoreLink"],
div[class^="Filters__resetAllLink"] {
  font-size: 16px !important;
  color: #307e88 !important;
  font-weight: 700;
  text-decoration: underline;
  transition: 0.2s all ease-in-out;
}

div[class^="Filters__showMoreLink"]:hover,
div[class^="Filters__showMoreLink"]:focus,
div[class^="Filters__resetAllLink"]:hover,
div[class^="Filters__resetAllLink"]:focus {
  color: #cd005e !important;
}

h2[class^="Filters__panelHeaderText"] {
    padding-top: 0;
    margin-bottom: 0;
    font-size: 20px;
}

[class^="Filters__iconLocation"] {
    left: 0;
}

[class^="Filters__suggestion"] {
    line-height: 18px !important;
}

div[class^="Filters__closeIconWrapper"] {
  bottom: 10px !important;
}

span[class^="Filters__locationIconWrapper"] {
  bottom: 2px !important;
}

.carina-rte-public-DraftStyleDefault-block span{
    font-size: 16px;
}

a[class^="WebWidget__linkColor"] {
    font-weight: 600 !important;
}

div[class^="WebWidget__listButtonContainer"],
div[class^="WebWidget__filtersDialogContainer"] {
  border-radius: 5px;
}

div[class^="WebWidget__listButtonContainer"] {
    margin-bottom: 30px;
}

div[class^="WebWidget__listButtonContainer"]
  button[class^="ButtonStyles__button"],
div[class^="WebWidget__filtersDialogContainer"]
  button[class^="Filters__button"] {
  font-weight: 600;
  font-size: 18px;
}

/** MM Cvent Styling - Bankhall **/


.homepage_grid {
   top: 0 !important;
}


/*** MM React News List Module - Bankhall.co.uk ***/
#news_list.news-list-content .mixit_tabs {
  text-align: center;
  margin-top: 80px;
}

#news_list.news-list-content .mixit_tabs button {
  margin: 4px 5px !important;
  font-size: 18px;
}
@media (min-width: 762px) {
  #news_list.news-list-content .mixit_tabs button {
    margin: 10px 5px !important;
  }
}
#news_list.news-list-content .mixit_tabs .btn-primary:focus,
#news_list.news-list-content .mixit_tabs .btn-secondary:focus,
#news_list.news-list-content .mixit_tabs .btn:active,
#news_list.news-list-content .mixit_tabs .btn:focus,
#news_list.news-list-content .mixit_tabs button:active,
#news_list.news-list-content .mixit_tabs button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

#news_list.news-list-content .mixit_tabs button.btn-secondary:focus:focus {
  background: #cd005e !important;
  color: #fff !important;
}

@media (min-width: 762px) {
  #news_list.news-list-content .mixit_tabs .btn {
    padding: 10px 22px;
  }
}

#news_list.news-list-content div:first-of-type + .pagination {
  text-align: right;
}

#news_list.news-list-content
  div:first-of-type
  + .pagination
  .paginator_container {
  display: none;
}

#news_list.news-list-content div:first-of-type + .pagination .range_container {
  display: none;
}

#news_list.news-list-content
  div:first-of-type
  + .pagination
  .direction_container {
  position: relative;
  right: 32px;
  margin-bottom: 42px;
}

@media (min-width: 762px) {
  #news_listdiv:first-of-type + .pagination .direction_container {
    margin-bottom: 64px;
    margin-top: 30px;
  }
}

#news_list.news-list-content
  div:first-of-type
  + .pagination
  .button_arrow_container {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 5px;
}

#news_list.news-list-content div:first-of-type + .pagination .direction_latest,
#news_list.news-list-content div:first-of-type + .pagination .direction_oldest {
  height: auto;
  padding: 9px 14px;
  color: #307e88;
}

#news_list.news-list-content
  div:first-of-type
  + .pagination
  .direction_latest:hover,
#news_list.news-list-content
  div:first-of-type
  + .pagination
  .direction_oldest:hover {
  color: #cd005e;
}

#news_list div:first-of-type+.pagination .direction_oldest .button_arrow_container {
    background: #fff url(/Portals/0/AssetUploads/ArrowDownTeal.png) center center no-repeat!important;
    transform: rotate(180deg);
}

#news_list.news-list-content
  div:first-of-type
  + .pagination
  .direction_latest
  .button_arrow_container {
  background: #fff center center no-repeat !important;
}

#news_list.news-list-content .pagination:last-of-type .direction_container {
  display: none;
}

#news_list.news-list-content .pagination:last-of-type .paginator_container {
  display: block;
  text-align: center;
}

#news_list.news-list-content .pagination:last-of-type .range_container {
  width: 180px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 762px) {
  #news_list.news-list-content.pagination:last-of-type .range_container {
    margin: 6px auto;
  }
}

@media (min-width: 762px) {
  #news_list.news-list-content.pagination:last-of-type .paginator_container {
    text-align: left;
    width: 420px;
    float: left;
  }
  #news_list.news-list-content .pagination:last-of-type .range_container {
    text-align: right;
  }
  #news_list.news-list-content
    .pagination:last-of-type
    .range_container
    select {
    width: 86px;
  }
}

#news_list.news-list-content .endpoint_btn,
#news_list.news-list-content .pagination_elipse {
  display: none;
}

#news_list.news-list-content .pagination {
  display: block;
  margin-bottom: 36px !important;
}

#news_list.news-list-content .pagination button {
  border: #747576;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  height: 40px;
  min-width: 40px;
  border-radius: 4px;
  background: #fff;
  margin: 0 6px;
  font-weight: 700;
}

#news_list.news-list-content .pagination button:active,
#news_list.news-list-content .pagination button:focus,
#news_list.news-list-content .pagination button:hover {
  color: #cd005e;
  border-color: #494949;
}

#news_list.news-list-content .pagination button.btn-primary {
  color: #494949 !important;
  box-shadow: none !important;
  cursor: default;
  background: #fff !important;
}

#news_list.news-list-content .pagination button.btn-primary:hover,
#news_list.news-list-content .pagination button.btn-primary:active,
#news_list.news-list-content .pagination button.btn-primary:focus {
    background: #fff !important;
    color: #494949 !important;
}

#news_list.news-list-content .pagination button.btn-secondary {
  color: #494949 !important;
  background: #fff !important;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
}

#news_list.news-list-content .pagination button.btn-secondary:hover {
  color: #cd005e !important;
}

#news_list.news-list-content .pagination button.disabled {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
  border-color: #ebeceb;
}

#news_list.news-list-content .news-headlines {
  clear: both;
  padding-top: 0;
}

#news_list.news-list-content .news_container {
  position: relative;
  margin-bottom: 40px;
  border: 0;
}

#news_list.news-list-content .news_container a {
  border: 1px solid #ebeceb;
  display: block;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: none;
}

#news_list.news-list-content .news_container a h4 {
  margin: 8px 12px;
  font-family: "open sans", arial !important;
  font-weight: 600;
}

@media (min-width: 768px) {
  #news_list.news-list-content .news_container a {
    min-height: 264px;
  }
}

#news_list.news-list-content .news_container a:hover .news_image,
#news_list.news-list-content .news_container a:hover,
#news_list.news-list-content .news_container a:hover h4 {
  background: #f4f4f4;
  color: #CD005E;
}

#news_list.news-list-content .news_container.headline-sponsored-article a,
#news_list.news-list-content .news_container.headline-sponsored-article a h4,
#news_list.news-list-content .news_container.headline-sponsored-article a .news_image {
  background: #2F4D5B;
  color: #fff !important;
  margin-top: 0;
}

#news_list.news-list-content .news_container.headline-sponsored-article a:hover h4,
#news_list.news-list-content .news_container.headline-sponsored-article a:hover,
#news_list.news-list-content .news_container.headline-sponsored-article a:hover .news_image {
    background: #307E88;
    color: #fff;
}

#news_list.news-list-content .news_container a:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}

#news_list.news-list-content .news_container .provider_logo {
    width: 100%;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 250px;
}

#news_list.news-list-content .news_container .provider_logo img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #ebeceb;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

#news_list.news-list-content .news_container .news_image {
  height: 180px;
  overflow: hidden;
}

#news_list.news-list-content .news_container .news_image img {
  width: 100%;
}

#news_list.news-list-content .btn-primary {
    background-color: #307e88 !important;
    border-color: #307e88 !important;
    color: #fff !important;
}

#news_list.news-list-content .btn-secondary {
    background-color: #cd005e !important;
    border-color: #cd005e !important;
    color: #fff !important;
}

#news_list.news-list-content .btn-secondary:active,
#news_list.news-list-content .btn-secondary:focus,
#news_list.news-list-content .btn-secondary:hover,
#news_list.news-list-content .btn-primary:active,
#news_list.news-list-content .btn-primary:focus,
#news_list.news-list-content .btn-primary:hover{
    background-color: #2f4d5b !important;
    border-color: #2f4d5b !important;
    box-shadow: none !important;
}

#news_list.news-list-content .news_container .sponsor {
    color: #2F4D5B;
    top: -7px;
    padding-right: 120px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    color: #404040;
    margin-bottom: 0.5rem;
}

@media (min-width: 1200px){
  #news_list.news-list-content .news_container .sponsor {
     padding-right: 120px;
     top: -10px;
  }
}

#news_list.news-list-content div:first-of-type+.pagination .direction_latest .button_arrow_container {
    background: #fff url(/Portals/0/AssetUploads/ArrowDownTeal.png) center center no-repeat!important;
}

#news_list div:first-of-type+.pagination .direction_latest:hover .button_arrow_container, #news_list div:first-of-type+.pagination .direction_oldest:hover .button_arrow_container {
    background: #fff url(/Portals/0/AssetUploads/ArrowDownRaspberry.png) center center no-repeat!important;
}

@media (min-width: 992px) {
    #news_list.news-list-content .news-headlines .news_container{
        width: 33.33%;
    }
}

#news_list.news-list-content .news_container.headline-sponsored-article a:hover{
    background:#307E88;
}

#news_list.news-list-content .news-headlines:nth-child(1) .news_container a:hover h4 {
  background: #494949 !important;
}

#news_list.news-list-content  div:nth-child(4) article{
    margin-right: 0;
}

#news_list.news-list-content  div.news-headlines.news-headlines-layout-horizontal.row article{ 
    margin-right: 0;
}

#news_list.news-list-content .pagination:first-of-type  .paginator_container {
    display: none;
}

#news_list.news-list-content .pagination:first-of-type  .direction_container {
    position: absolute;
    right: 30px;
}

#news_list.news-list-content .pagination:first-of-type  .direction_container {
    position: absolute;
    right: 30px;
}

#news_list.news-list-content .pagination:first-of-type  .direction_latest .button_arrow_container {
    background: #fff url(/Portals/0/AssetUploads/ArrowDownTeal.png) center center no-repeat!important;
}

#news_list.news-list-content .pagination:first-of-type  .direction_latest:hover .button_arrow_container,
 #news_list.news-list-content .pagination:first-of-type  .direction_oldest:hover .button_arrow_container {
    background: #fff url(/Portals/0/AssetUploads/ArrowDownRaspberry.png) center center no-repeat!important;
}

#news_list.news-list-content .pagination:first-of-type {
    padding-bottom: 30px;
}

#news_list.news-list-content .pagination:first-of-type .button_arrow_container {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
}

#news_list.news-list-content .pagination:first-of-type .direction_latest, #news_list.news-list-content .pagination:first-of-type .direction_oldest { 
    height: auto;
    padding: 9px 14px;
    color: #307e88;
}

#news_list.news-list-content .pagination:first-of-type
  .direction_latest:hover,
#news_list.news-list-content .pagination:first-of-type
  .direction_oldest:hover {
  color: #cd005e;
}

#news_list.news-list-content .pagination:first-of-type .direction_oldest .button_arrow_container {
    background: #fff url(/Portals/0/AssetUploads/ArrowDownTeal.png) center center no-repeat!important;
    transform: rotate(180deg);
}

/*** MM React News List Module - Bankhall ***/




/*** MM News Article + Sidebar - Bankhall ***/

.news-story .meta_sections span:nth-child(1) {
    padding-right: 10px;
}

.news-story .meta_sections,
.news-story .news-story-content p {
    font-weight: 500 !important;
}

.news-story .meta_sections span:nth-child(2),
.news-story .meta_sections span:nth-child(3),
.news-story .meta_sections span:nth-child(4) {
    border-left: 1px solid #cd005e;
    padding-left: 10px;
    padding-right: 10px;
}

.news-story a.btn:focus {
    box-shadow: none !important;
}
  .news-story {
    margin-top: 60px;
  }
  
  h2.news-story-headline {
      line-height: 31px;
      font-size: 21px;
      margin-top: 84px !important;
      margin-bottom: 10px !important;
      width: 85%;
      font-weight: 600;
  }

  article.news-headline.news_container .news-headline-link .news-headline-content {
      border: 1px solid #e7e6e7;
  }

  article.news-headline.news_container .news-headline-link .news-headline-content:hover,
  article.news-headline.news_container .news-headline-link .news-headline-title:hover {
      background: #f4f4f4;
      color: #CD005E;
  }
  
  .news-story-byline {
      font-weight: bold;
      margin: 15px 0;
      font-size: 18px;
      font-style: italic;
      font-family: "open sans";
      color:#304B5C;
  }
  
  .logo_news_story img {
      border: 1px solid #dadada;
      border-radius: 50%;
      box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.16); 
      margin-top: 39px;
      width: 80px;
      height: 80px;
      margin-bottom: 6px;
  }
  
  .logo_news_story {
      display: none;
  }

  @media (max-width: 762px) {
    .logo_news_story img {
        margin-top: 65px;
    }
  }
  
  @media (min-width: 762px) {
      .logo_news_story {
          float: right;
          position: relative;
          top: -60px;
          margin-bottom: -74px;
          display: block;
      }
  
      .logo_news_story img {
          width: 92px;
          height: 92px;
      }    
  }
  
  .author_photo {
      display: none;
  }
  
  @media (min-width: 992px) {
      .logo_news_story img {
          width: 100px;
          height: 100px;
      }  
  
      .author_photo + .conditional_offset_wrapper .news_story_provider_warning, 
      .author_photo + .conditional_offset_wrapper .meta_sections {
          padding-left: 80px;
      }
  
      .author_photo {
          position: relative;
          display: inline;
      }
      .author_photo img {
          height: 60px;
          width: 60px;
          border: 1px solid #dadada;
          border-radius: 50%;
          box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.16); 
          position: absolute;
      }
    
     h2.news-story-headline {
        line-height: 37px;
        font-size: 29px;
     }
    
  }
  
  
  .news_story_provider_warning {
      border-bottom: 1px solid #dadada;
      font-size: 14px;
      font-style: italic;
      padding-bottom: 8px;
      margin-bottom: 4px;
  }
  
  .news-story-image img {
      width: 100%;
  }
  
  /*** END news story ****/
  
  /**** START News Sidebar *****/
  
  .news_latest_sidebar_wrapper {
      padding-left: 26px;
      padding-top: 36px;
      margin-bottom: 26px;
      position: relative;
      top: 30px;
      border-left: 1px solid #dadada;
  }

  .news_latest_sidebar_wrapper h3 {
      font-weight: 600;
  }
  
  .news_container {
      position: relative;
  }

  h4.news-headline-title.sidebar_title {
    font-family: "open sans", arial !important;
    font-weight: 600;
  }
  
  .news-headline.news_container.card {
      border: 0px solid red !important;
      background-color: transparent !important;
      margin-bottom: 26px !important;
  }
  
  @media (min-width: 576px) {
    .news_container  .card-columns {
          column-count: 2 !important;
      }
  }
      
  @media (min-width: 992px) {
    .news_container  .card-columns {
          column-count: 3 !important;
      }
  
  }

  .news_container h5.sponsor {
      display: none;
  }
  
  .news_container a {
      box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.16); 
      background: #fff;
      text-decoration: none;
  }
  
  .news_container a:hover {
      text-decoration: none;
  }
  
  .latest_news_row {
      margin-top: 60px;
      margin-bottom: 60px;
  }
  
  .hide_this {
      display: none;
  }
  
  .news_container .news_link {
      padding: 0;
      margin: 5px;
      border: 1px solid #dadada;
      display: block;
  }
  
  .news_container .provider_logo img {
      position: absolute;
      top: 6px;
      border-radius: 50%;
      height: 80px;
      width: 80px;
      left: 26px;
      
      box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.16); 
  }
  
  .news_container .card_wrapper {
      padding-top: 40px;
  }
  
  .news_container .news_image img {
      width: 100%;
  }
  
  .news_container h4 {
      padding: 0px 10px 2px 15px;
      margin-top: 16px;
      line-height: 25px;
      font-size: 15px;
      
  }
  
  .spacer_block {
      height: 40px;
  }
  
  /*** END News Story Page Sidebar ***/

/*** MM News Article + Sidebar - Bankhall ***/