/*
Copyright (c) 2007-2022 VMware, Inc. or its affiliates.

All rights reserved. This program and the accompanying materials
are made available under the terms of the under the Apache License,
Version 2.0 (the "License”); you may not use this file except in compliance
with the License. You may obtain a copy of the License at

https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
 */

/* 8a948f - 150 7 58 */
/* a9b5af - 150 7 71 */
/* old visited color: #c40; */
html {
  overflow-x:auto;
  overflow-y:scroll;
}

body, table {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6em;
  color: #000;
  letter-spacing: 0.01em;
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
}

body {
  margin: 0px;
  text-align: center;
}

table {
  border-collapse: collapse;
}

table.name-description {
  table-layout: fixed;
  width: 100%;
  overflow: visible;
}

table.name-description th {
  word-wrap: break-word;
}

table.name-description th:nth-child(1) {
  width: 30%;
  font-size: 0.7em;
}

table.name-description th:nth-child(2) {
  width: 70%;
}

table.name-description td {
  font-size: 0.8em;
  word-wrap: break-word;
}


table.name-default-description {
  table-layout: fixed;
  width: 100%;
  overflow: visible;
}

table.name-default-description tr td {
  word-wrap: break-word;
}

.container {
  clear: both;
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 15px;
}

div#outerContainer {
  text-align: left;
  clear: both;
  margin: 0 auto;
}

div#innerContainer {
  overflow: visible;
  clear: both;
  padding: 40px 5px 60px;
}

div#left-content {
  float: left;
  max-width: 80%;
}

div#right-nav {
  float: right;
  max-width: 20%;
  margin-top: 20px;
}
div#right-nav div {
  font-size: 0.95em;
  margin: 0 0 15px 5px;
  padding: 10px;
  background: #f9fafb;
  border-radius: 3px;
  -moz-border-radius: 3px;
}
div#right-nav h4 { margin: 0; }
div#right-nav li { padding: 6px 0 0 15px; background-position: 6px 12px; }
div#right-nav li.gap-after { padding-bottom: 10px; }
div#right-nav a { font-weight: normal; }
div#right-nav a.selected { font-weight: bold; }

a {
  color: #FF6600;
  text-decoration: underline;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
}

h1 a,
h2 a,
h3 a {
  font-weight: bold;
}

a.anchor {
  color: #808080;
  text-decoration: none;
}
.anchor:hover, .anchor:active {
  text-decoration: underline;
}

a:active, a:hover {
  text-decoration: none;
}

:link img, :visited img {
  border: 0;
}

h1, h2  {
  font-family: 'Raleway', sans-serif;
  margin: 20px 0 0.5em 0;
  padding: 0;
  line-height: 1.3em;
  font-weight: 400;
}

h1 {
  font-size: 38px;
}

h2 {
  font-size: 20px;
}

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

img.figure {
  display: block;
}

.btn {
  border-radius: 3px;
  background: #866e8b;
  color: white;
  text-decoration: none;
  font-size: 20px;
  padding: 13px 15px;
}

.btn:hover {
  background: #58435D;
}

.orangebtn {
  background: #FF6600;
}

.orangebtn:hover {
  background: #D15503;
}

.menubtn,
.mobilemenuicon {
  font-size: 16px;
  padding: 3px 10px;
  float: right;
  margin: 19px 0;
  display: none;
  cursor: pointer;
}

.mobilemenuicon {
  padding: 3px 0;
}

.mobilemenuicon img {
  height: 20px;
  width: 22px;
}

.center {
  text-align: center;
}

.rabbit-logo {
  margin: 21px 0 20px;
  float: left;
}

.rabbit-logo img {
  width: 176px;
  height: 28px;
}

div#nav {
  float: right;
}

dd p {
  margin: 0 0 5px 0;
}

div#right-nav ul { margin: 0; }
table#changelog ul { margin: 0 0 10px 0; }
table#changelog .centre { text-align: center; }
table#changelog .centre a { font-size: 80%; }

ul {
  padding: 5px 0px 5px 30px;
  margin: 0;
}

li {
  padding: 3px 0 2px 2px;
  margin: 0;
}

ul#mainNav, div#right-nav ul {
  padding: 5px 0 5px 0;
  margin: 0 0 0 15px;
}

ul#mainNav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#right-nav ul li {
  font-size: 0.95em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol.plain, ul.plain {
  margin: 5px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

ol.plain li, ul.plain li {
  background: none;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  border-bottom: none;
}
ul.plain>li {
  list-style-type : disc !important;
}
ol.plain>li {
  list-style-type : decimal !important;
}
ol.alpha>li {
  list-style-type : lower-alpha !important;
}
ol.roman>li {
  list-style-type : lower-roman !important;
}

.col li {
  border-bottom: #e4e4e4 1px solid;
}

p {
  clear:left;
}

.logos {
  text-align: center;
  margin-top: 3ex;
}

.logos img {
padding: 0 20px;}

b, strong, .intro {
  color: black;
}
.clear {
  clear:both;
}
.lft {
  clear:left;
}

div.docRoadmapentryHeading {
  font-weight: bold;
  margin-top: 1em;
}

ul#mainNav,
ul.footerNav {
  text-align: left;
  margin: 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#mainNav li,
.footerNav li {
  float: left;
  border: none;
  background: white;
  margin: 0;
  text-decoration: none;
  padding: 0;
  position: relative;
}
#mainNav li a,
.footerNav li a {
  padding: 22px 24px;
  border-right: 1px solid #FF6600;
  display: inline-block;
  color: #585858;
}
#mainNav li a:hover,
#mainNav a.selected {
  color: white;
  background: #FF6600;
}
#mainNav li:last-child a,
.footerNav li:last-child a {
  border-right: 0;
}
#mainNav :link, #mainNav :visited {
  text-decoration: none;
}

#mainNav li:hover ul#mainNavDropdown {
  display: block;
}

ul.footerNav {
  float: right;
}

.footerNav li {
  padding: 0 24px;
  background: none;
  position: relative;
}

.footerNav li a {
  color: white;
  border-right: none;
  padding: 0;
  text-decoration: none;
}

.footerNav li a:hover {
  text-decoration: underline;
}

.footerNav li:last-child {
  padding: 0 0 0 24px;
}

.footerNav li:last-child a {
  padding: 0;
}

.footerNav .subnav {
  position: absolute;
  margin-top: 25px;
}

.footerNav .subnav li {
  padding: 0;
}

hr {
  clear: both;
  border-top: 2px solid #ededed;
  border-bottom: none;
}

hr.pad {
  margin: 0px 0px 21px 0px;
  padding: 0px;
}
div.nav-separator {
  clear: both;
  border-top: #FF6600 18px solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 0px;
}
.compact li {
  padding-bottom: 0em;
}
.compact {
  padding-bottom: 1ex;
}

.compact ul.compact {
  padding-bottom: 0ex;
}

.faqHeading {
  border-top: #e4e4e4 1px solid;
  margin-top: 1em;
  padding-top: 1em;
  color: #f60;
  font-weight: bold;
}

.faqQuestion {
  font-style: italic;
}

.faqAnswer {
  margin-left: 0em;
}

pre span.code, pre.code, pre.example, .docSection div.cmdsynopsis {
  background: #eee;
  padding: 5px;
  border: 1px solid #ddd;
}

pre span.code, pre.code, pre.example, span.code, span.path, i.Pa {
  color: white;
  background: #787878;
  font-family: monospace;
  font-size: medium;
  padding: 4px;
  border-radius: 4px;
  word-wrap: break-word;
  white-space: pre-wrap;
}

pre.hljs {
  font-size: medium;
  word-wrap: break-word;
  white-space: pre-wrap;
}

span.code {
  /*white-space: nowrap;*/
}

pre span.code {
  white-space: pre;
  display: block;
}

/* START: used in manpages */

.Pp, dt.It-tag {
  margin-top: 16px;
}

dt {
  margin-top: 16px;
}

.D1 span.code {
  color: inherit;
  white-space: nowrap;
}

div.Op {
  display: inline;
}

div.Nd {
  display: inline;
}

span.code.Cm {
  font-size: normal;
  font-weight: bold;
}

span.code.Fl {
  font-weight: bold;
}

span.code.Li {
  font-family: monospace;
  font-size: medium;
  white-space: normal;
}

pre.Li {
  color: white;
  font-family: monospace;
  font-size: small;
  white-space: normal;
}

span.Pa {
  font-family: monospace;
  font-size: small;
}

var.Ar {
  color: white;
  background: #EE7600;
  font-family: monospace;
  font-size: medium;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
}

span.path, i.Pa {
  font-style: normal;
}

/* END: used in manpages */

.hljs i {
  color: darkred;
}

.hljs b {
  color: darkcyan;
}

.docSection div.cmdsynopsis {
  margin: 2.5em 0 0.5em 0;
}

.docSection div.cmdsynopsis p {
  margin: 0;
}
.docSection div.cmdsynopsis span.command {
  font-weight: bold;
}

table {
  width: 100%;
  border-top: #e4e4e4 1px solid;
  border-left: #e4e4e4 1px solid;
}

th, td {
  border-bottom: #e4e4e4 1px solid;
  border-right: #e4e4e4 1px solid;
  text-align: left;
  padding: 2px 0.5em 2px 0.5em;
  font-size: .9em;
}

div.auto-index table,
div.auto-index th,
div.auto-index td,
table.Nm,
table.Nm th,
table.Nm td {
  border: none;
}

table.Nm,
table.Nm th,
table.Nm td {
  padding: 0px;
}

tr {
  vertical-align: top;
}

.highlights {
  border: #8a948f 4px solid;
  margin: 10px 0px 10px 0px;
  padding: 0px 10px 10px 10px;
}

td.desc, th.desc {
  width:350px;
}

.signature a {
  font-weight: normal;
  font-size: 80%;
}

.amqpRules th, .amqpRules td {
  vertical-align: top;
}
.amqpRules .notes {
  font-style: italic;
}
.amqpRules .notes .leader {
  font-weight: bold;
}
.amqpRules .statusCell 			{background: #ccc;}
.amqpRules .status_ok 			{background: #0c0;}
.amqpRules .status_planned 		{background: #cf0;}
.amqpRules .status_partial 		{background: #cf0;}
.amqpRules .status_invalid 		{background: #cf0;}
.amqpRules .status_unsupported 	{background: #fc0;}
.amqpRules .status_deprecated 	{background: #fc0;}
.amqpRules .status_failing 		{background: #c00; color: white;}

.platformHighlight {
  background: #f6fcb0;
}

table.release-series {
  margin-bottom: 25px;
}

.pageFooter {
  background: #b8b8b8;
  color: #a9b5af;
  text-align: left;
  height: auto;
  padding: 25px 0;
}

.pageFooter .container {
  overflow: auto;
}

.pageFooter #s1p-promo {
  /*background-color: black;*/
  /*padding: 17px;*/
  display: block;
  /*width: 93%;*/
  margin-bottom: 40px;
}
/*.pageFooter #s1p-promo div {
  max-width: 715px;
  margin: 0 auto;
}
.pageFooter #s1p-promo img {
  display: inline-block;
}
.pageFooter #s1p-promo #tagline {
  height: 13px;
}
.pageFooter #s1p-promo #s1plogo {
  height: 35px;
  margin: 0 17px;
}
.pageFooter #s1p-promo #date {
  height: 13px;
  width: 170px;
}
@media(max-width:800px) {
  .pageFooter #s1p-promo img {
    display: block;
    margin: 0 auto;
  }
  .pageFooter #s1p-promo div {
    max-width: 500px;
    margin: 0 auto;
  }
  .pageFooter #s1p-promo #s1plogo {
    height: 35px;
    margin: 14px auto 17px;
  }
}*/

.pageFooter .rabbit-logo {
  margin-top: 0;
}

.pageFooter p {
  color: white;
}

.pageFooter p.righter {
  float: right;
}

.pageFooter a {
  font-weight: normal;
}

.pageFooter #copyright,
.pageFooter #copyright a {
  color: white;
  font-size: 9px;
  line-height: 1.6em;
}

.pageFooter #copyright {
  max-width: 282px;
}

.pageFooter #copyright a {
  text-decoration: underline;
}


ul.feed {
  list-style-type: none;

  margin: 0px;
  padding: 0px;
  clear: both;
}

.feed li {
  line-height: 17px;
  padding: 0px;
  margin-bottom: 2em;
}

.feed li ul li {
  line-height: 0px;
  padding: 0px;
  list-style-type: disc;
}

.feed li hr {
  visibility: visible;
  border: none;
  height: 1px;
  margin-top: 2em;
  margin-bottom: 1em;
  background-color: #e4e4e4;
}

.feed li .feed-item-title {
  float: left;
  font-weight: bold;
  color: #8a948f;
}

.feed li .feed-item-date {
  float: right;
  color: #8a948f;
  font-weight: bold;
}
.downloadlabel {
  font-size: 120%;
  font-weight: bold;
  background: #f6fcb0;
}
.downloadlabel a {
  color: #444;
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
}

.subscribe {
  float: right;
}

div.rgt-third {
  width: 30%;
  float: right;
}
div.rgt-third p,
div.rgt-third h3,
div.rgt-third ol {
  margin-left: 2%;
}

p.warning {
  color: black;
  background: #ff8;
  border: 2px solid #880;
  font-weight: bold;
  margin: 20px;
  padding: 15px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
}

p.warning a {
  color: black;
  text-decoration: underline;
}

#getting_here address {
  float: left;
  padding-right: 50px;
}

#map_canvas {
  width:400px;
  height:250px;
  float: left;
}

#changelog  { width: auto; clear: both; }

#changelog td, table.styled-table td { background-color: #f7f7f7; }

table.matrix ul {
  padding-left: 0px;
}
table.matrix ul.notes {
  padding-left: 30px;
}
table.matrix ul li {
  list-style-type: none;
}
table.matrix ul.notes li {
  list-style-type: disc;
}

table.plugins th { border-bottom: none; }
table.plugins td { border-top: none; padding-left: 5em; }

#home-content { width: 68%; }

#home-content h3, .rgt-third h3 { background-color: #ffebde; color: #444; padding: 3px 5px; font-size: 1em; border-bottom: 1px solid #f93; }

ul#large-bullets { margin: 1em 0 0 0; }
ul#large-bullets li { font-family: Helvetica, Arial, sans-serif; font-size: 2.0em; line-height: 1.1em; padding: 5px 5px 5px 15px; background: url(../img/li-big.gif) no-repeat 0px 14px; }

#buttons { overflow: auto; width: 100%; text-align: center; margin: 0; padding: 1em 0 0 0; height: 9.1em; }
#buttons li { float: left; display: block; width: 33%; padding: 0; background: none; height: 9.1em; }
#buttons li a {
  height: 9em;
  padding: 0;
  margin: 0 5px;
  display: block;
  text-decoration: none;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: white;
  background: #f93;
}

#buttons li a:hover { background-color: #f60; }
#buttons li a h4 { margin: 0; padding: 8px; border-bottom: 1px solid #ffebde; }
#buttons li a p { font-weight: normal; padding: 10px; margin: 0; }

.news-date { float: right; color: #888; margin-left: 20px;}
.blog-author { display: block; color: #888; }

/* landing box */

.landing-box { background: #f9fafb; border-radius: 3px; padding: 1px 20px 20px 20px; margin-bottom: 30px; -moz-border-radius: 3px; }

#sitemap h3 { clear: both; padding: 20px 0 0 0; }
#sitemap ul { float: left; }
#sitemap ul ul a { font-weight: normal; }
#sitemap li { float: left; width: 250px; }


/* Homepage */
body#index #innerContainer {
  padding: 0;
  max-width: 100%;
}

#hero,
body#index #getstarted,
#community {
  background: #f9fafb;
}

#hero .container {
  padding: 0;
}


/* Homepage hero: Summit 1 */

#hero #hero-summit-one {
  background: url(../img/home/banner/summit-one/early-bird-desktop.svg) no-repeat center center;
  background-size: cover;
  padding: 70px 0;
  text-align: right;
}

#hero #hero-summit-one .container {
  max-width: 840px;
  padding: 0 20px;
}

#hero #hero-summit-one h2 a {
  font-weight: normal;
}

@media(max-width: 800px) {
  #hero #hero-summit-one {
    background: url(../img/home/banner/summit-one/early-bird-tablet.svg) no-repeat left;
    background-size: cover;
  }
}

@media(max-width: 660px) {
  #hero #hero-summit-one {
    background: url(../img/home/banner/summit-one/early-bird-phone.svg) no-repeat bottom right;
    background-size: 100%;
    padding-bottom: 180px;
    text-align: center;
  }
}

/* Homepage hero: Summit 2 */

#hero #hero-summit {
  background: url(../img/home/banner/home-banner-summit-promo-desktop.svg) no-repeat center center;
  padding: 70px 0 40px;
}

#hero #hero-summit .container {
  max-width: 840px;
  padding: 0 20px;
}

#hero #hero-summit h2 a {
  font-weight: normal;
}

@media(max-width: 800px) {
  #hero #hero-summit {
    background: url(../img/home/banner/home-banner-summit-promo-tablet.svg) no-repeat right;
    background-size: cover;
  }
}

@media(max-width: 660px) {
  #hero #hero-summit {
    background: url(../img/home/banner/home-banner-summit-promo-smartphone.svg) no-repeat bottom right;
    background-size: 100%;
    padding-bottom: 180px;
    text-align: center;
  }
  #hero #hero-summit h2 a {
    display: block;
  }
  #hero #hero-summit #date {
    display: none;
  }
}

/* Homepage hero: Webinar */

#hero #hero-webinar {
  background: url(../img/home/banner/webinar/home-banner-webinar-desktop.svg) no-repeat center center;
  background-size: cover;
  padding: 60px 0;
  text-align: left;
}

#hero #hero-webinar .container {
  max-width: 840px;
  padding: 0 60px;
}

#hero #hero-webinar h2 a {
  font-weight: normal;
}

@media(max-width: 820px) {
  #hero #hero-webinar {
    background: url(../img/home/banner/webinar/home-banner-webinar-tablet.svg) no-repeat right;
    background-size: cover;
    background-position: left;
    padding: 60px 0;
  }
  #hero #hero-webinar .text {
    max-width: 340px;
    float: left;
  }
  #hero #hero-webinar .container {
    overflow: hidden;
  }
}

@media(max-width: 720px) {
  #hero #hero-webinar .container {
    padding: 0 20px;
  }
  #hero #hero-webinar {
    background: url(../img/home/banner/webinar/home-banner-webinar-mobile.svg) no-repeat bottom right;
    background-size: 100%;
    text-align: center;
    padding: 30px 0 240px;
  }
  #hero #hero-webinar .text {
    max-width: 100%;
    float: none;
  }
}
@media(max-width: 580px) {
  #hero #hero-webinar {
    padding: 30px 0 200px;
  }
}

@media(max-width:450px) {
  #hero #hero-webinar h1 {
    max-width: 200px;
    margin: 0 auto;
  }
  #hero #hero-webinar {
    padding: 30px 0 140px;
  }
}
/* Homepage hero: Laika Case Study, Pipeline webinar */

#hero #hero-pipeline-webinar,
#hero #hero-laika-case-study {
  background: url(../img/home/banner/laika/Laika-pc.svg) no-repeat bottom right;
  padding: 83px 0 55px;
}

#hero #hero-pipeline-webinar {
  background: url(../img/home/banner/webinar/RabbitMQ-Hero-queues-desktop.svg) no-repeat bottom right;
  background-size: cover;
}

#hero #hero-pipeline-webinar .container,
#hero #hero-laika-case-study .container {
  /*max-width: 400px;*/
  padding: 0 20px;
}

#hero #hero-pipeline-webinar .text,
#hero #hero-laika-case-study .text {
  max-width: 400px;
}

#hero #hero-pipeline-webinar h1,
#hero #hero-pipeline-webinar h2,
#hero #hero-laika-case-study h1,
#hero #hero-laika-case-study h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #585859;
  line-height: 1.2em;
}

#hero #hero-pipeline-webinar h1 a,
#hero #hero-pipeline-webinar h2 a,
#hero #hero-laika-case-study h1 a,
#hero #hero-laika-case-study h2 a {
  font-weight: normal;
}

#hero #hero-laika-case-study h2 {
  max-width: 350px;
}

#hero #hero-pipeline-webinar h2 {
  max-width: 300px;
}

#hero #hero-pipeline-webinar h2:last-child,
#hero #hero-laika-case-study h2:last-child {
  margin-top: 0;
}

@media(max-width: 909px) {
  #hero #hero-pipeline-webinar,
  #hero #hero-laika-case-study {
    background: url(../img/home/banner/laika/Laika-tab.svg) no-repeat bottom right;
    padding: 70px 0;
  }
  #hero #hero-pipeline-webinar .container,
  #hero #hero-laika-case-study .container {
    overflow: hidden;
  }
  #hero #hero-pipeline-webinar {
    background: url(../img/home/banner/webinar/RabbitMQ-Hero-queues-tablet.svg) no-repeat bottom right;
    background-size: cover;
  }
}

@media(max-width: 660px) {
  #hero #hero-pipeline-webinar,
  #hero #hero-laika-case-study {
    background: url(../img/home/banner/laika/Laika-iphone.svg) no-repeat bottom right;
    padding: 60px 0 150px;
    background-size: 100%;
  }
  #hero #hero-pipeline-webinar .text,
  #hero #hero-laika-case-study .text {
    max-width: 260px;
    margin: 0 auto;
    text-align: center;
  }
  #hero #hero-pipeline-webinar {
    background: url(../img/home/banner/webinar/RabbitMQ-Hero-queues-phone.svg) no-repeat bottom right;
    background-size: 100%;
    padding-bottom: 300px;
  }
}

@media(max-width: 500px) {
  #hero #hero-pipeline-webinar {
    padding-bottom: 220px;
  }
}

@media(max-width: 390px) {
  #hero #hero-pipeline-webinar {
    padding-bottom: 170px;
  }
}

/* Uberflip embed styles */
.hubs-embedded {
  overflow: inherit !important;
  font-family: 'Raleway', sans-serif !important;
  margin-bottom: 0 !important;
}
.hubs-embedded a {
  color: #FF6600 !important;
  text-decoration: underline !important;
}
.hubs-embedded .tile {
  width: 201px !important;
}
.hubs-embedded  .share-single,
.hubs-embedded  #collection-items .tile.single .img,
.hubs-embedded .friendly-timestamp .timeago,
.hubs-embedded  .tile.single .icon {
  display: none !important;
}
.hubs-embedded .tile.single .description h3.h3like {
  font-weight: 400 !important;
}
.hubs-embedded  div.tile.single>a.view,
.hubs-embedded li.tile.single>a.view {
  padding-left: 20px !important;
  background-image: none !important;
}
.hubs-embedded #collection-items .tile.single .description .friendly-timestamp {
  margin: 20px 0 0 20px !important;
}
/*.hubs-embedded #collection-items .tile {
  margin: 0 20px 20px 0 !important;
}*/
.hubs-embedded #collection-items .tile:first-child {
  margin-left: 0 !important;
}
body#index .hubs-embedded #collection-items .tile:nth-child(3) {
  margin-right: 0 !important;
}
.hubs-embedded  #collection-items {
  width: 99.8% !important;
}
.hubs-embedded  .tile.single>a.view {
  background-color: white;
  color: #00b5a3;
  font-weight: 400;
  z-index: 0;
}
.hubs-embedded  .tile.single>a.view:after {
  background: transparent url(../img/icon-arrow-orange.svg) left top no-repeat !important;
  top: 15px !important;
  width: 20px;
  height: 10px;
}
.hubs-embedded  .tile.single {
  height: 200px !important;
}
.hubs-embedded  .tile.single  .description {
  top: 0;
}
.hubs-embedded  .tile.single  .description  h4.avatar {
  height: 100px !important;
  overflow: hidden;
}


.column {
  display: inline-block;
  vertical-align: top;
}

.twothirds {
  max-width: 66%;
  width: 100%;
}

.onethird {
  max-width: 33%;
  width: 100%;
}

.fifty {
  max-width: 49%;
  width: 100%;
}

.threequarters {
  max-width: 74%;
  width: 100%;
}

.onequarter {
  max-width: 25%;
  width: 100%;
}

.sixtypad {
  padding-top: 60px;
  padding-bottom: 60px;
}

.arrow {
  background: url(../img/arrow.svg) no-repeat center center;
  width: 17px;
  height: 7px;
  margin-left: 8px;
  display: inline-block;
}

#intro {
  padding: 80px 0 30px;
}

#intro h1 {
  max-width: 530px;
  margin: 0 0 40px;
}

#intro p {
  max-width: 630px;
  margin: 25px 0;
}

#intro p#morelinkafterufembed {
  margin: 0 0 25px;
}

#intro .twothirds {
  max-width: 68%;
}

#intro .twothirds .inner {
  padding-right: 20px;
}

#intro .onethird {
  border-left: 2px solid #ededed;
  max-width: 31%;
}

#intro .onethird .container {
  max-width: 260px;
  float: right;
}

#intro #twitterfeed {
  margin-top: 40px;
}

#intro h2 {
  margin: 0 0 10px;
}

#intro ol.feed {
  margin: 30px 0 0;
}

#intro .onethird p {
  margin: 0;
}

#features {
  margin: 80px 0 0;
}

#features .features {
  margin: 60px 0 0;
}

#features .feature {
  margin: 0 0 60px;
}

#features .feature .inner {
  max-width: 290px;
  padding-right: 40px;
}

#features .feature:nth-child(3n) .inner {
  padding-right: 0;
}

body#index #getstarted {
  padding: 60px 0 30px;
}

body#index #getstarted p {
  margin-top: 35px;
}

body#index #getstarted .fifty .inner {
  padding: 50px 0;
}

body#index #getstarted .fifty .container {
  max-width: 320px;
}

#support,
#community {
  padding: 60px 0 70px;
}

#support #commercialservicesillustration {
  background: url(../img/commercial/services.svg) no-repeat center center;
  height: 430px;
  width: 217px;
  margin: 24px 0 0;
}

#support h2:first-child {
  margin: 0 0 0.5em;
}

#support .columns {
  margin-top: 40px;
}

#support .threequarters img {
  display: none;
}

#community .twothirds {
  border-right: 2px solid #ededed;
}

#community .twothirds .inner {
  max-width: 610px;
  padding-right: 20px;
}

#community .onethird .container {
  max-width: 260px;
  float: right;
}

img.screenshot {
  max-width: 600px;
}


/* Responsive */

@media(max-width: 1031px) {
  body#index .hubs-embedded #collection-items .tile:first-child,
  body#index .hubs-embedded #collection-items .tile:nth-child(2),
  body#index .hubs-embedded #collection-items .tile:nth-child(3) {
    margin-left: 0 !important;
    margin-right: 10px !important;
  }

  img.screenshot {
    width: 600px;
  }
}

@media(max-width: 1014px) {
  div#innerContainer {
    display: flex;
    flex-direction: column;
  }
  div#left-content {
    float: none;
    order: 1;
    max-width: 100%;
  }
  div#right-nav {
    float: none;
    max-width: 100%;
    margin-top: 0;
  }
  div#right-nav li {
    display: inline-block;
  }
  pre {
    white-space: pre-wrap;
    word-wrap: break-word;
  }
}

@media(max-width: 982px) {
  #mainNav li a {
    padding-right: 10px;
    padding-left: 10px;
  }
/*  #hero #hero-37-release h1 {
    max-width: 320px;
    margin: 0 auto 0.5em;
  }*/
  #features .feature {
    max-width: 49%;
  }
  #features .feature .inner {
    max-width: 100%;
  }
  #features .feature:nth-child(odd) .inner {
    padding-right: 25px;
  }
  #features .feature:nth-child(even) .inner {
    padding-left: 25px;
  }
  .onequarter {
    max-width: 33%;
  }
  .threequarters {
    max-width: 66%;
  }
  #intro {
    padding: 50px 0;
  }
  body#index #getstarted,
  #support,
  #community {
    padding: 30px 0 40px;
  }
  body#index #getstarted .fifty .inner {
    padding: 30px 0 15px;
  }
  #features {
    margin: 40px 0 0;
  }
  #support #commercialservicesillustration {
    background: url(../img/commercial/services-tablet.svg) no-repeat center center;
    height: 560px;
    width: 179px;
  }
  ul.footerNav {
    display: none;
  }
  .pageFooter .rabbit-logo {
    margin: 0;
    float: none;
  }
  .pageFooter #copyright {
    margin: 20px 0 0;
    float: left;
  }

  img.screenshot {
    max-width: 600px;
  }
}

@media(max-width: 800px) {
  ul#mainNav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    border-top: 18px solid #FF6600;
  }
  #nav {
    float: none;
    width: 100%;
  }
  .menubtn {
    display: block;
  }
  #mainNav li {
    float: none;
  }
  #mainNav li a {
    border-right: none;
    border-bottom: 1px solid #FF6600;
    font-size: 20px;
    padding-right: 20px;
    padding-left: 20px;
    display: block;
  }
/*  #hero #hero-37-release {
    background: url(../img/hero-tablet.svg) no-repeat center center;
    background-size: 100%;
  }*/
  .twothirds {
    max-width: 56%;
  }
  .onethird {
    max-width: 43%;
  }
  .btn {
    font-size: 16px;
  }
  #intro h2,
  #support h2 {
    font-size: 24px;
  }
  #intro .twothirds,
  #intro .onethird,
  #intro .onethird .container {
    max-width: 100%;
  }
  #intro .twothirds .inner {
    padding-right: 0;
  }
  #intro {
    padding: 30px 0;
  }
  #intro .onethird {
    border-left: none;
    border-top: 2px solid #ededed;
    padding-top: 30px;
    margin-top: 20px;
  }
  #intro .onethird .container {
    float: none;
    padding: 0;
  }

  img.screenshot {
    max-width: 600px;
  }
}

@media(max-width: 660px) {
  div#innerContainer {
    padding-top: 20px;
  }
  .mobilemenuicon {
    display: block;
  }
  .rabbit-logo img {
    /*max-width: 170px;*/
  }
  .menubtn {
    display: none;
  }
/*  #hero h1 {
    max-width: 270px;
    margin: 0 auto;
  }*/
  .fifty,
  #features .feature,
  .twothirds,
  .onethird,
  #community .onethird .container {
    max-width: 100%;
  }
  #community .onethird .container {
    float: none;
    padding: 0;
  }
  #community .twothirds {
    border-right: none;
  }
  #features .features {
    margin: 20px 0;
  }
  #features .feature {
    margin: 0 0 10px;
  }
  #features .feature .inner {
    padding: 0 !important;
  }
  body#index #getstarted,
  #support,
  #community {
    padding: 10px 0 20px;
  }
  body#index #getstarted .fifty .inner {
    padding: 20px 0 0;
  }
  #features,
  #support .columns {
    margin: 20px 0 0;
  }
  #support .onequarter {
    display: none;
  }
  #support .threequarters {
    max-width: 100%;
  }
  #support .threequarters img {
    display: block;
  }
  #community .btn {
    display: inline-block;
  }
  #community .orangebtn {
    margin-bottom: 10px;
  }

  img.screenshot {
    max-width: 500px;
  }
}

@media(max-width: 480px) {
/*  #hero #hero-37-release {
    background: url(../img/hero-37-release-phone.svg) no-repeat bottom center;
    padding: 10px 0 150px;
  }*/
  div#right-nav li {
    display: block;
  }

  img.screenshot {
    max-width: 450px;
  }
}

table.feature-flag-lifecycle,
table.feature-flag-lifecycle th,
table.feature-flag-lifecycle td {
  border: none;
}

table.feature-flag-lifecycle th {
  text-align: right;
  font-weight: normal;
}

.box-info,
.box-warning,
.box-error {
  margin: 20px;
  padding: 15px;
  border-left: 4px solid #000;
}

/*
 * Colors are taken from:
 * https://mdbootstrap.com/docs/jquery/css/colors/#full-palette
 */

.box-info {
  background: #e0f7fa;   /* cyan lighten-5 */
  border-color: #26c6da; /* cyan lighten-1 */
}

.box-warning {
  background: #fff8e1;   /* amber lighten-5 */
  border-color: #ffca28; /* amber lighten-1 */
}

.box-error {
  background: #ffebee;   /* red lighten-5 */
  border-color: #ef5350; /* red lighten-1 */
}