You are here

Home » API reference » Open Social 8

ckeditor.css in Open Social 8

Same filename in this branch
  1. 8 themes/socialblue/assets/css/ckeditor.css
  2. 8 themes/socialbase/assets/css/ckeditor.css
Same filename and directory in other branches
  1. 8.9 themes/socialbase/assets/css/ckeditor.css
  2. 8.2 themes/socialbase/assets/css/ckeditor.css
  3. 8.3 themes/socialbase/assets/css/ckeditor.css
  4. 8.4 themes/socialbase/assets/css/ckeditor.css
  5. 8.5 themes/socialbase/assets/css/ckeditor.css
  6. 8.6 themes/socialbase/assets/css/ckeditor.css
  7. 8.7 themes/socialbase/assets/css/ckeditor.css
  8. 8.8 themes/socialbase/assets/css/ckeditor.css
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;
}

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

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
  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;
}

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;
}

img,
svg {
  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 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  font-size: 0.875rem;
}

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

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

.table tbody + tbody {
  border-top: 2px solid #e6e6e6;
}

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

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

.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;
}

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;
}

[role="button"] {
  cursor: pointer;
}

.btn {
  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 transparent;
  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;
}

.btn + .btn {
  margin-left: 5px;
}

.btn + .btn-block {
  margin-left: 0;
}

.btn .caret {
  margin-left: 3px;
}

.btn:hover, .btn:focus, .btn.focus {
  text-decoration: none;
  outline: 0;
}

.btn:active, .btn.active {
  background-image: none;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn a {
  font-weight: normal;
}

.btn-non-clickable.disabled,
fieldset[disabled] .btn-non-clickable,
a.btn.disabled,
fieldset[disabled]
a.btn {
  pointer-events: none;
}

.btn-link {
  font-weight: normal;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus,
fieldset[disabled] .btn-link {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  text-decoration: none;
}

.btn--with-bgicon {
  padding-left: 32px;
  background-size: 16px 16px;
  background-position: 10px 8px;
  background-repeat: no-repeat;
}

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

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

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

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

.fieldset-wrapper > .btn {
  margin: 5px 5px 5px 0;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 1rem;
  line-height: 1.33333;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {
  width: 13px;
  height: 13px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn.pull-right + .btn {
  margin-left: 0;
}

.btn-raised {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -webkit-transition: .15s ease-out, -webkit-box-shadow;
  transition: .15s ease-out, -webkit-box-shadow;
  transition: box-shadow, .15s ease-out;
  transition: box-shadow, .15s ease-out, -webkit-box-shadow;
}

.btn-raised:active, .btn-raised.active, .btn-raised:hover {
  -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);
}

.btn-raised.disabled, .btn-raised[disabled] {
  -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);
}

.btn-icon-toggle {
  background-color: transparent;
  border-radius: 50% !important;
  padding: 4px;
}

.btn-icon-toggle:hover, .btn-icon-toggle:focus {
  background-color: rgba(0, 0, 0, 0.07);
  border-color: transparent;
}

.btn-icon-toggle:active, .btn-icon-toggle.active {
  background-color: rgba(12, 12, 12, 0.25);
  border-color: transparent;
}

.btn-icon {
  font-size: 1.00012rem;
  line-height: 21px;
  height: 21px;
  width: 21px;
  vertical-align: bottom;
}

.btn-iconized {
  line-height: 12px;
}

.btn-iconized .icon-inline {
  fill: inherit;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.btn-floating {
  width: 38px;
  height: 38px;
  padding: 7px;
  border-radius: 50%;
  border: 0;
  -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);
}

.btn-floating:active, .btn-floating.active, .btn-floating:hover {
  -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);
}

.btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {
  width: 52px;
  height: 52px;
}

.btn-floating.disabled, .btn-floating[disabled] {
  -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);
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {
  padding-left: 6px;
  padding-right: 6px;
}

.btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {
  padding-left: 4px;
  padding-right: 4px;
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group--operations {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block-group-add-event-block,
.block-group-add-topic-block,
.block-event-add-block,
.block-topic-add-block,
.block-group-add-block {
  display: inline-block;
}

.textarea--cke .cke {
  position: relative;
}

body {
  margin: 10px;
}

.align-left {
  float: left;
  padding-right: 1em;
}

.align-right {
  float: right;
  padding-left: 1em;
}

.embed-responsive .cke_widget_drupalurl {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

@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;
  }
  .block-group-add-event-block,
  .block-group-add-topic-block,
  .block-event-add-block,
  .block-topic-add-block,
  .block-group-add-block {
    display: block;
  }
  .block-group-add-event-block .btn,
  .block-group-add-topic-block .btn,
  .block-event-add-block .btn,
  .block-topic-add-block .btn,
  .block-group-add-block .btn {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

@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;
  }
  .hidden-for-phone-only {
    display: none;
  }
}

File

themes/socialbase/assets/css/ckeditor.css
View source 
  1. code,

  2. kbd,

  3. pre,

  4. samp {

  5.   font-size: 1em;

  6. }

  7. 

  8. code, kbd {

  9.   padding: 2px 4px;

  10.   font-size: 90%;

  11. }

  12. 

  13. kbd kbd {

  14.   padding: 0;

  15.   font-size: 100%;

  16.   font-weight: bold;

  17.   -webkit-box-shadow: none;

  18.           box-shadow: none;

  19. }

  20. 

  21. pre {

  22.   display: block;

  23.   padding: 11.5px;

  24.   margin: 0 0 12px;

  25.   font-size: 15px;

  26.   line-height: 1.5;

  27.   word-break: break-all;

  28.   word-wrap: break-word;

  29. }

  30. 

  31. pre code {

  32.   padding: 0;

  33.   font-size: inherit;

  34.   color: inherit;

  35.   white-space: pre-wrap;

  36.   background-color: transparent;

  37.   border-radius: 0;

  38. }

  39. 

  40. *, *:before, *:after {

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

  42.           box-sizing: border-box;

  43. }

  44. 

  45. html {

  46.   font-size: 16px;

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

  48.   font-family: sans-serif;

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

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

  51. }

  52. 

  53. body {

  54.   margin: 0;

  55.   font-size: 14px;

  56.   line-height: 1.5;

  57.   word-wrap: break-word;

  58.   -webkit-font-smoothing: antialiased;

  59. }

  60. 

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

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

  63.   font-family: inherit;

  64.   font-weight: 500;

  65.   line-height: 1.1;

  66.   margin: 1rem 0 0.5rem;

  67.   -webkit-transition: 0.3s;

  68.   transition: 0.3s;

  69. }

  70. 

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

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

  73.   font-weight: inherit;

  74.   color: inherit;

  75. }

  76. 

  77. 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,

  78. .h1 a:focus,

  79. .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 {

  80.   color: inherit;

  81. }

  82. 

  83. h1 small,

  84. h1 .small, h2 small,

  85. h2 .small, h3 small,

  86. h3 .small, h4 small,

  87. h4 .small, h5 small,

  88. h5 .small, h6 small,

  89. h6 .small,

  90. .h1 small,

  91. .h1 .small, .h2 small,

  92. .h2 .small, .h3 small,

  93. .h3 .small, .h4 small,

  94. .h4 .small, .h5 small,

  95. .h5 .small, .h6 small,

  96. .h6 .small {

  97.   font-weight: normal;

  98.   line-height: 1;

  99.   color: #777777;

  100. }

  101. 

  102. h1 small,

  103. h1 .small, .h1 small,

  104. .h1 .small,

  105. h2 small,

  106. h2 .small, .h2 small,

  107. .h2 .small,

  108. h3 small,

  109. h3 .small, .h3 small,

  110. .h3 .small {

  111.   font-size: 65%;

  112. }

  113. 

  114. h4 small,

  115. h4 .small, .h4 small,

  116. .h4 .small,

  117. h5 small,

  118. h5 .small, .h5 small,

  119. .h5 .small,

  120. h6 small,

  121. h6 .small, .h6 small,

  122. .h6 .small {

  123.   font-size: 75%;

  124. }

  125. 

  126. h1, .h1 {

  127.   font-size: 2rem;

  128.   font-weight: 700;

  129. }

  130. 

  131. h2, .h2 {

  132.   font-size: 1.5rem;

  133. }

  134. 

  135. h3, .h3 {

  136.   font-size: 1.25rem;

  137. }

  138. 

  139. h4, .h4 {

  140.   font-size: 1.2rem;

  141. }

  142. 

  143. h5, .h5 {

  144.   font-size: 1rem;

  145. }

  146. 

  147. h6, .h6 {

  148.   font-size: 0.875rem;

  149. }

  150. 

  151. img {

  152.   border-style: none;

  153.   vertical-align: middle;

  154. }

  155. 

  156. img,

  157. svg {

  158.   max-width: 100%;

  159.   height: auto;

  160. }

  161. 

  162. svg:not(:root) {

  163.   overflow: hidden;

  164. }

  165. 

  166. figure {

  167.   margin: 0;

  168.   padding-bottom: 0.5rem;

  169.   display: table;

  170. }

  171. 

  172. figure img {

  173.   line-height: 1;

  174. }

  175. 

  176. figure figcaption {

  177.   font-size: 90%;

  178.   color: #777777;

  179.   text-align: center;

  180.   display: table-caption;

  181.   caption-side: bottom;

  182.   margin-top: 5px;

  183.   word-break: break-word;

  184. }

  185. 

  186. figure.align-right {

  187.   float: right;

  188.   padding-top: 0.1rem;

  189.   padding-left: 1rem;

  190. }

  191. 

  192. figure.align-right figcaption {

  193.   padding-left: 1rem;

  194. }

  195. 

  196. figure.align-left {

  197.   float: left;

  198.   padding-top: 0.1rem;

  199.   padding-right: 1rem;

  200. }

  201. 

  202. figure.align-left figcaption {

  203.   padding-right: 1rem;

  204. }

  205. 

  206. figure.align-center {

  207.   margin-right: auto;

  208.   margin-left: auto;

  209. }

  210. 

  211. .embed-responsive {

  212.   display: block;

  213.   position: relative;

  214.   overflow: hidden;

  215.   width: 100%;

  216.   padding: 0;

  217. }

  218. 

  219. .embed-responsive::before {

  220.   display: block;

  221.   content: '';

  222. }

  223. 

  224. .embed-responsive .embed-responsive-item,

  225. .embed-responsive iframe,

  226. .embed-responsive embed,

  227. .embed-responsive object,

  228. .embed-responsive video {

  229.   position: absolute;

  230.   top: 0;

  231.   left: 0;

  232.   bottom: 0;

  233.   border: 0;

  234.   width: 100%;

  235.   height: 100%;

  236. }

  237. 

  238. .embed-responsive + p {

  239.   margin-top: 0.75rem;

  240. }

  241. 

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

  243.   padding-top: 56.25%;

  244. }

  245. 

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

  247.   padding-top: 75%;

  248. }

  249. 

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

  251.   padding-top: 100%;

  252. }

  253. 

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

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

  256. }

  257. 

  258. iframe {

  259.   max-width: 100%;

  260. }

  261. 

  262. p > iframe {

  263.   margin-top: 0.75rem;

  264.   margin-bottom: 0.75rem;

  265. }

  266. 

  267. a {

  268.   background-color: transparent;

  269.   text-decoration: none;

  270.   font-weight: 500;

  271.   color: inherit;

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

  273. }

  274. 

  275. a:hover, a:focus {

  276.   color: inherit;

  277.   text-decoration: none;

  278. }

  279. 

  280. a:active, a:hover {

  281.   outline: 0;

  282. }

  283. 

  284. a:focus {

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

  286.   outline-offset: -2px;

  287. }

  288. 

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

  290.   opacity: .8;

  291. }

  292. 

  293. dl,

  294. ul,

  295. ol {

  296.   margin-top: 0;

  297.   margin-bottom: 1rem;

  298. }

  299. 

  300. dl dl,

  301. dl ul,

  302. dl ol,

  303. ul dl,

  304. ul ul,

  305. ul ol,

  306. ol dl,

  307. ol ul,

  308. ol ol {

  309.   margin-bottom: 0;

  310. }

  311. 

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

  313.   margin-bottom: 0;

  314. }

  315. 

  316. dl {

  317.   margin-top: 0;

  318.   margin-bottom: 24px;

  319. }

  320. 

  321. dt,

  322. dd {

  323.   line-height: 1.5;

  324. }

  325. 

  326. dt {

  327.   font-weight: bold;

  328. }

  329. 

  330. dd {

  331.   margin-left: 0;

  332. }

  333. 

  334. table {

  335.   border-collapse: collapse;

  336. }

  337. 

  338. caption {

  339.   padding-top: 0.75rem;

  340.   padding-bottom: 0.75rem;

  341.   color: #777777;

  342.   text-align: left;

  343.   caption-side: bottom;

  344. }

  345. 

  346. th {

  347.   text-align: left;

  348. }

  349. 

  350. .table {

  351.   width: 100%;

  352.   max-width: 100%;

  353.   margin-bottom: 1rem;

  354.   background-color: transparent;

  355.   font-size: 0.875rem;

  356. }

  357. 

  358. .table th,

  359. .table td {

  360.   padding: 0.75rem;

  361.   vertical-align: top;

  362.   word-wrap: break-word;

  363. }

  364. 

  365. .table thead th {

  366.   text-transform: uppercase;

  367.   font-weight: 500;

  368.   font-size: 12px;

  369.   vertical-align: bottom;

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

  371. }

  372. 

  373. .table tbody + tbody {

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

  375. }

  376. 

  377. .table .views-align-left {

  378.   text-align: left;

  379. }

  380. 

  381. .table .views-align-right {

  382.   text-align: right;

  383. }

  384. 

  385. .table .views-align-center {

  386.   text-align: center;

  387. }

  388. 

  389. .table-sm th,

  390. .table-sm td {

  391.   padding: 0.3rem;

  392. }

  393. 

  394. .table-bordered {

  395.   border: 1px solid #e6e6e6;

  396. }

  397. 

  398. .table-bordered th,

  399. .table-bordered td {

  400.   border: 1px solid #e6e6e6;

  401. }

  402. 

  403. .table-bordered thead th,

  404. .table-bordered thead td {

  405.   border-bottom-width: 2px;

  406. }

  407. 

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

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

  410. }

  411. 

  412. .table-hover tbody tr:hover {

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

  414. }

  415. 

  416. .thead-default th {

  417.   color: #555555;

  418.   background-color: #e6e6e6;

  419. }

  420. 

  421. .tablesort {

  422.   display: inline-block;

  423.   vertical-align: top;

  424.   line-height: 1;

  425. }

  426. 

  427. .icon-tablesort {

  428.   width: 20px;

  429.   height: 20px;

  430. }

  431. 

  432. .tabledrag-handle {

  433.   color: #777777;

  434.   cursor: move;

  435.   position: absolute;

  436.   line-height: 1;

  437.   margin: 0 0 0 -10px;

  438.   padding: 10px;

  439. }

  440. 

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

  442.   display: block;

  443.   padding-left: 24px;

  444. }

  445. 

  446. .table-responsive {

  447.   display: block;

  448.   width: 100%;

  449. }

  450. 

  451. .table-responsive .table-bordered {

  452.   border: 0;

  453. }

  454. 

  455. b,

  456. strong {

  457.   font-weight: bold;

  458. }

  459. 

  460. p {

  461.   margin: 0 0 0.75rem;

  462. }

  463. 

  464. blockquote {

  465.   margin: 20px 0;

  466.   padding-left: 1.5em;

  467.   font-weight: 500;

  468. }

  469. 

  470. em.placeholder {

  471.   font-style: normal;

  472. }

  473. 

  474. .light {

  475.   font-weight: 300;

  476. }

  477. 

  478. .section-title {

  479.   padding: 1.25rem;

  480.   margin: 0;

  481. }

  482. 

  483. .text-truncate {

  484.   display: block;

  485.   overflow: hidden;

  486.   white-space: nowrap;

  487.   text-overflow: ellipsis;

  488.   max-width: 100%;

  489. }

  490. 

  491. .post-date {

  492.   color: #777777;

  493.   font-size: 0.75rem;

  494.   line-height: 1.25;

  495. }

  496. 

  497. .text-align-left {

  498.   text-align: left;

  499. }

  500. 

  501. .text-align-right {

  502.   text-align: right;

  503. }

  504. 

  505. .text-align-center {

  506.   text-align: center;

  507. }

  508. 

  509. .text-align-justify {

  510.   text-align: justify;

  511. }

  512. 

  513. small,

  514. .small {

  515.   font-size: 87%;

  516. }

  517. 

  518. .text-left {

  519.   text-align: left;

  520. }

  521. 

  522. .text-right {

  523.   text-align: right;

  524. }

  525. 

  526. .text-center {

  527.   text-align: center;

  528. }

  529. 

  530. .text-justify {

  531.   text-align: justify;

  532. }

  533. 

  534. .text-nowrap {

  535.   white-space: nowrap;

  536. }

  537. 

  538. .text-xs {

  539.   font-size: 0.4em;

  540. }

  541. 

  542. .text-s {

  543.   font-size: 0.75rem;

  544. }

  545. 

  546. .text-m {

  547.   font-size: 0.875rem;

  548. }

  549. 

  550. .text-l {

  551.   font-size: 1.125rem;

  552. }

  553. 

  554. .text-xl {

  555.   font-size: 1.25rem;

  556. }

  557. 

  558. .text-xxl {

  559.   font-size: 1.5rem;

  560. }

  561. 

  562. .text-xxxl {

  563.   font-size: 2rem;

  564. }

  565. 

  566. .text-xxxxl {

  567.   font-size: 3rem;

  568. }

  569. 

  570. abbr[title],

  571. abbr[data-original-title] {

  572.   cursor: help;

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

  574. }

  575. 

  576. blockquote {

  577.   padding: 12px 24px;

  578.   margin: 0 0 24px;

  579.   font-size: 18px;

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

  581. }

  582. 

  583. blockquote p:last-child,

  584. blockquote ul:last-child,

  585. blockquote ol:last-child {

  586.   margin-bottom: 0;

  587. }

  588. 

  589. address {

  590.   margin-bottom: 24px;

  591.   font-style: normal;

  592.   line-height: 1.5;

  593. }

  594. 

  595. hr {

  596.   margin-top: 24px;

  597.   margin-bottom: 24px;

  598.   border: 0;

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

  600. }

  601. 

  602. dfn {

  603.   font-style: italic;

  604. }

  605. 

  606. mark {

  607.   background: #ff0;

  608.   color: #000;

  609. }

  610. 

  611. sub,

  612. sup {

  613.   font-size: 75%;

  614.   line-height: 0;

  615.   position: relative;

  616.   vertical-align: baseline;

  617. }

  618. 

  619. sup {

  620.   top: -0.5em;

  621. }

  622. 

  623. sub {

  624.   bottom: -0.25em;

  625. }

  626. 

  627. .sr-only {

  628.   position: absolute;

  629.   height: 1px;

  630.   width: 1px;

  631.   overflow: hidden;

  632.   word-wrap: normal;

  633.   margin: -1px;

  634.   padding: 0;

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

  636.   border: 0;

  637. }

  638. 

  639. .sr-only-focusable {

  640.   position: absolute;

  641.   height: 1px;

  642.   width: 1px;

  643.   overflow: hidden;

  644.   word-wrap: normal;

  645.   margin: -1px;

  646.   padding: 0;

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

  648.   border: 0;

  649. }

  650. 

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

  652.   position: static;

  653.   clip: auto;

  654.   height: auto;

  655.   width: auto;

  656.   overflow: visible;

  657.   margin: 0;

  658. }

  659. 

  660. .no-margin {

  661.   margin: 0;

  662. }

  663. 

  664. .margin-left-s {

  665.   margin-left: 5px;

  666. }

  667. 

  668. .margin-left-m {

  669.   margin-left: 10px;

  670. }

  671. 

  672. .margin-left-l {

  673.   margin-left: 20px;

  674. }

  675. 

  676. .margin-left-xl {

  677.   margin-left: 30px;

  678. }

  679. 

  680. .margin-bottom-s {

  681.   margin-bottom: 5px;

  682. }

  683. 

  684. .margin-bottom-m {

  685.   margin-bottom: 10px;

  686. }

  687. 

  688. .margin-bottom-l {

  689.   margin-bottom: 20px;

  690. }

  691. 

  692. .margin-bottom-xl {

  693.   margin-bottom: 30px;

  694. }

  695. 

  696. .margin-top-s {

  697.   margin-top: 5px;

  698. }

  699. 

  700. .margin-top-m {

  701.   margin-top: 10px;

  702. }

  703. 

  704. .margin-top-l {

  705.   margin-top: 20px;

  706. }

  707. 

  708. .margin-top-xl {

  709.   margin-top: 30px;

  710. }

  711. 

  712. .margin-top-xxl {

  713.   margin-top: 40px;

  714. }

  715. 

  716. .no-padding {

  717.   padding: 0 !important;

  718. }

  719. 

  720. .padding-xs {

  721.   padding: 6px;

  722. }

  723. 

  724. .padding-sm {

  725.   padding: 12px;

  726. }

  727. 

  728. .padding-md {

  729.   padding: 24px;

  730. }

  731. 

  732. .padding-lg {

  733.   padding: 48px;

  734. }

  735. 

  736. .no-side-padding {

  737.   padding: 24px 0;

  738. }

  739. 

  740. .no-border {

  741.   border: 0 !important;

  742. }

  743. 

  744. .inline-center {

  745.   vertical-align: middle;

  746.   line-height: 1;

  747.   margin-right: 5px;

  748. }

  749. 

  750. .align-center {

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

  752.       align-self: center;

  753. }

  754. 

  755. .block {

  756.   display: block;

  757. }

  758. 

  759. .pin-top, .pin-bottom {

  760.   position: relative;

  761. }

  762. 

  763. .pinned {

  764.   position: fixed !important;

  765. }

  766. 

  767. .ruler-sm {

  768.   margin: 9.6px 0;

  769. }

  770. 

  771. .img-responsive {

  772.   display: block;

  773.   max-width: 100%;

  774.   height: auto;

  775. }

  776. 

  777. .img-bordered {

  778.   border: 3px solid white;

  779. }

  780. 

  781. .img-elevated {

  782.   display: inline-block;

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

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

  785. }

  786. 

  787. p + p .img-elevated {

  788.   margin-top: -0.5rem;

  789. }

  790. 

  791. .img-circle {

  792.   border-radius: 50%;

  793. }

  794. 

  795. img.align-left {

  796.   float: left;

  797.   margin-right: 1em;

  798.   margin-bottom: 1em;

  799. }

  800. 

  801. img.align-right {

  802.   float: right;

  803.   margin-left: 1em;

  804.   margin-bottom: 1em;

  805. }

  806. 

  807. img.align-center {

  808.   display: block;

  809.   margin-left: auto;

  810.   margin-right: auto;

  811. }

  812. 

  813. .img-medium {

  814.   width: 44px;

  815.   height: 44px;

  816. }

  817. 

  818. .img-small {

  819.   width: 24px;

  820.   height: 24px;

  821. }

  822. 

  823. .img-grid {

  824.   display: -webkit-box;

  825.   display: -ms-flexbox;

  826.   display: flex;

  827.   -ms-flex-wrap: wrap;

  828.       flex-wrap: wrap;

  829.   padding-bottom: 10px;

  830. }

  831. 

  832. .img-grid img {

  833.   margin: 3px;

  834. }

  835. 

  836. .clearfix:before, .clearfix:after {

  837.   content: " ";

  838.   display: table;

  839. }

  840. 

  841. .clearfix:after {

  842.   clear: both;

  843. }

  844. 

  845. .center-block {

  846.   display: block;

  847.   margin-left: auto;

  848.   margin-right: auto;

  849. }

  850. 

  851. .pull-right {

  852.   float: right !important;

  853. }

  854. 

  855. .pull-left {

  856.   float: left !important;

  857. }

  858. 

  859. .js .js-hide,

  860. .js-show,

  861. .hide {

  862.   display: none !important;

  863. }

  864. 

  865. .js .js-show,

  866. .show {

  867.   display: block !important;

  868. }

  869. 

  870. .invisible {

  871.   visibility: hidden;

  872. }

  873. 

  874. .text-hide {

  875.   font: 0/0 a;

  876.   color: transparent;

  877.   text-shadow: none;

  878.   background-color: transparent;

  879.   border: 0;

  880. }

  881. 

  882. .visually-hidden {

  883.   position: absolute !important;

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

  885.   overflow: hidden;

  886.   height: 1px;

  887.   width: 1px;

  888.   word-wrap: normal;

  889. }

  890. 

  891. .hidden {

  892.   display: none !important;

  893. }

  894. 

  895. .list-inline {

  896.   padding-left: 0;

  897.   list-style: none;

  898. }

  899. 

  900. .list-inline-item {

  901.   display: inline-block;

  902. }

  903. 

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

  905.   margin-right: 5px;

  906. }

  907. 

  908. @-ms-viewport {

  909.   width: device-width;

  910. }

  911. 

  912. [role="button"] {

  913.   cursor: pointer;

  914. }

  915. 

  916. .btn {

  917.   display: inline-block;

  918.   margin-bottom: 0;

  919.   font-weight: normal;

  920.   text-align: center;

  921.   vertical-align: middle;

  922.   -ms-touch-action: manipulation;

  923.       touch-action: manipulation;

  924.   cursor: pointer;

  925.   background-image: none;

  926.   border: 1px solid transparent;

  927.   padding: 6px 12px;

  928.   font-size: 0.875rem;

  929.   line-height: 1.5;

  930.   -webkit-user-select: none;

  931.      -moz-user-select: none;

  932.       -ms-user-select: none;

  933.           user-select: none;

  934.   text-transform: uppercase;

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

  936.   transition: .3s ease-out;

  937.   outline: 0;

  938. }

  939. 

  940. .btn + .btn {

  941.   margin-left: 5px;

  942. }

  943. 

  944. .btn + .btn-block {

  945.   margin-left: 0;

  946. }

  947. 

  948. .btn .caret {

  949.   margin-left: 3px;

  950. }

  951. 

  952. .btn:hover, .btn:focus, .btn.focus {

  953.   text-decoration: none;

  954.   outline: 0;

  955. }

  956. 

  957. .btn:active, .btn.active {

  958.   background-image: none;

  959. }

  960. 

  961. .btn.disabled, .btn[disabled],

  962. fieldset[disabled] .btn {

  963.   cursor: not-allowed;

  964.   opacity: .65;

  965.   -webkit-box-shadow: none;

  966.           box-shadow: none;

  967. }

  968. 

  969. .btn a {

  970.   font-weight: normal;

  971. }

  972. 

  973. .btn-non-clickable.disabled,

  974. fieldset[disabled] .btn-non-clickable,

  975. a.btn.disabled,

  976. fieldset[disabled]

  977. a.btn {

  978.   pointer-events: none;

  979. }

  980. 

  981. .btn-link {

  982.   font-weight: normal;

  983. }

  984. 

  985. .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus,

  986. fieldset[disabled] .btn-link {

  987.   background-color: transparent;

  988.   border-color: transparent;

  989.   -webkit-box-shadow: none;

  990.           box-shadow: none;

  991. }

  992. 

  993. .btn-link[disabled]:hover, .btn-link[disabled]:focus,

  994. fieldset[disabled] .btn-link:hover,

  995. fieldset[disabled] .btn-link:focus {

  996.   text-decoration: none;

  997. }

  998. 

  999. .btn--with-bgicon {

  1000.   padding-left: 32px;

  1001.   background-size: 16px 16px;

  1002.   background-position: 10px 8px;

  1003.   background-repeat: no-repeat;

  1004. }

  1005. 

  1006. .btn--facebook {

  1007.   background-image: url("../images/icons/icon-facebook.svg");

  1008. }

  1009. 

  1010. .btn--linkedin {

  1011.   background-image: url("../images/icons/icon-linkedin.svg");

  1012. }

  1013. 

  1014. .btn--google {

  1015.   background-image: url("../images/icons/icon-google.svg");

  1016. }

  1017. 

  1018. .btn--twitter {

  1019.   background-image: url("../images/icons/icon-twitter.svg");

  1020. }

  1021. 

  1022. .fieldset-wrapper > .btn {

  1023.   margin: 5px 5px 5px 0;

  1024. }

  1025. 

  1026. .btn-lg, .btn-group-lg > .btn {

  1027.   padding: 10px 16px;

  1028.   font-size: 1rem;

  1029.   line-height: 1.33333;

  1030. }

  1031. 

  1032. .btn-sm, .btn-group-sm > .btn {

  1033.   padding: 5px 10px;

  1034.   font-size: 0.75rem;

  1035.   line-height: 1.5;

  1036. }

  1037. 

  1038. .btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {

  1039.   width: 13px;

  1040.   height: 13px;

  1041. }

  1042. 

  1043. .btn-xs, .btn-group-xs > .btn {

  1044.   padding: 1px 5px;

  1045.   font-size: 0.75rem;

  1046.   line-height: 1.5;

  1047. }

  1048. 

  1049. .btn-block {

  1050.   display: block;

  1051.   width: 100%;

  1052. }

  1053. 

  1054. .btn-block + .btn-block {

  1055.   margin-top: 5px;

  1056. }

  1057. 

  1058. input[type="submit"].btn-block,

  1059. input[type="reset"].btn-block,

  1060. input[type="button"].btn-block {

  1061.   width: 100%;

  1062. }

  1063. 

  1064. .btn.pull-right + .btn {

  1065.   margin-left: 0;

  1066. }

  1067. 

  1068. .btn-raised {

  1069.   -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  1070.           box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  1071.   -webkit-transition: .15s ease-out, -webkit-box-shadow;

  1072.   transition: .15s ease-out, -webkit-box-shadow;

  1073.   transition: box-shadow, .15s ease-out;

  1074.   transition: box-shadow, .15s ease-out, -webkit-box-shadow;

  1075. }

  1076. 

  1077. .btn-raised:active, .btn-raised.active, .btn-raised:hover {

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

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

  1080. }

  1081. 

  1082. .btn-raised.disabled, .btn-raised[disabled] {

  1083.   -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);

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

  1085. }

  1086. 

  1087. .btn-icon-toggle {

  1088.   background-color: transparent;

  1089.   border-radius: 50% !important;

  1090.   padding: 4px;

  1091. }

  1092. 

  1093. .btn-icon-toggle:hover, .btn-icon-toggle:focus {

  1094.   background-color: rgba(0, 0, 0, 0.07);

  1095.   border-color: transparent;

  1096. }

  1097. 

  1098. .btn-icon-toggle:active, .btn-icon-toggle.active {

  1099.   background-color: rgba(12, 12, 12, 0.25);

  1100.   border-color: transparent;

  1101. }

  1102. 

  1103. .btn-icon {

  1104.   font-size: 1.00012rem;

  1105.   line-height: 21px;

  1106.   height: 21px;

  1107.   width: 21px;

  1108.   vertical-align: bottom;

  1109. }

  1110. 

  1111. .btn-iconized {

  1112.   line-height: 12px;

  1113. }

  1114. 

  1115. .btn-iconized .icon-inline {

  1116.   fill: inherit;

  1117.   width: 24px;

  1118.   height: 24px;

  1119.   line-height: 24px;

  1120. }

  1121. 

  1122. .btn-floating {

  1123.   width: 38px;

  1124.   height: 38px;

  1125.   padding: 7px;

  1126.   border-radius: 50%;

  1127.   border: 0;

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

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

  1130. }

  1131. 

  1132. .btn-floating:active, .btn-floating.active, .btn-floating:hover {

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

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

  1135. }

  1136. 

  1137. .btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {

  1138.   width: 52px;

  1139.   height: 52px;

  1140. }

  1141. 

  1142. .btn-floating.disabled, .btn-floating[disabled] {

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

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

  1145. }

  1146. 

  1147. .btn-group,

  1148. .btn-group-vertical {

  1149.   position: relative;

  1150.   display: inline-block;

  1151.   vertical-align: middle;

  1152. }

  1153. 

  1154. .btn-group > .btn,

  1155. .btn-group-vertical > .btn {

  1156.   position: relative;

  1157.   float: left;

  1158. }

  1159. 

  1160. .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,

  1161. .btn-group-vertical > .btn:hover,

  1162. .btn-group-vertical > .btn:focus,

  1163. .btn-group-vertical > .btn:active,

  1164. .btn-group-vertical > .btn.active {

  1165.   z-index: 2;

  1166. }

  1167. 

  1168. .btn-group .btn + .btn,

  1169. .btn-group .btn + .btn-group,

  1170. .btn-group .btn-group + .btn,

  1171. .btn-group .btn-group + .btn-group {

  1172.   margin-left: -1px;

  1173. }

  1174. 

  1175. .btn-toolbar {

  1176.   margin-left: -5px;

  1177. }

  1178. 

  1179. .btn-toolbar:before, .btn-toolbar:after {

  1180.   content: " ";

  1181.   display: table;

  1182. }

  1183. 

  1184. .btn-toolbar:after {

  1185.   clear: both;

  1186. }

  1187. 

  1188. .btn-toolbar .btn,

  1189. .btn-toolbar .btn-group,

  1190. .btn-toolbar .input-group {

  1191.   float: left;

  1192. }

  1193. 

  1194. .btn-toolbar > .btn,

  1195. .btn-toolbar > .btn-group,

  1196. .btn-toolbar > .input-group {

  1197.   margin-left: 5px;

  1198. }

  1199. 

  1200. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

  1201.   border-radius: 0;

  1202. }

  1203. 

  1204. .btn-group > .btn:first-child {

  1205.   margin-left: 0;

  1206. }

  1207. 

  1208. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

  1209.   border-bottom-right-radius: 0;

  1210.   border-top-right-radius: 0;

  1211. }

  1212. 

  1213. .btn-group > .btn:last-child:not(:first-child),

  1214. .btn-group > .dropdown-toggle:not(:first-child) {

  1215.   border-bottom-left-radius: 0;

  1216.   border-top-left-radius: 0;

  1217. }

  1218. 

  1219. .btn-group > .btn-group {

  1220.   float: left;

  1221. }

  1222. 

  1223. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {

  1224.   border-radius: 0;

  1225. }

  1226. 

  1227. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,

  1228. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {

  1229.   border-bottom-right-radius: 0;

  1230.   border-top-right-radius: 0;

  1231. }

  1232. 

  1233. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {

  1234.   border-bottom-left-radius: 0;

  1235.   border-top-left-radius: 0;

  1236. }

  1237. 

  1238. .btn-group .dropdown-toggle:active,

  1239. .btn-group.open .dropdown-toggle {

  1240.   outline: 0;

  1241. }

  1242. 

  1243. .btn-group > .btn + .dropdown-toggle {

  1244.   padding-left: 8px;

  1245.   padding-right: 8px;

  1246. }

  1247. 

  1248. .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {

  1249.   padding-left: 12px;

  1250.   padding-right: 12px;

  1251. }

  1252. 

  1253. .btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {

  1254.   padding-left: 6px;

  1255.   padding-right: 6px;

  1256. }

  1257. 

  1258. .btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {

  1259.   padding-left: 4px;

  1260.   padding-right: 4px;

  1261. }

  1262. 

  1263. .btn-group.open .dropdown-toggle.btn-link {

  1264.   -webkit-box-shadow: none;

  1265.           box-shadow: none;

  1266. }

  1267. 

  1268. .btn-lg .caret, .btn-group-lg > .btn .caret {

  1269.   border-width: 5px 5px 0;

  1270. }

  1271. 

  1272. .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {

  1273.   border-width: 0 5px 5px;

  1274. }

  1275. 

  1276. .btn-group-vertical > .btn,

  1277. .btn-group-vertical > .btn-group,

  1278. .btn-group-vertical > .btn-group > .btn {

  1279.   display: block;

  1280.   float: none;

  1281.   width: 100%;

  1282.   max-width: 100%;

  1283. }

  1284. 

  1285. .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {

  1286.   content: " ";

  1287.   display: table;

  1288. }

  1289. 

  1290. .btn-group-vertical > .btn-group:after {

  1291.   clear: both;

  1292. }

  1293. 

  1294. .btn-group-vertical > .btn-group > .btn {

  1295.   float: none;

  1296. }

  1297. 

  1298. .btn-group-vertical > .btn + .btn,

  1299. .btn-group-vertical > .btn + .btn-group,

  1300. .btn-group-vertical > .btn-group + .btn,

  1301. .btn-group-vertical > .btn-group + .btn-group {

  1302.   margin-top: -1px;

  1303.   margin-left: 0;

  1304. }

  1305. 

  1306. .btn-group--operations {

  1307.   width: 100%;

  1308.   display: -webkit-box;

  1309.   display: -ms-flexbox;

  1310.   display: flex;

  1311.   -webkit-box-pack: center;

  1312.       -ms-flex-pack: center;

  1313.           justify-content: center;

  1314. }

  1315. 

  1316. .block-group-add-event-block,

  1317. .block-group-add-topic-block,

  1318. .block-event-add-block,

  1319. .block-topic-add-block,

  1320. .block-group-add-block {

  1321.   display: inline-block;

  1322. }

  1323. 

  1324. .textarea--cke .cke {

  1325.   position: relative;

  1326. }

  1327. 

  1328. body {

  1329.   margin: 10px;

  1330. }

  1331. 

  1332. .align-left {

  1333.   float: left;

  1334.   padding-right: 1em;

  1335. }

  1336. 

  1337. .align-right {

  1338.   float: right;

  1339.   padding-left: 1em;

  1340. }

  1341. 

  1342. .embed-responsive .cke_widget_drupalurl {

  1343.   position: absolute;

  1344.   top: 0;

  1345.   left: 0;

  1346.   bottom: 0;

  1347.   border: 0;

  1348.   width: 100%;

  1349.   height: 100%;

  1350. }

  1351. 

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

  1353.   body {

  1354.     font-size: 16px;

  1355.   }

  1356.   .section-title {

  1357.     padding-left: 20px;

  1358.   }

  1359.   .section-title.section-title-stream {

  1360.     padding-left: 40px;

  1361.   }

  1362.   .section-title.section-title-node {

  1363.     padding-left: 48px;

  1364.   }

  1365. }

  1366. 

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

  1368.   h1, .h1 {

  1369.     font-size: 3rem;

  1370.   }

  1371.   h2, .h2 {

  1372.     font-size: 2rem;

  1373.   }

  1374.   h3, .h3 {

  1375.     font-size: 1.5rem;

  1376.   }

  1377.   h4, .h4 {

  1378.     font-size: 1.25rem;

  1379.   }

  1380.   .block-group-add-event-block,

  1381.   .block-group-add-topic-block,

  1382.   .block-event-add-block,

  1383.   .block-topic-add-block,

  1384.   .block-group-add-block {

  1385.     display: block;

  1386.   }

  1387.   .block-group-add-event-block .btn,

  1388.   .block-group-add-topic-block .btn,

  1389.   .block-event-add-block .btn,

  1390.   .block-topic-add-block .btn,

  1391.   .block-group-add-block .btn {

  1392.     width: 100%;

  1393.     margin-bottom: 0.75rem;

  1394.   }

  1395. }

  1396. 

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

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

  1399.     float: none;

  1400.     width: 100%;

  1401.     text-align: center;

  1402.     padding: 0;

  1403.     margin-bottom: 1rem;

  1404.   }

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

  1406.     padding: 0;

  1407.   }

  1408.   .table-responsive {

  1409.     overflow-x: auto;

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

  1411.     padding-bottom: 100px;

  1412.     margin-bottom: -100px;

  1413.   }

  1414.   .hidden-for-phone-only {

  1415.     display: none;

  1416.   }

  1417. }