h1.site-title a{text-transform:capitalize;font-size:48pt; color:/*#f49ac1*/#C0478E;
}
h1.site-title:before {
content: "Eclectic Singer- Songwriter";
display: block;
font-size: 24px;text-transform:capitalize;
}
.site-description {display: block;
}
div.intro-content p{text-align:left;padding-top:0;font-size:16pt;padding-left:0;margin-right:0;color:/*#f49ac1*/#C0478E;}
div.intro-area{text-align:left; }
h2.intro-title{margin:0;text-transform:Capitalize !important;color:#C0478E!important;font-family:'great-day';font-size:38pt !important;
}
.page-id-6 h2.intro-title {display:none;}
.site-navigation {text-transform:lowercase
}
/*
.column {
    float: left;
    width: 50%;
}
*/
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other 
@media (max-width: 600px) {
    .column {
        width: 100%;
    }
}*/
h1.block-grid-item-title{font-size:36pt}
h1.entry-title{font-size:36pt}
.block-grid-item-thumbnail{
box-shadow: 5px 5px 15px 5px #000000;
}
h1.block-grid-item-title:hover{color:/*#BD3A87*/red;
}
a.customize-unpreviewable:hover{color:#BD3A87;font-weight:bold;}
/* to change one page that has a parent (so I can't easily customize the child as in the record or video archives in this theme) to conform to what I want - in this case for album title to appear on header for page -first thing is to find the page ID which is under body class = ... and the page id can be found under there somewhere so*/
/*Ordinary magic page*/
/*body.page-id-296 h2.intro-title {
display:none;
}
body.page-id-296 div.intro-area:before {
	content: "Ordinary Magic" !important;
}
/*OM page ID 296*/
/* Torch Page ID 291 */
/*Navigator Page ID 300*/
/*Fd Up Page ID 298*/
body.page-id-296 h2.intro-title:after{ display:block;
	content:"Ordinary Magic" !important;
font-family:'great-day';
font-size:48pt;color:/*#f49ac1*/#C0478E;
	text-transform:capitalize; text-align:left;}
body.page-id-291 h2.intro-title:after{ display:block;
	content:"Torch" !important;font-family:'great-day';
font-size:48pt;color:/*#f49ac1*/#C0478E;
	text-transform:capitalize; text-align:left;}
body.page-id-300 h2.intro-title:after{ display:block;
	content:"The Navigator" !important;
font-family:'great-day';
font-size:48pt;color:/*#f49ac1*/#C0478E;
	text-transform:capitalize; text-align:left;}
body.page-id-298 h2.intro-title:after{ display:block;
	content:"F'd Up About Love" !important;
font-family:'great-day';
font-size:48pt;color:/*#f49ac1*/#C0478E;
	text-transform:capitalize; text-align:left;}
h1.summary-item-title a{font-size:38pt;color:black;
}
h1.summary-item-title a:hover{color:red;}
/* site title:after the element to hide "eclectic singer-songwriter on pages it isn't working on (or to change color)
 I found these page IDs just by clicking on the menu item for the page and then the page IDs are in the URL
 about 2
music 288
lyrics 346
photos 355
contact 204
links  128*/
/*.page-id-288 h1.site-title:after{display:none;
}
.page-id-346 h1.site-title:after {display:none;}*/
.page-id-355 h1.site-title:before {display:none;}
/*.page-id-204 h1.site-title:after {display:none;}*/
.page-id-128 h1.site-title:before {display:none;}
.page-id-2 h1.site-title:before {display:none;
}
/* only make the change for phone view "@media only screen and (max-width: 600px)" page 288 is the parent page but I couldn't figure out how to make the children all inherit the change without messing too much with the theme so I just did it for each album page IF ADDING RECORDS CHANGE THAT PAGE TOO!!! */
 @media only screen and (max-width: 600px) {.page-id-288 h1.site-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-288 h2.intro-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-296 h1.site-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-296 h2.intro-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-291 h1.site-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-291 h2.intro-title  {
        display:none
	 }} 
@media only screen and (max-width: 600px) {.page-id-298 h1.site-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-298 h2.intro-title  {
        display:none
	 }}
@media only screen and (max-width: 600px) {.page-id-300 h1.site-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-300 h2.intro-title  {
        display:none
	 }}
 @media only screen and (max-width: 600px) {.page-id-288 div.intro-area:after {
content: "Recordings";
display: block;
font-size: 48px;font-family:'great-day'; color:#C0478E
	 }}
 @media only screen and (max-width: 600px) {.page-id-291 div.intro-area:after {
content: "Recordings";
display: block;
font-size: 48px;font-family:'great-day'; color:#C0478E
	 }}
 @media only screen and (max-width: 600px) {.page-id-296 div.intro-area:after {
content: "Recordings";
display: block;
font-size: 48px;font-family:'great-day'; color:#C0478E
	 }}
 @media only screen and (max-width: 600px) {.page-id-298 div.intro-area:after {
content: "Recordings";
display: block;
font-size: 48px;font-family:'great-day'; color:#C0478E
	 }}
 @media only screen and (max-width: 600px) {.page-id-300 div.intro-area:after {
content: "Recordings";
display: block;
font-size: 48px;font-family:'great-day'; color:#C0478E
	 }}
@media only screen and (max-width: 600px) {h1.site-title{display:none}}
@media only screen and (max-width:600px) {.page-id-6 h1.site-title {display:block !important}}
h3.sd-title {display:none !important}
div.jetpack-likes-widget-wrapper {
	display: none;
}
div.jp-carousel-titleanddesc-title {display:none}
div.entry-content h5 {text-transform:Capitalize;
}
/*note:At first I just made each child page have the same featured image as the parent by setting it on the child page (I did this for the recordings) but then for the lyrics I just used a plugin to make the child pages featured image the same as the parent - much easier and that worked*/
/*for lyrics: here is how I did the header 
 *1. I used the JSM inherit featured image plugin to get the image to be the same for all the child pages (this also would work for recordings but I did those separately which also works but is too big of a deal if there are a lot of child pages)
2. Make the lyric page for each lyric with the tile of the page the title of the lyric so that the permalink has the lyric name in it
3. later on go back and change the title to "Lyrics" so that that intro-title is the same as the parent (I couldn't find another way and this is pretty easy
Done!
*/
div #upcoming_events_widget-8:after {content:'New electronic folk/rock singles on the way in 2019! In studio now - stay tuned!' !important; font-family:'Roboto Slab'!important; font-size: 14pt !important; color: #333 !important;}

div #upcoming_events_widget-8 p {display:none !important;}

/*header for newsroom/press release page 997*/
.page-id-997 h1.site-title:before {display:none}