/*
Theme Name: Tiger
Theme URI: https://www.jocoxdesign.co.uk/wordpress-themes/tiger
Description: Rebuilt on the Foundation 4 framework and now fully responsive. A clean and simple theme with optional site logo and favicon upload, breadcrumbs, latest posts slider, social networking icon and Google Analytics intergration via the Theme Options. Also includes multiple page templates, threaded comments, drop down navigation and integrated search.
Author: Jo Cox Design
Author URI: https://www.jocoxdesign.co.uk
Version: 2.0
Tags: custom-menu, microformats, flexible-width, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html

*/

/* SCREEN READER TEXT */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* BACKGROUND TEXTURE */
body,
.sidebar-container li.widget-container {
	background-image: url('images/bg.png');
}

/* CONTAINERS */
.container {
	width: 100%;
	float: left;
}
.top {
	padding: 0 0 2em 0;
}
.nav {
	background-image: url(images/nav-bg.jpg);
	background-repeat: repeat-x;
}
.featured-slider,
.content {
	padding-top: 1em;
	background-color: #FFF;
}
.footer{
	padding: 2% 0;
}

/* TOP CONTAINER */
#masthead {
	margin-top: 2em;
}
#masthead h1,
#masthead h2 {
	margin: 0;
	padding: 0;
}
#masthead h1{
	font-size: 3em;
}
#masthead h2 {
	color: #FFF;
	font-size: 1em;
}
.search-box {
	margin-top: 1em;
}
@media only screen and (min-width: 768px) {
.search-box {
	margin-top: 0;
	padding: 0 5px 5px 5px;
	border-radius: 0 0 1em 1em;
	-webkit-border-radius: 0 0 1em 1em;
	-moz-border-radius: 0 0 1em 1em;
}
}
.search-box form {
	margin-bottom: 0;
}
.search-box input[type="text"] {
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	margin-bottom: 0;
	border: none;
}

/* NAVIGATION */
.top-bar {
	background: none;
}
.top-bar a {
	text-decoration: none;
}
.top-bar-section ul,
.top-bar-section li a:not(.button) {
	background: none;
	font-weight: normal;
}
.top-bar-section ul.dropdown {
    background: #000;
    color: #FFF;
}
.top-bar a:hover {
	text-decoration: none;
}
.nav-links div {
	margin: 2em auto;
}

/* SLIDER */
.fader{
    position: relative;
    padding-top: 45%;
    overflow: hidden;
	width: 100%;
	margin: 1em auto 2em auto;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
} 
.fader .slide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
}
.fader img.slide{
    height: auto;
}
.prev,
.next{
  position: absolute;
  height: 80px;
  line-height: 55px;
  width: 50px;
  font-size: 100px;
  text-align: center;
  color: #FFF;
  top: 50%;
  left: 0;
  z-index: 4;
  margin-top: -25px;
  cursor: pointer;
  opacity: .7;
  transition: all 150ms;
}
.prev:hover,
.next:hover{
  opacity: 1;
}
.next{
  left: auto;
  right: 0;
}
.pager-list{
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	bottom: 0;
	text-align: center;
	z-index: 4;
	padding: 0;
}
.pager-list li{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 7px;
  background: #fff;
  opacity: .7;
  text-indent: -9999px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 150ms;
}
.pager-list li:hover,
.pager-list li.active{
  opacity: 1;
}

/* BREADCRUMBS */
.crumbs {
	margin-bottom: 1em;
	font-size: 0.8em;
}
.crumbs a {
	color: #222;
}

/* SIDEBARS */
.sidebar-container {
	color: #FFF;
}
.sidebar-container  ul,
.sidebar-container  li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-container li.widget-container {
	float: left;
	width: 100%;
	padding: 1em;
	margin-bottom: 1em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sidebar-container h3.widget-title {
	font-size: 1.25em;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
	border-bottom: 1px dotted #FFF;
	color: #FFF;
}

/* FOOTER */
.site-info {
	font-size: 0.8em;
	color: #FFF;
}
.social-icons {
	font-size: 1.5em;
}
.social-icons a {
	text-decoration: none;
}

/* POSTS */
.archive .post {
	border-bottom: dotted 1px #CCC;
	margin-bottom: 1em;
}
.archive h2,
.single h1 {
	margin-bottom: 0;
}
.content-area .date a {
	color: #222;
}
.entry-thumbnail {
	margin-bottom: 1em;
}
.content-area img {
	border: solid 1px #DDD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.entry-meta {
	margin-bottom: 1em;
}
.sticky {
	background: #EEE;
	padding: 0 1em 1em 1em;
	border: solid 1px #DDD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.content-area .author {
	margin: 0 20px;
}
.author-avatar {
	float: left;
	margin-right: 1em;
}
.author-avatar img {
	border-radius: 5em; 
}
.author-info {
	margin-bottom: 1.5em;
	padding: 1em;
	background: #EEE;
	border: solid 1px #DDD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.wp-audio-shortcode {
	margin-bottom: 1em;
}
.entry-attachment img{
	margin-top: 1em;
}
.full-size-link,
.edit-link {
	margin-left: 20px;
}

/* HEADINGS */
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}

/* LINKS */
a {
	text-decoration: underline;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
}
.content-area a {
	color: #222;
}
.sidebar-container a,
.footer a {
	color: #FFF;
}
.site-header a{
	text-decoration: none;
}
.content-area h1 a,
.content-area h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #222;
	text-decoration: none;
}

/* COMMENTS */
.comments-area {
	padding: 0;
	margin: 0 0 2em 0;
}
.comments-title { 
	margin-bottom: 1em; 
	font-size: 1.5em; 
	line-height: 1.5; 
	font-weight: normal; 
}
.comment { 
	float: left;
	width: 100%;
}
.comment article {
	width: 100%;
	float: left;
}
.comment-author {
	float: left;
	width: 15%;
	text-align: center;
	font-size: 0.9em; 
}
.comment-content {
	float: left;
	width: 67%;
	margin-left: 3%;
}
.reply {
	float: left;
	width: 15%;
}
.bypostauthor {
	background: #CCC;
}
.comment .vcard { 
	border: none; 
	padding: 0; 
	margin: 0; 
}
.comment .avatar { 
	border-radius: 5em; 
	margin-bottom: 10px; 
}
.comment .date { 
	font-size: 0.9em; 
	text-decoration: underline; 
}
#respond { 
	margin-top: 2em; 
}
.depth-1 {
	border-bottom: solid 3px #DDD; 
	padding: 1em 0;
}
.depth-2 article {
	padding: 1em 0;
	margin-top: 1em;
	border-top: dotted 1px #CCC;
}
.form-allowed-tags {
	font-size: 0.9em;
}

/* FORMS */
input[type="text"],
textarea{
	border: 1px solid #999;
}
input[type="submit"] {
	background: #222;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	color: #FFF;
	font-size: 1em;
	padding: 0.25em 0.5em;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
}

/* IMAGES */
.wp-caption { 
	max-width: 100%;
	font-size: 0.8em;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}

/* LISTS */
.content-area ul,
.content-area ol {
	margin: 0 3em;
}

/* ALIGNMENT */
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* CALENDAR WIDGET */
#wp-calendar {
	width: 100%;	
}
#wp-calendar caption {
	text-align: right;
	color: #FFF;
	margin-bottom: 10px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #AAA;
}
#wp-calendar tbody td {
	border: none;
	text-align: center;
	padding:4px;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 0.8em;
	text-transform: uppercase;
	padding-top: 10px;
}

/* MISC */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}
embed,
iframe {
	max-width: 100%;
	margin-top: 1em;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre,
code {
	word-wrap: break-word;
	color: #222;
}
address {
	display: block;
	font-style: italic;
	line-height: 1.5em;
}
abbr, 
acronym {
	color: #222;
	border-bottom: 1px dotted #222;
	cursor: help;
}
dt {
    font-weight: bold;
    text-decoration: underline;
	line-height: 1.5em;
}
dd {
    margin: 0;
    padding: 0 0 0.5em 0;
	line-height: 1.5em;
}