/*
Theme Name: Chef Micheal Smith
Theme URI: http: //pinwheeldesign.ca/
Description: A custom theme for Chef Micheal Smith. A child theme for edition.
Author: Pinwheel Design
Author URI: http: //pinwheeldesign.ca/
Template: edition
Version: 100.1
*/

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


/**** PINWHEEL MODS ****/

/* HEADER */

.top-bar { background: #538ab7; }
.topbar-left {display: none;}
.topbar-right { text-align: center; padding: 0; }
.topbar-right i, .topbar-right a i {color: #fff;}

#logo.table-cell {width: 100%;}
#logo h1, #logo h2 {float: none;}
#logo img {width: 400px; height: auto; margin: 0 auto; max-width: 100%;}
.top-nav.altnav .top-ad {display: none;}


/* NAV MENU */

.top-nav.altnav #menu ul > li > a {font-weight: 700;font-size: 13.5px; /*color: #538ab7;*/ padding: 1.5em 2.3em 1.5em 0;}
.top-nav.altnav #menu ul > li li > a {/*color: #538ab7;*/ padding: 0.5em 2em 0.5em 0; }
.top-nav.altnav #menu ul > li > a:hover, .top-nav.altnav #menu ul > li > a:active, .top-nav.altnav #menu ul > li > a:focus {color: #538ab7;}
.top-nav.altnav .sf-menu > li:hover > ul, .top-nav.altnav .sf-menu > li.sfHover > ul {top: 3.6em;}


/* SMALLER */
.top-nav.altnav #menu ul > li > a {font-size: 12px; padding-right: 17px;}

@media only screen and (max-width: 1199px) {
.top-nav.altnav #menu ul > li > a {font-size: 9px; padding-right: 10px}
}


/* MICHAEL IMAGE */

/* Original
.chef-header {
	background: url('images/michael-smith-header.png') top left no-repeat;
	background-size: 100%;
	position: absolute;
	width: 248px;
	height: 223px;
	right: 81px;
	bottom: -30px;
	opacity: 1;
	transition: opacity .5s ease;
	z-index: 900;
} */

.chef-header {
  background: url('images/michael-smith-header-2015.png') top left no-repeat;
  background-size: 100%;
  position: absolute;
  width: 160px;
  height: 222px;
  right: 45px;
  bottom: -33px;
  opacity: 1;
  transition: opacity .5s ease;
  z-index: 900;
}

.is_stuck .chef-header {opacity: 0;}


/* SEARCH */

.top-nav.altnav .searchnav {padding-top: 0.25em; z-index: 990;}
.altnav .top-nav .search {z-index: 999;}
.altnav .top-nav .search input#s {background: #538ab7; color: #fff;}
.search i.searchbutton {color: #538ab7;}
.altnav .top-nav .search input#s::-webkit-input-placeholder { color: #fff;}
.altnav .top-nav .search input#s:-moz-placeholder { color: #fff;}
.altnav .top-nav .search input#s::-moz-placeholder { color: #fff;}
.altnav .top-nav .search input#s:-ms-input-placeholder { color: #fff;}

.mm-search {display:none;}
#menu .menu-item.mobile {display:none;}


/* Display the search */

.top-nav input#s {
  width: 120px;
  filter: alpha(opacity=0.8);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

.search i.searchbutton {color: #fff;}


/* SITE HIGHLIGHT COLOUR */

a, a:hover, #share-box span, .thumbintro span a, .c100:hover > span, a.more-link, span.highlight, .score, .button, .tw-button, a.tw-button, a.button, a.more-link, #submit, .tw-postshortcode a.more-link, input[type=submit], .single .authorinfo.not-full a:hover, .edition .tw-button, .edition a.tw-button, .edition .tw-postshortcode a.more-link {color: #538ab7; border-color: #538ab7;}

a.more-link:hover, a.more-link:active, a.more-link:focus,
input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {background: #538ab7; }


.badge a, .widget .tagcloud a, .badgesliver.highlight, .sharing a .sharecircle, .tabswrap ul.tabs li a.active, .tabswrap ul.tabs li a:hover, .breakdown .line {background: #538ab7;}
.badge a:before, .badgesliver.highlight:before {border-right-color: #538ab7;}
.badge a:after, .badgesliver.highlight:after {border-left-color: #538ab7;}



/* HOME PAGE */

.homeposts.sidebar-grid .isobrick-inner img {width: 100%!important; min-height: 100%!important; }
.carouselpost .isobrick-inner img {min-height: 100%!important; min-width: 100%!important;}




.page-template-template-home-slider .pagetitle { padding: 20px 0; }

.grid-item .isobrick-inner img {
  min-height: 100%!important;
  min-width: 100%!important;
}



/* PAGE TITLES */


.home.page .pagetitle {padding: 20px 0;}
.pagetitle {background: #222; }
.pagetitle .title {color: #fff!important;}
.blog .no-background .pagetitle, .archive .no-background .pagetitle, .search .no-background .pagetitle, .page .no-background .pagetitle, .error404 .no-background .pagetitle {padding-bottom: 15px;}
.blog .no-background .subheadline, .archive .no-background .subheadline, .search .no-background .subheadline, .page .no-background .subheadline, .error404 .no-background .subheadline {color: #ddd;}
.has-background .slidecaption .title {text-shadow: 0 0 4px #000;}
.has-background .slidecaption .subheadline {opacity: 1; text-shadow: 0 0 2px #000;}
.has-background #breadcrumbs li a, .page .has-background #breadcrumbs li, .page .has-background #breadcrumbs .separator {color: #fff; text-shadow: 1px 1px 1px #000;}



/* SINGLE PAGES */

.single .postcontent {min-height: 80px;}


/* COOKBOOKS */

.cookbook {margin-top: 30px; padding-bottom: 30px; border-bottom: 2px dotted #bbb;}
.cookbook h2 {text-transform: uppercase;}
.cookbook img {float: left; margin-right: 30px; margin-bottom: 30px;}
.cookbook a.tw-button {margin-right: 10px;}


/* VIDEOS */

@media only screen and (max-width: 1199px) {
.video .rightside .righttitle { width: 100%; padding: 0px 20px 0px 15px;}
}

.video .play-button {
position:absolute;
top: 0;
left: 0;
z-index: 8;
width: 100%;
height: 100%;
background: url('images/play-button.png') 0 0 no-repeat;
background-size: 100%;
transition: opacity 0.5s;
}

.video .play-button:hover, .video .play-button:active, .video .play-button:focus { opacity: 0; }

.single .video .rightside {margin-top: 0 !important;}

.single .video h1.title {
font-family: Lato;
text-transform: uppercase;
font-weight: 900;
font-style: normal;
font-size: 44px;
color: #333 !important;
}

.single .food-network-video-wrapper {margin-bottom: 20px;}



/* RECIPES */

.recipe .pagetitle {padding: 120px 0!important;}

.single-recipe .pagetitle .title {font-size: 60px; text-shadow: 0 0 4px #000; }

@media only screen and (max-width: 1199px) {
.single-recipe .pagetitleloading .pagetitle .title { font-size: 42px !important;}
}

@media only screen and (max-width: 991px) {
.single-recipe .pagetitle .title {font-size: 36px !important; text-shadow: 0 0 2px #000;}
.recipe .pagetitle {padding: 40px 0!important;}
}

@media only screen and (max-width: 767px) {
.single-recipe .pagetitle .title {font-size: 26px !important; text-shadow: 0 0 2px #000;}
}

.recipe .date {
  display: block;
  background: #111;
  padding: 24px;
  position: absolute;
  top: 50%;
  margin-top: -41px;
  right: 0;
  margin-bottom: 40px;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #999;
  width: 200px;
  transition: all 0.5s ease;
}

.recipe .date .month {
  color: #fff;
}

.recipe .date span.day {
  color: #fff;
  float: left;
  margin-right: 12px;
  margin-bottom: 0;
  padding: 0;
  letter-spacing: 0;
  padding-right: 12px;
  border-right: 1px solid #777;
  font-size: 40px;
  line-height: 33px;
}

.recipe .date p {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
.recipe .date {display: none;}
}

.recipe .byline img.avatar-38 {width:38px!important; height: 38px!important;}
.recipe .tiny-details { text-shadow: 1px 1px 1px #000; color: #fff;}
.recipe .tiny-details a { color: #fff!important;}

.recipe img.box-image {
	float: left; 
	border: 5px solid #fff; 
	box-shadow: 0 0 4px #000;
	margin-right: 20px;
	margin-bottom: 20px;
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-webkit-transform:rotate(-3deg); /* Opera, Chrome, and Safari */
}


.recipe.has-full-image.no-thumbnail .rightside {
margin-top: -40px;
}

.recipe p.yield { color: #999; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px;}
.recipe .ingredients {border-right: 2px dashed #ddd; padding-right: 10px;}
.recipe .ingredients p { font-size: 13px;}
.recipe .ingredients p strong { text-transform: uppercase;}
.recipe .variations p { font-style: italic; }





/* No dates! */

.thumboverdate, .updated {
display: none;
}





/* FAQ */

.ui-accordion-content ul li strong {display: block;}


/* PHOTO GALLERY */




/* WIDGETS */

.widget h3.widget-title, .widget h2.widget-title, .widget h4.widget-title {font-size: 18px !important;}
.widget.custom-categories h4.widget-title {font-size: 18px !important; margin-top: 7px;}
.widget.custom-categories ul li a {font-size: 18px; line-height: 30px;}


/*.widget_mc4wp_widget h4:before {
content: "r";
font-family: socialfans!important;
font-style: normal!important;
font-weight: 400!important;
font-variant: normal!important;
text-transform: none!important;
speak: none;
background: none!important;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .4em;
text-align: center;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
color: #538ab7;
font-size: 30px !important;
top: 8px;
position: relative;
}*/

.widget_mc4wp_widget h4:before {
	content: "";
	width: 64px;
	height: 45px;
	background: url('images/arrow.png') top left no-repeat;
	background-size: 100%;
	display: inline-block;
	position: relative;
	top: 24px;
	left: -4px;
}

.widget_mc4wp_widget h4 {
	color: #538ab7;
	position: relative;
	top: -22px;
	left: -20px;
	margin-bottom: -15px!important;
}


form.mc4wp-form input#mc4wp_email {
	border: 2px solid #538ab7 !important;
	border-radius: 3px;
}

form.mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"] { background: none; border-color: #538ab7; }
form.mc4wp-form input[type="submit"]:hover, form.mc4wp-form input[type="submit"]:active, form.mc4wp-form input[type="submit"]:focus, div.mc4wp-form button[type="submit"]:hover, div.mc4wp-form button[type="submit"]:active, div.mc4wp-form button[type="submit"]:focus {background: #538ab7; }

.widget_mc4wp_widget input[type=submit] {float: left; margin-right: 10px;}
.widget_mc4wp_widget .newsy {line-height: 18px;}


ul.aec-eventlist li {
	cursor: pointer;
	background: none!important;
	border: 2px solid;
	color: #538ab7!important;
	margin: 10px 0;
	transition: all 0.5s;
}

ul.aec-eventlist li:hover, ul.aec-eventlist li:focus, ul.aec-eventlist li:active {
	background: #538ab7!important;
	color: #fff!important;
	border: 2px solid #538ab7!important;
	box-shadow: none;
}

.aec-eventlist .fc-event-time {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 11px!important;
line-height: 1.3em;
margin-top: 6px;
}
.aec-eventlist .fc-event-title {
font-weight: normal!important;
font-size: 18px;
line-height: 1.3em;
display: block;
}



/* GRID POSTS */

img.scale-with-grid {width: 100%;}
.pagination {margin-bottom: 50px;}


/* FOOTER */

.dark .widget .widget-title { color: #538ab7; }
.top {z-index: 9999; }
.copyright {
	text-align: center;
	text-transform: uppercase;
	padding: 16px 0;
	font-size: 10px;
	letter-spacing: 0.2em;
	background: #538ab7;
	color: #fff;
}


/* MEDIA QUERIES */

/* Widths smaller than 1199 */
@media only screen and (max-width: 1199px) {

	#logo img { width: 325px; }

	.top-nav.altnav #menu ul > li > a { 
		font-size: 11px;
		padding-right: 2em;
	}

	.top-nav.altnav .sf-menu > li:hover > ul, .top-nav.altnav .sf-menu > li.sfHover > ul {top: 3em;}

	.chef-header {
		width: 190px;
		height: 178px;
		right: 70px;
	}
	
	.top-nav.altnav .searchnav { padding-top: 0; }

}


/* Widths between 992px and 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) { }

/* Widths less than 991px */
@media only screen and (max-width: 991px) { 
	
	.altnav #logo.table-cell {
		float: none;
		margin-bottom: -32px;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media screen and (max-width: 767px) { 
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 

	#logo img { width: 230px; }
	
}


/* Printer Friendly */

@media only print { 

	*, body, p {font-size: 12px!important; line-height: 1.4em!important;}
	
	* {margin-top: 0!important; margin-bottom: 0!important; padding-top: 0!important; padding-bottom: 0!important; height: auto!important; }
	
	p {margin-bottom: 1em!important;}

	a[href]:after {content: none !important; }
  
	nav, .top-bar, .top-nav,
	.slidecaption .badge,
	.backstretch img,
	.recipe .date,
	.sharingwrap,
	.tagcloud.badge,
	.authorboxwrap,
	.related-posts,
	.regulargrid,
	.sidebar,
	.top
	 { display: none !important; }

	.pagetitleloading.background-imaged .pagetitle {padding: 0!important; margin: 0!important; display: block; height: auto; }
	.slidecaptioncenter {padding: 0!important; margin: 0!important; display: block; height: auto;}
	.slidecaption h1.title {font-size: 40px!important;}
	.svg.smil .loading, .svg.smil .loading-dark {background: #fff!important;}
	.slidecaption h1.title, .slidecaption .byline, .slidecaption .byline .tiny-details a {color: #000; text-shadow: none;}
	
	.rightcontent {margin: 20px 0!important; }

}





/* 2015 ADDITIONS */


.top-nav.altnav #menu ul > li > a {font-size: 13.5px;}

@media only screen and (max-width: 1199px) {
.top-nav.altnav #menu ul > li > a {font-size: 11px;}
}

.mm-search {display:none;}

#menu .menu-item.mobile {display:none;}


.page-template-template-home-slider .pagetitle { padding: 20px 0; }

.grid-item .isobrick-inner img {
  min-height: 100%!important;
  min-width: 100%!important;
}



.chef-slider {margin-bottom: -4px;}
.chef-slider .isotopecontainer {margin-bottom:0;}

.chef-slider .grid-item .thumbovertext .badge {
  display: inline-block;
}

.chef-slider .grid-item .thumbovertext .title {
  margin-top: -13px;
}


.chef-slider .pagination {margin:0; height:0;}
.chef-slider .pagination .pagenumbers {padding: 0;}
.chef-slider .pagination .page-numbers { display: none; }
.chef-slider .pagination .divider { display: none; }

.chef-slider .pagination .prev, .chef-slider .pagination .next {
    display:block;
    position: absolute;
    top: 44%;
    height: 100px;
    width: 50px;
    text-indent: -9999999px;
    border: 0;
    opacity: 0;
}

.chef-slider .pagination .prev { 
    left: 15px; 
    background: #222222 url(http://chefmichaelsmith.com/wp-content/themes/edition/images/left-arrow-thick.svg) center no-repeat;
    background-size: 26px; 
}
.chef-slider .pagination .next { 
    right: -6px; 
    background: #222222 url(http://chefmichaelsmith.com/wp-content/themes/edition/images/right-arrow-thick.svg) center no-repeat;
    background-size: 26px; 
}

.chef-slider:active .pagination .next,
.chef-slider:hover .pagination .next,
.chef-slider:focus .pagination .next,
.chef-slider:active .pagination .prev,
.chef-slider:hover .pagination .prev,
.chef-slider:focus .pagination .prev { opacity: 1; }



.top-nav.altnav #menu ul > li > a { padding-right: 1.7em;}

@media only screen and (max-width: 1199px) {
.chef-slider .pagination .next { right: 17px; }
.top-nav.altnav #menu ul > li > a { padding-right: 1.1em; }
}

@media only screen and (max-width: 991px) {
.chef-slider .pagination .next { right: 8px; }
}


@media screen and (max-width: 767px) {
.grid .chef-slider .isobrick { width: 100%; }
.grid .chef-slider .isobrick .fullgrid img {margin-left:0;}
.chef-slider .pagination .prev, .chef-slider .pagination .next { display:none; }
}




/* 2019 FIXES */

.single .no-full-image h1.title {
    color: #fff !important;
}