/* diffs for alignedcon.com vs promoboxx.com */
		
		
  /****************************
     float-right nav, etc
   *****************************/
		
		.topbar section {
			padding:0 10px;
			max-width:1120px;
			margin:auto;
			background:transparent;
			border:none 0px;
			overflow: visible;
		}
		.topbar section a:not(b) {
			border-top:none 0px;
			text-decoration:none;
			color:white;
		}
		body > header + section,
		body .hero-section {
			margin-top:60px;
		}
		.topbar nav {
			text-align:right;
		}
		.topbar nav > * {
			text-align:left;
		}
		.topbar .right-nav {
			margin-left:10px;
			margin-right:0;
		}
		.topbar .logo img {
      height: 42px;
    }
		
		
  /****************************
     footer structure 
   *****************************/
		
		
    body > footer {
      font-size:.8em;
      color:#777;
      background:#222;
      border-top:none;
      overflow:hidden;
      height:auto;
      border-bottom:none;
      margin-bottom:-1px;
    }
    body > footer .logoblock {
      float:right;
      width:180px;
      text-align:right;
      color: #666;
      line-height: 14px;
    }
    body > footer .logoblock span {
      font:bold 12px sans-serif;
    }
    body > footer .logo {
      width:180px;
      height:50px;
      opacity:0.3;
    }
    body > footer .contact {
      float:left;
      text-align:left;
      font-size:18px;
      line-height:1.3;
      color: #777;
      font-weight:400;
    }
    body > footer .contact a.social-link {
      font-size:24px;
      color:#777;
      margin:0 .4em .5em 0;
      display:inline-block;
    }
    body > footer .contact a:hover {
      color:#eee;
    }
    body > footer .contact a {
      color:#26CAD3;
    }
    body > footer .privacy-terms {
      font-size:12px;
    }
    body > footer .privacy-terms a {
      color:#666;
    }
    
    
    
    
    
    
		h1 {font-weight:400;}
		h2 {font-weight:400;}
		h3 {font-weight:500;}
		h4 {font-weight:500;}
		h5 {font-weight:500;}
		h6 {font-weight:500;}
		
		[data-anchor][id] { top:-80px; }
		
		
    	
    	
  /****************************
     Teal background + city
   *****************************/
		
    	
    	
    html {background:#2B232C;}
  	body.sidebar {
      background-image: linear-gradient(to bottom,rgba(0,0,0,0.0)35%,rgba(0,0,0,0.0) 50%),url(/img/main_street.svg);
      background-repeat: repeat-x;
      background-color: #208f9b;
      background-size:2000px auto;
      background-position: bottom left;
      background-attachment:fixed;
      -webkit-animation: main-street 150s linear 0s infinite;
              animation: main-street 150s linear 0s infinite;
    }
		@keyframes main-street {
				0%   {background-position-x:0%;}
				20%  {background-position-x:20%;}
				40%  {background-position-x:40%;}
				60%  {background-position-x:60%;}
				80%  {background-position-x:80%;}
				100% {background-position-x:100%;}
		}
		@-webkit-keyframes main-street {
				0%   {background-position-x:0%;}
				20%  {background-position-x:20%;}
				40%  {background-position-x:40%;}
				60%  {background-position-x:60%;}
				80%  {background-position-x:80%;}
				100% {background-position-x:100%;}
		}
  	body.sidebar > main > aside {
  	  color:white;
  	  font-weight:500;
  	}
  	body.sidebar:not(.nonce) > main {
  	  /* strenthen to override additional classes in styles.css :not(.nonce) */
      margin-top: 60px;
      padding-top: 70px;
    }
    @media (max-width: 880px){
      body.sidebar > main > aside {
        float: none;
        width: auto;
        margin: 20px 0 0 0;
        padding: 20px 0px;
      }
      body.sidebar > main {
        padding: 0;
        margin-top: 60px;
      }
    }