/* Colors
  green: #97ce18
  orange: #ee9b00
*/


/* Header */
header .navbar-inverse {
  background-color: transparent;
  border: 0;
}
@media (min-width: 768px) {
  .navbar-right {
    float: left !important;
  }
}
header #menu-topnav {
  margin-top: 30px;
  background-color: #97ce18;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #ee9b00;
}

header #menu-topnav2 {
  float: right !important;
  background-color: #97ce18;
}
@media (min-width: 768px) {
  header #menu-topnav2 {
    margin-right: 200px;
  }
}
#footer	{
	background-color:#404040;
}
#footer img {
    background-color: #fff;
    padding: 2em;
    border-radius: 1em;
  	margin: 0 auto;
}
/* Allpages */
.page #ww {
  padding-top: 0;
  background-color: transparent;
}
p {
    font-size: 1em;
    line-height: initial;
}

/* Startpage edits */
.home .page-title {
  display: none;
}
.home .startcol {
  min-height: 300px;
  border: 3px solid #97ce18;
}
.home .startcol:first-child {
  background-color: #97ce18;
  border-color: #97ce18;
}
.home .startcol:nth-child(2) {
  background-color: #ef9c00;
  border-color: #ef9c00;
}
.home .startcol:nth-child(3) {
  background-color: #7bc9ec;
  border-color: #7bc9ec;
}
.home .startcol:nth-child(4) {
  background-color: #aaa6a5;
  border-color: #aaa6a5;
}
.home .startcol-header {
  padding: 0.5em 0;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 25px;
  background: #fff url("/wp-content/uploads/2015/08/swelog_logo.png") no-repeat 95% center;
  background-size: 25px;
}
.home .dep-desc ul li {
  font-size: 20px;
}
.home .dep-desc .su-column:first-child li {
  color: #97ce18;
}
.home .dep-desc .su-column:nth-child(2) li {
  color: #ef9c00;
}
.home .dep-desc .su-column:nth-child(3) li {
  color: #7bc9ec;
}
.home .dep-desc .su-column:nth-child(4) li {
  color: #aaa6a5;
}

/* Other page edits */
.page article header h1 {
  /*float: left;*/
  border: 1px solid #555;
  color: #555;
  border-radius:0.1em;
  padding: 0.3em 8em 0.3em 1em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: left;
  font-size: 25px;
  background: #fff url("/wp-content/uploads/2015/08/swelog_logo.png") no-repeat center right;
  background-size: 25px;
}
.page .hentry .post-entry {
  text-align: left;
}
.page .hentry .post-entry img:first-child {
  /*width: 400px;*/
}
.metaslider {
  float: right;
  margin-left: 1em;
}
.contact-box	{
	background-color: #97ce18;
  	color:#fff;
  	font-weight:normal;
    padding: 1.5em;
  	margin-top: 3em;
  	border-radius:0.2em;
}
.contact-box h4
{
	padding:initial;
  	margin:0;
  	font-weight:bold;
  	color:#fff;
}
.contact-box a	{
	color:#fff;
}
.contact-box a:hover	{
	text-decoration:underline;
}
.su-row.contact-boxes .su-column	{
	background-color:rgba(0,0,0,0.07);
  	padding:1em;
  	min-height:125px;
}
.contact-boxes .hiddenbox	{
	display: none;
}

@media (min-width: 768px) {
	.contact-box	{
    	display: inline-block;
	}
}

/* Sea Air Road */
.post-12 header h1 {
  border-color: #97ce18 !important;
  color: #97ce18 !important;
  background-position: 140px center !important;
}
.post-12 .post-entry {
  color: #97ce18;
}
.post-12 .contact-box	{
	background-color: #97ce18;
}
/* Tank container */
.post-15 header h1 {
  border-color: #ef9c00 !important;
  color: #ef9c00 !important;
  background-position: 160px center !important;
}
.post-15 .post-entry {
  color: #ef9c00;
}
.post-15 .contact-box	{
	background-color: #ef9c00;
}
/* Logistics container */
.post-18 header h1 {
  border-color: #7bc9ec !important;
  color: #7bc9ec !important;
  background-position: 180px center !important;
}
.post-18 .post-entry {
  color: #7bc9ec;
}
.post-18 .contact-box	{
	background-color: #7bc9ec;
}
/* Customs Document */
.post-21 header h1 {
  border-color: #aaa6a5 !important;
  color: #aaa6a5 !important;
  background-position: 200px center !important;
}
.post-21 .post-entry {
  color: #aaa6a5;
}
.post-21 .contact-box	{
	background-color: #aaa6a5;
}
.post-24 header h1 {
  background-position: 160px center !important;
}
.post-27 header h1 {
  background-position: 100px center !important;
}

@media (min-width: 720px){
  footer .col-lg-4 {
      float: left;
  }
}
@media (max-width: 720px){
  footer .col-lg-4 {
      text-align:center;
  }
}