/*
Theme Name: Sour Mah
Theme URI: http://localhost/sourmash
Description: Bespoke Theme for Sour Mash Media
Author: Sourmash Steve
Author URI: http://sourmashinternet.co.uk/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the sample Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

body {
    font-family: 'Quattrocento', serif;
	padding-top: 50px;
	background-image: url("css/images/ricepaper2.png");
	background-repeat: repeat;
	color: #464646;
	font-size: 16px;
}

.form-control
{ 
height: 32px !important;
margin-top: 10px !important;
/*font-family: 'Lora', serif !important;*/
} 



img.menu-logo {
	float:left; padding-left:0px; padding-right:10px; padding-bottom:5px; height:55px; }

.services-fp p {
	margin-bottom: 0;
}
/*COLOURS*/

.brand-color {
	color: #FF6200
}

.secondary-brand {
	color:#3071a9;
}

.main-content h4 {
	color:#3071a9;
	margin-top: 10px;
}

/*GENERAL TEXT*/

.contact-sidebar, .mobile-contact {
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
}

.mobile-contact-container {
	text-align: center;
}

.mobile-contact-container p {
	width: 95%;
	margin-left: auto;
	margin-right: auto
}

.mobile-contact a {
	color:#3071a9;
}

.mobile-contact-container a.link-reverse:hover {
	color:#3071a9;
}

@media (min-width: 768px) and (max-width: 991px) {

	.contact-sidebar {
		font-size:15px;
	}

	.contact-sidebar .fa {
		padding-right: 5px;
	}
}

p {
	line-height: 24px;
}

h1,h2,h3,h4,h5 {
	font-family: 'Oswald', sans-serif;
	margin-top: 0px;
}

h1 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #eee;
	width:95%;
	margin: 30px auto 0px auto;
	padding-bottom: 15px; /*Need the padding for the border*/
}

h1.contact {
	border-bottom: 1px solid #eee;
	line-height: 48px;
	padding-bottom: 20px;
	margin-top: 40px;
}

h2 {
	line-height: 40px;
}

h4 {
	/*font-size: 20px;*/
}

.sub-heading {
	color:#666;
	font-size: 24px;
	line-height:36px !important;
	display: inline-block;
}

/*Used on the Contact Page Only*/
.sub-heading-para {
	font-size: 18px;
	line-height: 28px;
	font-family: 'Oswald', sans-serif;
	width:95%;
	margin: 10px auto 0px auto;
	text-align: center;
	color:#666;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.fa {
	padding-right: 10px;
}

.fa.contactfa {
	display: inline-block;
	width:35px;
}

.fa.contactfasm {
	display: inline-block;
	width:30px;
}

.sidebar-contact {}

@media (min-width: 768px) and (max-width: 991px) { 

	.fa.contactfa {
		/*padding-right: 10px;*/
		display:inline-block;
		width:25px;
	}

	.fa.contactfasm {
		display: inline-block;
		width:20px;
	}

	.sidebar-contact {
		font-size: 14px;
	}

	.sub-heading {
		color:#666;
		font-size: 36px;
		line-height:42px !important;
		display: inline-block;
	}

}


.btn-sm {
	font-size: 14px;
}

.navbar-brand {
	padding-top: 20px;
}

@media (min-width: 768px) {

	.navbar-brand {
	padding-top: 15px;
	}
    
    h1  {
	font-size: 48px;
	line-height: 68px;
	width:98%;
	margin: 20px auto 0px auto;
	padding-bottom: 20px; /*Need the padding for the border*/
	}

	h1.contact {
		border-bottom: none;
		line-height: 48px;
		padding-bottom: 0;
		margin-top: 40px;
	}



	.sub-heading-para {
	font-size: 28px;
	line-height: 38px;
	font-family: 'Oswald', sans-serif;
	width:98%;
	margin: 10px auto 0px auto;
	text-align: center;
	color:#666;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
	}

	h2 {
	line-height: 36px;
	}
}

@media (min-width: 992px) {

	.sub-heading {
		color:#666;
		font-size: 48px;
		line-height: 54px !important;
	}

}

p.meta {
	font-size: 14px;
	margin-bottom: 0;
	font-family: 'Oswald', sans-serif;
}

p.meta-large {
	font-size: 16px;
	margin-bottom: 0;
	font-family: 'Oswald', sans-serif;
}

/*GENERAL LINK STYLING*/

.main-content {
	text-align: left;
}

/*@media (min-width: 768px) {
	.main-content {
	text-align: left;
}

}*/

a {
    outline: none !important;
}


a:active {
    outline: none !important;
}


.main-content a {
	color: #FF6200;
}

.main-content a:hover {
	color: #464646;
	text-decoration: none;
}

a.link-reverse {
	color: #464646;
}

a.link-reverse:hover {
	color: #FF6200
}

/*NAVIGATION*/

.navbar-default {
	background-color: #333;
	border-color: #FF6200;
	font-family: 'Oswald', sans-serif;
	/*font-size: 16px;*/
}

.navbar-default .navbar-nav > li > a {
	color: #fff
}



.navbar-default .navbar-nav > li > a:hover {
	color: #FF6200;
}

.navbar-default .navbar-nav > li > a:active {
	color: #FF6200;
}

.navbar-default .navbar-nav > .current_page_parent > a, .navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .active > a:hover {
   background-color: #333;
	color: #FF6200;
}

.navbar-default .navbar-brand {
	color: #fff;
	font-size: 20px;
}

.navbar-fixed-top {
	border-width: 0 0 2px;
}

.navbar-default .navbar-toggle {
	border-color: #fff;
	color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FF6200;
}

.navbar-default .navbar-toggle:hover {
	background-color: #333;
	border-color: #FF6200;
	color: #FF6200;
}

.navbar-default .navbar-brand:hover {
	color: #fff
}

.navbar-default .navbar-text {
	color: #fff
}

/*SIDEBARS*/

.sidebar {
	line-height: 24px;
}

.sidebar a, a.blue-link {
	color: #3071a9;
}

.sidebar a:hover, a.blue-link:hover {
	color: #464646;
}

.sidebar a.link-reverse {
	color:#464646;
}

.sidebar a.link-reverse:hover {
	color: #3071a9;
}

a.orange-link {
	color: #FF6200;
}

a.orange-link-hover {
	color:#464646;
}

/*Blog Page Sidebar*/

ul.sidebar-blog-menu {
	list-style-type: none;
	padding-left: 0;
	margin-top: 5px;
	margin-bottom: 20px;
}

ul.single-menu {
	margin-bottom: 5px;
}

ul.sidebar-blog-menu li a {
	color: #464646;
}

ul.sidebar-blog-menu li a:hover {
	color:#3071a9
}

/*SHARED PAGE STYLES*/

.main-content {
	background-color: #fff;
	padding-bottom: 20px;
}

.first-row {
	margin-top: 20px;
}

hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee; }

hr.meta-hr-top {
	margin-top: 10px;
	margin-bottom: 5px;
}

hr.meta-hr-bottom {
	margin-top: 5px;
	margin-bottom: 10px;
}

.border-right {
	border-right:1px solid #eee;
}

/*Style for lists of content - Blog / Testimonial / Services*/
.list-row {
	margin-bottom:30px;
}

.list-row:last-of-type {
	margin-bottom: 10px;
}

/*Add a little space after the first two services on the services page
Not needed for mobiles*/
.services-first-row {
	margin-bottom: 0px;
}

@media (min-width: 768px) {

	.services-first-row {
		margin-bottom: 20px;
	}

}

/*Style Images for Work / Blog*/
.center-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/*FRONT PAGE*/

.blog-front-page {
	margin-bottom: 0px;
}

@media (min-width: 768px) {

	.blog-front-page {
		margin-bottom: 10px;
	}

}

/*Add a divider between services on mobile view*/
.sm-divider {
	width: 90%;
	margin-left:auto;
	margin-right: auto
}

.sm-divider hr {
	border-top: 1px solid #efefef; 
}

/*SERVICES*/

img.work-icon {
	height:100px;
	/*width:100px;*/
	float:right; padding-left:20px; padding-right:10px; padding-bottom:5px;
}

img.work-icon.wp-post-image {
	height:95px;
	/*width:95px;*/
}

.services-left-align {
	text-align: left;
}

/*TESTIMONIALS*/

blockquote {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 16px;
}

.testimonial-cite {
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	color: #FF6200
}

/*WORK*/

.testimonial-dropdown {
	padding-top:10px;
	padding-left: 20px;
	font-size: 14px;
	color:#3071a9;
}

/*BLOG*/
.image-border {
	padding: 5px;
	border: 1px solid #ddd;
}

.upper-case-title {
	text-transform: uppercase
}

.blog-content h2 {
	font-size: 36px;
	color:#464646;
	/*margin-top: 15px;*/
}

h3, .blog-content h3 {
	font-size: 28px;
	margin-top: 20px;
	color:#464646;
	line-height: 36px;
}

.blog-content h4 {
	font-size: 18px;
	margin-top: 15px;
	color:#464646;
	font-family: 'Quattrocento', serif;
	font-weight: 700;
}

.blog-content h5 {
	font-size: 16px;
	margin-top: 15px;
	color:#464646;
	font-family: 'Quattrocento', serif;
}



.blog-content ul {
	list-style: disc;
	padding-left: 20px;
	line-height: 24px;
}

.blog-content li {
	padding-bottom: 3px;
}

.blog-content p {
	margin-bottom: 5px;
}

/*FOOTER*/
.footer {
	background-color: #464646;
	color: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 14px;
	text-align:center;
}

@media (min-width: 768px) {

	.footer {
		text-align: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.footer {
		font-size:14px;
	}

	.footer .fa {
		padding-right: 5px;
	}
}

.footer h4 {
	padding-bottom: 12px;
	border-bottom: 1px solid #666
}

.footer a {
	color:#fff;
	text-decoration: none
}

.footer a:hover {
	color:#FF6200;
	text-decoration: none
}

ul.footer-pages {
	list-style: none;
	padding-left: 0;
}

ul.footer-pages li {
	padding-bottom: 5px;
	line-height: 18px;
}

ul.footer-pages li a {
	color:#fff;
	text-decoration: none
}

ul.footer-pages li a:hover {
	color:#FF6200;
}

ul.footer-pages li.current_page_item a, ul.footer-pages li.current_page_parent a  {
	/*color:#FF6200;*/
}

/*PAGINATION*/

.pagination {
clear:both;
padding:0px 0 10px 0;
position:relative;
font-size:14px;
line-height:14px;
margin-top: 0;
font-family: 'Oswald', sans-serif;
text-align: center;
/*margin-left: 20px;*/
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#3071a9;
border: 1px solid #ccc;
/*background: #555;*/
}

.pagination a:hover{
color:#fff;
background: #3071a9;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3071a9;
color:#fff;
}

/*ALERT*/

.alert, .panel-default {
	margin-top: 20px;
}

.panel-default > .panel-heading {
	background-color: rgba(48,113,169,0.25);
	/*border-color: #3071a9;*/
	color: #464646;
}

.alert-info, .panel-heading {
	background-color: rgba(48,113,169,0.25);
	border-color: #3071a9;
	color: #464646;
}

.alert h3{
	margin-top: 0;
	color: #464646;
}

h4.social-share {
	font-family: 'Oswald', sans-serif;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-weight: normal
}


#paintme {
	/*padding-left:15px;*/
	/*padding-right:15px;*/
	height:200px;
	margin-top:15px;
	border:1px solid #000;
	
}







/*.border-top {
	border-top:1px solid #ccc;
	padding-top: 5px;
}*/

/*.btn-warning {
	background-color: #FF6200;
	border-color: #FF6200 }

.btn-warning:hover {
	background-color: #FF8940;
	border-color: #FF6200 }*/

	/*.single-blog-image {
	width: 200px;
	float: left;
	padding-right: 20px;
}*/