/*
Theme Name: DanceMagazine_V1
Author: Macfadden
Author URI: http://www.macfad.com
Description: Macfadden Base Theme with customization for DanceMagazine.
Version: 1.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* line 8, sass/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 19, sass/_reset.scss */
html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

/* line 27, sass/_reset.scss */
*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 30, sass/_reset.scss */
body {
  background: #e6e6e6;
  /* Fallback for when there is no custom background color defined. */
}

/* line 42, sass/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

/* line 45, sass/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 48, sass/_reset.scss */
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

/* line 52, sass/_reset.scss */
caption, th, td {
  font-weight: normal;
  text-align: left;
}

/* line 57, sass/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

/* line 60, sass/_reset.scss */
blockquote, q {
  quotes: "" "";
}

/* line 63, sass/_reset.scss */
a:focus {
  outline: thin dotted;
}

/* line 67, sass/_reset.scss */
a:hover,
a:active {
  outline: 0;
}

/* line 70, sass/_reset.scss */
a img {
  border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/* line 5, sass/typography/_typography.scss */
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

/* line 1, sass/typography/_headings.scss */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

/* line 1, sass/typography/_copy.scss */
p {
  margin-bottom: 1.5em;
}

/* line 5, sass/typography/_copy.scss */
b, strong {
  font-weight: bold;
}

/* line 9, sass/typography/_copy.scss */
dfn, cite, em, i {
  font-style: italic;
}

/* line 13, sass/typography/_copy.scss */
blockquote {
  margin: 0 1.5em;
}

/* line 17, sass/typography/_copy.scss */
address {
  margin: 0 0 1.5em;
}

/* line 21, sass/typography/_copy.scss */
pre {
  background: #eeeeee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

/* line 32, sass/typography/_copy.scss */
code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* line 37, sass/typography/_copy.scss */
abbr, acronym {
  border-bottom: 1px dotted #666666;
  cursor: help;
}

/* line 42, sass/typography/_copy.scss */
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

/* line 48, sass/typography/_copy.scss */
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 56, sass/typography/_copy.scss */
sup {
  bottom: 1ex;
}

/* line 60, sass/typography/_copy.scss */
sub {
  top: .5ex;
}

/* line 64, sass/typography/_copy.scss */
small {
  font-size: 75%;
}

/* line 68, sass/typography/_copy.scss */
big {
  font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
/* line 1, sass/elements/_elements.scss */
hr {
  background-color: #cccccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* line 1, sass/elements/_lists.scss */
ul, ol {
  margin: 0 0 1.5em 3em;
}

/* line 5, sass/elements/_lists.scss */
#primary ul, #primary ol {
  margin: 0 0 1.5em 1em;
  font-size: 0.9em;
}

/* line 11, sass/elements/_lists.scss */
#secondary ul, #secondary ol {
  margin: 0 0 1.5em 1.5em;
  font-size: 0.9em;
}

/* line 17, sass/elements/_lists.scss */
ul {
  list-style: disc;
}

/* line 21, sass/elements/_lists.scss */
ol {
  list-style: decimal;
}

/* line 26, sass/elements/_lists.scss */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/* line 31, sass/elements/_lists.scss */
dt {
  font-weight: bold;
}

/* line 35, sass/elements/_lists.scss */
dd {
  margin: 0 1.5em 1.5em;
}

/* PAGINATION */
/* line 41, sass/elements/_lists.scss */
#primary ul.pagination {
  margin: 0px auto 0px auto;
  padding: 0px 0px 10px 0px;
  position: relative;
  font-size: 0.7em;
  line-height: 1;
  list-style-type: none;
  display: table;
  text-align: center;
}
/* line 51, sass/elements/_lists.scss */
#primary ul.pagination li {
  float: left;
  vertical-align: middle;
  background-color: #fff;
  margin-right: 1px;
}
/* line 59, sass/elements/_lists.scss */
#primary ul.pagination span,
#primary ul.pagination a {
  float: left;
  border: 1px #ededed solid;
  padding: 3px 9px 4px 9px;
  text-decoration: none;
  width: auto;
  color: #999;
}
/* line 69, sass/elements/_lists.scss */
#primary ul.pagination a:hover, #primary ul.pagination a:focus {
  color: #fff;
  background-color: #cccccc;
  border-color: #cccccc;
}
/* line 76, sass/elements/_lists.scss */
#primary ul.pagination .current {
  padding: 3px 9px 4px 9px;
  color: #fff;
  background-color: #cccccc;
  border: 1px #cccccc solid;
}

/* END PAGINATION */
/* line 10, sass/elements/_elements.scss */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

/* line 15, sass/elements/_elements.scss */
figure {
  margin: 0;
}

/* line 1, sass/elements/_tables.scss */
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* line 6, sass/elements/_tables.scss */
th {
  font-weight: bold;
}

/* line 10, sass/elements/_tables.scss */
.sales-table {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #cccccc;
  table-layout: fixed;
  width: 630px;
  border: 0;
  line-height: normal;
  margin-top: 10px;
}
/* line 20, sass/elements/_tables.scss */
.sales-table.marginLeft {
  width: 610px;
  margin-left: 20px;
}
/* line 25, sass/elements/_tables.scss */
.sales-table td {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14px;
  padding: 10px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: #cccccc;
  color: #333333;
  background-color: none;
}
/* line 38, sass/elements/_tables.scss */
.sales-table th {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: #ccc;
  color: #333;
  background-color: none;
  vertical-align: bottom;
  text-transform: none;
}
/* line 54, sass/elements/_tables.scss */
.sales-table .key-color {
  background-color: #21759b;
  color: white;
}
/* line 59, sass/elements/_tables.scss */
.sales-table .bold {
  font-weight: 700;
}
/* line 63, sass/elements/_tables.scss */
.sales-table .grey {
  background-color: #cccccc;
  color: black;
  font-weight: 700;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #FFF;
}
/* line 71, sass/elements/_tables.scss */
.sales-table .black {
  background-color: black;
  color: white;
  font-weight: 700;
}
/* line 77, sass/elements/_tables.scss */
.sales-table .skin {
  background-color: #f4f4f4;
  color: #333333;
}
/* line 82, sass/elements/_tables.scss */
.sales-table .transparent {
  background-color: none;
  color: transparent;
  border: none;
}
/* line 88, sass/elements/_tables.scss */
.sales-table .center {
  vertical-align: middle;
  text-align: center;
}
/* line 93, sass/elements/_tables.scss */
.sales-table .tiny {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 20px;
  border: none;
}
/* line 106, sass/elements/_tables.scss */
.sales-table .rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  left: -14px;
  padding: 0;
  margin: 0;
}
/* line 120, sass/elements/_tables.scss */
.sales-table .borderRight {
  border-right: 1px solid black;
}
/* line 124, sass/elements/_tables.scss */
.sales-table.lines {
  margin-top: 10px;
}
/* line 126, sass/elements/_tables.scss */
.sales-table.lines td {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border-right: 0;
  border-left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
/* line 136, sass/elements/_tables.scss */
.sales-table.lg td {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}
/* line 140, sass/elements/_tables.scss */
.sales-table.lg td ul {
  font-size: 14px;
}
/* line 142, sass/elements/_tables.scss */
.sales-table.lg td ul li {
  font-size: 14px;
}
/* line 144, sass/elements/_tables.scss */
.sales-table.lg td ul li ul {
  font-size: 14px;
}
/* line 146, sass/elements/_tables.scss */
.sales-table.lg td ul li ul li {
  font-size: 14px;
}

/* line 21, sass/elements/_elements.scss */
blockquote {
  padding: 15px;
  margin: 0 0 10px 0;
  font-style: normal;
  background: #e6e6e6;
  border: 1px solid #ededed;
}
/* line 27, sass/elements/_elements.scss */
blockquote h2 {
  color: #21759b;
}
/* line 30, sass/elements/_elements.scss */
blockquote h3 {
  color: black;
  font-weight: normal;
}

/* line 36, sass/elements/_elements.scss */
h2 {
  font-weight: 600;
  color: black;
  font-size: 1.2em;
}

/* line 42, sass/elements/_elements.scss */
h3 {
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  font-size: 0.9em;
}

/* line 49, sass/elements/_elements.scss */
.wp-socializer-buttons {
  height: 40px;
}
/* line 51, sass/elements/_elements.scss */
.wp-socializer-buttons .wpsr-btn {
  display: block;
  float: left;
  margin: 4px 10px 0 0;
}
/* line 55, sass/elements/_elements.scss */
.wp-socializer-buttons .wpsr-btn:first-child {
  margin: 0 10px 0 0;
}
/* line 58, sass/elements/_elements.scss */
.wp-socializer-buttons .wpsr-btn iframe {
  max-width: auto !important;
}

/* Change color of search result text */
/* line 66, sass/elements/_elements.scss */
.swiftype-widget .autocomplete ul li p.title {
  color: #21759b;
}

/* Change background color of selected search result */
/* line 71, sass/elements/_elements.scss */
.swiftype-widget .autocomplete ul li.active {
  background: none;
  background-color: #21759b;
  border-top: 1px solid #0f3647;
  border-bottom: 1px solid #0f3647;
}

/* change the color of the section text (displayed below the title) */
/* line 79, sass/elements/_elements.scss */
.swiftype-widget .autocomplete ul li.active .sections em {
  color: #fff;
}

/* line 82, sass/elements/_elements.scss */
.st-search-input {
  padding: 3px 9px 3px 27px !important;
  width: 180px !important;
  background-position: 7px 5px !important;
  vertical-align: top;
}

/* line 88, sass/elements/_elements.scss */
.archivecrumbs {
  padding: 24px 0 0;
}

/* line 92, sass/elements/_elements.scss */
.magazine-box {
  display: none;
}
/* line 94, sass/elements/_elements.scss */
.magazine-box #issue-cover {
  width: 50%;
  float: left;
  text-align: center;
}
/* line 98, sass/elements/_elements.scss */
.magazine-box #issue-cover a {
  width: 100%;
  display: block;
}
/* line 102, sass/elements/_elements.scss */
.magazine-box #issue-cover a img {
  width: 100%;
}
/* line 107, sass/elements/_elements.scss */
.magazine-box .mag-archive {
  text-align: right;
  width: 50%;
  float: left;
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
/* line 114, sass/elements/_elements.scss */
.magazine-box .mag-archive li {
  margin: 0 10px;
  padding: 0;
}
/* line 117, sass/elements/_elements.scss */
.magazine-box .mag-archive li a {
  text-decoration: none;
  color: #333;
  font-size: 1em;
  font-weight: 500;
  padding: 0em;
  line-height: 2em;
}
/* line 124, sass/elements/_elements.scss */
.magazine-box .mag-archive li a:hover {
  color: #888;
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 92, sass/elements/_elements.scss */
  .magazine-box {
    display: block;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 92, sass/elements/_elements.scss */
  .magazine-box {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  /* line 92, sass/elements/_elements.scss */
  .magazine-box {
    display: block;
  }
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/* line 4, sass/forms/_forms.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}

/* line 4, sass/forms/_buttons.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #cccccc #cccccc #bbbbbb;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	background-color: #0099cc;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF888888', endColorstr='#FF333333');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888888), color-stop(100%, #333333));
	background-image: -webkit-linear-gradient(top, #0099cc 0%, #336699 100%);
	background-image: -moz-linear-gradient(top, #0099cc 0%, #336699 100%);
	background-image: -o-linear-gradient(top, #0099cc 0%, #336699 100%);
	background-image: linear-gradient(top, #0099cc 0%, #336699 100%);
	color: white;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1.2rem;
  padding: .6em 1em .4em;
  
}

/* line 22, sass/forms/_buttons.scss */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #cccccc #bbbbbb #aaaaaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

/* line 34, sass/forms/_buttons.scss */
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaaaaa #bbbbbb #bbbbbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* line 2, sass/forms/_fields.scss */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

/* line 6, sass/forms/_fields.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 13, sass/forms/_fields.scss */
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

/* line 18, sass/forms/_fields.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

/* line 28, sass/forms/_fields.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666666;
  border: 1px solid #cccccc;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 39, sass/forms/_fields.scss */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111111;
}

/* line 47, sass/forms/_fields.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}

/* line 51, sass/forms/_fields.scss */
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}

/* line 58, sass/forms/_fields.scss */
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  width: auto !important;
  height: 29px !important;
}

/* line 62, sass/forms/_fields.scss */
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0 !important;
}

/* line 66, sass/forms/_fields.scss */
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
  border-color: #D9D9D9;
}

/* line 69, sass/forms/_fields.scss */
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  border-color: #666666;
  background-color: #CECECE;
  background-image: none;
  filter: none;
}

/* line 75, sass/forms/_fields.scss */
.gsc-input input.gsc-input {
  /*To remove Google Custom Search texts*/
  background: none repeat scroll 0% 0% white !important;
}

/* line 78, sass/forms/_fields.scss */
.gsst_a .gscb_a {
  color: #666666 !important;
}

/* line 81, sass/forms/_fields.scss */
.gsst_a:hover .gscb_a, .gsst_a:active .gscb_a {
  color: #333 !important;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
/* line 1, sass/navigation/_links.scss */
a {
  color: #333333;
}
/* line 4, sass/navigation/_links.scss */
a:visited {
  color: #333333;
}
/* line 9, sass/navigation/_links.scss */
a:hover, a:focus, a:active {
  color: #888888;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/* line 1, sass/navigation/_menus.scss */
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  background-color: #0099cc;
  padding: 0 0 0 5px;
  line-height: 1.5em;
  /*margin-top: 15px;*/
}
/* line 10, sass/navigation/_menus.scss */
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  text-align: center;
}
/* line 16, sass/navigation/_menus.scss */
.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 2.25em;
  left: -999em;
  z-index: 99999;
}
/* line 23, sass/navigation/_menus.scss */
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
/* line 29, sass/navigation/_menus.scss */
.main-navigation ul ul li:hover > ul {
  left: 100%;
}
/* line 34, sass/navigation/_menus.scss */
.main-navigation ul ul a {
  width: 200px;
  background: #e0e0e0;
  color: black;
  border-bottom: 1px solid #ededed;
  font-size: 0.8em;
  padding: 6px 10px;
  margin-left: -40px;
  text-align: left;
  line-height: 1.5em;
}
/* line 46, sass/navigation/_menus.scss */
.main-navigation ul ul :hover > a {
  background: #e0e0e0;
  color: white;
}
/* line 51, sass/navigation/_menus.scss */
.main-navigation ul ul a:hover {
  background: #333333;
  color: white;
}
/* line 57, sass/navigation/_menus.scss */
.main-navigation ul li:hover > ul {
  left: auto;
}
/* line 61, sass/navigation/_menus.scss */
.main-navigation li {
  display: inline-block;
  position: relative;
}
/* line 65, sass/navigation/_menus.scss */
.main-navigation li:hover > a {
  color: #cccccc;
}
/* line 69, sass/navigation/_menus.scss */
.main-navigation a {
  display: block;
  text-decoration: none;
  color: white;
  font-size: 0.9em;
  font-weight: 300;
  padding: 0 6px;
  line-height: 2.5em;
}
/* line 82, sass/navigation/_menus.scss */
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_ancestor > a {
  color: white;
  font-weight: 600;
}
/* line 88, sass/navigation/_menus.scss */
.main-navigation .sub-menu .current_page_item > a,
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current_page_ancestor > a {
  background: #333333;
  color: white;
  font-weight: 600;
}
/* line 92, sass/navigation/_menus.scss */
.main-navigation .sub-menu .current_page_item > a:hover,
.main-navigation .sub-menu .current-menu-item > a:hover,
.main-navigation .sub-menu .current_page_ancestor > a:hover {
  color: white;
}
/* line 99, sass/navigation/_menus.scss */
.main-navigation.footernav ul a {
  padding: 0 20px;
}
#menu-item-32716 {
border-radius: 5px;
    background-color: #e07;
}
#menu-item-32716 a{
	color: #fff;
    font-size: 0.9em;
    font-weight:bold;
    font-style: italic;
}

/* Small menu */
/* line 110, sass/navigation/_menus.scss */
#mm-button {
  display: block;
  width: 100%;
  height: 46px;
  margin: 0px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: white;
  background-image: url(images/dancemag_logo_mobile.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-bottom: 1px solid #ededed;
}
/* line 128, sass/navigation/_menus.scss */
#mm-button:before, #mm-button:after,
#mm-button span {
  background: #21759b;
  content: '';
  display: block;
  width: 30px;
  height: 6px;
  position: absolute;
  left: 10px;
}
/* line 138, sass/navigation/_menus.scss */
#mm-button:before {
  top: 10px;
}
/* line 142, sass/navigation/_menus.scss */
#mm-button:after {
  bottom: 10px;
}
/* line 146, sass/navigation/_menus.scss */
#mm-button span {
  top: 50%;
  margin-top: -3px;
}
/* line 154, sass/navigation/_menus.scss */
#mm-button:hover:before, #mm-button:hover:after,
#mm-button:hover span {
  background-color: #0f3647;
}

/* line 160, sass/navigation/_menus.scss */
#mm-search {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
  background-color: white;
}
/* line 170, sass/navigation/_menus.scss */
#mm-search i {
  display: block;
  width: 28px;
  height: 28px;
  margin: 8px;
  background-color: white;
  background-image: url(images/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 181, sass/navigation/_menus.scss */
#mm-search:hover {
  opacity: 0.75;
}

/* pagination */
/* line 189, sass/navigation/_menus.scss */
.nav-links .meta-nav {
  color: black;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
}

/* mm-button animation */
/* line 226, sass/navigation/_menus.scss */
#mobile-footer-navigation {
  display: none;
  background: black;
  text-align: center;
  margin: 20px 0;
  padding: 10px;
}
/* line 232, sass/navigation/_menus.scss */
#mobile-footer-navigation select {
  width: 260px;
}

@media only screen and (min-width: 1040px) {
  /* line 241, sass/navigation/_menus.scss */
  #mm-button, #mm-search {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 246, sass/navigation/_menus.scss */
  #site-navigation, #footer-navigation {
    display: none;
  }

  /* line 249, sass/navigation/_menus.scss */
  #mobile-footer-navigation {
    display: block;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 254, sass/navigation/_menus.scss */
  #site-navigation, #footer-navigation {
    display: none;
  }

  /* line 257, sass/navigation/_menus.scss */
  #mobile-footer-navigation {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  /* line 262, sass/navigation/_menus.scss */
  #site-navigation, #footer-navigation {
    display: none;
  }

  /* line 265, sass/navigation/_menus.scss */
  #mobile-footer-navigation {
    display: block;
  }
}
/* line 273, sass/navigation/_menus.scss */
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

/* line 280, sass/navigation/_menus.scss */
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

/* line 287, sass/navigation/_menus.scss */
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* line 293, sass/navigation/_menus.scss */
#breadcrumbs {
  margin-bottom: 10px;
  font-size: 0.7em;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 293, sass/navigation/_menus.scss */
  #breadcrumbs {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  /* line 293, sass/navigation/_menus.scss */
  #breadcrumbs {
    display: none;
  }
}



/* line 323, sass/navigation/_menus.scss */
.mob_select {
  width: 80%;
  max-width: 300px;
  min-width: initial;
}

/* line 330, sass/navigation/_menus.scss */
ul.sublevelnav {
  margin: 10px 0 !important;
  display: block;
  background-color: #e0e0e0;
  height: 2.4em;
}
/* line 335, sass/navigation/_menus.scss */
ul.sublevelnav li {
  display: block;
  float: left;
}
/* line 338, sass/navigation/_menus.scss */
ul.sublevelnav li a {
  height: 2.4em;
  line-height: 2.4;
  background-color: #e0e0e0;
  display: block;
  color: black;
  padding: 10px 10px 10px 10px;
  font-size: 100%;
  vertical-align: baseline;
  padding: 0 25px;
  text-decoration: none;
  border-right: 1px solid #ededed;
}
/* line 350, sass/navigation/_menus.scss */
ul.sublevelnav li a:hover {
  background-color: #333333;
  color: white;
}
/* line 355, sass/navigation/_menus.scss */
ul.sublevelnav li.current_page_item a {
  background-color: #333333;
  color: white;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
/* line 2, sass/modules/_accessibility.scss */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* line 11, sass/modules/_accessibility.scss */
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: black;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
/* line 1, sass/modules/_alignments.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

/* line 7, sass/modules/_alignments.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

/* line 13, sass/modules/_alignments.scss */
.aligncenter {
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
/* line 12, sass/modules/_clearings.scss */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

/* line 21, sass/modules/_clearings.scss */
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
/* line 1, sass/site/secondary/_widgets.scss */
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets */
}
/* line 5, sass/site/secondary/_widgets.scss */
.widget select {
  max-width: 100%;
}

/* Search widget */
/* line 11, sass/site/secondary/_widgets.scss */
.widget_search .search-submit {
  display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/* line 1, sass/layout/_content-sidebar.scss */
.site {
  -webkit-box-shadow: rgba(100, 100, 100, 0.29804) 0px 2px 6px 0px;
  -moz-box-shadow: rgba(100, 100, 100, 0.29804) 0px 2px 6px 0px;
  box-shadow: rgba(100, 100, 100, 0.29804) 0px 2px 6px 0px;
  background-color: white;
  width: 960px;
  margin: 0 auto 48px auto;
}
@media only screen and (max-width: 480px) {
  /* line 1, sass/layout/_content-sidebar.scss */
  .site {
    width: 100%;
    padding: 0px 20px 10px 20px;
    margin-top: 46px !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 1, sass/layout/_content-sidebar.scss */
  .site {
    width: 100%;
    padding: 0px 20px 10px 20px;
    margin-top: 46px !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 1, sass/layout/_content-sidebar.scss */
  .site {
    width: 100%;
    padding: 0px 20px 10px 20px;
    margin-top: 46px !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 1, sass/layout/_content-sidebar.scss */
  .site {
    width: 1040px;
    padding: 10px 40px;
  }
}

/* line 32, sass/layout/_content-sidebar.scss */
.content-area {
  float: left;
  margin: 0 -25% 0 0;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  /* line 32, sass/layout/_content-sidebar.scss */
  .content-area {
    float: none;
    margin: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 32, sass/layout/_content-sidebar.scss */
  .content-area {
    float: none;
    margin: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 32, sass/layout/_content-sidebar.scss */
  .content-area {
    margin: 0 -42% 0 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 32, sass/layout/_content-sidebar.scss */
  .content-area {
    margin: 0 -330px 0 0;
    width: 960px;
  }
}

/* line 58, sass/layout/_content-sidebar.scss */
.site-main {
  margin: 0 25% 0 0;
}
@media only screen and (max-width: 480px) {
  /* line 58, sass/layout/_content-sidebar.scss */
  .site-main {
    margin: 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 58, sass/layout/_content-sidebar.scss */
  .site-main {
    margin: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 58, sass/layout/_content-sidebar.scss */
  .site-main {
    margin: 0 42% 0 0;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 58, sass/layout/_content-sidebar.scss */
  .site-main {
    margin: 0 330px 0 0;
  }
}

/* line 76, sass/layout/_content-sidebar.scss */
.site-content .widget-area {
  float: right;
  overflow: hidden;
  width: 25%;
}
@media only screen and (max-width: 480px) {
  /* line 76, sass/layout/_content-sidebar.scss */
  .site-content .widget-area {
    overflow: visible;
    float: none;
    width: 100%;
    clear: both;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 76, sass/layout/_content-sidebar.scss */
  .site-content .widget-area {
    overflow: visible;
    float: none;
    width: 100%;
    clear: both;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 76, sass/layout/_content-sidebar.scss */
  .site-content .widget-area {
    width: 42%;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 76, sass/layout/_content-sidebar.scss */
  .site-content .widget-area {
    width: 330px;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 100, sass/layout/_content-sidebar.scss */
  .site-content .widget-area.front {
    margin-top: -450px;
  }
}

/* line 108, sass/layout/_content-sidebar.scss */
.site-footer {
  clear: both;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  /* line 108, sass/layout/_content-sidebar.scss */
  .site-footer {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 108, sass/layout/_content-sidebar.scss */
  .site-footer {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 108, sass/layout/_content-sidebar.scss */
  .site-footer {
    width: 100%;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 108, sass/layout/_content-sidebar.scss */
  .site-footer {
    width: 960px;
  }
}

/* line 1, sass/layout/_header.scss */
.site-header {
  display: block;
  width: 960px;
  position: relative;
}
/* line 6, sass/layout/_header.scss */
.site-header .site-branding {
  display: block;
  width: 960px;
  height: 125px;
  position: relative;
}
/* line 12, sass/layout/_header.scss */
.site-header .site-branding .site-title {
  position: relative;
  display: block;
  width: 560px;
  height: 125px;
  background-image: url(images/danceMag_logo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top:10px;
}
/* line 20, sass/layout/_header.scss */
.site-header .site-branding .site-title a {
  position: absolute;
  display: block;
  width: 400px;
  height: 135px;
  top: 0;
  left: 0;
  text-indent: 110%;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
}
/* line 33, sass/layout/_header.scss */
.site-header .site-branding .site-description {
  display: none;
}
/* line 39, sass/layout/_header.scss */
.site-header #headerblock {
  display: block;
  width: 580px;
  height: 135px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 120px 0 0;/**/
  text-align: right;
}
/* line 48, sass/layout/_header.scss */
.site-header #headerblock ul.mag-archive {
  list-style: none;
  margin: 0.25em 0 0.25em 1em;
  padding: 0;
  width:110px;
}
/* line 52, sass/layout/_header.scss */
.site-header #headerblock ul.mag-archive li {
  margin: 0;
  padding: 0;
}
/* line 55, sass/layout/_header.scss */
.site-header #headerblock ul.mag-archive li a {
  text-decoration: none;
  color: #333333;
  font-size: 0.8em;
  font-weight: 500;
  padding: 0em;
  line-height: 2em;
}
/* line 62, sass/layout/_header.scss */
.site-header #headerblock ul.mag-archive li a:hover {
  color: #888888;
}
/* line 69, sass/layout/_header.scss */
.site-header #headerblock #search_form {
  margin: 0.5em 0 0 0;
}
/* line 73, sass/layout/_header.scss */
.site-header #headerblock #issue-cover {
  position: absolute;
  top: 0;
  right: 0;
}
/* line 77, sass/layout/_header.scss */
.site-header #headerblock #issue-cover a {
  height: 128px;
  width: 95px;
}
/* line 80, sass/layout/_header.scss */
.site-header #headerblock #issue-cover a img {
  height: inherit;
  width: auto;
}
@media only screen and (max-width: 480px) {
  /* line 1, sass/layout/_header.scss */
  .site-header {
    width: 100%;
  }
  /* line 93, sass/layout/_header.scss */
  .site-header .site-branding, .site-header #headerblock {
    display: none;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 1, sass/layout/_header.scss */
  .site-header {
    width: 100%;
  }
  /* line 99, sass/layout/_header.scss */
  .site-header .site-branding, .site-header #headerblock {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 1, sass/layout/_header.scss */
  .site-header {
    width: 100%;
  }
  /* line 105, sass/layout/_header.scss */
  .site-header .site-branding, .site-header #headerblock {
    display: none;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 1, sass/layout/_header.scss */
  .site-header {
    width: 960px;
  }
}

/* line 1, sass/layout/_footer.scss */
#footer_box_wrap {
  height: auto;
  border: 1px solid #ededed;
  vertical-align: middle;
  text-align: center;
  clear: both;
  padding: 10px 0 10px 0;
  margin-top: 15px;
  margin-left: 0;
}
/* line 13, sass/layout/_footer.scss */
#footer_box_wrap #wrap-logo-mags-sites {
  margin: 0 auto;
}
/* line 15, sass/layout/_footer.scss */
#footer_box_wrap #wrap-logo-mags-sites #dancemagazine_digital {
  display: inline-block;
  vertical-align: middle;
}
/* line 19, sass/layout/_footer.scss */
#footer_box_wrap #wrap-logo-mags-sites #wrap-mags-sites {
  vertical-align: middle;
  display: inline-block;
}
/* line 23, sass/layout/_footer.scss */
#footer_box_wrap #wrap-logo-mags-sites #wrap-mags-sites #sub_to_mag, #footer_box_wrap #wrap-logo-mags-sites #wrap-mags-sites #sister_sites {
  /*margin: 10px 0 5px 10px;*/
  margin: 10px auto;
  font-size: 0.85em;
}

/* line 32, sass/layout/_footer.scss */
.site-info {
  text-align: center;
  font-size: 0.75em;
  margin: 10px;
}

/* line 1, sass/layout/_front-page.scss */
#top-container {
  width: 100%;
}
/* line 4, sass/layout/_front-page.scss */
#top-container #slideshow {
  margin: 20px 0 10px 0;
  width: 630px;
}
@media only screen and (max-width: 480px) {
  /* line 10, sass/layout/_front-page.scss */
  #top-container #slideshow {
    margin: 0px -20px 10px -20px;
    width: auto;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 16, sass/layout/_front-page.scss */
  #top-container #slideshow {
    margin: 0px -20px 10px -20px;
    width: auto;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 22, sass/layout/_front-page.scss */
  #top-container #slideshow {
    margin: 0px -20px 10px -20px;
    width: auto;
  }
}

/* line 32, sass/layout/_front-page.scss */
#primary .row {
  display: block;
  clear: both;
  float: none;
}
/* line 36, sass/layout/_front-page.scss */
#primary .row .coloumn {
  width: 300px;
  float: left;
}
/* line 39, sass/layout/_front-page.scss */
#primary .row .coloumn .block {
  margin: 10px 0;
}
/* line 41, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul {
  margin: 0.5em 1em 1em 1.5em;
}
/* line 43, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul li {
  padding: 0.25em 0;
}

/* line 43, sass/layout/_front-page.scss jp */
#primary .row .coloumn .block  ul .supplements  {
  padding: 0.0em 0;
}

/* line 45, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul li a {
  text-decoration: none;
  font-weight: 600;
  color: #21759b;
}
/* line 49, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul li a:hover {
  color: #0f3647;
}
/* line 54, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.views {
  list-style: none;
  margin: .5em 0;
}
/* line 57, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.views li {
  display: block;
  position: relative;
  min-height: 130px;
}
/* line 61, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.views li a.views-thumb {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
}
/* line 67, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.views li .views-description {
  padding: 0 0 0 90px;
}
/* line 69, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.views li .views-description p.views-excerpt {
  font-size: 0.85em;
}
/* line 75, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.views.feat .feat-title {
  font-size: 1.2em;
  border-bottom: 1px solid #ededed;
  margin-bottom: 0.25em;
}
/* line 81, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.views.feat li a.views-thumb {
  top: 30px;
}
/* line 88, sass/layout/_front-page.scss */
#primary .row .coloumn .block .non-text-elements {
  margin: 10px 0;
}
/* line 93, sass/layout/_front-page.scss */
#primary .row .coloumn.right {
  float: right;
}
@media only screen and (max-width: 480px) {
  /* line 36, sass/layout/_front-page.scss */
  #primary .row .coloumn {
    width: 100%;
    float: none;
  }
  /* line 105, sass/layout/_front-page.scss */
  #primary .row .coloumn .block ul.views li .views-description p.views-excerpt {
    font-size: 1em;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 36, sass/layout/_front-page.scss */
  #primary .row .coloumn {
    width: 100%;
    float: none;
  }
  /* line 124, sass/layout/_front-page.scss */
  #primary .row .coloumn .block ul.views li .views-description p.views-excerpt {
    font-size: 1em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 36, sass/layout/_front-page.scss */
  #primary .row .coloumn {
    width: 100%;
    float: none;
  }
  /* line 143, sass/layout/_front-page.scss */
  #primary .row .coloumn .block ul.views li .views-description p.views-excerpt {
    font-size: 1em;
  }
}
/* line 157, sass/layout/_front-page.scss */
#primary .row .block-header {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #0099cc;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF888888', endColorstr='#FF333333');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888888), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(top, #0099cc 0%, #336699 100%);
  background-image: -moz-linear-gradient(top, #0099cc 0%, #336699 100%);
  background-image: -o-linear-gradient(top, #0099cc 0%, #336699 100%);
  background-image: linear-gradient(top, #0099cc 0%, #336699 100%);
  color: white;
  padding: 10px;
  position: relative;
}
/* line 169, sass/layout/_front-page.scss */
#primary .row .block-header .more {
  position: absolute;
  top: 11px;
  right: 10px;
  font-size: 0.75em;
  font-weight: 600;
  height: 20px;
  padding: 2px 5px;
  line-height: 18px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}
/* line 183, sass/layout/_front-page.scss */
#primary .row .block-header .more a {
  color: white;
  text-decoration: none;
}
/* line 186, sass/layout/_front-page.scss */
#primary .row .block-header .more a:hover {
  color: #cccccc;
}
/* line 194, sass/layout/_front-page.scss */
#primary .row .coloumn .block ul.recipes {
  list-style: none;
  margin: 1em 0;
  display: inline-block;
}
/* line 198, sass/layout/_front-page.scss */
#primary .row ul.recipes li {
  float: left;
  width: 90px;
  /*margin: 0 5px;*/
}
/* line 201, sass/layout/_front-page.scss */
#primary .row ul.recipes li a {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 90%;
}
/* line 206, sass/layout/_front-page.scss */
#primary .row ul.recipes li a img {
  width: 100%;
}
/* line 209, sass/layout/_front-page.scss */
#primary .row ul.recipes li a span {
  display: block;
  min-height: 45px;
}
@media only screen and (max-width: 480px) {
  /* line 216, sass/layout/_front-page.scss */
  #primary .row ul.recipes li {
    /* width: 100%; */
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 222, sass/layout/_front-page.scss */
  #primary .row ul.recipes li {
    /* width: 100%; */
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 228, sass/layout/_front-page.scss */
  #primary .row ul.recipes li {
    /* width: 50%; */
  }
}

@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 1, sass/layout/_sidebar.scss */
  #secondary {
    text-align: right;
  }
}
/* line 7, sass/layout/_sidebar.scss */
#secondary .ad-block {
  margin: 20px 0 0 30px;
  min-width: 300px;
  text-align: center;
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 7, sass/layout/_sidebar.scss */
  #secondary .ad-block {
    width: 100%;
    margin: 20px 0 0 15px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 7, sass/layout/_sidebar.scss */
  #secondary .ad-block {
    margin: 10px -20px 10px -20px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 7, sass/layout/_sidebar.scss */
  #secondary .ad-block {
    margin: 10px -20px 10px -20px;
  }
}
/* line 24, sass/layout/_sidebar.scss */
#secondary #get-social-icons {
  margin: 20px 0 0 30px;
}
/* line 26, sass/layout/_sidebar.scss */
#secondary #get-social-icons .get-social {
  text-align: center;
  font-size: 0.75em;
  font-weight: 700;
  text-transform:uppercase; 
}
/* line 31, sass/layout/_sidebar.scss */
#secondary #get-social-icons .social-icons {
  margin-top: 10px;
  clear: both;
  text-align: center;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
}
/* line 38, sass/layout/_sidebar.scss */
#secondary #get-social-icons .social-icons a {
  width: 35px;
  height: 35px;
  display: inline-block;
  padding: 0;
  overflow: hidden;
  margin: 0 2px;
}
/* line 45, sass/layout/_sidebar.scss */
#secondary #get-social-icons .social-icons a img {
  width: 35px;
  height: 35px;
}
/* line 50, sass/layout/_sidebar.scss */
#secondary #get-social-icons .social-icons a:hover img {
  opacity: 0.8;
}

/* line 24, sass/layout/_sidebar.scss */
#secondary #enewsletter-signup {
  margin: 20px 0 0 30px;
}
/* line 26, sass/layout/_sidebar.scss */
#secondary #enewsletter-signup .get-social {
  text-align: left;
  font-size: 0.75em;
  font-weight: 700;
  text-transform:uppercase; 
}
/* line 31, sass/layout/_sidebar.scss */
#secondary #enewsletter-signup .social-icons {
  margin-top: 10px;
  clear: both;
  text-align: center;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 24, sass/layout/_sidebar.scss */
  #secondary #get-social-icons {
    margin: 20px 0 0 20px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 24, sass/layout/_sidebar.scss */
  #secondary #get-social-icons {
    margin: 10px -20px 10px -20px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 24, sass/layout/_sidebar.scss */
  #secondary #get-social-icons {
    margin: 10px -20px 10px -20px;
  }
}
/* line 66, sass/layout/_sidebar.scss */
#secondary .widget {
  margin: 10px 0 0 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 66, sass/layout/_sidebar.scss */
  #secondary .widget {
    margin: 20px 0 0 20px;
    text-align: center;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 66, sass/layout/_sidebar.scss */
  #secondary .widget {
    text-align: center;
    margin: 10px -20px 10px -20px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 66, sass/layout/_sidebar.scss */
  #secondary .widget {
    text-align: center;
    margin: 10px auto;
  }
}
/* line 82, sass/layout/_sidebar.scss */
#secondary .block-header {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	background-color: #0099cc;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF888888', endColorstr='#FF333333');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888888), color-stop(100%, #333333));
	background-image: -webkit-linear-gradient(top, #0099cc 0%, #336699 100%);
	background-image: -moz-linear-gradient(top, #0099cc 0%, #336699 100%);
	background-image: -o-linear-gradient(top, #0099cc 0%, #336699 100%);
	background-image: linear-gradient(top, #0099cc 0%, #336699 100%);
	color: white;
	padding: 10px;
	margin: 20px 0 0 30px;
	position: relative;
}

/* line 97, sass/layout/_sidebar.scss */
#secondary .block-header a {
  color: white;
}
/* line 99, sass/layout/_sidebar.scss */
#secondary .block-header a:hover {
  color: #cccccc;
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 82, sass/layout/_sidebar.scss */
  #secondary .block-header {
    margin: 20px 0 0 20px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 82, sass/layout/_sidebar.scss */
  #secondary .block-header {
    margin: 20px 0 0 0px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 82, sass/layout/_sidebar.scss */
  #secondary .block-header {
    margin: 20px 0 0 0px;
  }
}
/* line 114, sass/layout/_sidebar.scss */
#secondary .quicktips-signup {
  background: #fdd621 url(images/quicktips-signup-BG.jpg) 0 0 no-repeat;
  background-size: contain;
  padding: 40px 0 10px 0;
  text-align: left;
}
/* line 120, sass/layout/_sidebar.scss */
#secondary .quicktips-signup h3 {
  font-size: 0.85em;
  font-weight: 600;
  margin-left: 30%;
}
/* line 125, sass/layout/_sidebar.scss */
#secondary .quicktips-signup p {
  margin: 0 10px 0 30%;
  font-size: 0.7em;
  font-weight: 600;
}
/* line 131, sass/layout/_sidebar.scss */
#secondary .quicktips-signup #archive-link {
  font-size: 0.85em;
  text-align: right;
  margin: 0 5%;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 114, sass/layout/_sidebar.scss */
  #secondary .quicktips-signup {
    background-size: initial;
    margin: 0 20px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 114, sass/layout/_sidebar.scss */
  #secondary .quicktips-signup {
    background-size: initial;
    margin: 0 20px;
  }
}
/* line 149, sass/layout/_sidebar.scss */
#secondary .mc4wp-form {
  /*text-align: left;*/
}
/* line 152, sass/layout/_sidebar.scss */
#secondary .mc4wp-form p {
  font-size: 12px;
  margin: 0;
  padding: 0;
  display: inline;
}
/* line 157, sass/layout/_sidebar.scss */
#secondary .mc4wp-form p label {
  display: none;
}

/* line 6, sass/layout/_archives.scss */
.archive-magazines h2 {
  display: block;
  font-size: 1.2em;
  border-bottom: 1px solid #ededed;
  margin-bottom: 0.25em;
}
/* line 12, sass/layout/_archives.scss */
.archive-magazines ul {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 19, sass/layout/_archives.scss */
.archive-magazines ul li.archive_entry {
  float: left;
  margin: 2%;
  width: 29%;
  height: 232px;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  /* line 19, sass/layout/_archives.scss */
  .archive-magazines ul li.archive_entry {
    width: 96%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 19, sass/layout/_archives.scss */
  .archive-magazines ul li.archive_entry {
    width: 96%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 19, sass/layout/_archives.scss */
  .archive-magazines ul li.archive_entry {
    width: 46%;
  }
}

/* line 39, sass/layout/_archives.scss */
#post-magazine-cover-image {
  float: left;
  width: 28%;
  margin: 0 2% 20px 0;
  min-width: 150px;
}

/* line 46, sass/layout/_archives.scss */
ul#post-magazine {
  float: left;
  width: 70%;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
/* line 52, sass/layout/_archives.scss */
ul#post-magazine li {
  display: block;
  position: relative;
  min-height: 100px;
}
/* line 56, sass/layout/_archives.scss */
ul#post-magazine li a.post-magazine-thumb {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
}
/* line 56, sass/layout/_archives.scss */
ul#post-magazine li .post-magazine-thumb {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
}
/* line 62, sass/layout/_archives.scss */
ul#post-magazine li .post-description {
  padding: 0 0 0 90px;
}
/* line 64, sass/layout/_archives.scss */
ul#post-magazine li .post-description a {
  text-decoration: none;
  font-weight: 600;
  color: #21759b;
}
/* line 68, sass/layout/_archives.scss */
ul#post-magazine li .post-description a:hover {
  color: #0f3647;
}
/* line 72, sass/layout/_archives.scss */
ul#post-magazine li .post-description p.post-excerpt {
  font-size: 0.85em;
}
@media only screen and (max-width: 480px) {
  /* line 46, sass/layout/_archives.scss */
  ul#post-magazine {
    width: 96%;
    margin: 0 2%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 46, sass/layout/_archives.scss */
  ul#post-magazine {
    width: 96%;
    margin: 0 2%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 46, sass/layout/_archives.scss */
  ul#post-magazine {
    width: 96%;
    margin: 0 2%;
  }
}

/* line 1, sass/layout/_ads.scss */
.ad-block {
  padding: 0px;
  margin: 0px;
  text-align: center;
  width: auto;
  height: auto;
  display: block;
}
/* line 9, sass/layout/_ads.scss */
.ad-block img, .ad-block iframe {
  max-width: none;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

/* line 17, sass/layout/_ads.scss */
.header-ad-block {
  margin: 10px 0 5px 0;
  text-align: center;
  width: auto;
  height: auto;
  display: block;
}
/* line 24, sass/layout/_ads.scss */
.header-ad-block div, .header-ad-block img, .header-ad-block iframe {
  max-width: none;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 31, sass/layout/_ads.scss */
  .header-ad-block.ad-tablet {
    width: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 31, sass/layout/_ads.scss */
  .header-ad-block.ad-tablet {
    width: 100% !important;
  }
}

/* line 42, sass/layout/_ads.scss */
.tile-ad-block {
  padding: 0px;
  margin: 1%;
  width: 31%;
  height: auto;
  float: left;
  display: block;
  min-width: 180px;
  text-align: center;
}
/* line 52, sass/layout/_ads.scss */
.tile-ad-block img, .tile-ad-block iframe {
  max-width: none;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

/* line 63, sass/layout/_ads.scss */
.ad-mobile,
.ad-tablet,
.ad-desktop {
  display: none;
}

@media only screen and (min-width: 1040px) {
  /* line 69, sass/layout/_ads.scss */
  .ad-desktop {
    display: block;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1039px) {
  /* line 74, sass/layout/_ads.scss */
  .ad-tablet {
    display: block;
    width: 48%;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 80, sass/layout/_ads.scss */
  .ad-mobile {
    display: inline-block;
    margin: 10px auto !important;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  /* line 80, sass/layout/_ads.scss */
  .ad-mobile {
    display: inline-block;
    margin: 10px auto !important;
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  /* line 80, sass/layout/_ads.scss */
  .ad-mobile {
    display: inline-block;
    margin: 10px -20px !important;
    width: 320px;
  }
}

/* line 2, sass/layout/_recipes.scss */
#primary .site-main .recipes .ERSName {
  display: none;
}
/* line 5, sass/layout/_recipes.scss */
#primary .site-main .recipes .ERSTopRight {
  margin-bottom: 20px;
  float: none;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
/* line 11, sass/layout/_recipes.scss */
#primary .site-main .recipes .ERSTopRight img {
  border: 0;
  max-width: 100%;
  width: auto;
}
/* line 16, sass/layout/_recipes.scss */
#primary .site-main .recipes .ERSTopRight .ERSSavePrint {
  text-align: left;
}
/* line 20, sass/layout/_recipes.scss */
#primary .site-main .recipes .divERSHeadItems {
  color: #999999;
  font-size: 0.7em;
  font-weight: 400;
}
/* line 29, sass/layout/_recipes.scss */
#primary .site-main .recipes .divERSHeadItems .ERSAuthor span,
#primary .site-main .recipes .divERSHeadItems .ERSCategory span,
#primary .site-main .recipes .divERSHeadItems .ERSCuisine span,
#primary .site-main .recipes .divERSHeadItems .ERSServes span {
  color: #404040;
}
/* line 34, sass/layout/_recipes.scss */
#primary .site-main .recipes div.easyrecipe {
  font: inherit;
  border: 0;
  color: #404040;
  padding: 0px;
}
/* line 39, sass/layout/_recipes.scss */
#primary .site-main .recipes div.easyrecipe .ERSName {
  font-size: 1.4em;
  margin-bottom: 15px;
  font-weight: 600;
  color: #21759b;
}
/* line 49, sass/layout/_recipes.scss */
#primary .site-main .recipes .easyrecipe .ERSIngredients .ERSIngredientsHeader,
#primary .site-main .recipes .easyrecipe .ERSInstructions .ERSInstructionsHeader,
#primary .site-main .recipes .easyrecipe .nutrition .ERSNutritionHeader,
#primary .site-main .recipes .easyrecipe div .ERSNotesHeader {
  font-size: 1.2em;
  font-weight: 600;
}
/* line 54, sass/layout/_recipes.scss */
#primary .site-main .recipes .easyrecipe ol,
#primary .site-main .recipes .easyrecipe ul {
  margin: 0 0 1.5em 0;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_posts-and-pages.scss */
.sticky {
  display: block;
}

/* line 5, sass/site/primary/_posts-and-pages.scss */
.hentry {
  margin: 0 0 1em 0;
  padding: 24px 0;
  border-bottom: 4px double #ededed;
}

/* line 12, sass/site/primary/_posts-and-pages.scss */
.byline,
.updated:not(.published) {
  display: none;
}

/* line 17, sass/site/primary/_posts-and-pages.scss */
.single .byline,
.group-blog .byline {
  display: inline;
}

/* line 23, sass/site/primary/_posts-and-pages.scss */
.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}
/* line 26, sass/site/primary/_posts-and-pages.scss */
.page-content p,
.entry-content p,
.entry-summary p {
  font-size: 0.9em;
  line-height: 1.75em;
}

/* line 32, sass/site/primary/_posts-and-pages.scss */
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* line 36, sass/site/primary/_posts-and-pages.scss */
.cat-thumb {
  float: left;
  margin: 0 10px 10px 0;
}

/* line 41, sass/site/primary/_posts-and-pages.scss */
.entry-title {
  margin: 0 0 10px 0;
  font-size: 1.4em;
  font-weight: 600;
  color: #21759b;
}
/* line 47, sass/site/primary/_posts-and-pages.scss */
.entry-title a {
  color: #21759b;
  text-decoration: none;
}
/* line 50, sass/site/primary/_posts-and-pages.scss */
.entry-title a:hover {
  color: #0f3647;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 41, sass/site/primary/_posts-and-pages.scss */
  .entry-title {
    font-size: 1.75em;
    line-height: 1em;
  }
}
@media only screen and (max-width: 480px) {
  /* line 41, sass/site/primary/_posts-and-pages.scss */
  .entry-title {
    font-size: 1.75em;
    line-height: 1em;
  }
}

/* line 66, sass/site/primary/_posts-and-pages.scss */
.entry-reverse {
  margin: 0 0 10px 0;
  padding: 0 10px;
  font-size: 1.4em;
  font-weight: 500;
  color: #f1f1f1;
  background-color: #21759b;
}

/* line 76, sass/site/primary/_posts-and-pages.scss */
.continue-reading a {
  color: #21759b;
}
/* line 78, sass/site/primary/_posts-and-pages.scss */
.continue-reading a:hover {
  color: #0f3647;
}

/* line 84, sass/site/primary/_posts-and-pages.scss */
.entry-meta {
  font-size: 0.7em;
  color: #999999;
  margin: 0 0 10px 0;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 91, sass/site/primary/_posts-and-pages.scss */
  .archive .entry-meta {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  /* line 96, sass/site/primary/_posts-and-pages.scss */
  .archive .entry-meta {
    display: none;
  }
}
/* line 103, sass/site/primary/_posts-and-pages.scss */
.entry-footer .cat-links, .entry-footer .tags-links, .entry-footer .comments-link {
  display: none;
}

/* line 108, sass/site/primary/_posts-and-pages.scss */
.page-header {
  margin: 20px 0 0 0;
  border-bottom: 1px solid #ededed;
  padding: 0 0 20px 0;
  font-size: 1.4em;
  font-weight: 600;
  color: #404040;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 108, sass/site/primary/_posts-and-pages.scss */
  .page-header {
    margin: 0 -20px 10px -20px;
    padding: 5px 0;
    font-size: 1em;
    color: black;
    text-align: center;
    background: #cccccc;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 480px) {
  /* line 108, sass/site/primary/_posts-and-pages.scss */
  .page-header {
    margin: 0 -20px 10px -20px;
    padding: 5px 0;
    font-size: 1em;
    color: black;
    text-align: center;
    background: #cccccc;
    text-transform: uppercase;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 138, sass/site/primary/_posts-and-pages.scss */
  #dropdown_search select {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  /* line 143, sass/site/primary/_posts-and-pages.scss */
  #dropdown_search select {
    width: 100%;
  }
}

/* line 149, sass/site/primary/_posts-and-pages.scss */
.wp-post-image {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* line 154, sass/site/primary/_posts-and-pages.scss */
.post-navigation {
  font-size: 0.9em;
}
/* line 156, sass/site/primary/_posts-and-pages.scss */
.post-navigation a {
  text-decoration: none;
  color: #21759b;
}
/* line 159, sass/site/primary/_posts-and-pages.scss */
.post-navigation a:hover {
  color: #0f3647;
}

/* line 164, sass/site/primary/_posts-and-pages.scss */
.author-info {
  font-size: 14px;
}
/* line 166, sass/site/primary/_posts-and-pages.scss */
.author-info .author-avatar {
  float: left;
  margin: 0 0 0 10px;
}
/* line 170, sass/site/primary/_posts-and-pages.scss */
.author-info .author-description {
  float: left;
  text-align: left;
  padding: 0 20px;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* line 178, sass/site/primary/_posts-and-pages.scss */
  #social_comments_control {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  /* line 178, sass/site/primary/_posts-and-pages.scss */
  #social_comments_control {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  /* line 189, sass/site/primary/_posts-and-pages.scss */
  .sd-content ul li a span {
    font-size: 0;
    line-height: 0 !important;
    margin-left: 0 !important;
  }
  /* line 193, sass/site/primary/_posts-and-pages.scss */
  .sd-content ul li a span span.share-count {
    font-size: 10px;
    line-height: 1 !important;
  }
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
/* line 2, sass/site/primary/_asides.scss */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_comments.scss */
.comment-content a {
  word-wrap: break-word;
}

/* line 4, sass/site/primary/_comments.scss */
.bypostauthor {
  display: block;
}

/* line 9, sass/site/primary/_comments.scss */
.comments-area {
  margin: 0 0 1em 0;
  padding: 0 0 24px 0;
  border-bottom: 4px double #ededed;
}
/* line 13, sass/site/primary/_comments.scss */
.comments-area .comments-title {
  padding-bottom: 10px;
}
/* line 16, sass/site/primary/_comments.scss */
.comments-area ol.comment-list {
  margin: 0 0 20px 20px;
}
/* line 19, sass/site/primary/_comments.scss */
.comments-area ol.comment-list li {
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #ededed;
}
/* line 25, sass/site/primary/_comments.scss */
.comments-area ol.comment-list li .comment-body .comment-author {
  color: #21759b;
}
/* line 28, sass/site/primary/_comments.scss */
.comments-area ol.comment-list li .comment-body .comment-metadata {
  font-size: 0.7em;
  color: #999;
  margin: 0 0 10px 0;
}

/* line 41, sass/site/primary/_comments.scss */
.comment-reply-title {
  padding-bottom: 10px;
}

/* line 50, sass/site/primary/_comments.scss */
#respond .form-submit input,
#respond .form-submit input#comment-submit,
#respond .comment-form-fields input[type=submit],
#respond p.form-submit input[type=submit],
#respond input[type=submit],
#commentform #submit {
  border-radius: 3px !important;
}

/*--------------------------------------------------------------
10.4 ie8 Support
--------------------------------------------------------------*/
/* line 2, sass/layout/_ie8.scss */
.ie8 .ad-desktop {
  display: block;
}
/* line 6, sass/layout/_ie8.scss */
.ie8 #mm-button,
.ie8 #mm-search {
  display: none;
}
/* line 9, sass/layout/_ie8.scss */
.ie8 .site {
  width: 1040px;
  padding: 10px 40px;
}
/* line 14, sass/layout/_ie8.scss */
.ie8 .site-content .content-area {
  margin: 0 -330px 0 0;
}
/* line 17, sass/layout/_ie8.scss */
.ie8 .site-content .content-area .site-main {
  margin: 0 330px 0 0;
}
/* line 21, sass/layout/_ie8.scss */
.ie8 .site-content .widget-area {
  margin-top: 0px;
  width: 300px;
}
/* line 24, sass/layout/_ie8.scss */
.ie8 .site-content .widget-area.front {
  margin-top: -300px;
}
/* line 29, sass/layout/_ie8.scss */
.ie8 ul.recipes {
  width: 630px;
}
/* line 34, sass/layout/_ie8.scss */
.ie8 #primary .row .coloumn .block ul.views li a.views-thumb {
  position: relative;
  top: auto !important;
  left: auto;
  float: left;
  width: 80px;
}
/* line 41, sass/layout/_ie8.scss */
.ie8 #primary .row .coloumn .block ul.views li .views-description {
  padding: 0;
  margin-left: 10px;
  float: left;
  width: 210px;
}
/* line 50, sass/layout/_ie8.scss */
.ie8 ul#post-magazine li {
  clear: both;
}
/* line 52, sass/layout/_ie8.scss */
.ie8 ul#post-magazine li a.post-magazine-thumb {
  position: relative;
  top: auto !important;
  left: auto;
  float: left;
  width: 80px;
}
/* line 59, sass/layout/_ie8.scss */
.ie8 ul#post-magazine li .post-description {
  padding: 0;
  margin-left: 10px;
  float: left;
  width: 340px;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* line 3, sass/modules/_infinite-scroll.scss */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
/* line 8, sass/modules/_infinite-scroll.scss */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
/* line 3, sass/media/_media.scss */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers */
/* line 13, sass/media/_media.scss */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
/* line 1, sass/media/_captions.scss */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
/* line 5, sass/media/_captions.scss */
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}
/* line 9, sass/media/_captions.scss */
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* line 14, sass/media/_captions.scss */
.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
/* line 1, sass/media/_galleries.scss */
.gallery {
  margin-bottom: 1.5em;
}

/* line 5, sass/media/_galleries.scss */
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

/* line 12, sass/media/_galleries.scss */
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

/* line 16, sass/media/_galleries.scss */
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

/* line 20, sass/media/_galleries.scss */
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

/* line 24, sass/media/_galleries.scss */
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

/* line 28, sass/media/_galleries.scss */
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

/* line 32, sass/media/_galleries.scss */
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

/* line 36, sass/media/_galleries.scss */
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

/* line 40, sass/media/_galleries.scss */
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

/* line 44, sass/media/_galleries.scss */
.gallery-caption {
  display: block;
}