/*
Theme Name: Surface Solutions Scotland
Theme URI: http://www.thedesigndepartment.com
Description: Custom theme for Surface Solutions Scotland
Version: 1.0
Author: Stu Milehan
Author URI: http://www.thedesigndepartment.com

*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

/* layout */

#wrap {
	background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px #999;
    
}

#branding {
	padding-top: 20px;
	padding-bottom: 20px;
}

#top-right {
	text-align: right;
}

#navigation {
	background: #026890;
}

.slider {
	margin-left: -15px;
	margin-right: -15px;
}

#footer {
	background-color: #026890;
	margin-left: -15px;
	margin-right: -15px;
	color: #fff;
}
#inner-footer {
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.footer-bottom {
	background-color: #014965;
	padding-top: 10px;
	padding-bottom: 10px;
}
.credit {
	padding-right: 15px;
}
/* Typo */

h1,h2,h3, .h1,.h2,.h3 {
	font-family: "Ropa Sans", "Lucinda Sans", Helvetica, sans-serif;
}

.title h4 {
	margin-top: 0px;
}

.credit a {
	color: #fff;
}

#top-right h3 {
	margin: 0;
}
#top-right .glyphicon {
	font-size: 18px;
}

address {
	text-align: right;
}
@media (max-width: 768px)
{
	#top-right h3 {
		font-size: 15px;
	}
	#top-right .glyphicon {
		font-size: 15px;
	}
}
@media (max-width: 992px)
{
	#top-right h3 {
		font-size: 17px;
	}
	#top-right .glyphicon {
		font-size: 17px;
	}
	
}
#inner-footer a {
	color: #fff;
}

/* Nav */

#navigation ul > li > a {
	background-image: url("images/delimiter.bg.menu.png");
	background-repeat: repeat-y;
	background-position: top right;
	
}


/* utility */

.container {
	max-width: 980px;
}

.no-padding {
	padding: 0;
}
.well h1 {
	margin-top: 0;
}

.thumbnail {
	background-color: #fff;
}

/* Homepage */

@media (min-width: 992px)
{
	.projects {
		padding-bottom: 40px;
	}
}

.project {
	margin-bottom: 20px;
}

/* Project Galleries */

.gallery {
	margin-left: -8px;
	margin-right: -8px;
}



/* Nice Galleriers */

.attachment {
	-moz-user-select: none;
    box-sizing: border-box;
    color: #464646;
    cursor: pointer;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 8px;
    position: relative;
    text-align: center;
    width: 20%;
}
@media (max-width: 768px) {
	.attachment {
		width: 50%;
	}
}
.attachment-preview:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.attachment-preview {
    background: none repeat scroll 0 0 #eee;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
    cursor: pointer;
    position: relative;
    display: block;
}
.attachment .thumbnail:after {
    bottom: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    content: "";
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.attachment .thumbnail {
    bottom: 0;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.1s ease 0s;
    margin-bottom: 0;
    border-radius: 0;
}
.attachment .thumbnail .centered {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(50%, 50%);
    width: 100%;
}

.attachment .thumbnail .centered img {
    transform: translate(-50%, -50%);
}
.attachment .thumbnail img {
    position: absolute;
}
.attachment .thumbnail img {
    left: 0;
    top: 0;
}
.attachment .portrait img {
    max-width: 100%;
}

.attachment .landscape img {
    max-height: 100%;
}