/*
Theme Name: Gmusic
Theme URI: http: //design.pathilorra.co.uk/themes/gmusic/
Description: Dark theme.
Version: 2.0
Author: tim hall
Author URI: http: //design.pathilorra.co.uk/
Tags: dark
*/

/*=====
  Fonts
  =====*/

@font-face
{
font-family: "Euphorigenic";
src: url('fonts/euphorig.ttf'); 
}   

@font-face
{
font-family: "Essay";
src: url('fonts/essays1743.ttf'); 
}   

@font-face
{
font-family: "Mabinogi";
src: url('fonts/mabinogiceltic.ttf'); 
} 

/*==========
    Alignment
 ==========*/
.alignleft {
display:inline;
float:left;
margin-right:1em;
margin-left:0;
margin-top:0;
clear: left;
}

.alignright {
display:inline;
float:right;
margin-left:1em;
margin-right:0;
margin-top:0;
clear: right;
}

.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:0;
clear: both;
}

/* Links */
a {
color:#aac;
}

a:hover,a:active {
color:#ccf;
}

a:focus {
outline:1px dotted #fe9;
}

a[href$=".mp3"] {
    color: #006;
    background: #fec;
    padding: 0 1ex;
    border-left: medium solid #336;
    border-right: medium solid #336;
    border-radius: 1ex;
  }

a[href$=".mp3"]:hover {
    background: #fe9;
    color: #030;
  }

a[href="#menu"] {
  background: #600;
  color: #fc0;
  border: thin solid black;
  border-radius: 1ex;
  padding: 0 2ex;
  font-size: small;
  }

a[href="#menu"]:hover {
  background: #900;
  color: #fd6;
  }

td {
  padding:0 1ex;
  }

/*====
 Forms
 =====*/
form {
    border: thin ridge #324;
    background-color: rgba(12,12,16,0.66);
    border-radius: 1em;
    padding: 1em;
    margin: 0 1em;
}

form label {
    color: #fd9;
}

form label span {
    color: #777;
    font-size: small;
}

form.comment-form {
width: 60%;
}

fieldset {
display: block;
border: thin groove #fd9;
border-radius: 1em;
min-width: -webkit-min-content;
margin: 1em 0.5ex;
padding: 3px 1em;
}

legend {
display: block;
border: thin groove #fd9;
border-radius: 1em;
padding: 3px 1em;
font-weight: bold;
color: #fd9;
}

.eshopform > fieldset {
border: none;
}

.eshopform > fieldset > legend {
border: none;
font-weight: normal;
color: #ccc;
}

.form-allowed-tags {
margin: 1em;
padding: 1em;
background-color: #121;
border: thin inset #121;
border-radius: 1em;
}

.fscf-div-form {
margin-bottom: 1em;
}

.fscf-required-indicator, .reqd, .required {
color: #c00;
}

.fscf-required-text {
font-size: small;
color: #777;
}

.fscf-div-clear, .fscf-div-field, .fscf-div-label {
margin: 0.5ex 1em;
clear: both;
}

.fscf-image-captcha {
border-style:none; 
margin:0; 
padding:0px; 
padding-right:5px; 
float:left;
}

.fscf-image-captcha-refresh {
border-style:none; 
margin:0; 
padding:0px; 
vertical-align:bottom;
}

/* Generic style & shape for all buttons and inputs */
select, 
input, 
textarea, 
.generic-button a,
ul.button-nav li a,
.visibility-toggle-link,
.button,
.comment-reply-link {
    border-radius: 1em;
    padding: 3px 1em;
    margin: 3px 1ex;
    text-decoration: none;
}

/* Text input */
input[type="text"], input[type="email"], input[type="password"], textarea {
    padding: 3px 1em;
    margin: 1ex 1em;
    -moz-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.9);
    -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.9);
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.9);
}

/* Red Buttons */
select, 
input[type="submit"], 
.generic-button a,
ul.button-nav li a,
.button {
    background: #600;
    background: -moz-linear-gradient(#700, #000);
    background: -o-linear-gradient(#700, #000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#700), to(#000));
    background: -webkit-linear-gradient(#700, #000);
    color: #fe9;
    border: thin outset #fe9;
    font-weight: 700;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.5);
}

select:hover, 
input[type="submit"]:hover, 
.generic-button a:hover,
ul.button-nav li a:hover,
.button:hover {
    background: #811;
    background: -moz-linear-gradient(#811, #100);
    background: -o-linear-gradient(#811, #100);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#811), to(#100));
    background: -webkit-linear-gradient(#811, #100);
    color: #ffc;
    text-shadow: 0.1em 0.1em 0.2em black;
    border: thin outset #ffc;
}

/* Dropdown lists */
option {
    background-color: #222;
    border: thin solid #111;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.5);
}

/* Purple Buttons */
input[type="reset"],
.visibility-toggle-link,
.comment-reply-link {
    background: #203;
    background: -moz-linear-gradient(#506, #000);
    background: -o-linear-gradient(#506, #000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#506), to(#000));
    background: -webkit-linear-gradient(#506, #000);
    color: #fe9;
    text-shadow: 0.1em 0.1em 0.2em black;
    border: thin outset #555;
    font-weight: 700;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.5);
}

input[type="reset"]:hover,
.visibility-toggle-l
.visibility-toggle-link:hover,
.comment-reply-link:hover {
    background: #314;
    background: -moz-linear-gradient(#617, #102);
    background: -o-linear-gradient(#617, #102);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#617), to(#102));
    background: -webkit-linear-gradient(#617, #102);
    color: #ffc;
    text-shadow: 0.1em 0.1em 0.2em black;
    border: thin outset #777;
    font-weight: 700;
}

/* Quotes */
blockquote {
    font-family: "Essay", "Bookman", serif;
    font-size: medium;
    font-style: italic;
    line-height: 1.5;
    color: #fd9;
    width: 85%;
    text-indent: 0;
}

blockquote:before {
    content: '';
}

blockquote:after {
    content: '';
}

blockquote p {
    display: inline;
}

blockquote.front {
width: 90%;
margin: 1em;
}

blockquote.alignleft, blockquote.alignright {
width: 50%;
margin: 1em;
}

.quote, q {
font-family: "Essay", "Bookman", serif;
font-size: larger;
line-height: 1;
color: #888;
}

q:before {
    content: '\201c';
}

q:after {
    content: '\201d';
}

/*============
 Layout Blocks
 ============*/
body {
    margin:0;
    border:0;
    padding:0;
    background: #111;
    color: #ccc;}
header {
    display: block;
    background: url('img/tim_hawthorn_banner.png') center #304;
    background-size: cover;
    border: thin solid #888;}
.media_link_box {
    float:right;
    margin:1ex;
    padding:1ex;
    color: #000;
    text-decoration: none;
}
#site-title {
    border-bottom: 0;
    font-weight: 500;
    font-family: 'Euphorigenic', 'Zapf Chancery', 'cursive';
    font-size: 60px;
    margin: 0;
    padding: 0 1ex;}
#site-title a {
    color: #fd9;
    text-decoration: none;}
#site-description {
    font: normal medium 'Essay', 'sans-serif';
    color: #fd9;
    padding: 0 2em;}
.page_item {
    font: normal small 'sans-serif';}
.page_item a {
    color: #fd9;
    text-decoration: none;}
#container {
    }
#page-content {
    display: block;
    background: #111;
    color: #ccc;
    font-family: 'sans-serif';
    border: 0;
    padding:1ex;
}
#column {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-around;
}
.page-title {
    font: bold medium 'sans-serif';
    color: #eee;
    padding: 0.3ex 1ex;
    border-bottom: thin solid #888;}
article {
        display: block;
        float: left;
        max-width: 35em;
        min-width: 16em;
        background: #121013;
        border: thin solid #555;
        border-radius: 1em;
        padding: 3px 1em;
        margin: 3px 1ex;}
article h2 {
        background: #000000;
        margin: 0;
        border-bottom: medium double #777;
        font: 600 larger 'sans-serif';
        color: #fd9;}
/* Images */
img {
margin:1ex;
border:thin solid #333;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:1px 1px 3px 3px rgba(0,0,0,0.5);
box-shadow:1px 1px 3px 3px rgba(0,0,0,0.5);
}

img.inset {
        width: 123px;
        float: left;}

img.cd {
        width: 223px;
        float: right;}

img.noborder {
margin:1ex;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

img.media_link {
margin:0;
padding: 0;
border:none;
box-shadow:none;
}

img.wp-post-image {
    width: 150px;
    height: 150px;
}

img.avatar {

}

.wp-caption-text {
margin: 0;
border: 0;
padding: 0;
font-size: small;
font-style: oblique;
text-align: center;
}


/*==========
 Navigation
 ==========*/
nav, .footbar {
background:#203;
background: -moz-linear-gradient(#506, #000);
background: -o-linear-gradient(#506, #000);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#506), to(#000));
background: -webkit-linear-gradient(#506, #000);
-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:2px 2px 5px 5px rgba(0,0,0,0.5);
box-shadow:2px 2px 5px 5px rgba(0,0,0,0.5);	
clear:both;
display:block;
float:right;
width:100%;
clear:both;
}

nav ul, .footbar  ul{
list-style:none;
margin:0;
padding-left:0;
}

nav li {
float:left;
position:relative;
padding-left:1px;
border-right: thin solid #112;
border-left: thin solid #112;
}
.footbar li {
float:right;
position:relative;
padding-left:1px;
border-right: thin solid #112;
border-left: thin solid #112;
}

nav li a {
float:left;
display:block;
color:#fd9;
text-decoration:none;
padding:1ex;
}
.footbar li a {
float:right;
display:block;
color:#fd9;
text-decoration:none;
padding:1ex;
}

nav li a:hover, .footbar li a:hover{
background: #314;
background: -moz-linear-gradient(#617, #102);
background: -o-linear-gradient(#617, #102);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#617), to(#102));
background: -webkit-linear-gradient(#617, #102);
color:#fff;
transition: 0.33s ease;
}

nav li.selected, nav li.current_page_item, .footbar li.selected, .footbar li.current_page_item {
background: #600;
background: -moz-linear-gradient(#700, #000);
background: -o-linear-gradient(#700, #000);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#700), to(#000));
background: -webkit-linear-gradient(#700, #000);
color: #fe9;
text-shadow:.1em .1em .2em #000;
font-weight:700;
}

nav a:focus, .footbar a:focus {
outline:none;
}

nav ul ul, .footbar ul ul {
-moz-box-shadow:1px 1px 2px 1px rgba(48,48,48,0.5);
-webkit-box-shadow:1px 1px 2px 1px rgba(48,48,48,0.5);
box-shadow:1px 1px 2px 1px rgba(48,48,48,0.5);
display:none;
float:left;
margin:0;
position:absolute;
top: 100%;
left:0;
z-index:9;
background-color: #112;
opacity: 0.9;
font-size: normal;
width: auto;
padding: 0;
border: thin outset #324;
border-radius: 0 0 1ex 1ex;
text-align: left;
transition: 0.33s ease;       
}

nav ul ul li, .footbar ul ul li{
border: none;
}

nav ul ul ul, .footbar ul ul ul {
left:100%;
top:0;
}

nav ul ul li, .footbar ul ul li {
line-height: 1;
white-space: normal;
text-shadow: none;
color:#ccc;
}

nav ul ul li a, .footbar ul ul li a {
display: block;
padding: 1ex 1em;
color: #ccc;
}

nav li:hover > a,nav ul ul :hover > a,nav a:focus, .footbar li:hover > a, .footbar ul ul :hover > a, .footbar a:focus {
background:#300;
transition: 0.33s ease;
}

nav li:hover > a,nav a:focus, .footbar li:hover > a, .footbar a:focus {
background: #314;
background: -moz-linear-gradient(#617, #102);
background: -o-linear-gradient(#617, #102);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#617), to(#102));
background: -webkit-linear-gradient(#617, #102);
color:#fd9;
transition: 0.33s ease;
}

nav ul li:hover > ul, .footbar ul li:hover > ul {
display:block;
transition: 0.33s ease;
}
nav ul ul li:first-child, .footbar ul ul li:first-child {
border-radius: 0 0 1ex 1ex;
}
nav .current-menu-item > a,nav .current-menu-ancestor > a,nav .current_page_item > a,nav n .current_page_ancestor > a, .footbar .current-menu-item > a, .footbar .current-menu-ancestor > a, .footbar .current_page_item > a, .footbar n .current_page_ancestor > a {
font-weight:700;
}

nav.nav-single, .footbar.nav-single {
margin: 0 0 1em;
}

/*========
 Sidebar
 ========*/
#secondary {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;}
    display: block;
    background: #333;
    border: 0;}

.sid {
margin:1ex;
padding:1ex;
list-style:none;
}

.widget-area {
	display: inline-block;
        width: 100%;
        margin: 0;	
        border-top: thin solid #636;
        padding: 0.3ex 0;
        text-align: right;
        background-color:#203;
        background: -moz-linear-gradient(#506, #000);
        background: -o-linear-gradient(#506, #000);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#506), to(#000));
        background: -webkit-linear-gradient(#506, #000);
        -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow:2px 2px 5px 5px rgba(0,0,0,0.5);
        box-shadow:2px 2px 5px 5px rgba(0,0,0,0.5);
        clear:both;
}

.widget-area h1 {
    font: normal small 'sans-serif';
    color: #fd9;}
    
.widget-area .widget {
	display: inline-block;
        position: relative;
        width: auto;
        -webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
        text-shadow: 0 0 0 #636;
        cursor: pointer;
        transition: 0.33s ease;
}
.widget-area .widget:hover {
        text-shadow: 0 0 12px #ffd;
        transition: 0.33s ease;
}

.widget-area .widget h3, .widget-area .widget-title {
	font-size: 16px;
        font-weight: 300;
	line-height: 1;
        padding: 0.3ex 1em;
        margin: 0;
}
.widget-area .widget ul {
        display: none;
        margin: 0;
        position: absolute;
        bottom: 85%;
        z-index: 9;
        background: #213;
        opacity: 0.9;
        border: thin outset #324;
        border-radius: 1ex 1ex 0 0;
        padding: 0;
        text-align: left;
        box-shadow: 1px 1px 2px 1px rgba(48,48,48,0.5);
        transition: 0.33s ease;
        list-style-type: none;
}
.widget-area .widget:hover > ul {
        display: block;
transition: 0.33s ease;
}
.widget-area .widget ul ul {
        bottom: 0;
	left: 100%;
}
.widget-area .widget ul li a {
	display: block;
	font-size: small;
	font-family: 'sans-serif';
	line-height: 1;
	padding: 1ex 1em;
	white-space: normal;
    text-shadow: none;
}
.widget-area .widget ul li:hover {
	background: #300;
transition: 0.33s ease;
}
.widget-area .widget ul li:hover a {
	color: #fd9;
transition: 0.33s ease;
}
.widget-area .widget ul li:first-child {
	border-radius: 1ex 1ex 0 0;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: small;
	line-height: 1;
}
.widget-area .widget p {
	margin-bottom: 1em;
}
.widget-area .textwidget ul {
	list-style: none;
	margin: 0 0 1em;
}
.widget-area .textwidget li {
	margin-left: 1.5em;
}
.widget-area .widget a {
	color: #777;
    text-decoration: none;
    font-family: 'sans-serif';
    transition: 0.33s ease;
}
.widget-area .widget a:hover {
	color: #279;
transition: 0.33s ease;
}
.widget-area #s {
	width: 50%; 
}

/*========
 Footer
 ========*/
footer {
background:#111;
clear:both;
font-size:smaller;
font-family:'sans-serif';
text-align:center;
padding:1em;
}

footer.entry-meta {
border-top: thin groove #ccc;
}

#footer-widgets, #comments {
clear:both;
}

#footer-widget-area div ul {
margin:0;
padding:0;
padding-bottom:0;
}

#footer-widget-area div ul li ul {
padding-left:1.5em;
}

#footer-widget-area div ul li .avatar-block {
padding-left:1em;
}

/*==============
 Gmusic classes
 ==============*/
 
strong {
color:#ddd;
font-weight: 700;
}

.album {
font-weight: bolder;
color: #fc3;
}

.band {
font-weight: bolder;
color:#96c;
}

.blag {
color:#da3;
}

.byline {
color:#ccc;
}

.ref {
font: normal small sans-serif;
color: #ccc;
margin: 0;
padding: 0;
}

.cover {
border: thin solid #311;
margin:0 .5em .5em 0;
}

.datetime {
font-weight: bolder;
color: #fc6;
}

.name {
font-weight: bolder;
color:#dde;
}

.org {
color: #e83;
}

.photo {
border:thin solid #333;
margin:.5em;
}

.image {
border:0;
margin:0 .5em .5em 0;
}

.gallery {
border:thin solid #333;
margin:.5em;
max-height: fit-content(300px);
max-width: fit-content(300px);
}

.venue {
font-weight: bolder;
color:#393;
}

.assistive-text, .screen-reader-text {
    display: none;
}

a .band:hover {
color:#a6f;
}

a .album:hover {
color:blue;
}

a .name:hover {
color:#fd9;
}

a .venue:hover {
color:#6f0;
}

a .org:hover {
color:#ff0;
}

a .datetime:hover {
color: #fec;
}

video {
margin:.5em;
max-height: fit-content(720px);
max-width: fit-content(1280px);
}

.struck {
text-decoration: line-through;
}

/*=================
Responsive resizing
=================*/ 

/*@media screen and (max-width:560px) {
  @viewport {
  width: device-width ;
  zoom: 1 ;
  }
  body {
  max-width: 100%;
  width: 100%;
  }
  #container {
  max-width: 99%;
  width: 99%;
  }
  #page-content {
  max-width: 98%;
  width: 98%;
  }
  video {
  max-width: 100%;
  width: 100%;
  }
} */

@media screen and (max-width:1120px) {
  @viewport {
  width: device-width ;
  zoom: 1 ;
  }
  body {
  width: 100%;
  box-sizing: border-box;
  }
  /*#container {
  width: 100%;
  box-sizing: border-box;
  }
  #page-content {
  width: 100%;
  box-sizing: border-box;
  }
  article {
  width: 100%;
  box-sizing: border-box;
  }*/
  video {
  max-width: device-width;
  width: 99%;
  max-height: auto;
  box-sizing: border-box;
  }
  iframe {
  max-width: device-width;
  width: 99%;
  max-height: auto;
  box-sizing: border-box;
  }
}