/* General CSS for entire site */

html, body {
  scroll-behavior: smooth;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/* Changes search bar colors */
.skin-search a, .skin-search a:visited, .skin-search a:link {
color: #ffffff !important; 
}

/* Changes search bar social icon colors */
header .social li span {
color: #ffffff !important; 
}

/* Shared footer CSS */
.footer-column {
  width: 30%;
  padding: 20px;
  margin: 0 auto;
flex: 0 0 25%;
}
/* Clear floats after the columns */
.footer-row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width:768px) { 
.footer-row {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
  }
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .footer-column  {
    width: 50%;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 768px) {
  .footer-column  {
    width: 100%;
  }
}

.AF2DetailsTitle {

    color: #fff;
}

span.DetailsBottom {

    color: #fff;

}

.AF2DetailsCaption {

    color: #fff;
}


/* Other CSS */