/*
Theme Name: Bespokeshoes
Theme URI: http://bespokeshoes.com.au/news
Author: Webfresh
Author URI: http://www.webfresh.com.au
Template: twentytwelve
Version: 1.0.0
*/

	
@import url('../twentytwelve/style.css');

	
	
@import url("../../../../css/bshoes.css");




/* need to reset back to the font for my css (can't stop custom-font-enabled from being added to body tag) */
body.custom-font-enabled {
	font-family: "Open Sans", Arial,  sans-serif;
}

/* override line-height 1 set on body. Normal seems to be different from 1. Should really have explicit line-height on my css */
#footer {
	line-height: normal;
}


.ie body {
	background-color: #ffffff;
}

body .site {
    padding: 0;
    margin-top: 0;
    margin-bottom: 2px;
    max-width: 980px;
    box-shadow: none;
}

/*  don't display left column blog title for small screens   */
   #secondary #pagetitle {
    	display: none;
    }

    .ie   #secondary #pagetitle {
    	display: table-cell;
    	height: 180px;
    }

   #primary #mob-pagetitle h1 {

	padding: 16px 13px 16px 13px ;
	font-size: 40px;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	}

	#primary #mob-pagetitle {
		display: table-cell;
	    text-align: center;
    	vertical-align: middle;
	   	width: 600px;
	   	height: 120px;
		/*background-color: #F1EFEF;*/
	   }


	
    /* used to put space after the header block  */
    .title-spacer{
    	height: 30px;
    }


/* turn off auto-hyphenation everywhere */

.site-content article {
   word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
   hyphens: none;
}

.widget-area .widget {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	word-wrap: normal;
}


/* reapply padding to search box fields */
button,
input,
textarea {

	padding: 6px;
	padding: 0.428571429rem;
}


/* sidebar paragraphs and links   */






#search-2 {
	margin-bottom: 0;
}

.widget-area .widget {
	padding-left: 10px;
}

.widget-area .widget h3 {
	margin-bottom: 14px;
	margin-bottom: 1.0rem;
	text-transform: none;
	/*color: #a3338B;*/
	font-size: 18px; 
	font-size: 1.286rem;
	font-weight: normal;
}



.widget-area .widget li {

	line-height: 1.5;
	margin-bottom: 8px;
	margin-bottom: 0.571rem;
}


.widget-area .widget a , .widget-area .widget a:visited {
	text-decoration: none;
	/*color: #2c164d;*/
	border-bottom: 1px solid #fcd7f4;  
}

 .widget-area .widget a:hover, .widget-area .widget a:active,  .widget-area .widgeta:focus
{
	color:#000000;  
	border-bottom: 1px solid #D9ADD1;  
}





a.rsslink {
    background: url("images/news-rss-feed.png") no-repeat scroll left 2px transparent;
    padding-left: 14px;
    padding-left: 1.0rem;
    font-size: 12px;
    font-size:  0.85714286rem;
}




/* posts  */

/* heading  -  */

#primary h1 {
	padding: 0;
	height:auto;
	border: none;
	/*color: #a3338B;*/

}



.entry-content h2,
.comment-content h2
 {
	margin: 35px 0 11px 0 ;
	margin: 2.5rem 0 0.8rem 0;
}


#content .entry-header .entry-title {
	font-family: "Open Sans", Arial,  sans-serif;
	font-weight: 300;
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.8;
	font-weight: normal;
	font-variant: normal;
	padding: 0;
	padding-bottom: 2px;
	padding-bottom: 0.14285714rem;
	margin-bottom: 20px;
	margin-bottom: 1.429rem;

	border-left: none;
	background-color: #ffffff;
	height: auto;
}



#content .entry-header .entry-title a, #content .entry-header .entry-title a:visited  {
	text-decoration: none;
	/*color: #a3338B;*/
	border-bottom: 3px solid #f9f9f9; 
	padding-bottom: 4px; 
}

#content .entry-header .entry-title a:hover{
	color: #000000;
}






/*  content  */

#content {
	margin-right: 10px;
	margin-right: 0.71428571rem;
	padding-left: 10px;
	padding-left: 0.71428571rem;
}


#content  a, #content a:visited  {
	text-decoration: none;
	border-bottom: 1px solid #fcd7f4; 
	color: #2c164d;
}

#content a:hover {
	color:#000000;  
	border-bottom: 1px solid #D9ADD1; 
}





.entry-content p {
	line-height: 1.5;
	font-size: 15px;
	font-size: 1.07rem;
}

.entry-date {
	color: #231f20;
}







#content .entry-content .more-link,  #content .entry-content .more-link:visited {

	/*color: #a3338B;*/

}

#content .entry-content .more-link:hover{
	color: #000000;
}


/*  get rid of box-shadow on images */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    box-shadow: none;
}


/* for gutenberg - margin is now on figure not img */

.wp-block-image .alignleft {
    margin-right: 1.8em;
}





/* =Archives  ' search */

.archive-header, .page-header {
	margin-bottom: 48px;
	margin-bottom: 3.429rem;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0.714em;
	padding-top: 0.714em;
	padding-bottom: 0.714em;
	background-color: #F1EFEF;
}


.archive-title, .page-title {
	line-height: 1.5;
	text-transform: none;
	font-weight: normal;
	font-size:20px;
	font-size:1.42857143rem;
}

.archive-title span, .page-title span {
	line-height: 1.5;
	text-transform: none;
	font-weight: normal;
	font-size:20px;
	font-size:1.42857143rem;
	font-variant: normal;
	padding-left: 10px;
	color: #000000;
}




@media screen and (min-width: 600px) {
/*-- move sidebar to the left --*/
    .site-content {
        float: right;
        margin-top: 20px;
        width: 61%;
    }
    .widget-area {
        float: left;
        margin-top: 2px;
        width: 31%;
    }


    #primary #mob-pagetitle {
    	display: none;
    }

    #secondary #pagetitle {
    	display: table-cell;
    	height: 180px;
    }
}

/* for IE8 and IE7 - move sidebar to the left --*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}

    .ie #primary #mob-pagetitle {
    	display: none;
    }



@media screen and (max-width: 900px) {

    .site-content {
        width: 66%;
    }

   .widget-area {
	    margin-top: 3px;
	    margin-left: 1%;
	 }
	#secondary #pagetitle {
			padding-top: 30px;
	}


 }

@media screen and (max-width: 700px) {
	.widget-area {
	    margin-top: 40px;
	 }

     #secondary #pagetitle {
    	height: 90px;
    }

    #secondary #pagetitle h1 {
    	font-size: 32px;
    }


	/* guteberg does not stack image blocks at mobile size */
	.wp-block-image.bs-blog-image figure {
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	}

}



@media screen and (max-width: 600px) {
	.site-content {
        width: 100%;
    }


}