/*
Theme Name:     ymp
Theme URI:
Description:    Child theme
Author:         Lisa
Author URI:
Template:       f2
Version:        2.2.1
*/

@import url("../f2/style.css");

body {
color: #fff;
background-color: #6d97b7;
font-family: 'Noto Sans', “Trebuchet MS”, “Lucida Sans Unicode”, “Lucida Grande”,” Lucida Sans”, Arial, sans-serif;
}

#main {
  background-color: #006699;
color: #fff;
font-size: large;
 clear: both;
  background-image: url("http://www.yorkmysteryplays.co.uk/images/sidebar.gif"); 
background-repeat: repeat-y; 
background-position: right top;
border-style: solid none solid solid; 
border-width: 1px medium 8px 2px; 
border-color: #cdad00;
}


/*Header*/
.site-header {
background-color: #006699;
background-image: url("http://www.yorkmysteryplays.co.uk/images/sidebar.gif"); 
background-repeat: repeat-y; 
background-position: right top;
border-style: solid none none solid;
border-color: f7db79;
border-width: 1px 0 0 2px;
}

img#top {
float: left;
max-width: 50%;
height: auto;
}

div#logo {
margin: 0 15px 0 20px;
float: left;
}

div.ympsubhead{
white-space: pre;
font-size: 1.1em;
font-weight: bold;
float: left;
text-align: right;
letter-spacing: 0.08em;
line-height: 120%;
margin: 0 15px 20px 5px;
color: #f1edc2;
font-family: Georgia, Times, Serif;
}

div.ympsubhead span.bigger {
font-size: 120%;
color: #f8dd86;
}

/*top menu*/
#menu-menu-1 {
font-family: “Trebuchet MS”, “Lucida Sans Unicode”, “Lucida Grande”,” Lucida Sans”, Arial, sans-serif;
}

/*other page elements*/

div#content{
background: #f7f7f7;
color: #000;
padding: 1em 35px;
}

h1, h2, h3 {
letter-spacing: 0.1em;
}

h1.entry-title {
font-size: 20px;
  font-size: 2rem;
background-color: #4A708B;
color: #f1edc2;  
  line-height: 110%;
  margin-left: -35px;
padding: 5px 35px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

div.menu-menu-1-container ul li {
margin-right: 0.5em;
}

.widget h1{
font-size: 1.6em;
padding: 3px 0;
letter-spacing: 0.1em;
color: #cdad00;
}

#main h2 {
color: #27567a;
font-size: 20px;
line-height: 120%;
}

#main h2.dates {
/*color: #000;*/
color: #2f4f4f;
background-color: #cdad00;
text-align: left;
padding: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

#main h3 {
color: #27567a;
letter-spacing: 0.03em;
}

p {
line-height: 180%;
font-size: 16px;
letter-spacing: 0.01em;
}

.hentry {
  border-bottom: none;/*takes out bottom divider line on pages*/
}

.medium-sidebar.one-sidebar-right #secondary {/*takes out shadow on sidebar box*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: none;
  }

div#sidebar-1.sidebar {
background-color: transparent;
max-width: 90%;
}  

div.montage {
overflow: hidden;
width: 100%;
}

img.rightspaced {
float: left;
margin-right: 20px;
padding-bottom: 20px;
}

form{
padding: 20px 0;
}

form input[type="text"], form input[type="email"] {
margin: 15px 0;
padding: 8px;
font-size: 120%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 0 10px 0 0;
padding: 10px;
}

div.sidebar ul li {
padding: 8px 0;
}

div.entry-meta a, div.entry-meta a:visited  {/*date etc on blog postings*/
font-size: 1em;
color: #f7f7f7;
margin: 10px 0;
}

.wp-caption, .entry-attachment {/*removes some styling on captions*/
  border-radius: 0.5rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.wp-caption-text, .entry-attachment .entry-caption {
  text-align: center;
  font-size: 1em;
  line-height: 150%;
}

/*share buttons, using custom icons and code, rather than available plugins*/
div.share {
 float: right;
 clear: both;
 margin: 30px 0 10px 10px;
 display: block;
 }
 
 div.share2 {/*under posts*/
 float: none;
 clear: both;
 }
 
 .googleplus {  
 position:relative;
    /* - use this to position your share icon on your page -  */  
}  
.googlehider {  
 opacity:0;  
 height:50px;  
 width:48px;  
 position:absolute;  
 top:0;  
 left:0;  
 z-index:3;  
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
 filter:alpha(opacity=0);
}
  
.mygoogle {  
 position:absolute;  
 top:-20px;  
 left:0;  
 z-index:2;  
 /*margin-left:6px;*/  
}

.twitter-tweet-this, .pinterest-pin, .fb-recommend {
float: left;
width: 48px;
margin-top: -20px;
}

.twitter-tweet-this {
margin-left: 50px;
}/*end of share buttons info*/

div.logos {
padding-top: 15px;
}

.clear {
height: 1px;
clear: both;
}

/*links adjustment*/
#main a, #main a:visited {
font-weight: bold;
color: #cdad00;
}

#main h1 a, #main h1 a:visited {
color: #f1edc2;
}

#main .sidebar a {
font-weight: bold;
color: #f7f7f7;
}

/*laptop and larger displays*/
@media only screen
and (min-width : 1024px)
{
div#logo {
margin: 0 15px 0 20px;
float: right;
max-width: 55%;
}

div.ympsubhead{
white-space: pre;
font-size: 1.1em;
font-weight: bold;
float: right;
text-align: right;
letter-spacing: 0.08em;
line-height: 120%;
margin: 0 15px 20px 5px;
color: #f1edc2;
font-family: Georgia, Times, Serif;
}

div#sidebar-1.sidebar {
background-color: transparent;
float: right;
text-align: right;
margin-right: 1em;
max-width: 275px;
}

#sidebar-1 .twitter-timeline {
width: 180px;
margin-bottom: 15px;
}

 div.share2 {/*under posts and pages*/
display: none;
}
}

/*smaller displays*/
@media only screen
and (max-width : 1024px)
and (min-width :720px)
{
img#top {
max-width:45%;
height:auto;
}

div#logo {
margin: 0 15px 0 20px;
float: left;
max-width: 45%;
height: auto;
}

div.ympsubhead{
float: left;
font-size: 80%;
}

div.share2 {
display: none;
}
}

/*smaller displays*/
@media only screen
and (max-width : 720px)
and (min-width :480px)
{
img#top {
max-width:35%;
height:auto;
}

div#logo {
margin: 0 15px 0 20px;
float: left;
max-width: 55%;
height: auto;
}

div.ympsubhead{
white-space: nowrap;
clear: both;
float: left;
font-size: 80%;
margin: 0 0 2em 0; 
padding: 0;
}

div.share {
display: none;
}

div.share2 {
 float: none;
 clear: both;
 margin: 30px 0;
}

img {
  max-width: 90%;
}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
p, ul {
font-size: 110%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 240px) /*was 320, changed for testing*/
and (max-width : 480px) {
/*div#logo {
margin-top: 15px;
}*/

div#logo {
clear: both;
float: none;
max-width: 80%;
}

div.ympsubhead{
white-space: normal;
clear: both;
float: none;
text-align: center;
font-size: 60%;
margin: 5px 0;
}

div#content{
padding: 0.5em 10px;
}

p {
font-size: 14px;
}

div.montage {
display: none;
}

img#top {
display: none;
}

h1 {
font-size: 80%;
}

img {
  max-width: 90%;
}

div.share {
display: none;
}

div.share2 {
 float: none;
 clear: both;
 margin: 45px 0;
}
}