.front #zone-content #content {
  width: 100%;
}

#block-views-flip-cards-block-1 {
  margin-bottom: 15px;
}

.view-flip-cards .views-field-field-button {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width:100%;
  border: 1.5px solid #007bff;
  border-radius: 6px;
  padding: 0px 20px;
  background-color: #fff;
  cursor: auto;
  z-index: 10;
}

.view-flip-cards .views-field-field-button .views-field-field-links {
  padding-bottom: 20px;
}

.view-flip-cards .views-row {
  width: 19%;
  margin: 0.5%;
  position: relative;
  overflow: hidden;
  float: left;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  z-index: 1;
}

.view-flip-cards .views-field-field-card-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  cursor: pointer;
}

.view-flip-cards .views-field-field-card-image img {
  width: 100%;
}

.view-flip-cards .views-field-title h2 {
    font-size: 18px;
    padding-bottom: 10px !important;
    color: #292929;
    margin-top: 12px;
    font-weight: bold;
}

.view-flip-cards .views-field-field-links ul {
  padding: 0;
}

.view-flip-cards .views-field-field-links li {
  list-style: none;
  padding-bottom: 3px;
}

.view-flip-cards .views-field-field-links li a {
  text-decoration: none;
}

.view-flip-cards .btn a, .view-flip-cards .btn a:hover, .view-flip-cards .btn a:focus {
  color: #fff;
}

.view-flip-cards .btn a .ext {
  display: none;
}

.meetings-and-events .view-events .view-content, .news-and-announcements .view-news-announcements .view-content {
    padding: 0px 20px 10px;
}

.meetings-and-events .view-events  .view-empty, .news-and-announcements .view-news-announcements .view-empty {
  padding: 10px 20px 10px;
}

.meetings-and-events .btn, .news-and-announcements .btn {
  margin: 0 20px 20px;
}

.news-and-announcements, .meetings-and-events, .for-employers {
  //padding: 20px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #007bff;
  border-radius: 6px;
  background-color: #f9f9f9;
}

.for-employers ul {
  padding-left: 10px;
  margin: 10px 20px 10px 35px;
}

.for-employers ul li {
  list-style-type: disc !important;
}

.news-and-announcements .block-title, .meetings-and-events .block-title, .for-employers .block-title {
  padding: 10px 25px 5px;
  font-size: 1.75em;
  color: #081b61;
}

.news-and-announcements .header-image, .meetings-and-events .header-image {
    max-width: 65px;
    position: absolute;
    right: 25px;
    top: 15px;
}

.news-and-announcements .views-row, .meetings-and-events .views-row {
  border-bottom: 1px dotted #CCC !important;
}

.view-events.view-display-id-site_wide_list .views-row .views-field {
    padding: 0 0 0 15px;
}

.view-events.view-display-id-site_wide_list .views-row:before, .news-and-announcements .views-row:before, .view-news-announcements.view-display-id-block_2 .views-row:before {
    float: left;
    font-size: 10px;
    line-height: 18px;
    font-size: 1rem;
    line-height: 1.8rem;
    font-family: "Glyphicons Halflings";
    color: #17375d;
    content: "\e109";
}

.news-and-announcements .views-row:before, .view-news-announcements.view-display-id-block_2 .views-row:before {
  content:"\e122";
}

.news-and-announcements .views-row .views-field, .view-news-announcements.view-display-id-block_2 .views-row .views-field {
  padding-left: 15px;
}

.view-events .views-field-title, .view-news-announcements .views-field-title  {
  font-size: 14px;
}

.view-events .views-field-field-event-date span, .view-events .views-field-field-location span  {
    font-size: 14px;
    line-height: 18px;
    line-height: 1.8rem;
    color: #888888;
}

.news-and-announcements .btn a, .news-and-announcements .btn a:hover, .news-and-announcements .btn a:focus, .meetings-and-events .btn a, .meetings-and-events .btn a:hover, .meetings-and-events .btn a:focus {
  color: #fff;
}

.news-and-announcements .view-footer, #block-views-events-site-wide-list .view-footer {
  margin-top: 15px;
}

.meetings-and-events .view-events .views-row, .news-and-announcements .views-row {
  padding: 10px;
}

.view-news-announcements ul.quicktabs-tabs li {
    float: left;
    padding: 0 !important;
    list-style-type: none !important;
}

.view-news-announcements ul.quicktabs-tabs li:first-child {
    border-left: 1px solid #CCCCCC;
}

.view-news-announcements ul.quicktabs-tabs li a {
    padding: 8px 20px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #EEEEEE;
    display: block;
    padding: 7px 20px;
}

.view-news-announcements ul.quicktabs-tabs li.active a {
    padding: 7px 20px;
    background: white !important;
    padding-top: 6px;
    border-top: 3px solid #17375d;
    border-bottom: 1px solid white;
    text-decoration: none;
}

.view-news-announcements ul.quicktabs-tabs li:last-child {
  display: none;
}

#quicktabs-content-tab.quicktabs-wrapper .quicktabs_main {
    border: 1px solid #CCCCCC;
    padding: 25px;
    background: white;
}

.view-news-announcements .quicktabs-tabpage {
    border: 1px solid #CCCCCC;
    padding: 25px;
    background: white;
    clear: both;
}

.view-news-announcements.view-display-id-block_2 .views-row, .view-events.view-display-id-site_wide_list .views-row {
    padding-bottom: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #CCCCCC;
}

.view-news-announcements .views-field-field-news-date span {
    font-size: 14px;
    line-height: 18px;
    line-height: 1.8rem;
    color: #888888;
}

#quicktabs-content-tab .view-display-id-site_wide_list .view-header {
  display: none;
}

.view-events .view-header img, .view-news-announcements .view-header img, .for-employers img {
  width: 100%;
}

.view-events.view-display-id-site_wide_month .calendar-calendar td a, .view-events.view-display-id-site_wide_month .calendar-calendar td span.date-display-start, .view-events.view-display-id-site_wide_month .calendar-calendar td span.date-display-end, .view-events.view-display-id-site_wide_month .calendar-calendar td span.date-display-single, .view-events.view-display-id-site_wide_day .calendar-calendar td a, .view-events.view-display-id-site_wide_day .calendar-calendar td span.date-display-start, .view-events.view-display-id-site_wide_day .calendar-calendar td span.date-display-end, .view-events.view-display-id-site_wide_day .calendar-calendar td span.date-display-single {
  font-weight: normal;
}

.view-mbp-12 {
  margin-top: 15px;
}

@media screen and (max-width: 1260px) {
  .view-flip-cards .views-row {
    width: 48%;
  }
  .view-flip-cards .views-field-field-card-image {
    width: auto;
  }
}

@media screen and (max-width: 800px) {
  .view-flip-cards .views-row {
    width: 78%;
    margin: 1% 11%;
  }
  
  .news-and-announcements, .meetings-and-events {
    width: 98%;
  }
}

@media screen and (max-width: 500px) {
  .view-flip-cards .views-row {
    width: 98%;
    margin: 1%;
  }
}