/*
Copyright (c) 2007-2016 Pivotal Software, Inc.

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

http://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;
	line-height: 1.6em;
	color: #585858;
	letter-spacing: 0.01em;
	font-weight: 400;
	background: white;
}

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

table {
    border-collapse: collapse;
}

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

div#innerContainer {
	overflow: hidden;
	clear: both;
	padding: 40px 20px 60px;
}

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

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

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

.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: 238px;
	height: 28px;
}

div#nav {
	float: right;
}

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

ul {
	margin: 10px 0;
	padding: 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%; }

li {
	list-style-type: none; 
	margin: 0;
	padding: 3px 0 2px 10px;
}
		
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;
	font-weight: normal;
}
.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, pre.ec2_sourcecode, .docSection div.cmdsynopsis {
	background: #eee;
	padding: 5px;
	border: 1px solid #ddd;
}

pre span.code, pre.code, pre.example, pre.ec2_sourcecode, span.code, span.path {
    color: #333;
    font-family: "Courier New", Courier, monospace;
    font-size: small;
    word-wrap: break-word;
    white-space: pre-wrap;
}

pre.sourcecode {
    font-size: medium;
}

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

pre span.code {
  white-space: pre;
  display: block;
}
	
span.envvar {
  color: black;
  /*white-space: nowrap;*/
}
span.path {
	/*white-space: nowrap;*/
}

.sourcecode i {
	color: darkred;
}

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

div.variablelist .sourcecode {
    color: white;
    background: #444;
    border: none;
}

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 { border: none; }

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

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

.pageFooter .container {
	overflow: auto;
}

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

#s1p-promo {
	cursor:pointer;
	float: right;
}

#s1p-promo img {
	width: 100%;
	max-width: 614px;
	padding: 20px 0 0;
}

ol.feed {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.feed li {
	line-height: 17px;
	padding: 0px;
	margin-bottom: 16px;
}
  
.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.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(/National_Library/20170827070107oe_/https://www.rabbitmq.com/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; }

/* right hand navigation */

div#left-content { float: left; max-width: 730px; }

div#right-nav { float: right; max-width: 230px; margin-top: 20px; }
div#right-nav div { margin: 0 0 20px 5px; padding: 20px; 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; }

/* 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 {
	background: url(/National_Library/20170827070107oe_/https://www.rabbitmq.com/img/hero.svg) no-repeat center center;
	background-size: cover;
	padding: 60px 20px 80px;
}

.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(/National_Library/20170827070107oe_/https://www.rabbitmq.com/img/arrow.svg) no-repeat center center;
	width: 17px;
	height: 7px;
	margin-left: 8px;
	display: inline-block;
}

#intro {
	padding: 80px 0;
}

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

#intro p {
	max-width: 580px;
}

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

#intro .onethird {
	border-left: 2px solid #ededed;
}

#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(/National_Library/20170827070107oe_/https://www.rabbitmq.com/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;
}


@media(max-width: 982px) {
	#mainNav li a {
    padding-right: 10px;
    padding-left: 10px;
	}
	#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(/National_Library/20170827070107oe_/https://www.rabbitmq.com/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;
	}
	#s1p-promo {
		float: left;
	}
}

@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 .container {
		background: url(/National_Library/20170827070107oe_/https://www.rabbitmq.com/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;
	}
}

@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,
	#intro .onethird .container,
	#community .onethird .container {
		max-width: 100%;
	}
	#intro {
	  padding: 30px 0;
	}
	#intro .twothirds .inner {
    padding-right: 0;
	}
	#intro .onethird {
    border-left: none;
    border-top: 2px solid #ededed;
    padding-top: 30px;
    margin-top: 20px;
	}
	#intro .onethird .container,
	#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;
	}
}