@media screen and (min-width: 769px) and (max-width: 1080px) {
  .navbar-nav > li > a {
    font-size: calc(12px + (17 - 12) * ((100vw - 768px) / (1080 - 300)));
  }
}
/*
 * Drupal Messages Area on front page (pages with heros)
 */
.path-frontpage .messages__wrapper {
	position:absolute;
	z-index:3;
	width:90%;
	top:15px;
	left:50%;
	transform:translateX(-50%);
	max-width:1300px;
}

.path-frontpage .messages__wrapper .alert {
	border:3px solid #fff;
	box-shadow:0 0 15px rgba(255,255,255,1);
	margin-bottom:10px;
}

.view-filters {
	border-top:6px solid #646469;
	padding:15px 15px 0px 15px;
/*	background:#efefef;*/
}

.form-inline .form-group {
  padding-bottom: 15px;
  padding-right: 15px;
}

.node-form div[class^="field"] .form-type-checkbox input[type=checkbox] ~ label ,
.node-form div[class^="field"] .form-type-radio input[type=radio] ~ label {
  padding: 4px 10px;
}
  
.node-form div[class^="field"] .form-type-checkbox input[type=checkbox]:checked ~ label ,
.node-form div[class^="field"] .form-type-radio input[type=radio]:checked ~ label {
  background: #3172ae;
  border-radius: 4px;
  color: #fff;
}

.node-form div[class^="field"] .form-type-checkbox input[type=checkbox]:checked ~ label:before,
.node-form div[class^="field"] .form-type-radio input[type=radio]:checked ~ label:before {
  color: #fff;
}

/*
 * If modal is first paragraph, hide paragrah (JS will automatically open it)
 */
article .content > div:first-child > .paragraph.paragraph--type--bp-modal {
  display: none;
} 
    
article .content > div:first-child > .paragraph.paragraph--type--bp-modal ~ .modal .modal-header {
  position: absolute;
  width: 100%;
  border-bottom: 0;
  top: 0;
  left: 0;
  z-index: 999;
}

@media screen and (min-width: 768px) {
  article .content > div:first-child > .paragraph.paragraph--type--bp-modal ~ .modal .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
  }

  article .content > div:first-child > .paragraph.paragraph--type--bp-modal ~ .modal .modal-content {
    padding: 50px;
  }
  
  article .content > div:first-child > .paragraph.paragraph--type--bp-modal ~ .modal button.close {
    font-size: 80px;
    font-weight: 100;
  }
}

.path-user:not(.has-role--administrator) article .field {
  display: none;
}

.path-user.has-role--administrator:not([class*='edit']) article .field:after {
  content: "";
  clear: both;
  display: table;
}

/*
 * user registration page
 */
.page-path-is--member-register button.tabledrag-toggle-weight {
  display: none;
}