/*
 Theme Name:   Fluida Child
 Theme URI:    http://local.wordpress.dev/fluida-ripe-child/
 Description:  Fluida Child Theme
 Author:       Marita!
 Author URI:   http://local.wordpress.dev/
 Template:     fluida
 */

 @import url("../fluida/style.css");


/*
Meeting-specific Colours
*/
/* Header background colour */

#access::after,
#site-header-main,
#site-header-main-inside,
#prime_nav > ul > li.page_item > a,
#prime_nav li.page_item {
  background-color: #D1245E !important;
}


#prime_nav > ul > li.page_item > a {
  z-index: 1000;
}

/* Child navigation colours */
#prime_nav ul.children li.page_item:hover {
  background-color: #77797B !important;
}

#prime_nav ul.children li.page_item:hover span {
  color: #DDDBDC !important;
}

#prime_nav ul.children a {
  line-height: 2.5em;
}

#prime_nav ul.children li.page_item {
  background-color: #DDDBDC !important;
}

#prime_nav > ul > li.page_item > ul > li.page_item > ul > li.page_item > a > span:hover,
#prime_nav > ul > li.page_item > ul > li.page_item > a > span:hover {
  color: #DDDBDC !important;
}

#prime_nav > ul > li.page_item > ul > li.page_item > ul > li.page_item > a > span,
#prime_nav > ul > li.page_item > ul > li.page_item > a > span {
  color: #77797B !important;
}

/* Main nav text colour */
a#nav-toggle,
#prime_nav > ul > li.page_item > ul > li.page_item > ul > li.page_item > a > span,
#prime_nav > ul > li.page_item > ul > li.page_item > a > span,
#prime_nav > ul > li.page_item > a > span {
  color: white;
}

/* Main nav text hover colour */
#prime_nav > ul > li.page_item > ul > li.page_item > ul > li.page_item > a > span:hover,
#prime_nav > ul > li.page_item > ul > li.page_item > a > span:hover,
#prime_nav > ul > li.page_item > a > span:hover {
  color: #DDDBDC;
}

/* Active page indicator */
#prime_nav > ul > li.page_item.current_page_ancestor > a span,
#prime_nav > ul > li.page_item.current_page_parent > a span,
#prime_nav > ul > li.page_item.current_page_item > a span {
  border-bottom: solid 2px white;
  display: inline;
  padding-bottom: 2px;
}

#prime_nav .children {
  border-top-color: white !important;
}

#footer a {
  color: #EEEEEE !important;
}

a {
  color: #b52d85 !important;
}

a:hover {
  color: #777da8 !important;
}

/*
End Meeting-specific Colours
*/


.widget_search {
  margin-bottom: 6px;
}

.ripe-logo {
  width: 7% !important;
  position: absolute;
  top: 30%;
  right: 7%;
  margin: 0 auto;
}

.header-image-container {
  display: block;
  width: inherit;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  background-size: cover;
  background-position: 50% 50%;
}

div#content {
  margin-top: 0px !important;
}

div#breadcrumbs-container {
  margin-bottom: 0px !important;
}

#prime_nav {
  font-size: 12px;
}

a#logo >img {
  height: auto;
  max-width: 180px;
}

#site-header-main-inside {
  padding: 0 2% 0 3%;
}

/* Staff */

.stafflist {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
  line-height: 1.2em;
}

.stafflist .staffinfo {
  text-align: center;
  padding: 10px;
  width: 20%;
  margin: 1%;
}
.stafflist .staffinfo img {
  margin-bottom: 15px;
  -webkit-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.75);
}

.stafflist .staffinfo:nth-of-type(4n) {
  margin-right: 0;
}

.stafflist .staffinfo:nth-of-type(4n+1) {
  margin-left: 0;
}

html {
  font-size: 14px !important;
  color: #4f4f4f !important;
  font-weight: 400 !important;
}

h1 {
  font-size: 2em !important;
  font-weight: 500 !important;
}

.entry-content h1, .entry-summary h1 {
  line-height: 1.2em;
}

h2 {
  font-size: 1.7em !important;
  font-weight: 500 !important;
}

h3 {
  font-size: 1.6em !important;
}

h4 {
  font-size: 1.2em !important;
  font-weight: normal !important;
}

.textwidget h2 {
  font-size: 1.4em !important;
}

.textwidget h3 {
  font-size: 1.2em !important;
  font-weight: normal !important;
}

.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
  margin-bottom: 0.8em;
}

h2,
h3,
h4,
h5,
h6 {
  clear: none;
}

.textwidget hr {
  width: 25%;
  float: left;
  background-color: darkgrey;
}

#access #prime_nav ul li a {
  font-family: Open Sans;
  /* font-size: 1.1em; */
  font-weight: 600;
  letter-spacing: 0em;
}

#prime_nav ul li a {
  padding: 0 0.5em 0 0.5em;
}

#prime_nav ul li.page_item_has_children a {
  padding: 0 1.5em 0 0.5em;
}

#access > div > ul li:hover > a:not(:only-child) span:after {
  top: 0em;
  opacity: 100;
  filter: alpha(opacity=100);
}

#prime_nav > ul > li.page_item > a {
  border-top-color: transparent !important;
}

.fluida-image-one .entry-content img[class*="align"],
.fluida-image-one .entry-summary img[class*="align"],
.fluida-image-two .entry-content img[class*='align'],
.fluida-image-two .entry-summary img[class*='align'] {
  border: none !important;
}

#prime_nav > ul > li:nth-last-of-type(2) > ul,
#prime_nav > ul > li:last-of-type > ul {
  left: auto;
  right: 0;
}

#prime_nav ul li:nth-last-of-type(2) ul ul,
#prime_nav ul li:last-of-type ul ul {
  left: auto;
  right: 100%;
}

.searchform .searchsubmit,
.searchform input[type="search"] {
  height: 33px;
}

.sidey {
  padding: 1em;
}

.main .panel-heading {
  margin-bottom: 0px !important;
}

.main div {
  line-height: 1.6em !important;
}

.home article header{
  display: none;
}

.collapseomatic_content {
  margin-left: 0px;
}

h1 {
  font-weight: 600 !important;
}

.fluida-magazine-two .entry-content {
  padding-top: 0.5em;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

/* images and text for PC biographies, sponsors, social events etc */

.container {
  padding-top: 1em;
}

#bios .container {
  padding-top: 2em;
}

#bios .container .image {
  float: left;
}

.main #social-events .container .image img {
  width: 30%;
  float: left;
}

.main #social-events .container .blurb {
  width: 70%;
}

.main .entry-content #sponsors .container .image {
  float: left;
  width: 14%;
}

.main .entry-content #sponsors .container .image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 70px;
}

.container .blurb {
  float: left;
  width: 84%;
  display: inline-block;
  padding-left: 2%;
}

.container .blurb .title {
  font-size: 1.7em;
}

.main .container .blurb .sub-title {
  font-size: 1.2em;
}

div#sponsors-widget a img {
  display: inline-block;
  max-height: 60px;
  max-width: 100px;
}


/* end */

/* photo caption text */

.wp-caption-text {
  font-style: normal !important;
  font-size: 0.8em;
}

/* end */

/* first ripe meeting, axel & hph */

#image-box {
  display: inline-block;
  width: 100%;
  float: left;
}

#image-box div.img1,
#image-box div.img2 {
  background-color: #eee;
  padding: 7% 7% 4% !important;
  float: left;
  margin-top: -1em;
}


#image-box img {
 min-size: 150px;
}

img.attendeeimg {
  width: 30px;
  height: 30px;
  max-width: 30px;
}

img.attendeeimglarge {
  height: 100px;
  max-width: 200px;
}

.hotel-grid .lp-box {
  text-align: left;
}

.hotel-grid .lp-box .lp-box-inside {
  margin: 1em;
  padding: 1em;
  background-color: #F3F3F3;
  font-size: 0.9em;
}

.lp-box-inside b {
  font-weight: bold;
}

.lp-box-inside address {
  font-style: italic;
}

#footer {
  text-align: center;
  line-height: 5em;
  text-transform: uppercase;
  font-size: 0.9em;
}

.footer-item {
  padding: 1em;
}

/* Responsive Fixes 800px breakpoint */
@media only screen and (max-width: 800px) {
  div.article-inner {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }

  .article-inner .tab-pane {
    padding: 0px;
  }

  .article-inner ul.nav.nav-tabs {
    margin-left: 0px;
  }
}

/* Responsive Fixes 800-1000px breakpoint */
@media only screen and (max-width: 1000px) and (min-width: 801px) {
  #prime_nav {
    font-size: 9px !important;
  }
  #prime_nav ul li a {
    padding: 0;
  }
  img.custom-logo {
    width: 80%;
  }
}


/* --- cookie information ---*/

#cookiepopup {
  left: 0px;
  bottom: 0px;
  position: fixed;
  padding: 10px;
  background: #FFFFFF;
  width: 100%;
  font-size: 13px;
  border: 1px solid #ccc;
  display: none;
  z-index: 99999;
}

#cookiepopup div#cookie-close {
  float: right;
  margin: 5px 20px 0px 0px;
  cursor: pointer;
}

#cookiepopup .cookie-content {
  margin: 0px auto;
  color: #000000;
  max-width: 960px;
  width: 100%;
}

#cookiepopup #cookie-close-span {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}

#cookiepopup .cookie-content p {
  line-height: 1.2em;
  margin: 0 20px;
}

@media only screen and (min-width : 1160px) {
  div:target {
    padding-top: 60px;
    margin-top: -60px;
  }
}

/* #1276216: compensate for the fixed header height when moving to an anchor */
.anchor::before {
  content: "";
  display: block;
  height: 80px;
  margin-top: -80px;
}

/* override link text colour for buttons */
.boot .btn-warning, .boot .btn-success, .boot .btn-danger, .boot .btn-primary {
    color: #fff !important;
}

/* override hamburger menu colour */
#nav-toggle span:before {
color: #fff;
}