/* OLD CONTENT This is the color of the links to linked person's facebook pages. */
p.wff-post-text a {
    color: #78B533 ! important;
}

/* OLD CONTENT Color of the "share" button in the facebook news feed */
a.wff-social-media.wff-link-tab {
    color: #78B533;
}

.QLbutton {
    width: 82%;
}

/* This is for Youtube Channel widget */
h3.ytc_title.ytc_title_below {
    font-size: 13px;
}

h3.ytc_title.ytc_title_below {
    font-size: 13px;
    font-family: "Droid Sans", sans-serif;
}

/* This is for Youtube Gallery widget */
a.ytc-paginationlink{
color:#000000;
}

.PartnersButton {
  display: inline-flex; 
  align-items: center; 
  justify-content: space-around;
  height: 25px;
  width: 85%;
  padding: 7px 10px; 
  border: 1px solid #FFFFFF; 
  border-radius: 4px; 
  background: #999; 
  color: #FFFFFF; 
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  text-align: center; 
}
/* Add a rollover background colour*/
.PartnersButton :hover,
.PartnersButton :focus,
.PartnersButton :active {
  background: #EEE;
  color: #000;
}

/* The global link colour overwrites the PartnersButton  text color */
div#partners a:link { color: #FFFFFF; }
div#partners a:visited { color: #FFFFFF; }
div#partners a:hover { color: #000; background: #EEE }
div#partners a:active { color: #000; background: #EEE }

.PartnersColumn {
  float: left;
  width: 25%;
}

/* Clear floats after the columns */
.PartnersRow:after {
  content: "";
  display: table;
  clear: both;
}
/* Responsive layout - when the screen is less than max-width wide, make columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1224px) {
    .PartnersColumn {
        width: 100%;
    }
}

td {
  vertical-align: middle;
}
