/*
 Theme Name:   Allen Architects 2015
 Theme URI:    
 Description:  Child Theme for Sixteen-Plus
 Author:       Jewells Website Design
 Author URI:   http://jewells.eu
 Template:     sixteen-plus
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  
*/
#top-section {
margin-bottom: -105px;
}
#top-box {
position: absolute;
left: 0;
top: -60px;
width: 29%;
height: 60px;
background-color: #ddd;
}
#flag {
position:absolute;
right: 20px;
top: -45px;
width:30px;
height:30px
}
.site-header {
height: 250px;
background-color: #444;
}
.site-branding {
background-color: #ededed;
margin-top: 60px;
padding-bottom: 1px;
}
.branding-hold {
position: relative;
text-align: left;
width: 980px;
margin: 0 auto;
padding-left: 120px;
background-image : url(images/allen-architects-logo.jpg);
background-repeat: no-repeat;
background-size: 80px 80px;
background-position: 20px 10px;
}
.site-title a{
color: #666 !important;
text-shadow: none !important;
}
.site-title a:hover {
color: #666 !important;
}
.site-description {
color: #bf78d9 !important;
font-style: italic;
margin-top: -10px;
margin-bottom: 10px;
}
.slider-parent {
top: -80px;
}
.slider-wrapper {
border: none !important;
padding: 0;
margin: 0 auto;
}
.nivo-controlNav {
display: none;
}
.site-content {
margin-top: 0;
}
#content {
margin-top: 0;
position: relative;
background: none;
}
#primary {
background-color: #444 !important;
margin-top: 30px;
}
#primary h2 {
clear: none;
margin-top: 100px;
}
blockquote {
background-color: #bf78d9 !important;
}
#secondary {
background-color: #ddd;
}
.home #secondary {
margin-left: 0;
}
#sidebar-filler {
position: absolute;
top: 0;
left: 15px;
bottom: 0;
width: 29%;
padding:6px;
background-color: #ddd;
z-index: -1;
}
#nav_menu-2 {
background: none !important;
}
#menu-menu-1 li{
width: 200px;
padding: 5px;
margin: 10px auto;
background: #BF78D9;
-webkit-box-shadow:4px 4px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow:4px 4px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow:4px 4px 2px 1px rgba(0, 0, 0, 0.5);
}
#colophon .container{
width: 700px;
padding: 25px 30px 25px 370px;
background-image: url("images/allen-architects-regno.jpg");
background-repeat: no-repeat;
background-position: 45px 10px;
text-align: center;
}
.designer {
font-size: 12px;
}
#map-canvas {
width: 95%;
height:400px;
margin: 15px;
}
.post-16 h1 {
clear: none;
}
/*project page*/
#go-back, #go-back-2 {
position: absolute;
right: 70px;
color: #fff;
background: #BF78D9;
-webkit-box-shadow:4px 4px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow:4px 4px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow:4px 4px 2px 1px rgba(0, 0, 0, 0.5);
}
#go-back {
top: 135px:
}
#go-back-2 {
bottom: 50px;
}
/*contact page*/
#contact-bg {
padding-top: 1px;
margin:15px;
background-image: url('images/allenarchitects-office.jpg');
background-size: cover;
}
#address {
float:right;
margin-right: 20px;
}
#contact-us {
margin: 150px 0 0 20px;
font-size: 24px;
}
#telephone {
margin: 50px 100px;
}
#email {
margin: 50px 0 0 300px;
}
@media screen and (max-width: 1100px) {
.branding-hold {
width: 78%;
}
}

@media screen and (max-width: 980px){
#colophon .container{
width: 600px;
}
}
@media screen and (max-width: 960px){
#secondary {
margin: auto !important;
}
#sidebar-filler {
background: none;
}
#colophon .container{
width: 95% !important;
padding: 100px 20px 20px;
background-position: center 10px;
}
}
@media screen and (max-width: 768px){
#telephone, #email {
margin: 30px 0;
text-align: center;
}
}
@media screen and (max-width: 480px){
.site-branding {
margin-top: 0;
}
.branding-hold {
background-size: 50px 50px;
padding-left: 80px;
margin-top: 40px;
}
#top-box {
height: 40px;
top: -40px;
}
#flag {
top: -35px;
}
#post-2 blockquote {
width:90%;
margin: auto;
}
}