/*

Theme Name: 	Michael Teaching (Suffusion Child)

Description: 	Theme based on Suffusion used for The Michael Teaching website.

Theme URL:	http://www.themichaelteaching.com

Version:	0.1.0

Author: 	Victor B. Andersen

Author URI:	http://www.victorb.net

Template: 	suffusion

*/



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

/* October 2018 hiding top breadcrumb on pages */
#main-col>.widgets_above_content+#subnav {
    display: none;
}

/* October 2018 widgets above and below content (inside main column) */

.widgets_above_content, .widgets_below_content {
	margin-top: 15px;
}
.widgets_above_content {
	margin-bottom: 15px;
}

.widgets_below_content .suf-widget {
    width: 48%;
    float: left; 
}

.widgets_below_content .suf-widget+.suf-widget {
    margin-left: 2.8%;
	float: right;
}



/** WOOCOMMERCE SHOP **/

.woocommerce ul.products>li.product h3 {
	padding: 0em .1em .1em .3em;
}

.woocommerce ul.products>li.product .price {
	font-size: 1.45em;
	color: #fff;
	padding: 0px 8px;
}

.woocommerce ul.products>li.product .add_to_cart_button {
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 1em .3em;
	text-transform: capitalize;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.products .sale .price {
	height: auto !important;
}

.woocommerce ul.products>li.product, .woocommerce-page.product-columns-5 ul.products li.product {
	margin-right: 2.8%;
	clear: none;
	float: none;
	display: inline-block;
}

.woocommerce ul.products>li.product.last {
	margin-right: 0;
}

.woocommerce ul.products>li.product a>img {
	width: 80%;
	margin: 3% 10%;
}

/** ARTICLE ENTRY **/

article .entry {

	font-size: 14px !important;
    	line-height: 1.6em !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em;

}

/* Fix for padding on page type containers */
div.page, div.type-page {
	border: 1px solid silver;

	padding: 25px 15px 15px 15px;

	clear:both;

	overflow: hidden;

	padding-bottom: 1em;

	margin-bottom: 10px;

/* add rounded corners */

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;	
}

/* Subnav link color update 2016 */
#subnav li a, #subnav li a:visited, #subnav .page_item {
	color: #3b85bd;
}
.hier-nav li a, .hier-nav li a:visited, .hier-nav .page_item {
	color: #53a4d3;
}

/* March 2014 test for making navigation menu links to tarot layouts wider */

li.menu-item-object-tarot-layout {

	/*width: inherit;*/

	min-width: 200px; 

}

li.menu-item-object-tarot-layout a, li.menu-item-object-tarot-layout>a {

	white-space: nowrap;

	min-width: 200px; 

}



/* May 2012 styling constant contact form widget */

.constant-contact-signup div, .constant-contact-signup input, .constant-contact-signup label {

	display: block-inline;

	text-align: center;

}



.constant-contact-signup p {

	font-weight: bold;

	font-style: italic;

	color: #006;

	font-size: 13px;

	text-align: center;

}



/* May 2012 fixing constant contact login description styles */

div#login div.description {

	color:#000000;

	text-transform: none;

	font-size:inherit;

}



/* May 2012 tarot-card tile width issue fix */

#content.hfeed td.suf-tile {

	width: 33%;

}



/* May 2014 attempt to shrink spacing between content lines */

.entry {

		font-size: 12px;
        line-height: 1.5em;

}



/* May 2012 attempt to eliminate Paragraph bottom-padding in Excerpts */

#content.hfeed .entry-container .entry p,

#content.hfeed div.entry.entry-content,

#content.hfeed footer.post-footer { 

	margin-bottom: 0px;

	padding-bottom: 0px; 

}



#content.hfeed article {

	margin: 0px 0px 8px 0px;

	padding: 5px 8px;

}

#content .page {
	background-color: #ffffff
}


/* QOTD Styles */

.widget_qotd_widget {
    background-color: #f7eb97;
/* 	font-size: 1.1em; */
}

.widget_qotd_widget p {
	font-size: 1.1em;
	color: #000;
	margin-left: 8px;
}

p#mqotd-question {
	margin-bottom: 0px;
}



h5.mqotd-heading, h5.mqotd-subheading {

	margin-left: 0px; padding-left: 0px;

	margin-bottom: 2px;

/* 	font-size:14px;

	line-height:15px;
 */
}



#michael-quote-of-the-day div.dbx-content {

	padding-left: 4px;

}



/* Testimonial Styles */



p#testimonial-body {

	color: #000;

	margin-bottom: 0px;

	padding-bottom: 3px;

	font-size: 12px;

	line-height: 15px;

}



h5.testimonial-author {

	padding-bottom: 0px;

	margin-bottom: 0px;

	font-size: 14px;

}



/* Style all navigation widget lists &*/



div.dbx-content ul {

	line-height: 15px;

}



div.dbcx-content ul li {

	list-style-image:none;

}





/* hide rss links in meta box */

/* Old versions had classes per meta link */

.widget_meta .rss { display: none; }





/* testing to see what these do when commented out... ( could not detect a change -VA 9/12/11 )

#header-widgets div.suf-widget { background-color: transparent; border-color: transparent; }


/* VA 6/13/16 - Removing wrapper border */
div#wrapper {
	border: 0px;
}

/* VA 9/12/11 - Hiding the title of the Meta widget, which does not appear in a header tag... */

	.widget_meta {

		font-size: 0px;

	}

	.widget_meta ul, .widget_meta li, .widget_meta a {

		font-size: 12px;

	}





/* style about-the-author widget within the header */

	#header-widgets div.suf-widget { 

		float: right; 

		position: relative; 

		width: 380px; 

		margin: 0px 33px -12px 0px;

		font-size: 13px;

		font-weight: 600;

	/*  	text-shadow: 1px 1px 1px black;  */

		background: none; 

		background-color: transparent;

		border: 0px solid white;

	}

	

	/* hide the title ( for all widgets in header -- currently just this one as of 9/12/11 ) */

	#header-widgets div.suf-widget h3 { display: none; } 

	

	table.about-the-author {

		border: 0px solid white;

	}

	

	table.about-the-author td {

		vertical-align: top;

	}

	

	/* add padding between picture and text */

	table.about-the-author .author-quote {

		padding-left: 0px;
		padding-top: 8px;
		margin-right: -30px;

	}

		

	/* text should be white and stay white */

	div.suf-widget .author-quote, div.suf-widget .author-quote a, div.suf-widget .author-quote a:visited {

		color: white;

	}	

	

	/* linked text should highlight light blue without an underline */

	div.suf-widget .author-quote a:hover {

		color: #00FF00; 

		text-decoration: none;

	}





/*

div.suf-widget .author-quote { position: relative; width: 170px; height: 1px; left: 70px; top: 0px; }

*/

/* increase visibility of credits below content */

#cred { color: white; font-size: 13px; }

#cred a, #cred a:visited { color: lightblue; }

#cred a:hover { color: #C077FF; }



#page-footer {  margin-bottom: 15px; }



/* search results above-content */

form.search-info, form.searchform {

	display: inline;

}





/* widget for VEP club */

.suf-widget .vep-club-image {

	align: center;

	text-align: center;

	width: 100%;

}



.suf-widget .vep-club-description {

	padding: 5px 2px;

	text-align: center;

}






/* post byline/meta text */

.post .author, .post .category, .post .comments {

	color: #333333;

}



/* comic black-outlined bold text */

.comic-bold {

	font-family: 		Myriad, 'Myriad Pro', 'Alber New Bold', 'Velino Sans Black', Helvetica, Arial, Sans-Serif;

	font-weight: 		bold;

	font-size: 		150%;

	letter-spacing: 	0.14em;

	line-height: 		1.27em;

	padding-left:	 	2px;

	text-shadow:		/* 2px black outline with 1px blur and a 3px drop shadow */

				-1px -1px 0px #000, 1px 1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000,

				-1px  0px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000, 0px 1px 0px #000,

				0px 0px 2px #000, 2px 1px 3px #333; 

}



a.comic-bold:hover, .comic-bold a:hover {

	color:			#00FF00;

	text-decoration:	none;

}



/* navigation for tarot sections */



body.single-tarot-card div.post-nav a, body.single-tarot-card div.post-nav a:visited {

	color: #333;

	font-size: 12px;

}





/**

 * Headings (H1 - H6)

 **/



/* link for front page post titles and content headings */

h2.posttitle a.entry-title, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1.posttitle a, h2.posttitle a, h2.posttitle a.entry-title:visited, h1.posttitle a:visited, h2.posttitle a:visited {
	color: 			#3b85bd;
}



h2.posttitle a.entry-title:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1.posttitle a:hover, h2.posttitle a:hover {

	color: 			#53a4d3;

}





/* make all headers in content use same font */

#content h1, #content h2, #content h3, #content h4 {

	font-family: 		Myriad, 'Myriad Pro', 'Alber New Bold', 'Velino Sans Black', Helvetica, Arial, Sans-Serif;

	color: 				#3b85bd;

}


/* give heavier weights and larger shadows to primary headings */

#content h2 {
	text-shadow: 		-1px 1px 0px #000;
	letter-spacing:		0.06em;
	font-weight: 		bold;	
}


/* size down h3 and color same blue as h1 title link */

#content h3 {
	color:				#3b85bd;
	font-size:			22px;
	font-weight: 		bold;	
}

#content h4 {
	font-size:			20px;
}

#content h6 {
	font-size:			14px;
	line-height:		16px;
}





/** 

 * Links within headings 

 **/

 

/* remove underline */

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {

	text-decoration:	none;

}





/* site title */

#header .blogtitle {

	padding: 		0px 0px 10px 0px;

	font-size: 		48px;

	font-family: 		Marcellus, Serif;

	font-weight: 		800;

	letter-spacing: 	7px;

	color: 			#2c9c10;

	text-shadow: 		
 				-1px 1px 1px #000,
				1px 2px 3px #fbea4c,
				1px -1px 3px #fbea4c,
				-2px 2px 3px #fbea4c,
				-2px -1px 3px #fbea4c,
				0px 0px 25px #fbea4c,
				0px 0px 35px #fed54f,
				0px 0px 45px #e09519,
				0px 0px 55px #b6580c;



}

#header {
	margin-left: 25px;
}

/* site subtitle */

#header div.description {

	text-transform: 	capitalize;

	font-family: 		Myriad, 'Myriad Pro', 'Alber New Bold', 'Velino Sans Black', Helvetica, Arial, Sans-Serif;

	font-weight: 		bold;	

	letter-spacing: 	0.1em;

	font-size: 		18px;
	color:			#000;
	text-shadow: 		1px 1px 2px #fbea4c,
				1px -1px 2px #fbea4c,
				-1px 1px 2px #fbea4c,
				-1px -1px 2px #fbea4c,
				0px 0px 5px #fed54f,
				0px 0px 8px #e09519;

}

/* VA 6/13/16 - Adding a second byline to the site title */
header div.description::after {
	display: block;
	content: 'Featuring Commentary from Michael\'s Consortium';
}

/* Featured Content Slider */
#slider a.featured-content-title {
	font-size:	16px;
}

#slider div.right {
	font-size: 13px;
	font-weight: 600;
}


/* front page post titles */

h2.posttitle, #content h1 {
	text-transform: capitalize;
	text-shadow:		-1px 1px 0px #000;
	font-family: 		Myriad, 'Myriad Pro', 'Alber New Bold', 'Velino Sans Black', Helvetica, Arial, Sans-Serif;
	font-weight: 		bold;
	letter-spacing: 	0.1em;
	line-spacing:		0.9em;
}

/*

#content h1.posttitle, #content h1.posttitle a, #content h1.posttitle a:visited {

  	color: 			#3b85bd;
	text-shadow:		-1px 1px 0px #000;
  	font-size: 		22pt;

}

*/

/* byline links */

.postdata a {

	color: 			#2B3F8F;

}



.postdata a:visited {

	color: 			#000066;

}



.postdata a:hover {

	color: 			#B000A4;

}



/* post-content tag list */

#content .tags {

	color: 			#333333;

}



#content .tags a {

	color: 			#000066;

}



#content .tags a:visited {

	color: 			#000066;

}



#content .tags a:hover {

	color: 			#B000A4;

}



/* Continue reading >> */

.more-link {

	font-family: 		Myriad, 'Myriad Pro', 'Alber New Bold', 'Velino Sans Black', Helvetica, Arial, Sans-Serif;

	font-size: 		13pt;
	margin-top:		4px;
	letter-spacing: 	0.13em;

	text-shadow:		/* 2px black outline with 1px blur and a 3px drop shadow */

				-1px -1px 0px #000, 1px 1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000,

				-1px  0px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000, 0px 1px 0px #000

				; 

}



/* sidebar */

.sidebar-shell input[type='text'] {
	width: 95%;
}

h3.dbx-handle {


	background-image: 	url(/wp-content/themes/suffusion/images/menu-dark.jpg);

	background-repeat-x: 	repeat;

	background-repeat-y: 	no-repeat;

	background-attachment: 	initial;

	background-position-x: 	0%;

	background-position-y: 	0%;

	background-origin: 	initial;

	background-clip: 	initial;

	background-color: 	#D785A7;

	color: 			white;

	text-shadow:		1px 1px 2px #000;

}



h3.dbx-handle:hover {

	color: 			white;

}



/* left or right-aligned sidebars within the main content */

.alignright, .align-right .right {

	float:			right;

	text-align:		center;

	padding:		0px 0px 20px 10px;	

}

.alignleft, .align-left .left {

	float:			left;

	text-align:		center;

	padding:		0px 10px 20px 0px;	

}







/**

 * Table of Contents Styles

 **/



#toc_container  {

	padding:    		0px;

	border: 		1px solid #666666;

	background-color:	rgba(180, 180, 120, 0.55);

	text-align:		left;

	

}



.tcard-description #toc_container {

	width: 511;

	margin-left: 188px;

}


.widget_mtarot_card_widget .tcard-face {
	width: 100%;
	max-width: 120px;
	height: auto;
}


#toc_container h1 {

	text-align: 		center;

	width: 			100%;

	border-bottom: 		1px solid #666666;

	color:			#D785A7;

	font-size:		22px;

}



#toc_container ul {

	margin:			0px;

	padding:		0px;

}



#toc_container ul li {

	list-style-type: 	none;

	margin-left: 		5px;

}



#toc_container a {

	text-transform:		capitalize;

	font-family: 		Myriad, 'Myriad Pro', 'Alber New Bold', 'Velino Sans Black', Helvetica, Arial, Sans-Serif;

	text-shadow: 		#666 1px 1px 3px;

	font-weight:		bold;

	color:			#003399;

}



#toc_container a:visited {

	color:			#000066;

}





/**

 * Table Data Styles for Tarot Card List

 **/



/* data tables */

table.data {

	width: 			100%;

	border: 		1px solid #efc608;

}



/* data table headings */

table.data th {

	font-weight:		bold;

	vertical-align:		middle;

	background-color: 	#69A0FF;

}



/* data table rows */

table.data tr {

	margin:			0px 0px 1px 0px;

	padding: 		0px;

}



/* data table cells */

table.data td {

	text-align:		center;

	vertical-align:		top;

	margin:			0px 1px; 

	padding:		2px 1px;

}



table.data a {

	color:			#000099;

}

table.data a:visited {

	color:			#000066;

}

table.data a:hover {

	color:			#6666FF;

}