You are here

Home » API reference » Open Social 8.6

base.css in Open Social 8.6

Same filename in this branch
  1. 8.6 themes/socialblue/assets/css/base.css
  2. 8.6 themes/socialbase/assets/css/base.css
Same filename and directory in other branches
  1. 8.9 themes/socialbase/assets/css/base.css
  2. 8 themes/socialbase/assets/css/base.css
  3. 8.2 themes/socialbase/assets/css/base.css
  4. 8.3 themes/socialbase/assets/css/base.css
  5. 8.4 themes/socialbase/assets/css/base.css
  6. 8.5 themes/socialbase/assets/css/base.css
  7. 8.7 themes/socialbase/assets/css/base.css
  8. 8.8 themes/socialbase/assets/css/base.css
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

code, kbd {
  padding: 2px 4px;
  font-size: 90%;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}

pre {
  display: block;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.z-depth-0 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.z-depth-1 {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);
}

.z-depth-2 {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
          box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

.z-depth-3 {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.z-depth-4 {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin: 1rem 0 0.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  font-weight: inherit;
  color: inherit;
}

h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover,
.h1 a:focus,
.h1 a:hover, .h2 a:focus, .h2 a:hover, .h3 a:focus, .h3 a:hover, .h4 a:focus, .h4 a:hover, .h5 a:focus, .h5 a:hover, .h6 a:focus, .h6 a:hover {
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 2rem;
  font-weight: 700;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1.2rem;
}

h5, .h5 {
  font-size: 1rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

img {
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
  padding-bottom: 0.5rem;
  display: table;
}

figure img {
  line-height: 1;
}

figure figcaption {
  font-size: 90%;
  color: #777777;
  text-align: center;
  display: table-caption;
  caption-side: bottom;
  margin-top: 5px;
  word-break: break-word;
}

figure.align-right {
  float: right;
  padding-top: 0.1rem;
  padding-left: 1rem;
}

figure.align-right figcaption {
  padding-left: 1rem;
}

figure.align-left {
  float: left;
  padding-top: 0.1rem;
  padding-right: 1rem;
}

figure.align-left figcaption {
  padding-right: 1rem;
}

figure.align-center {
  margin-right: auto;
  margin-left: auto;
}

.embed-responsive {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.embed-responsive::before {
  display: block;
  content: '';
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.embed-responsive + p {
  margin-top: 0.75rem;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.embed-responsive-21by9::before {
  padding-top: calc((9/21)*100%);
}

iframe {
  max-width: 100%;
}

p > iframe {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

a {
  background-color: transparent;
  text-decoration: none;
  font-weight: 500;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:active:not(.btn) {
  opacity: .8;
}

dl,
ul,
ol {
  margin-top: 0;
  margin-bottom: 1rem;
}

dl dl,
dl ul,
dl ol,
ul dl,
ul ul,
ul ol,
ol dl,
ol ul,
ol ol {
  margin-bottom: 0;
}

.popover ol:last-child, .popover ul:last-child {
  margin-bottom: 0;
}

dl {
  margin-top: 0;
  margin-bottom: 24px;
}

dt,
dd {
  line-height: 1.5;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #777777;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

.table,
.path-node .body-text table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  font-size: 0.875rem;
}

.table th,
.table td,
.path-node .body-text table th,
.path-node .body-text table td {
  padding: 0.75rem;
  vertical-align: top;
  word-wrap: break-word;
}

.table thead th,
.path-node .body-text table thead th {
  font-weight: 500;
  font-size: 12px;
  vertical-align: bottom;
  border-bottom: 2px solid #e6e6e6;
}

.table tbody + tbody,
.path-node .body-text table tbody + tbody {
  border-top: 2px solid #e6e6e6;
}

.table .views-align-left,
.path-node .body-text table .views-align-left {
  text-align: left;
}

.table .views-align-right,
.path-node .body-text table .views-align-right {
  text-align: right;
}

.table .views-align-center,
.path-node .body-text table .views-align-center {
  text-align: center;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #e6e6e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e6e6e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.thead-default th {
  color: #555555;
  background-color: #e6e6e6;
}

.tablesort {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}

.icon-tablesort {
  width: 20px;
  height: 20px;
}

.tabledrag-handle {
  color: #777777;
  cursor: move;
  position: absolute;
  line-height: 1;
  margin: 0 0 0 -10px;
  padding: 10px;
}

.tabledrag-handle ~ .form-managed-file {
  display: block;
  padding-left: 24px;
}

.table-responsive {
  display: block;
  width: 100%;
}

.table-responsive .table-bordered {
  border: 0;
}

.right-auto {
  margin-right: auto;
}

.select-all.checkbox {
  display: table-cell;
}

.vbo-table .form-type-checkbox {
  padding-top: 1rem;
}

.vbo-table.table td {
  vertical-align: inherit;
}

.vbo-table .btn-group--operations {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.vbo-table .form-no-label.checkbox label {
  display: none;
}

.vbo-table .views-table-row-vbo-select-all .form-submit {
  color: #4d4d4d;
  background-color: #fff;
  border-radius: 10px;
  fill: #4d4d4d;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #adadad;
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  outline: 0;
}

.vbo-table .views-table-row-vbo-select-all td div {
  text-align: left;
}

#vbo-action-form-wrapper .btn-group.dropdown {
  position: absolute;
  right: 1rem;
  padding: 10px 0;
}

#vbo-action-form-wrapper.card__block {
  padding: 0;
}

#vbo-action-form-wrapper.card__block .panel-heading {
  padding: 1.25rem 0 1.25rem 1.25rem;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector ul {
  background-color: rgba(0, 0, 0, 0.05);
  margin: 0;
  font-size: 0.875rem;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector ul li,
#vbo-action-form-wrapper.card__block .vbo-multipage-selector h3 {
  padding-left: 1.25rem;
  font-weight: 500;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector li:last-child {
  padding-bottom: 0.5rem;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector li:first-child {
  padding-top: 0.5rem;
}

b,
strong {
  font-weight: bold;
}

p {
  margin: 0 0 0.75rem;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5em;
  font-weight: 500;
}

em.placeholder {
  font-style: normal;
}

.light {
  font-weight: 300;
}

.section-title {
  padding: 1.25rem;
  margin: 0;
}

.text-truncate {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.post-date {
  color: #777777;
  font-size: 0.75rem;
  line-height: 1.25;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.text-align-justify {
  text-align: justify;
}

small,
.small {
  font-size: 87%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-xs {
  font-size: 0.4em;
}

.text-s {
  font-size: 0.75rem;
}

.text-m {
  font-size: 0.875rem;
}

.text-l {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-xxl {
  font-size: 1.5rem;
}

.text-xxxl {
  font-size: 2rem;
}

.text-xxxxl {
  font-size: 3rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  font-size: 18px;
  border-left: 5px solid #e6e6e6;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.5;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #e6e6e6;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.sr-only {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  margin: 0;
}

.no-margin {
  margin: 0;
}

.margin-left-s {
  margin-left: 5px;
}

.margin-left-m {
  margin-left: 10px;
}

.margin-left-l {
  margin-left: 20px;
}

.margin-left-xl {
  margin-left: 30px;
}

.margin-bottom-s {
  margin-bottom: 5px;
}

.margin-bottom-m {
  margin-bottom: 10px;
}

.margin-bottom-l {
  margin-bottom: 20px;
}

.margin-bottom-xl {
  margin-bottom: 30px;
}

.margin-top-s {
  margin-top: 5px;
}

.margin-top-m {
  margin-top: 10px;
}

.margin-top-l {
  margin-top: 20px;
}

.margin-top-xl {
  margin-top: 30px;
}

.margin-top-xxl {
  margin-top: 40px;
}

.no-padding {
  padding: 0 !important;
}

.padding-xs {
  padding: 6px;
}

.padding-sm {
  padding: 12px;
}

.padding-md {
  padding: 24px;
}

.padding-lg {
  padding: 48px;
}

.no-side-padding {
  padding: 24px 0;
}

.no-border {
  border: 0 !important;
}

.inline-center {
  vertical-align: middle;
  line-height: 1;
  margin-right: 5px;
}

.align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.block {
  display: block;
}

.pin-top, .pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

.ruler-sm {
  margin: 9.6px 0;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-bordered {
  border: 3px solid white;
}

.img-elevated {
  display: inline-block;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

p + p .img-elevated {
  margin-top: -0.5rem;
}

.img-circle {
  border-radius: 50%;
}

img.align-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

img.align-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

img.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-medium {
  width: 44px;
  height: 44px;
}

.img-small {
  width: 24px;
  height: 24px;
}

.img-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 10px;
}

.img-grid img {
  margin: 3px;
}

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

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.js .js-hide,
.js-show,
.hide {
  display: none !important;
}

.js .js-show,
.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.hidden {
  display: none !important;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 5px;
}

@-ms-viewport {
  width: device-width;
}

svg[class^="icon-"] {
  vertical-align: middle;
}

.icon-white {
  fill: white;
}

.icon-black {
  fill: #4d4d4d;
}

.icon-gray {
  fill: #555555;
}

.icon-gray-light {
  fill: #777777;
}

.icon-medium {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: text-bottom;
}

.icon-small {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.icon-hero {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.icon-visibility {
  width: 15px;
  height: 18px;
  display: inline-block;
  vertical-align: text-bottom;
  fill: #4d4d4d;
}

.icon-responsive {
  width: 100%;
  height: 100%;
}

.glyphicon:before {
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}

.glyphicon-refresh:before {
  background-image: url(../images/icons/icon-autorenew.svg);
}

.glyphicon-question-sign:before {
  background-image: url(../images/icons/icon-help.svg);
  width: 15px;
  height: 15px;
}

.glyphicon-info-sign:before {
  background-image: url(../images/icons/icon-info-light.svg);
  width: 15px;
  height: 15px;
}

#hero .glyphicon-info-sign:before {
  background-image: url(../images/icons/icon-info-white.svg);
}

.glyphicon-picture:before {
  background-image: url(../images/icons/icon-photo.svg);
}

.glyphicon-file:before {
  background-image: url(../images/icons/icon-insert_drive_file.svg);
}

.glyphicon-move:before {
  background-image: url(../images/icons/icon-open_with.svg);
  top: 0;
}

.glyphicon-warning-sign:before {
  background-image: url(../images/icons/icon-warning.svg);
}

a.icon-before .glyphicon {
  margin-right: .25em;
}

a.icon-after .glyphicon {
  margin-left: .25em;
}

.btn.icon-before .glyphicon,
.btn.icon-before .btn-icon {
  margin-left: -.25em;
  margin-right: .25em;
}

.btn.icon-after .glyphicon,
.btn.icon-after .btn-icon {
  margin-left: .25em;
  margin-right: -.25em;
}

.cke_button_label.cke_button__social_embed_label {
  display: inline;
}

.icon-desktop {
  background-image: url(../images/icons/icon-desktop.svg);
}

.icon-tablet {
  background-image: url(../images/icons/icon-tablet.svg);
}

.icon-phone {
  background-image: url(../images/icons/icon-phone.svg);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

@media (min-width: 600px) {
  body {
    font-size: 16px;
  }
  .section-title {
    padding-left: 20px;
  }
  .section-title.section-title-stream {
    padding-left: 40px;
  }
  .section-title.section-title-node {
    padding-left: 48px;
  }
}

@media (min-width: 900px) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
}

@media (max-width: 599px) {
  figure.align-left, figure.align-right, figure.align-center {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 1rem;
  }
  figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {
    padding: 0;
  }
  .table-responsive {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 100px;
    margin-bottom: -100px;
  }
  .right-auto {
    margin-left: 0.5rem;
  }
  .view-group-manage-members {
    padding: 0 10px;
  }
  .view-group-manage-members .form-group-inline--right {
    display: block;
  }
  .view-group-manage-members .card {
    display: block;
  }
  .vbo-table .views-table-row-vbo-select-all .form-submit {
    font-size: 0.7rem;
  }
  #vbo-action-form-wrapper .btn-group.dropdown {
    position: static;
    width: 100%;
  }
  #vbo-action-form-wrapper .btn-group.dropdown button {
    margin-right: 0.5rem;
  }
  #vbo-action-form-wrapper .btn-group.dropdown .dropdown-menu.dropdown-menu-right {
    width: 100%;
  }
  .hidden-for-phone-only {
    display: none;
  }
}

File

themes/socialbase/assets/css/base.css
View source 
  1. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

  2. article,

  3. aside,

  4. details,

  5. figcaption,

  6. figure,

  7. footer,

  8. header,

  9. hgroup,

  10. main,

  11. menu,

  12. nav,

  13. section,

  14. summary {

  15.   display: block;

  16. }

  17. 

  18. audio,

  19. canvas,

  20. progress,

  21. video {

  22.   display: inline-block;

  23.   vertical-align: baseline;

  24. }

  25. 

  26. audio:not([controls]) {

  27.   display: none;

  28.   height: 0;

  29. }

  30. 

  31. [hidden],

  32. template {

  33.   display: none;

  34. }

  35. 

  36. pre {

  37.   overflow: auto;

  38. }

  39. 

  40. button,

  41. input,

  42. optgroup,

  43. select,

  44. textarea {

  45.   color: inherit;

  46.   font: inherit;

  47.   margin: 0;

  48.   -webkit-box-shadow: none;

  49.           box-shadow: none;

  50.   line-height: inherit;

  51. }

  52. 

  53. button {

  54.   overflow: visible;

  55. }

  56. 

  57. button,

  58. select {

  59.   text-transform: none;

  60. }

  61. 

  62. button,

  63. html input[type="button"],

  64. input[type="reset"],

  65. input[type="submit"] {

  66.   -webkit-appearance: button;

  67.   cursor: pointer;

  68. }

  69. 

  70. button[disabled],

  71. html input[disabled] {

  72.   cursor: default;

  73. }

  74. 

  75. button::-moz-focus-inner,

  76. input::-moz-focus-inner {

  77.   border: 0;

  78.   padding: 0;

  79. }

  80. 

  81. input {

  82.   line-height: normal;

  83. }

  84. 

  85. input[type="checkbox"],

  86. input[type="radio"] {

  87.   -webkit-box-sizing: border-box;

  88.           box-sizing: border-box;

  89.   padding: 0;

  90. }

  91. 

  92. input[type="number"]::-webkit-inner-spin-button,

  93. input[type="number"]::-webkit-outer-spin-button {

  94.   height: auto;

  95. }

  96. 

  97. input[type="search"] {

  98.   -webkit-appearance: textfield;

  99.   -webkit-box-sizing: content-box;

  100.           box-sizing: content-box;

  101. }

  102. 

  103. input[type="search"]::-webkit-search-cancel-button,

  104. input[type="search"]::-webkit-search-decoration {

  105.   -webkit-appearance: none;

  106. }

  107. 

  108. fieldset {

  109.   border: 0;

  110.   margin: 0;

  111.   padding: 0;

  112. }

  113. 

  114. legend {

  115.   border: 0;

  116.   padding: 0;

  117. }

  118. 

  119. textarea {

  120.   overflow: auto;

  121. }

  122. 

  123. optgroup {

  124.   font-weight: bold;

  125. }

  126. 

  127. *, *:before, *:after {

  128.   -webkit-box-sizing: border-box;

  129.           box-sizing: border-box;

  130. }

  131. 

  132. html {

  133.   font-size: 16px;

  134.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  135.   font-family: sans-serif;

  136.   -ms-text-size-adjust: 100%;

  137.   -webkit-text-size-adjust: 100%;

  138. }

  139. 

  140. body {

  141.   margin: 0;

  142.   font-size: 14px;

  143.   line-height: 1.5;

  144.   word-wrap: break-word;

  145.   -webkit-font-smoothing: antialiased;

  146. }

  147. 

  148. .fade {

  149.   opacity: 0;

  150.   -webkit-transition: opacity .15s linear;

  151.   transition: opacity .15s linear;

  152. }

  153. 

  154. .fade.in {

  155.   opacity: 1;

  156. }

  157. 

  158. .collapse {

  159.   display: none;

  160. }

  161. 

  162. .collapse.in {

  163.   display: block;

  164. }

  165. 

  166. .collapsing {

  167.   position: relative;

  168.   height: 0;

  169.   overflow: hidden;

  170.   -webkit-transition-property: height, visibility;

  171.   transition-property: height, visibility;

  172.   -webkit-transition-duration: 0.35s;

  173.           transition-duration: 0.35s;

  174.   -webkit-transition-timing-function: ease;

  175.           transition-timing-function: ease;

  176. }

  177. 

  178. code,

  179. kbd,

  180. pre,

  181. samp {

  182.   font-size: 1em;

  183. }

  184. 

  185. code, kbd {

  186.   padding: 2px 4px;

  187.   font-size: 90%;

  188. }

  189. 

  190. kbd kbd {

  191.   padding: 0;

  192.   font-size: 100%;

  193.   font-weight: bold;

  194.   -webkit-box-shadow: none;

  195.           box-shadow: none;

  196. }

  197. 

  198. pre {

  199.   display: block;

  200.   padding: 11.5px;

  201.   margin: 0 0 12px;

  202.   font-size: 15px;

  203.   line-height: 1.5;

  204.   word-break: break-all;

  205.   word-wrap: break-word;

  206. }

  207. 

  208. pre code {

  209.   padding: 0;

  210.   font-size: inherit;

  211.   color: inherit;

  212.   white-space: pre-wrap;

  213.   background-color: transparent;

  214.   border-radius: 0;

  215. }

  216. 

  217. .z-depth-0 {

  218.   -webkit-box-shadow: none;

  219.           box-shadow: none;

  220. }

  221. 

  222. .z-depth-1 {

  223.   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);

  224.           box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);

  225. }

  226. 

  227. .z-depth-2 {

  228.   -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  229.           box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  230. }

  231. 

  232. .z-depth-3 {

  233.   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  234.           box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  235. }

  236. 

  237. .z-depth-4 {

  238.   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  239.           box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  240. }

  241. 

  242. h1, h2, h3, h4, h5, h6,

  243. .h1, .h2, .h3, .h4, .h5, .h6 {

  244.   font-family: inherit;

  245.   font-weight: 500;

  246.   line-height: 1.1;

  247.   margin: 1rem 0 0.5rem;

  248.   -webkit-transition: 0.3s;

  249.   transition: 0.3s;

  250. }

  251. 

  252. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,

  253. .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {

  254.   font-weight: inherit;

  255.   color: inherit;

  256. }

  257. 

  258. h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover,

  259. .h1 a:focus,

  260. .h1 a:hover, .h2 a:focus, .h2 a:hover, .h3 a:focus, .h3 a:hover, .h4 a:focus, .h4 a:hover, .h5 a:focus, .h5 a:hover, .h6 a:focus, .h6 a:hover {

  261.   color: inherit;

  262. }

  263. 

  264. h1 small,

  265. h1 .small, h2 small,

  266. h2 .small, h3 small,

  267. h3 .small, h4 small,

  268. h4 .small, h5 small,

  269. h5 .small, h6 small,

  270. h6 .small,

  271. .h1 small,

  272. .h1 .small, .h2 small,

  273. .h2 .small, .h3 small,

  274. .h3 .small, .h4 small,

  275. .h4 .small, .h5 small,

  276. .h5 .small, .h6 small,

  277. .h6 .small {

  278.   font-weight: normal;

  279.   line-height: 1;

  280.   color: #777777;

  281. }

  282. 

  283. h1 small,

  284. h1 .small, .h1 small,

  285. .h1 .small,

  286. h2 small,

  287. h2 .small, .h2 small,

  288. .h2 .small,

  289. h3 small,

  290. h3 .small, .h3 small,

  291. .h3 .small {

  292.   font-size: 65%;

  293. }

  294. 

  295. h4 small,

  296. h4 .small, .h4 small,

  297. .h4 .small,

  298. h5 small,

  299. h5 .small, .h5 small,

  300. .h5 .small,

  301. h6 small,

  302. h6 .small, .h6 small,

  303. .h6 .small {

  304.   font-size: 75%;

  305. }

  306. 

  307. h1, .h1 {

  308.   font-size: 2rem;

  309.   font-weight: 700;

  310. }

  311. 

  312. h2, .h2 {

  313.   font-size: 1.5rem;

  314. }

  315. 

  316. h3, .h3 {

  317.   font-size: 1.25rem;

  318. }

  319. 

  320. h4, .h4 {

  321.   font-size: 1.2rem;

  322. }

  323. 

  324. h5, .h5 {

  325.   font-size: 1rem;

  326. }

  327. 

  328. h6, .h6 {

  329.   font-size: 0.875rem;

  330. }

  331. 

  332. img {

  333.   border-style: none;

  334.   vertical-align: middle;

  335.   max-width: 100%;

  336.   height: auto;

  337. }

  338. 

  339. svg:not(:root) {

  340.   overflow: hidden;

  341. }

  342. 

  343. figure {

  344.   margin: 0;

  345.   padding-bottom: 0.5rem;

  346.   display: table;

  347. }

  348. 

  349. figure img {

  350.   line-height: 1;

  351. }

  352. 

  353. figure figcaption {

  354.   font-size: 90%;

  355.   color: #777777;

  356.   text-align: center;

  357.   display: table-caption;

  358.   caption-side: bottom;

  359.   margin-top: 5px;

  360.   word-break: break-word;

  361. }

  362. 

  363. figure.align-right {

  364.   float: right;

  365.   padding-top: 0.1rem;

  366.   padding-left: 1rem;

  367. }

  368. 

  369. figure.align-right figcaption {

  370.   padding-left: 1rem;

  371. }

  372. 

  373. figure.align-left {

  374.   float: left;

  375.   padding-top: 0.1rem;

  376.   padding-right: 1rem;

  377. }

  378. 

  379. figure.align-left figcaption {

  380.   padding-right: 1rem;

  381. }

  382. 

  383. figure.align-center {

  384.   margin-right: auto;

  385.   margin-left: auto;

  386. }

  387. 

  388. .embed-responsive {

  389.   display: block;

  390.   position: relative;

  391.   overflow: hidden;

  392.   width: 100%;

  393.   padding: 0;

  394. }

  395. 

  396. .embed-responsive::before {

  397.   display: block;

  398.   content: '';

  399. }

  400. 

  401. .embed-responsive .embed-responsive-item,

  402. .embed-responsive iframe,

  403. .embed-responsive embed,

  404. .embed-responsive object,

  405. .embed-responsive video {

  406.   position: absolute;

  407.   top: 0;

  408.   left: 0;

  409.   bottom: 0;

  410.   border: 0;

  411.   width: 100%;

  412.   height: 100%;

  413. }

  414. 

  415. .embed-responsive + p {

  416.   margin-top: 0.75rem;

  417. }

  418. 

  419. .embed-responsive-16by9::before {

  420.   padding-top: 56.25%;

  421. }

  422. 

  423. .embed-responsive-4by3::before {

  424.   padding-top: 75%;

  425. }

  426. 

  427. .embed-responsive-1by1::before {

  428.   padding-top: 100%;

  429. }

  430. 

  431. .embed-responsive-21by9::before {

  432.   padding-top: calc((9/21)*100%);

  433. }

  434. 

  435. iframe {

  436.   max-width: 100%;

  437. }

  438. 

  439. p > iframe {

  440.   margin-top: 0.75rem;

  441.   margin-bottom: 0.75rem;

  442. }

  443. 

  444. a {

  445.   background-color: transparent;

  446.   text-decoration: none;

  447.   font-weight: 500;

  448.   color: inherit;

  449.   -webkit-tap-highlight-color: transparent;

  450. }

  451. 

  452. a:hover, a:focus {

  453.   color: inherit;

  454.   text-decoration: none;

  455. }

  456. 

  457. a:active, a:hover {

  458.   outline: 0;

  459. }

  460. 

  461. a:focus {

  462.   outline: 5px auto -webkit-focus-ring-color;

  463.   outline-offset: -2px;

  464. }

  465. 

  466. a:active:not(.btn) {

  467.   opacity: .8;

  468. }

  469. 

  470. dl,

  471. ul,

  472. ol {

  473.   margin-top: 0;

  474.   margin-bottom: 1rem;

  475. }

  476. 

  477. dl dl,

  478. dl ul,

  479. dl ol,

  480. ul dl,

  481. ul ul,

  482. ul ol,

  483. ol dl,

  484. ol ul,

  485. ol ol {

  486.   margin-bottom: 0;

  487. }

  488. 

  489. .popover ol:last-child, .popover ul:last-child {

  490.   margin-bottom: 0;

  491. }

  492. 

  493. dl {

  494.   margin-top: 0;

  495.   margin-bottom: 24px;

  496. }

  497. 

  498. dt,

  499. dd {

  500.   line-height: 1.5;

  501. }

  502. 

  503. dt {

  504.   font-weight: bold;

  505. }

  506. 

  507. dd {

  508.   margin-left: 0;

  509. }

  510. 

  511. table {

  512.   border-collapse: collapse;

  513. }

  514. 

  515. caption {

  516.   padding-top: 0.75rem;

  517.   padding-bottom: 0.75rem;

  518.   color: #777777;

  519.   text-align: left;

  520.   caption-side: bottom;

  521. }

  522. 

  523. th {

  524.   text-align: left;

  525. }

  526. 

  527. .table,

  528. .path-node .body-text table {

  529.   width: 100%;

  530.   max-width: 100%;

  531.   margin-bottom: 1rem;

  532.   background-color: transparent;

  533.   font-size: 0.875rem;

  534. }

  535. 

  536. .table th,

  537. .table td,

  538. .path-node .body-text table th,

  539. .path-node .body-text table td {

  540.   padding: 0.75rem;

  541.   vertical-align: top;

  542.   word-wrap: break-word;

  543. }

  544. 

  545. .table thead th,

  546. .path-node .body-text table thead th {

  547.   font-weight: 500;

  548.   font-size: 12px;

  549.   vertical-align: bottom;

  550.   border-bottom: 2px solid #e6e6e6;

  551. }

  552. 

  553. .table tbody + tbody,

  554. .path-node .body-text table tbody + tbody {

  555.   border-top: 2px solid #e6e6e6;

  556. }

  557. 

  558. .table .views-align-left,

  559. .path-node .body-text table .views-align-left {

  560.   text-align: left;

  561. }

  562. 

  563. .table .views-align-right,

  564. .path-node .body-text table .views-align-right {

  565.   text-align: right;

  566. }

  567. 

  568. .table .views-align-center,

  569. .path-node .body-text table .views-align-center {

  570.   text-align: center;

  571. }

  572. 

  573. .table-sm th,

  574. .table-sm td {

  575.   padding: 0.3rem;

  576. }

  577. 

  578. .table-bordered {

  579.   border: 1px solid #e6e6e6;

  580. }

  581. 

  582. .table-bordered th,

  583. .table-bordered td {

  584.   border: 1px solid #e6e6e6;

  585. }

  586. 

  587. .table-bordered thead th,

  588. .table-bordered thead td {

  589.   border-bottom-width: 2px;

  590. }

  591. 

  592. .table-striped tbody tr:nth-of-type(odd) {

  593.   background-color: rgba(0, 0, 0, 0.05);

  594. }

  595. 

  596. .table-hover tbody tr:hover {

  597.   background-color: rgba(0, 0, 0, 0.075);

  598. }

  599. 

  600. .thead-default th {

  601.   color: #555555;

  602.   background-color: #e6e6e6;

  603. }

  604. 

  605. .tablesort {

  606.   display: inline-block;

  607.   vertical-align: top;

  608.   line-height: 1;

  609. }

  610. 

  611. .icon-tablesort {

  612.   width: 20px;

  613.   height: 20px;

  614. }

  615. 

  616. .tabledrag-handle {

  617.   color: #777777;

  618.   cursor: move;

  619.   position: absolute;

  620.   line-height: 1;

  621.   margin: 0 0 0 -10px;

  622.   padding: 10px;

  623. }

  624. 

  625. .tabledrag-handle ~ .form-managed-file {

  626.   display: block;

  627.   padding-left: 24px;

  628. }

  629. 

  630. .table-responsive {

  631.   display: block;

  632.   width: 100%;

  633. }

  634. 

  635. .table-responsive .table-bordered {

  636.   border: 0;

  637. }

  638. 

  639. .right-auto {

  640.   margin-right: auto;

  641. }

  642. 

  643. .select-all.checkbox {

  644.   display: table-cell;

  645. }

  646. 

  647. .vbo-table .form-type-checkbox {

  648.   padding-top: 1rem;

  649. }

  650. 

  651. .vbo-table.table td {

  652.   vertical-align: inherit;

  653. }

  654. 

  655. .vbo-table .btn-group--operations {

  656.   -webkit-box-pack: left;

  657.       -ms-flex-pack: left;

  658.           justify-content: left;

  659. }

  660. 

  661. .vbo-table .form-no-label.checkbox label {

  662.   display: none;

  663. }

  664. 

  665. .vbo-table .views-table-row-vbo-select-all .form-submit {

  666.   color: #4d4d4d;

  667.   background-color: #fff;

  668.   border-radius: 10px;

  669.   fill: #4d4d4d;

  670.   display: inline-block;

  671.   margin-bottom: 0;

  672.   font-weight: normal;

  673.   text-align: center;

  674.   vertical-align: middle;

  675.   -ms-touch-action: manipulation;

  676.   touch-action: manipulation;

  677.   cursor: pointer;

  678.   background-image: none;

  679.   border: 1px solid #adadad;

  680.   padding: 6px 12px;

  681.   font-size: 0.875rem;

  682.   line-height: 1.5;

  683.   -webkit-user-select: none;

  684.   -moz-user-select: none;

  685.   -ms-user-select: none;

  686.   user-select: none;

  687.   text-transform: uppercase;

  688.   -webkit-transition: .3s ease-out;

  689.   transition: .3s ease-out;

  690.   outline: 0;

  691. }

  692. 

  693. .vbo-table .views-table-row-vbo-select-all td div {

  694.   text-align: left;

  695. }

  696. 

  697. #vbo-action-form-wrapper .btn-group.dropdown {

  698.   position: absolute;

  699.   right: 1rem;

  700.   padding: 10px 0;

  701. }

  702. 

  703. #vbo-action-form-wrapper.card__block {

  704.   padding: 0;

  705. }

  706. 

  707. #vbo-action-form-wrapper.card__block .panel-heading {

  708.   padding: 1.25rem 0 1.25rem 1.25rem;

  709. }

  710. 

  711. #vbo-action-form-wrapper.card__block .vbo-multipage-selector ul {

  712.   background-color: rgba(0, 0, 0, 0.05);

  713.   margin: 0;

  714.   font-size: 0.875rem;

  715. }

  716. 

  717. #vbo-action-form-wrapper.card__block .vbo-multipage-selector ul li,

  718. #vbo-action-form-wrapper.card__block .vbo-multipage-selector h3 {

  719.   padding-left: 1.25rem;

  720.   font-weight: 500;

  721. }

  722. 

  723. #vbo-action-form-wrapper.card__block .vbo-multipage-selector li:last-child {

  724.   padding-bottom: 0.5rem;

  725. }

  726. 

  727. #vbo-action-form-wrapper.card__block .vbo-multipage-selector li:first-child {

  728.   padding-top: 0.5rem;

  729. }

  730. 

  731. b,

  732. strong {

  733.   font-weight: bold;

  734. }

  735. 

  736. p {

  737.   margin: 0 0 0.75rem;

  738. }

  739. 

  740. blockquote {

  741.   margin: 20px 0;

  742.   padding-left: 1.5em;

  743.   font-weight: 500;

  744. }

  745. 

  746. em.placeholder {

  747.   font-style: normal;

  748. }

  749. 

  750. .light {

  751.   font-weight: 300;

  752. }

  753. 

  754. .section-title {

  755.   padding: 1.25rem;

  756.   margin: 0;

  757. }

  758. 

  759. .text-truncate {

  760.   display: block;

  761.   overflow: hidden;

  762.   white-space: nowrap;

  763.   text-overflow: ellipsis;

  764.   max-width: 100%;

  765. }

  766. 

  767. .post-date {

  768.   color: #777777;

  769.   font-size: 0.75rem;

  770.   line-height: 1.25;

  771. }

  772. 

  773. .text-align-left {

  774.   text-align: left;

  775. }

  776. 

  777. .text-align-right {

  778.   text-align: right;

  779. }

  780. 

  781. .text-align-center {

  782.   text-align: center;

  783. }

  784. 

  785. .text-align-justify {

  786.   text-align: justify;

  787. }

  788. 

  789. small,

  790. .small {

  791.   font-size: 87%;

  792. }

  793. 

  794. .text-left {

  795.   text-align: left;

  796. }

  797. 

  798. .text-right {

  799.   text-align: right;

  800. }

  801. 

  802. .text-center {

  803.   text-align: center;

  804. }

  805. 

  806. .text-justify {

  807.   text-align: justify;

  808. }

  809. 

  810. .text-nowrap {

  811.   white-space: nowrap;

  812. }

  813. 

  814. .text-xs {

  815.   font-size: 0.4em;

  816. }

  817. 

  818. .text-s {

  819.   font-size: 0.75rem;

  820. }

  821. 

  822. .text-m {

  823.   font-size: 0.875rem;

  824. }

  825. 

  826. .text-l {

  827.   font-size: 1.125rem;

  828. }

  829. 

  830. .text-xl {

  831.   font-size: 1.25rem;

  832. }

  833. 

  834. .text-xxl {

  835.   font-size: 1.5rem;

  836. }

  837. 

  838. .text-xxxl {

  839.   font-size: 2rem;

  840. }

  841. 

  842. .text-xxxxl {

  843.   font-size: 3rem;

  844. }

  845. 

  846. abbr[title],

  847. abbr[data-original-title] {

  848.   cursor: help;

  849.   border-bottom: 1px dotted #777777;

  850. }

  851. 

  852. blockquote {

  853.   padding: 12px 24px;

  854.   margin: 0 0 24px;

  855.   font-size: 18px;

  856.   border-left: 5px solid #e6e6e6;

  857. }

  858. 

  859. blockquote p:last-child,

  860. blockquote ul:last-child,

  861. blockquote ol:last-child {

  862.   margin-bottom: 0;

  863. }

  864. 

  865. address {

  866.   margin-bottom: 24px;

  867.   font-style: normal;

  868.   line-height: 1.5;

  869. }

  870. 

  871. hr {

  872.   margin-top: 24px;

  873.   margin-bottom: 24px;

  874.   border: 0;

  875.   border-top: 1px solid #e6e6e6;

  876. }

  877. 

  878. dfn {

  879.   font-style: italic;

  880. }

  881. 

  882. mark {

  883.   background: #ff0;

  884.   color: #000;

  885. }

  886. 

  887. sub,

  888. sup {

  889.   font-size: 75%;

  890.   line-height: 0;

  891.   position: relative;

  892.   vertical-align: baseline;

  893. }

  894. 

  895. sup {

  896.   top: -0.5em;

  897. }

  898. 

  899. sub {

  900.   bottom: -0.25em;

  901. }

  902. 

  903. .sr-only {

  904.   position: absolute;

  905.   height: 1px;

  906.   width: 1px;

  907.   overflow: hidden;

  908.   word-wrap: normal;

  909.   margin: -1px;

  910.   padding: 0;

  911.   clip: rect(0, 0, 0, 0);

  912.   border: 0;

  913. }

  914. 

  915. .sr-only-focusable {

  916.   position: absolute;

  917.   height: 1px;

  918.   width: 1px;

  919.   overflow: hidden;

  920.   word-wrap: normal;

  921.   margin: -1px;

  922.   padding: 0;

  923.   clip: rect(0, 0, 0, 0);

  924.   border: 0;

  925. }

  926. 

  927. .sr-only-focusable:active, .sr-only-focusable:focus {

  928.   position: static;

  929.   clip: auto;

  930.   height: auto;

  931.   width: auto;

  932.   overflow: visible;

  933.   margin: 0;

  934. }

  935. 

  936. .no-margin {

  937.   margin: 0;

  938. }

  939. 

  940. .margin-left-s {

  941.   margin-left: 5px;

  942. }

  943. 

  944. .margin-left-m {

  945.   margin-left: 10px;

  946. }

  947. 

  948. .margin-left-l {

  949.   margin-left: 20px;

  950. }

  951. 

  952. .margin-left-xl {

  953.   margin-left: 30px;

  954. }

  955. 

  956. .margin-bottom-s {

  957.   margin-bottom: 5px;

  958. }

  959. 

  960. .margin-bottom-m {

  961.   margin-bottom: 10px;

  962. }

  963. 

  964. .margin-bottom-l {

  965.   margin-bottom: 20px;

  966. }

  967. 

  968. .margin-bottom-xl {

  969.   margin-bottom: 30px;

  970. }

  971. 

  972. .margin-top-s {

  973.   margin-top: 5px;

  974. }

  975. 

  976. .margin-top-m {

  977.   margin-top: 10px;

  978. }

  979. 

  980. .margin-top-l {

  981.   margin-top: 20px;

  982. }

  983. 

  984. .margin-top-xl {

  985.   margin-top: 30px;

  986. }

  987. 

  988. .margin-top-xxl {

  989.   margin-top: 40px;

  990. }

  991. 

  992. .no-padding {

  993.   padding: 0 !important;

  994. }

  995. 

  996. .padding-xs {

  997.   padding: 6px;

  998. }

  999. 

  1000. .padding-sm {

  1001.   padding: 12px;

  1002. }

  1003. 

  1004. .padding-md {

  1005.   padding: 24px;

  1006. }

  1007. 

  1008. .padding-lg {

  1009.   padding: 48px;

  1010. }

  1011. 

  1012. .no-side-padding {

  1013.   padding: 24px 0;

  1014. }

  1015. 

  1016. .no-border {

  1017.   border: 0 !important;

  1018. }

  1019. 

  1020. .inline-center {

  1021.   vertical-align: middle;

  1022.   line-height: 1;

  1023.   margin-right: 5px;

  1024. }

  1025. 

  1026. .align-center {

  1027.   -ms-flex-item-align: center;

  1028.       align-self: center;

  1029. }

  1030. 

  1031. .block {

  1032.   display: block;

  1033. }

  1034. 

  1035. .pin-top, .pin-bottom {

  1036.   position: relative;

  1037. }

  1038. 

  1039. .pinned {

  1040.   position: fixed !important;

  1041. }

  1042. 

  1043. .ruler-sm {

  1044.   margin: 9.6px 0;

  1045. }

  1046. 

  1047. .img-responsive {

  1048.   display: block;

  1049.   max-width: 100%;

  1050.   height: auto;

  1051. }

  1052. 

  1053. .img-bordered {

  1054.   border: 3px solid white;

  1055. }

  1056. 

  1057. .img-elevated {

  1058.   display: inline-block;

  1059.   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  1060.           box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  1061. }

  1062. 

  1063. p + p .img-elevated {

  1064.   margin-top: -0.5rem;

  1065. }

  1066. 

  1067. .img-circle {

  1068.   border-radius: 50%;

  1069. }

  1070. 

  1071. img.align-left {

  1072.   float: left;

  1073.   margin-right: 1em;

  1074.   margin-bottom: 1em;

  1075. }

  1076. 

  1077. img.align-right {

  1078.   float: right;

  1079.   margin-left: 1em;

  1080.   margin-bottom: 1em;

  1081. }

  1082. 

  1083. img.align-center {

  1084.   display: block;

  1085.   margin-left: auto;

  1086.   margin-right: auto;

  1087. }

  1088. 

  1089. .img-medium {

  1090.   width: 44px;

  1091.   height: 44px;

  1092. }

  1093. 

  1094. .img-small {

  1095.   width: 24px;

  1096.   height: 24px;

  1097. }

  1098. 

  1099. .img-grid {

  1100.   display: -webkit-box;

  1101.   display: -ms-flexbox;

  1102.   display: flex;

  1103.   -ms-flex-wrap: wrap;

  1104.       flex-wrap: wrap;

  1105.   padding-bottom: 10px;

  1106. }

  1107. 

  1108. .img-grid img {

  1109.   margin: 3px;

  1110. }

  1111. 

  1112. .clearfix:before, .clearfix:after {

  1113.   content: " ";

  1114.   display: table;

  1115. }

  1116. 

  1117. .clearfix:after {

  1118.   clear: both;

  1119. }

  1120. 

  1121. .center-block {

  1122.   display: block;

  1123.   margin-left: auto;

  1124.   margin-right: auto;

  1125. }

  1126. 

  1127. .pull-right {

  1128.   float: right !important;

  1129. }

  1130. 

  1131. .pull-left {

  1132.   float: left !important;

  1133. }

  1134. 

  1135. .js .js-hide,

  1136. .js-show,

  1137. .hide {

  1138.   display: none !important;

  1139. }

  1140. 

  1141. .js .js-show,

  1142. .show {

  1143.   display: block !important;

  1144. }

  1145. 

  1146. .invisible {

  1147.   visibility: hidden;

  1148. }

  1149. 

  1150. .text-hide {

  1151.   font: 0/0 a;

  1152.   color: transparent;

  1153.   text-shadow: none;

  1154.   background-color: transparent;

  1155.   border: 0;

  1156. }

  1157. 

  1158. .visually-hidden {

  1159.   position: absolute !important;

  1160.   clip: rect(1px, 1px, 1px, 1px);

  1161.   overflow: hidden;

  1162.   height: 1px;

  1163.   width: 1px;

  1164.   word-wrap: normal;

  1165. }

  1166. 

  1167. .hidden {

  1168.   display: none !important;

  1169. }

  1170. 

  1171. .list-inline {

  1172.   padding-left: 0;

  1173.   list-style: none;

  1174. }

  1175. 

  1176. .list-inline-item {

  1177.   display: inline-block;

  1178. }

  1179. 

  1180. .list-inline-item:not(:last-child) {

  1181.   margin-right: 5px;

  1182. }

  1183. 

  1184. @-ms-viewport {

  1185.   width: device-width;

  1186. }

  1187. 

  1188. svg[class^="icon-"] {

  1189.   vertical-align: middle;

  1190. }

  1191. 

  1192. .icon-white {

  1193.   fill: white;

  1194. }

  1195. 

  1196. .icon-black {

  1197.   fill: #4d4d4d;

  1198. }

  1199. 

  1200. .icon-gray {

  1201.   fill: #555555;

  1202. }

  1203. 

  1204. .icon-gray-light {

  1205.   fill: #777777;

  1206. }

  1207. 

  1208. .icon-medium {

  1209.   width: 24px;

  1210.   height: 24px;

  1211.   display: inline-block;

  1212.   vertical-align: text-bottom;

  1213. }

  1214. 

  1215. .icon-small {

  1216.   width: 16px;

  1217.   height: 16px;

  1218.   display: inline-block;

  1219.   vertical-align: middle;

  1220. }

  1221. 

  1222. .icon-hero {

  1223.   width: 18px;

  1224.   height: 18px;

  1225.   display: inline-block;

  1226.   vertical-align: middle;

  1227. }

  1228. 

  1229. .icon-visibility {

  1230.   width: 15px;

  1231.   height: 18px;

  1232.   display: inline-block;

  1233.   vertical-align: text-bottom;

  1234.   fill: #4d4d4d;

  1235. }

  1236. 

  1237. .icon-responsive {

  1238.   width: 100%;

  1239.   height: 100%;

  1240. }

  1241. 

  1242. .glyphicon:before {

  1243.   position: relative;

  1244.   top: 3px;

  1245.   width: 20px;

  1246.   height: 20px;

  1247.   content: '';

  1248.   display: inline-block;

  1249.   background-repeat: no-repeat;

  1250.   background-size: auto 100%;

  1251.   background-position: center;

  1252. }

  1253. 

  1254. .glyphicon-refresh:before {

  1255.   background-image: url(../images/icons/icon-autorenew.svg);

  1256. }

  1257. 

  1258. .glyphicon-question-sign:before {

  1259.   background-image: url(../images/icons/icon-help.svg);

  1260.   width: 15px;

  1261.   height: 15px;

  1262. }

  1263. 

  1264. .glyphicon-info-sign:before {

  1265.   background-image: url(../images/icons/icon-info-light.svg);

  1266.   width: 15px;

  1267.   height: 15px;

  1268. }

  1269. 

  1270. #hero .glyphicon-info-sign:before {

  1271.   background-image: url(../images/icons/icon-info-white.svg);

  1272. }

  1273. 

  1274. .glyphicon-picture:before {

  1275.   background-image: url(../images/icons/icon-photo.svg);

  1276. }

  1277. 

  1278. .glyphicon-file:before {

  1279.   background-image: url(../images/icons/icon-insert_drive_file.svg);

  1280. }

  1281. 

  1282. .glyphicon-move:before {

  1283.   background-image: url(../images/icons/icon-open_with.svg);

  1284.   top: 0;

  1285. }

  1286. 

  1287. .glyphicon-warning-sign:before {

  1288.   background-image: url(../images/icons/icon-warning.svg);

  1289. }

  1290. 

  1291. a.icon-before .glyphicon {

  1292.   margin-right: .25em;

  1293. }

  1294. 

  1295. a.icon-after .glyphicon {

  1296.   margin-left: .25em;

  1297. }

  1298. 

  1299. .btn.icon-before .glyphicon,

  1300. .btn.icon-before .btn-icon {

  1301.   margin-left: -.25em;

  1302.   margin-right: .25em;

  1303. }

  1304. 

  1305. .btn.icon-after .glyphicon,

  1306. .btn.icon-after .btn-icon {

  1307.   margin-left: .25em;

  1308.   margin-right: -.25em;

  1309. }

  1310. 

  1311. .cke_button_label.cke_button__social_embed_label {

  1312.   display: inline;

  1313. }

  1314. 

  1315. .icon-desktop {

  1316.   background-image: url(../images/icons/icon-desktop.svg);

  1317. }

  1318. 

  1319. .icon-tablet {

  1320.   background-image: url(../images/icons/icon-tablet.svg);

  1321. }

  1322. 

  1323. .icon-phone {

  1324.   background-image: url(../images/icons/icon-phone.svg);

  1325. }

  1326. 

  1327. .close {

  1328.   float: right;

  1329.   font-size: 1.5rem;

  1330.   font-weight: bold;

  1331.   line-height: 1;

  1332.   color: #000;

  1333.   text-shadow: 0 1px 0 #fff;

  1334.   opacity: 0.5;

  1335. }

  1336. 

  1337. .close:hover, .close:focus {

  1338.   color: #000;

  1339.   text-decoration: none;

  1340.   opacity: .75;

  1341. }

  1342. 

  1343. button.close {

  1344.   padding: 0;

  1345.   cursor: pointer;

  1346.   background: transparent;

  1347.   border: 0;

  1348.   -webkit-appearance: none;

  1349. }

  1350. 

  1351. @media (min-width: 600px) {

  1352.   body {

  1353.     font-size: 16px;

  1354.   }

  1355.   .section-title {

  1356.     padding-left: 20px;

  1357.   }

  1358.   .section-title.section-title-stream {

  1359.     padding-left: 40px;

  1360.   }

  1361.   .section-title.section-title-node {

  1362.     padding-left: 48px;

  1363.   }

  1364. }

  1365. 

  1366. @media (min-width: 900px) {

  1367.   h1, .h1 {

  1368.     font-size: 3rem;

  1369.   }

  1370.   h2, .h2 {

  1371.     font-size: 2rem;

  1372.   }

  1373.   h3, .h3 {

  1374.     font-size: 1.5rem;

  1375.   }

  1376.   h4, .h4 {

  1377.     font-size: 1.25rem;

  1378.   }

  1379. }

  1380. 

  1381. @media (max-width: 599px) {

  1382.   figure.align-left, figure.align-right, figure.align-center {

  1383.     float: none;

  1384.     width: 100%;

  1385.     text-align: center;

  1386.     padding: 0;

  1387.     margin-bottom: 1rem;

  1388.   }

  1389.   figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {

  1390.     padding: 0;

  1391.   }

  1392.   .table-responsive {

  1393.     overflow-x: auto;

  1394.     -ms-overflow-style: -ms-autohiding-scrollbar;

  1395.     padding-bottom: 100px;

  1396.     margin-bottom: -100px;

  1397.   }

  1398.   .right-auto {

  1399.     margin-left: 0.5rem;

  1400.   }

  1401.   .view-group-manage-members {

  1402.     padding: 0 10px;

  1403.   }

  1404.   .view-group-manage-members .form-group-inline--right {

  1405.     display: block;

  1406.   }

  1407.   .view-group-manage-members .card {

  1408.     display: block;

  1409.   }

  1410.   .vbo-table .views-table-row-vbo-select-all .form-submit {

  1411.     font-size: 0.7rem;

  1412.   }

  1413.   #vbo-action-form-wrapper .btn-group.dropdown {

  1414.     position: static;

  1415.     width: 100%;

  1416.   }

  1417.   #vbo-action-form-wrapper .btn-group.dropdown button {

  1418.     margin-right: 0.5rem;

  1419.   }

  1420.   #vbo-action-form-wrapper .btn-group.dropdown .dropdown-menu.dropdown-menu-right {

  1421.     width: 100%;

  1422.   }

  1423.   .hidden-for-phone-only {

  1424.     display: none;

  1425.   }

  1426. }