/*
Theme Name: T-Shirt Printing Company
Theme URI: https://tshirt-printing-company.co.uk
Author: Tony Mead
Author URI: http://www.tonymead.co.uk
Description: Custom Theme Designed for T-Shirt Printing Company
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: tspc

This theme, like WordPress, is licensed under the GPL.
*/






body {
	font-family: 'Merriweather', serif;
	font-weight:400;

}

.holiday {
	Background:#b01828;
	margin-bottom:10px;
	padding: 10px 20px;
	text-align: center;
	display:none;
}

.holiday p {
	color:#fff;
	margin-bottom:10px;
}

.panel {
	border:none;
	background:#e9e9e9;
}
.no-padding {
	padding:0;
}

strong {
font-weight:bold;
}

body p {
	font-size:1rem;
}

ul {
	padding-left:20px;
}

ul li {
	font-size:1rem;
}

ul li a {
	color:#31393f;
}

ul li a:hover {
	color:#31393f;
}

ul#menu, .menu ul {
	margin-top:40px;
	font-weight:500;
	text-transform:uppercase;
	font-size:1.2rem;
}

ul#menu li, .menu ul li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

ul#menu li:last-child, .menu ul li:last-child  {
	padding-right: 0;
}

ul#menu li a, .menu ul li a {
	color:#31393f;
}

ul#menu li a:hover, .menu ul li a:hover{
	colorx:#3b97d3;
	border-bottom: 2px solid #cccccc;
}

.menu ul li.current_page_item a {
	border-bottom: 2px solid #754f9a;
	border-bottom: 2px solid #961c7c;
}

.site-logo {
background:#754f9a;
background:#961c7c;
}


#slideshow, #main-content {
	background:#f5f5f5;
	background:url('https://tshirt-printing-company.co.uk/wp-content/uploads/greyzz.png');
	padding:30px 0;
	border-top:1px solid #ccc;
}

#intro {
	padding:20px 0;
}

.intro-panel {
	padding:3em;
}

.home h1, .inner h1 {
	font-size:1.4rem;
	font-family: 'Merriweather', serif;
	text-transform:uppercase;
}

.hero-image {
	margin-bottom: 20px;
}

.panel {
position:relative;
}

.home-panel:hover {
border:1px solid #ccc;
}

.panel img {
position:;
top:0;
left:0;
}


.home-caption {
display:;
background:#000;
width:100%;
opacity: 0.9;
padding:10px 8px;
text-align:center;
position:absolute;
bottom:0;
left:0;
}

.home-caption h3 {
color:#ccc;
font-size:0.875rem;
font-weight:normal;
margin:0;
line-height:1.2rem;
}



#footer {
	background:#2f2f2f;
	padding:20px 0;
	color:#c8c8c8 ;
	font-family: 'Merriweather', serif;
	font-weight:400;

}

#footer hr {
    border: 0;
    height: 1px;
    background: #555555;
    width:100%
}

#footer p {
	font-size:0.875rem !important;
}

#footer ul {
	font-size:0.875rem !important;
	list-style:none;
}

#footer ul li a, #footer a {
	color:#c8c8c8;
	font-size:0.875rem !important;
}

#footer ul li a:hover, #footer a:hover {
	color:#fff;
}

/* Typography */

h1, h2, h3, h4, h5 {
font-family: 'Merriweather', serif;
}



h1.intro {
	font-size:2rem;
	line-height:2.4rem;
	font-weight:400;
	text-transform:none;
}


#information h2 {
	font-size:1.5rem;
}

p.intro, h2.intro {
	font-size:1.2rem;
	line-height:1.6rem;
	font-weight:400;
}

p.intro-smaller {
	font-size:1rem;
	line-height:1.4rem;
	font-weight:400;
}

h5.blog {
font-size:.85rem;
color:#666;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: 0.8;
}


/* MEDIA QUERIES */

@media only screen and (max-width: 40em) {

.intro-panel {
	padding:0em;
	background:none;
}

h1.intro {
	font-size:1.4rem;
	line-height:1.8rem;
	font-weight:400;
	text-transform:none;
}

p.intro, h2.intro {
	font-size:1rem;
	line-height:1.4rem;
	font-weight:400;
}

p.intro-smaller {
	font-size:.80rem;
	line-height:1.2rem;
	font-weight:400;
}

.home-caption.smaller {
display:;
background:#000;
width:100%;
opacity: 1;
padding:5px;
text-align:center;
position:absolute;
bottom:0;
left:0;
}

.home-caption.smaller h3 {
color:#ccc;
font-size:0.625rem;
font-weight:normal;
margin:0;
line-height:1rem;
}




}