@charset "utf-8";
/* CSS Document */

body { font-family: 'Roboto',sans-serif; font-weight: 400; font-size: 14px; color: #545454; line-height: 22px; }
a { color: #e7008c; text-decoration: none; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; font-weight:bold}
a:hover { color: #000; }
.tall, h1, h2 {font-family: Oswald, Roboto;}
h1, h2 {text-transform: uppercase; color: #e7008c}
h3, h3 a {font-weight:normal; font-family:Oswald, Roboto; text-transform: capitalize;}
.color-white {color:#ffffff}
.color-accent {color: #e7008c}
.fontsize-20 {font-size:20px}
.fontsize-30 {font-size:30px}
.padding-large {padding:30px}
.upper, .uppercase {text-transform: uppercase;}
.border-pink {border:1px dotted #e7008c}
.max-width-600 {max-width: 600px; margin-left: auto; margin-right:auto}
.max-width-400 {max-width: 400px; margin-left: auto; margin-right:auto}
.margin-bottom {margin-bottom:15px}
.margin-bottom-large {margin-bottom:60px}
hr.pink-small {border-top:1px solid #e7008c; margin-left: auto; margin-right:auto; max-width:200px}
.serif {font-family: "Instrument Serif", serif;}
.italic {font-style: italic;}
video { display: block; width: 100%; height: auto; }

/* Menu */
header {background-color:#000000}
.menu-link {display: block; float: right; padding: 14px 15px 0 0; width: 25px; height: 25px; font-size: 23px; color: #FFF;}
.menu-link:hover {color: #999;}
.mff-main ul, .mff-main {list-style:none}

/* Off Canvas */
.off-canvas {padding-top: 50px; background-color:#000000; color:#ffffff}
.off-canvas a, .off-canvas a:visited, .off-canvas a:focus-visible {color:#e7008c; font-family: Oswald, Roboto; font-size:18px}
.off-canvas li {margin-bottom: 10px}
.off-canvas li:hover {border:1px solid #ffffff;}

/* Block Grid */

/* Pinterest-style Masonry Layout */
.favorite-finds-masonry { column-count: 1; column-gap: 1.25rem; margin: 0 auto; max-width: 1200px; }

@media screen and (min-width: 40em) {
    .favorite-finds-masonry { column-count: 2; }
}
@media screen and (min-width: 64em) {
    .favorite-finds-masonry { column-count: 3; }
}
@media screen and (min-width: 75em) {
    .favorite-finds-masonry { column-count: 4; }
}
.favorite-card { break-inside: avoid; page-break-inside: avoid; margin-bottom: 1.25rem; display: inline-block; width: 100%; }
.favorite-card .card-image { position: relative; overflow: hidden; }
.favorite-card .card-image img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; }
.favorite-card:hover .card-image img { transform: scale(1.05); }
.favorite-card .card-section { padding: 1rem; }
.favorite-card h3 { font-size: 1.25rem; margin: 0.5rem 0; }

.favorite-card h3 a:hover { color: #000; }
.favorite-card .rating { margin: 0.5rem 0; font-size: 1.2rem; color: #ffb900; }
.favorite-card .rating .star { margin-right: 0.1rem; }
.favorite-card .intro-text { font-size: 0.9rem; color: #666; margin: 0.75rem 0; line-height: 1.5; }
.favorite-card .price { font-size: 1.5rem; color: #2c3e50; margin: 1rem 0; }
.favorite-card .button { margin-bottom: 0.5rem; }
.favorite-card .label { display: inline-block; margin-bottom: 0.5rem; }
.linkbutton {font-weight:normal; background-color:#efefef; padding: 6px 12px}