/* Barn Styles */

/* ALL body text is grey? */
body{ color: #787878; }


.ratings_holder em{ display:none; }

/* private homepage */
/* > Map section */
#find-pnh{ padding: 135px 75px 20px;}
#find-pnh iframe { width:100%; height: 600px; }
@media only screen and (max-width: 768px){
  #find-pnh{ padding: 50px 10px; }
  #find-pnh iframe { height: 900px; }

  h1{ font-size: 35px;
    line-height: 40px; }
}

/* START NAV Updates ------------------------------------------------------------- */
.user{ cursor:pointer; }

/* Grey and spacing + undeline active item */
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{ color: #787878; }

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
  color: #787878;
/*
  text-decoration: none!important;
  border-bottom: 1px solid;
*/
  text-decoration: underline;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {
    margin: 0 10px 0 10px;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{
  color: #787878;
  font: initial;
  font-weight: 400;
  font-family: FreightSans Pro, sans-serif;
}

/* no bolds */
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus{
  font-weight: 400;
}


/* Style the logout button! */
a._wp_login_button{
  background-color:transparent;
  font: initial;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.66;
  font-family: FreightSans Pro, sans-serif;

  /* hack the underline to match design */
  text-decoration: none!important;
  border-bottom: 1px solid;
  padding: 0px;
  margin: 6px 20px;
}
#masthead .logout{ padding: 10px 0px 10px 20px; }

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{
  font-size: 16px;
}

/* END NAV Updates ------------------------------------------------------------- */




/* Style the MyDetails Buttons with underlines */
.changehr{
  border-bottom: 1px solid;
  padding-bottom: 2px;
}
@media only screen and (max-width: 768px){
  .select{ height:auto; }
}

/* Style the MyDetails titles as GREY and NOT bold */
#area_details strong, #area_details b{ color: #787878; font-weight:normal; }
/* Remove bold label style */
#area_details label { font-weight:normal; }

/* hides the article footer, not really needed if all posts use the "featured article" template */
.entry-footer{ display:none; }

/* style over-ride to make the footer logo display correctly */
footer .footer-widget-1 img{ width:200px!important; height:auto!important; }
.widget { padding-bottom: 1em; }

/* footer hover? */
.site-footer .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover{
  -webkit-box-shadow: initial;
  box-shadow: initial;
}
/* smaller footer text */
footer p{
  font-size: 10px;
  line-height: 13px;
}

/* login footer swap */
.login_footer a {
    display: block;
    width: 180px;
    height: 104px;
    background: url(/wp-content/uploads/2019/02/Alexion_partizan_r.png);
    background-size:contain;
}
/*
Fix for Mobile article featured image
*/
.wrapper.article .featured_mobile{ display:none; }
@media only screen and (max-width: 768px){
  .wrapper.article .featured_mobile {
      display: block;
      padding: 0px 0px 30px;
  }
}


/* Tracker page */
@media only screen and (min-width: 769px){
  .wrapper.tracker{
    padding: 75px 0px 90px 90px;
  }
}

/* login footer (they say it shows too high?) */
.login_footer{
  bottom:auto;
  top:100%;
}
.login_area .inner{
  padding: 30px 0px 30px;
}
/* ORGANISE */
/* hide all PRE debugging */
pre{ display:none; }

/* dummy styling for feedback messages (no design given) */
.feedback-msg{
  color: #14477c;
  display: block;
  background: #f1f1f1;
  border-radius: 6px;
  padding: 20px;
}

/* dont show next / prev links */
.post-navigation .nav-links{
  display:none;
}

#ttcont{ background-color: #14477c!important; }


/* LEARN */
/*
Featured articles	: Please can the boxes for these articles all be the same size
Dani: I will update this through JS
*/
/*.card__content{ height:220px; }*/