-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.min.css.map
1 lines (1 loc) · 55 KB
/
style.min.css.map
1
{"version":3,"sources":["base/_typography.scss","layout/_base.scss","layout/_components.scss","layout/_header.scss","layout/_footer.scss","layout/_layout.scss","layout/_homepage.scss","style.css","layout/_category.scss","layout/_posts.scss","layout/_page.scss"],"names":[],"mappings":"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","file":"style.min.css","sourcesContent":["$main-font: 'montserrat', sans-serif;\r\n$header-font: 'zeitung', sans-serif;\r\n\r\n.material-icons {\r\n font-family: 'Material Icons';\r\n font-weight: normal;\r\n font-style: normal;\r\n font-size: 24px;\r\n line-height: 1;\r\n letter-spacing: normal;\r\n text-transform: none;\r\n display: inline-block;\r\n white-space: nowrap;\r\n word-wrap: normal;\r\n direction: ltr;\r\n -webkit-font-feature-settings: 'liga';\r\n -webkit-font-smoothing: antialiased;\r\n}","/*\r\nTheme Name: Rockin' With Purpose\r\nAuthor: Tim Fau\r\nDescription: Custom theme built for Rockin' With Purpose online blog/magazine.\r\nVersion: 3\r\nLast Modified: 07/19/21\r\nTags: RWP, Tim Fau\r\n*/\r\n\r\n// ------------------------------------------------------------------------------------------------------------------------------\r\n// Global CSS\r\n// ------------------------------------------------------------------------------------------------------------------------------\r\n* {\r\n font-family: $main-font;\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: $fs-base;\r\n color: $dark-grey;\r\n}\r\nbody {\r\n margin: 0 0;\r\n background-color: $white;\r\n width: 100%;\r\n overflow-x: hidden;\r\n}\r\nh1 {\r\n font-size: $fs-large;\r\n font-family: $header-font;\r\n font-weight: 700;\r\n}\r\nh2, h3 {\r\n font-size: $fs-medium;\r\n font-family: $header-font;\r\n font-weight: 700;\r\n}\r\nh2 {\r\n line-height: 1.2em;\r\n}\r\np {\r\n line-height: 1.6em;\r\n}\r\nbutton, .btn {\r\n background: $red;\r\n color: $white;\r\n border: none;\r\n padding: 5px 10px;\r\n cursor: pointer;\r\n &:hover {\r\n background: $red-bg-light;\r\n }\r\n}\r\na {\r\n text-decoration: none;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n cursor: pointer;\r\n color: inherit;\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n}\r\nul {\r\n list-style: none;\r\n}\r\nimg {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n}\r\n.wrapper {\r\n overflow: hidden;\r\n}\r\n@media screen and ($bp-960) {\r\n .mnone {\r\n // Hide for Mobile\r\n display: none;\r\n }\r\n}\r\n@media screen and ($bp-960-min) {\r\n .dhide {\r\n // hide from desktop\r\n display: none;\r\n }\r\n}\r\n@media screen and ($bp-1200-min) {\r\n .nav-bar .container, .cat_post-container, #blog-content-area {\r\n max-width: $max-width-desktop - 70;\r\n margin: 0 auto;\r\n }\r\n}\r\n// ------------------------------------------------------------------------------------------------------------------------------\r\n// Clearfix\r\n// ------------------------------------------------------------------------------------------------------------------------------\r\n.clearfix {\r\n display: inline-block;\r\n &:after {\r\n visibility: hidden;\r\n display: block;\r\n font-size: 0;\r\n content: \" \";\r\n clear: both;\r\n height: 0;\r\n }\r\n}\r\n\r\n// Hides from IE-mac\r\n* html .clearfix {height: 1%;}\r\n.clearfix {display: block;}",".heading-box {\r\n padding-bottom: 50px;\r\n display: flex;\r\n width: 100%;\r\n overflow: hidden;\r\n &.heading-right {\r\n justify-content: flex-end;\r\n .hp-heading {\r\n &:after {\r\n right: 0;\r\n left: initial;\r\n bottom: -10px;\r\n }\r\n }\r\n }\r\n &.heading-center {\r\n justify-content: center;\r\n .hp-heading {\r\n &:after {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n}\r\n.heading-box {\r\n h1, h2, h3 {\r\n line-height: 1.2em;\r\n }\r\n p {\r\n color: $light-grey;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n padding-top: 5px;\r\n }\r\n}\r\n.post-category {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 25px;\r\n a {\r\n display: block;\r\n text-transform: uppercase;\r\n font-size: $fs-small;\r\n color: $red;\r\n font-weight: 600;\r\n transition: all 1s;\r\n padding: 5px 7px;\r\n &:hover {\r\n background: $red;\r\n color: $white;\r\n text-decoration: none;\r\n }\r\n }\r\n}","// ---------------------------------------------------------------------------------------------------------------------------------\r\n// Header\r\n// ---------------------------------------------------------------------------------------------------------------------------------\r\n.nav-bar {\r\n border-bottom: 1px solid $light-grey;\r\n background-color: $dark-grey;\r\n box-shadow: 0 0 5px $black;\r\n position: relative;\r\n @media screen and ($bp-960-min) {\r\n padding:0;\r\n .container {\r\n position: relative;\r\n }\r\n }\r\n}\r\n.nav-logo {\r\n width: 100%;\r\n padding: 25px 0;\r\n position: relative;\r\n a {\r\n max-width: 17%;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n @media screen and ($bp-960-min) {\r\n display: inline-block;\r\n width: auto;\r\n padding: 15px 0;\r\n a {\r\n max-width: 100px;\r\n margin-left: 5px;\r\n }\r\n }\r\n}\r\n/* Navigation */\r\n.nav-bar .navigation {\r\n display: none;\r\n @media screen and ($bp-960-min) {\r\n display: block !important; // important counteracts bug with mobile nav JS\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n height: 100%;\r\n ul {\r\n margin: 0;\r\n }\r\n }\r\n}\r\n.nav-bar .nav-icon {\r\n display: block;\r\n position: absolute;\r\n right: 25px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n &:after {\r\n @extend .material-icons;\r\n content: \"menu\";\r\n color: $white;\r\n font-size: 35px;\r\n }\r\n &.open:after {\r\n content: \"menu_open\";\r\n }\r\n @media screen and ($bp-960-min) {\r\n display: none;\r\n }\r\n}\r\n.nav-bar ul {\r\n padding-left: 0;\r\n margin: 0;\r\n @media screen and ($bp-960-min) {\r\n height: 100%;\r\n }\r\n}\r\n.nav > li {\r\n @media screen and ($bp-960-min) {\r\n &.menu-item-has-children {\r\n padding-right: 25px;\r\n }\r\n }\r\n}\r\n.nav-bar li {\r\n position: relative;\r\n background: $light-grey;\r\n @media screen and ($bp-960-min) {\r\n display: inline-block;\r\n margin-right: 0px;\r\n height: 100%;\r\n background: none;\r\n &:last-of-type ul.sub-menu {\r\n right: -25px;\r\n }\r\n }\r\n @media screen and ($bp-1200-min) {\r\n &:last-of-type {\r\n padding-right: 0;\r\n }\r\n }\r\n}\r\n.nav-bar li a {\r\n transition: 0.5s;\r\n padding: 16px 0;\r\n color: white;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n width: 100%;\r\n display: block;\r\n border-top: 2px solid $white;\r\n padding-left: 25px;\r\n box-sizing: border-box;\r\n @media screen and ($bp-960-min) {\r\n height: 100%;\r\n border: 0;\r\n margin-right: 30px;\r\n padding: 43px 0 40px 2px;\r\n &:hover {\r\n color: $red;\r\n }\r\n }\r\n}\r\n// hover & sub-menu styling\r\n.nav-bar li {\r\n &:hover > a, &.open > a {\r\n background: $dark-grey;\r\n }\r\n &.open ul.sub-menu {\r\n @media screen and ($bp-960) {\r\n display: block;\r\n }\r\n }\r\n &.menu-item-has-children > a:after {\r\n @extend .material-icons;\r\n content: 'keyboard_arrow_right';\r\n display: inline-block;\r\n position: absolute;\r\n padding-left: 5px;\r\n top: 15px;\r\n @media screen and ($bp-960-min) {\r\n top: 40px;\r\n }\r\n }\r\n &.menu-item-has-children.open > a:after {\r\n content: 'keyboard_arrow_down';\r\n }\r\n @media screen and ($bp-960-min) {\r\n &:hover a {\r\n color: $red-txt-light;\r\n }\r\n &:hover .sub-menu {\r\n display: block;\r\n height: auto;\r\n }\r\n &:hover.menu-item-has-children > a:after {\r\n content: 'keyboard_arrow_down';\r\n }\r\n &:last-of-type ul.sub-menu {\r\n right: 25px;\r\n left: auto;\r\n }\r\n }\r\n @media screen and ($bp-1200-min) {\r\n &:last-of-type ul.sub-menu {\r\n right: 0px;\r\n }\r\n \r\n }\r\n}\r\n.nav-bar ul.sub-menu {\r\n display: none;\r\n background: #cccccc;\r\n z-index: 1;\r\n li {\r\n display: block;\r\n a{\r\n color: $white;\r\n white-space: nowrap;\r\n padding-left: 50px;\r\n }\r\n }\r\n @media screen and ($bp-960-min) {\r\n position: absolute;\r\n left: 0;\r\n padding-left: 0;\r\n box-shadow: 8px 16px 20px $black;\r\n background: $light-grey;\r\n li {\r\n height: auto;\r\n a {\r\n padding: 15px 15px 15px 25px;\r\n padding-right: 0;\r\n }\r\n }\r\n }\r\n}\r\n.nav-bar .followBTN {\r\n display: none;\r\n}","/* ------------------------------------------------------------------------------------\r\n Footer\r\n--------------------------------------------------------------------------------------- */\r\n.footer {\r\n background: $dark-grey;\r\n text-align: center;\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n width: 100%;\r\n border-top: 4px solid $light-grey;\r\n position: relative;\r\n}\r\n.footer .top-footer {\r\n padding: 35px;\r\n .blurb {\r\n color: $white;\r\n text-align: center;\r\n font-size: $fs-medium;\r\n line-height: 1.7em;\r\n max-width: 565px;\r\n margin: 0 auto;\r\n span {\r\n display: inline-block;\r\n color: $white;\r\n font-size: inherit;\r\n }\r\n &:after {\r\n content: '';\r\n display: block;\r\n height: 2px;\r\n width: 100px;\r\n background: $red;\r\n margin: 0 auto;\r\n margin-top: 25px;\r\n }\r\n }\r\n @media screen and (max-width: 700px) {\r\n padding-top: 15px;\r\n }\r\n}\r\n.footer .bottom-footer {\r\n padding: 0 25px 25px 25px;\r\n p {\r\n color: $white;\r\n margin: 0;\r\n &.attribution {\r\n padding: 10px 0 0 0;\r\n color: #b9b9b9;\r\n }\r\n }\r\n}\r\n.footer .social-links {\r\n display: block;\r\n position: absolute;\r\n top: 37px;\r\n right: 35px;\r\n padding: 0 0 25px 0;\r\n margin: 0;\r\n li {\r\n padding-bottom: 15px;\r\n &:hover {\r\n img {\r\n opacity: .7;\r\n }\r\n }\r\n }\r\n img {\r\n transition: opacity .5s ease;\r\n }\r\n @media screen and (max-width: 700px) {\r\n position: relative;\r\n top: 0;\r\n right: 0;\r\n padding: 0;\r\n li {\r\n display: inline-block;\r\n padding: 25px 15px 0px 15px;\r\n }\r\n }\r\n}","// ------------------------------------------------------------------------------------------------------------------------------\r\n// Shared Layout Styles\r\n// ------------------------------------------------------------------------------------------------------------------------------\r\n\r\n.card {\r\n --gutter: 3%;\r\n --one-third: calc(94% / 3);\r\n background: lighten($light-grey, 50%);\r\n margin-bottom: var(--gutter);\r\n transition: box-shadow .3s;\r\n transition: background-color 1s;\r\n position: relative;\r\n &.full-width {\r\n width: 100%;\r\n .card-img {\r\n width: 66%;\r\n }\r\n .card-desc-container {\r\n width: 30%;\r\n margin: 0 2%;\r\n box-sizing: border-box;\r\n }\r\n }\r\n &.one-third {\r\n width: var(--one-third);\r\n }\r\n}\r\n.card {\r\n &:hover {\r\n box-shadow: 1px 1px 7px #00000069;\r\n background: lighten($light-grey, 55%);\r\n img {\r\n transform: scale(102%);\r\n filter: brightness(1.2);\r\n }\r\n }\r\n h2 {\r\n font-size: $fs-medium-large;\r\n transition: color 1s;\r\n margin: 0;\r\n text-align: center;\r\n &:hover {\r\n color: $red;\r\n text-decoration: underline;\r\n }\r\n @media screen and (max-width: 1050px) {\r\n font-size: $fs-medium-large;\r\n }\r\n }\r\n p {\r\n font-size: $fs-medium-small;\r\n margin-bottom: 0;\r\n text-align: center;\r\n }\r\n .card-img {\r\n overflow: hidden;\r\n img {\r\n transition: all .6s;\r\n }\r\n }\r\n .card-desc {\r\n flex-grow: 1;\r\n padding: 10px 25px 35px 25px;\r\n }\r\n .item-container {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n}","/* ------------------------------------------------------------------------------------\r\n General styles\r\n --------------------------------------------------------------------------------------- */\r\n.home {\r\n .card h2 {\r\n @media screen and (max-width: 1220px) {\r\n font-size: $fs-medium-large;\r\n }\r\n }\r\n h3 {\r\n font-size: $fs-medium-large;\r\n }\r\n h3 i {\r\n display: block;\r\n color: $white;\r\n @media screen and ($bp-960-min) {\r\n display: none;\r\n }\r\n }\r\n}\r\n.hp-heading {\r\n margin: 0 0;\r\n line-height: 22px;\r\n position: relative;\r\n color: $dark-grey;\r\n text-align: left;\r\n background: none;\r\n border: 0;\r\n padding: 0 0 15px 0;\r\n display: inline-block;\r\n text-transform: uppercase;\r\n &:after {\r\n content: \"\";\r\n height: 4px;\r\n position: absolute;\r\n width: 1920px;\r\n left: 0;\r\n bottom: -10px;\r\n background-color: $dark-grey;\r\n opacity: .1;\r\n }\r\n .line{\r\n content: \"\";\r\n background: #933;\r\n display: inline-block;\r\n width: 100%;\r\n height: 4px;\r\n bottom: -10px;\r\n right: 0;\r\n position: absolute;\r\n }\r\n}\r\n\r\n/* ------------------------------------------\r\n Recent Content\r\n--------------------------------------------- */\r\n.recent-content {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n max-width: $max-width-desktop;\r\n}\r\n.recent-content {\r\n --gutter: 3%;\r\n padding: .5%;\r\n .item {\r\n &.ct-1 {\r\n img {\r\n width: 100%;\r\n height: auto;\r\n @media screen and (min-width: 960px) and (max-width: 1100px) {\r\n // width: auto;\r\n // height: 100%;\r\n // margin-left: 50%;\r\n // transform: translateX(-50%);\r\n }\r\n }\r\n @media screen and (max-width: 1100px) {\r\n width: 100%;\r\n .item-container {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .item-container,\r\n .card-img,\r\n .card-desc-container {\r\n width: 100%;\r\n }\r\n .card-desc-container {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0 2%;\r\n }\r\n }\r\n }\r\n &.ct-2, &.ct-3 {\r\n @media screen and (min-width: 962px) {\r\n margin-right: var(--gutter);\r\n }\r\n }\r\n @media screen and (max-width: 961px) {\r\n width: 48.5%;\r\n &.ct-2 {\r\n width: 100%;\r\n }\r\n &.ct-3 {\r\n margin-right: 3%;\r\n }\r\n }\r\n @media screen and ($bp-660) {\r\n width: 100%;\r\n &.ct-3 {\r\n margin-right: 0;\r\n }\r\n }\r\n }\r\n .ct-1 .item-container {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n }\r\n}\r\n/* ------------------------------------------\r\n Remaining Content\r\n--------------------------------------------- */\r\n.main-content section {\r\n padding: 20px;\r\n @media screen and ($bp-960-min) {\r\n margin: 0 auto;\r\n padding: 35px;\r\n box-sizing: border-box;\r\n }\r\n}\r\n\r\n/* ------------------------------------------\r\n New Releases\r\n--------------------------------------------- */\r\n.main-content .featured-albums {\r\n background: $dark-grey;\r\n margin-top: 25px;\r\n padding: 60px 20px 60px 20px;\r\n margin-bottom: 30px;\r\n @media screen and ($bp-960-min) {\r\n padding: 100px 20px 130px 20px;\r\n .container {\r\n max-width: $max-width-desktop;\r\n margin: 0 auto;\r\n }\r\n }\r\n h3 {\r\n color: $white;\r\n &:after {\r\n background: $white;\r\n }\r\n }\r\n}\r\n.featured-albums .album-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n padding-top: 0px;\r\n flex-wrap: wrap;\r\n}\r\n.featured-albums div.album {\r\n position: relative;\r\n .albumimg {\r\n width: 50%;\r\n }\r\n @media screen and ($bp-960) {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n &:last-of-type {\r\n border: 0;\r\n }\r\n &.ct-1 .albumdesc, &.ct-3 .albumdesc {\r\n margin-left: 50%;\r\n }\r\n &.ct-2 .albumimg, &.ct-4 .albumimg {\r\n margin-left: 50%;\r\n }\r\n .albumdesc{\r\n background: #f6f6f6;\r\n h2 {\r\n font-size: $fs-medium-large;\r\n width: 100%;\r\n @media screen and ($bp-660) {\r\n font-size: $fs-medium;\r\n }\r\n }\r\n h2, p {\r\n color: $black;\r\n }\r\n }\r\n \r\n }\r\n @media screen and ($bp-960-min) { \r\n width: 23%;\r\n .albumimg {\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n &:nth-last-of-type(1) {\r\n margin-right: 0;\r\n }\r\n &:hover img {\r\n transform: scale(1.1);\r\n transition: 1s;\r\n }\r\n }\r\n}\r\n.albumdesc {\r\n position: absolute;\r\n top: 0;\r\n height: 100%;\r\n padding: 25px;\r\n box-sizing: border-box;\r\n background: $light-grey-transparent;\r\n width: 50%;\r\n h2, p {\r\n color: $white;\r\n }\r\n a {\r\n display: block;\r\n height: 100%;\r\n position: relative;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n p {\r\n @media screen and (max-width: 575px) {\r\n display: none;\r\n }\r\n @media screen and ($bp-960-min) and ($bp-1200) {\r\n display: none;\r\n }\r\n }\r\n h2 {\r\n margin-top: 0;\r\n text-align: center;\r\n }\r\n @media screen and ($bp-960-min) {\r\n opacity: 0;\r\n width: 100%;\r\n .album:hover & {\r\n opacity: 1;\r\n transition: .5s;\r\n }\r\n }\r\n}\r\n\r\n/* ------------------------------------------\r\n Artist Spotlight\r\n--------------------------------------------- */\r\n.artist-spotlight {\r\n .heading-box {\r\n width: 100%;\r\n }\r\n .container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n max-width: $max-width-desktop;\r\n margin: 0 auto;\r\n }\r\n h2 {\r\n margin-top: 12px;\r\n }\r\n @media screen and (max-width: 960px) {\r\n .card {\r\n width: 100%;\r\n }\r\n }\r\n}",".material-icons, .nav-bar .nav-icon:after, .nav-bar li.menu-item-has-children > a:after {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased; }\n\n/*\r\nTheme Name: Rockin' With Purpose\r\nAuthor: Tim Fau\r\nDescription: Custom theme built for Rockin' With Purpose online blog/magazine.\r\nVersion: 3\r\nLast Modified: 07/19/21\r\nTags: RWP, Tim Fau\r\n*/\n* {\n font-family: \"montserrat\", sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n color: #222224; }\n\nbody {\n margin: 0 0;\n background-color: #ffffff;\n width: 100%;\n overflow-x: hidden; }\n\nh1 {\n font-size: 2.8em;\n font-family: \"zeitung\", sans-serif;\n font-weight: 700; }\n\nh2, h3 {\n font-size: 1.4em;\n font-family: \"zeitung\", sans-serif;\n font-weight: 700; }\n\nh2 {\n line-height: 1.2em; }\n\np {\n line-height: 1.6em; }\n\nbutton, .btn {\n background: #993333;\n color: #ffffff;\n border: none;\n padding: 5px 10px;\n cursor: pointer; }\n button:hover, .btn:hover {\n background: #C55050; }\n\na {\n text-decoration: none;\n word-wrap: break-word;\n overflow-wrap: break-word;\n cursor: pointer;\n color: inherit; }\n a:hover {\n text-decoration: none; }\n\nul {\n list-style: none; }\n\nimg {\n width: 100%;\n height: 100%;\n display: block; }\n\n.wrapper {\n overflow: hidden; }\n\n@media screen and (max-width: 959px) {\n .mnone {\n display: none; } }\n\n@media screen and (min-width: 960px) {\n .dhide {\n display: none; } }\n\n@media screen and (min-width: 1200px) {\n .nav-bar .container, .cat_post-container, #blog-content-area {\n max-width: 1200px;\n margin: 0 auto; } }\n\n.clearfix {\n display: inline-block; }\n .clearfix:after {\n visibility: hidden;\n display: block;\n font-size: 0;\n content: \" \";\n clear: both;\n height: 0; }\n\n* html .clearfix {\n height: 1%; }\n\n.clearfix {\n display: block; }\n\n.heading-box {\n padding-bottom: 50px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n overflow: hidden; }\n .heading-box.heading-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n .heading-box.heading-right .hp-heading:after {\n right: 0;\n left: initial;\n bottom: -10px; }\n .heading-box.heading-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .heading-box.heading-center .hp-heading:after {\n width: 100%; }\n\n.heading-box h1, .heading-box h2, .heading-box h3 {\n line-height: 1.2em; }\n\n.heading-box p {\n color: #767676;\n text-transform: uppercase;\n font-weight: 600;\n padding-top: 5px; }\n\n.post-category {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-top: 25px; }\n .post-category a {\n display: block;\n text-transform: uppercase;\n font-size: 11px;\n color: #993333;\n font-weight: 600;\n -webkit-transition: all 1s;\n transition: all 1s;\n padding: 5px 7px; }\n .post-category a:hover {\n background: #993333;\n color: #ffffff;\n text-decoration: none; }\n\n.nav-bar {\n border-bottom: 1px solid #767676;\n background-color: #222224;\n -webkit-box-shadow: 0 0 5px #000000;\n box-shadow: 0 0 5px #000000;\n position: relative; }\n @media screen and (min-width: 960px) {\n .nav-bar {\n padding: 0; }\n .nav-bar .container {\n position: relative; } }\n\n.nav-logo {\n width: 100%;\n padding: 25px 0;\n position: relative; }\n .nav-logo a {\n max-width: 17%;\n display: block;\n margin: 0 auto; }\n @media screen and (min-width: 960px) {\n .nav-logo {\n display: inline-block;\n width: auto;\n padding: 15px 0; }\n .nav-logo a {\n max-width: 100px;\n margin-left: 5px; } }\n\n/* Navigation */\n.nav-bar .navigation {\n display: none; }\n @media screen and (min-width: 960px) {\n .nav-bar .navigation {\n display: block !important;\n position: absolute;\n right: 0;\n bottom: 0;\n height: 100%; }\n .nav-bar .navigation ul {\n margin: 0; } }\n\n.nav-bar .nav-icon {\n display: block;\n position: absolute;\n right: 25px;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n cursor: pointer; }\n .nav-bar .nav-icon:after {\n content: \"menu\";\n color: #ffffff;\n font-size: 35px; }\n .nav-bar .nav-icon.open:after {\n content: \"menu_open\"; }\n @media screen and (min-width: 960px) {\n .nav-bar .nav-icon {\n display: none; } }\n\n.nav-bar ul {\n padding-left: 0;\n margin: 0; }\n @media screen and (min-width: 960px) {\n .nav-bar ul {\n height: 100%; } }\n\n@media screen and (min-width: 960px) {\n .nav > li.menu-item-has-children {\n padding-right: 25px; } }\n\n.nav-bar li {\n position: relative;\n background: #767676; }\n @media screen and (min-width: 960px) {\n .nav-bar li {\n display: inline-block;\n margin-right: 0px;\n height: 100%;\n background: none; }\n .nav-bar li:last-of-type ul.sub-menu {\n right: -25px; } }\n @media screen and (min-width: 1200px) {\n .nav-bar li:last-of-type {\n padding-right: 0; } }\n\n.nav-bar li a {\n -webkit-transition: 0.5s;\n transition: 0.5s;\n padding: 16px 0;\n color: white;\n text-transform: uppercase;\n font-weight: 600;\n width: 100%;\n display: block;\n border-top: 2px solid #ffffff;\n padding-left: 25px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n @media screen and (min-width: 960px) {\n .nav-bar li a {\n height: 100%;\n border: 0;\n margin-right: 30px;\n padding: 43px 0 40px 2px; }\n .nav-bar li a:hover {\n color: #993333; } }\n\n.nav-bar li:hover > a, .nav-bar li.open > a {\n background: #222224; }\n\n@media screen and (max-width: 959px) {\n .nav-bar li.open ul.sub-menu {\n display: block; } }\n\n.nav-bar li.menu-item-has-children > a:after {\n content: 'keyboard_arrow_right';\n display: inline-block;\n position: absolute;\n padding-left: 5px;\n top: 15px; }\n @media screen and (min-width: 960px) {\n .nav-bar li.menu-item-has-children > a:after {\n top: 40px; } }\n\n.nav-bar li.menu-item-has-children.open > a:after {\n content: 'keyboard_arrow_down'; }\n\n@media screen and (min-width: 960px) {\n .nav-bar li:hover a {\n color: #CE6C6C; }\n .nav-bar li:hover .sub-menu {\n display: block;\n height: auto; }\n .nav-bar li:hover.menu-item-has-children > a:after {\n content: 'keyboard_arrow_down'; }\n .nav-bar li:last-of-type ul.sub-menu {\n right: 25px;\n left: auto; } }\n\n@media screen and (min-width: 1200px) {\n .nav-bar li:last-of-type ul.sub-menu {\n right: 0px; } }\n\n.nav-bar ul.sub-menu {\n display: none;\n background: #cccccc;\n z-index: 1; }\n .nav-bar ul.sub-menu li {\n display: block; }\n .nav-bar ul.sub-menu li a {\n color: #ffffff;\n white-space: nowrap;\n padding-left: 50px; }\n @media screen and (min-width: 960px) {\n .nav-bar ul.sub-menu {\n position: absolute;\n left: 0;\n padding-left: 0;\n -webkit-box-shadow: 8px 16px 20px #000000;\n box-shadow: 8px 16px 20px #000000;\n background: #767676; }\n .nav-bar ul.sub-menu li {\n height: auto; }\n .nav-bar ul.sub-menu li a {\n padding: 15px 15px 15px 25px;\n padding-right: 0; } }\n\n.nav-bar .followBTN {\n display: none; }\n\n/* ------------------------------------------------------------------------------------\r\n Footer\r\n--------------------------------------------------------------------------------------- */\n.footer {\n background: #222224;\n text-align: center;\n padding: 0;\n margin: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n border-top: 4px solid #767676;\n position: relative; }\n\n.footer .top-footer {\n padding: 35px; }\n .footer .top-footer .blurb {\n color: #ffffff;\n text-align: center;\n font-size: 1.4em;\n line-height: 1.7em;\n max-width: 565px;\n margin: 0 auto; }\n .footer .top-footer .blurb span {\n display: inline-block;\n color: #ffffff;\n font-size: inherit; }\n .footer .top-footer .blurb:after {\n content: '';\n display: block;\n height: 2px;\n width: 100px;\n background: #993333;\n margin: 0 auto;\n margin-top: 25px; }\n @media screen and (max-width: 700px) {\n .footer .top-footer {\n padding-top: 15px; } }\n\n.footer .bottom-footer {\n padding: 0 25px 25px 25px; }\n .footer .bottom-footer p {\n color: #ffffff;\n margin: 0; }\n .footer .bottom-footer p.attribution {\n padding: 10px 0 0 0;\n color: #b9b9b9; }\n\n.footer .social-links {\n display: block;\n position: absolute;\n top: 37px;\n right: 35px;\n padding: 0 0 25px 0;\n margin: 0; }\n .footer .social-links li {\n padding-bottom: 15px; }\n .footer .social-links li:hover img {\n opacity: .7; }\n .footer .social-links img {\n -webkit-transition: opacity .5s ease;\n transition: opacity .5s ease; }\n @media screen and (max-width: 700px) {\n .footer .social-links {\n position: relative;\n top: 0;\n right: 0;\n padding: 0; }\n .footer .social-links li {\n display: inline-block;\n padding: 25px 15px 0px 15px; } }\n\n.card {\n --gutter: 3%;\n --one-third: calc(94% / 3);\n background: #f6f6f6;\n margin-bottom: var(--gutter);\n -webkit-transition: -webkit-box-shadow .3s;\n transition: -webkit-box-shadow .3s;\n transition: box-shadow .3s;\n transition: box-shadow .3s, -webkit-box-shadow .3s;\n -webkit-transition: background-color 1s;\n transition: background-color 1s;\n position: relative; }\n .card.full-width {\n width: 100%; }\n .card.full-width .card-img {\n width: 66%; }\n .card.full-width .card-desc-container {\n width: 30%;\n margin: 0 2%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n .card.one-third {\n width: var(--one-third); }\n\n.card:hover {\n -webkit-box-shadow: 1px 1px 7px #00000069;\n box-shadow: 1px 1px 7px #00000069;\n background: white; }\n .card:hover img {\n -webkit-transform: scale(102%);\n transform: scale(102%);\n -webkit-filter: brightness(1.2);\n filter: brightness(1.2); }\n\n.card h2 {\n font-size: 2em;\n -webkit-transition: color 1s;\n transition: color 1s;\n margin: 0;\n text-align: center; }\n .card h2:hover {\n color: #993333;\n text-decoration: underline; }\n @media screen and (max-width: 1050px) {\n .card h2 {\n font-size: 2em; } }\n\n.card p {\n font-size: 1.2em;\n margin-bottom: 0;\n text-align: center; }\n\n.card .card-img {\n overflow: hidden; }\n .card .card-img img {\n -webkit-transition: all .6s;\n transition: all .6s; }\n\n.card .card-desc {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n padding: 10px 25px 35px 25px; }\n\n.card .item-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 100%; }\n\n/* ------------------------------------------------------------------------------------\r\n General styles\r\n --------------------------------------------------------------------------------------- */\n@media screen and (max-width: 1220px) {\n .home .card h2 {\n font-size: 2em; } }\n\n.home h3 {\n font-size: 2em; }\n\n.home h3 i {\n display: block;\n color: #ffffff; }\n @media screen and (min-width: 960px) {\n .home h3 i {\n display: none; } }\n\n.hp-heading {\n margin: 0 0;\n line-height: 22px;\n position: relative;\n color: #222224;\n text-align: left;\n background: none;\n border: 0;\n padding: 0 0 15px 0;\n display: inline-block;\n text-transform: uppercase; }\n .hp-heading:after {\n content: \"\";\n height: 4px;\n position: absolute;\n width: 1920px;\n left: 0;\n bottom: -10px;\n background-color: #222224;\n opacity: .1; }\n .hp-heading .line {\n content: \"\";\n background: #933;\n display: inline-block;\n width: 100%;\n height: 4px;\n bottom: -10px;\n right: 0;\n position: absolute; }\n\n/* ------------------------------------------\r\n Recent Content\r\n--------------------------------------------- */\n.recent-content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n max-width: 1270px; }\n\n.recent-content {\n --gutter: 3%;\n padding: .5%; }\n .recent-content .item.ct-1 img {\n width: 100%;\n height: auto; }\n @media screen and (max-width: 1100px) {\n .recent-content .item.ct-1 {\n width: 100%; }\n .recent-content .item.ct-1 .item-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n .recent-content .item.ct-1 .item-container,\n .recent-content .item.ct-1 .card-img,\n .recent-content .item.ct-1 .card-desc-container {\n width: 100%; }\n .recent-content .item.ct-1 .card-desc-container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0 2%; } }\n @media screen and (min-width: 962px) {\n .recent-content .item.ct-2, .recent-content .item.ct-3 {\n margin-right: var(--gutter); } }\n @media screen and (max-width: 961px) {\n .recent-content .item {\n width: 48.5%; }\n .recent-content .item.ct-2 {\n width: 100%; }\n .recent-content .item.ct-3 {\n margin-right: 3%; } }\n @media screen and (max-width: 660px) {\n .recent-content .item {\n width: 100%; }\n .recent-content .item.ct-3 {\n margin-right: 0; } }\n .recent-content .ct-1 .item-container {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n\n/* ------------------------------------------\r\n Remaining Content\r\n--------------------------------------------- */\n.main-content section {\n padding: 20px; }\n @media screen and (min-width: 960px) {\n .main-content section {\n margin: 0 auto;\n padding: 35px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; } }\n\n/* ------------------------------------------\r\n New Releases\r\n--------------------------------------------- */\n.main-content .featured-albums {\n background: #222224;\n margin-top: 25px;\n padding: 60px 20px 60px 20px;\n margin-bottom: 30px; }\n @media screen and (min-width: 960px) {\n .main-content .featured-albums {\n padding: 100px 20px 130px 20px; }\n .main-content .featured-albums .container {\n max-width: 1270px;\n margin: 0 auto; } }\n .main-content .featured-albums h3 {\n color: #ffffff; }\n .main-content .featured-albums h3:after {\n background: #ffffff; }\n\n.featured-albums .album-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding-top: 0px;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; }\n\n.featured-albums div.album {\n position: relative; }\n .featured-albums div.album .albumimg {\n width: 50%; }\n @media screen and (max-width: 959px) {\n .featured-albums div.album {\n width: 100%;\n margin-bottom: 20px; }\n .featured-albums div.album:last-of-type {\n border: 0; }\n .featured-albums div.album.ct-1 .albumdesc, .featured-albums div.album.ct-3 .albumdesc {\n margin-left: 50%; }\n .featured-albums div.album.ct-2 .albumimg, .featured-albums div.album.ct-4 .albumimg {\n margin-left: 50%; }\n .featured-albums div.album .albumdesc {\n background: #f6f6f6; }\n .featured-albums div.album .albumdesc h2 {\n font-size: 2em;\n width: 100%; } }\n @media screen and (max-width: 959px) and (max-width: 660px) {\n .featured-albums div.album .albumdesc h2 {\n font-size: 1.4em; } }\n @media screen and (max-width: 959px) {\n .featured-albums div.album .albumdesc h2, .featured-albums div.album .albumdesc p {\n color: #000000; } }\n @media screen and (min-width: 960px) {\n .featured-albums div.album {\n width: 23%; }\n .featured-albums div.album .albumimg {\n width: 100%;\n overflow: hidden; }\n .featured-albums div.album:nth-last-of-type(1) {\n margin-right: 0; }\n .featured-albums div.album:hover img {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n -webkit-transition: 1s;\n transition: 1s; } }\n\n.albumdesc {\n position: absolute;\n top: 0;\n height: 100%;\n padding: 25px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: #767676cc;\n width: 50%; }\n .albumdesc h2, .albumdesc p {\n color: #ffffff; }\n .albumdesc a {\n display: block;\n height: 100%;\n position: relative;\n text-align: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n @media screen and (max-width: 575px) {\n .albumdesc p {\n display: none; } }\n @media screen and (min-width: 960px) and (max-width: 1200px) {\n .albumdesc p {\n display: none; } }\n .albumdesc h2 {\n margin-top: 0;\n text-align: center; }\n @media screen and (min-width: 960px) {\n .albumdesc {\n opacity: 0;\n width: 100%; }\n .album:hover .albumdesc {\n opacity: 1;\n -webkit-transition: .5s;\n transition: .5s; } }\n\n/* ------------------------------------------\r\n Artist Spotlight\r\n--------------------------------------------- */\n.artist-spotlight .heading-box {\n width: 100%; }\n\n.artist-spotlight .container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n max-width: 1270px;\n margin: 0 auto; }\n\n.artist-spotlight h2 {\n margin-top: 12px; }\n\n@media screen and (max-width: 960px) {\n .artist-spotlight .card {\n width: 100%; } }\n\n#category {\n max-width: 1270px;\n margin: 0 auto; }\n #category > div {\n padding: 0 35px; }\n #category .heading-box {\n margin: 50px 0 15px 0;\n overflow: hidden; }\n #category .cat-content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start; }\n #category div.card h2 {\n margin-top: 15px; }\n @media screen and (min-width: 960px) {\n #category div.card:nth-of-type(3n-1), #category div.card:nth-of-type(3n-2) {\n margin-right: 3%; } }\n @media screen and (min-width: 660px) and (max-width: 959px) {\n #category div.card {\n width: 48.5%; }\n #category div.card:nth-of-type(2n-1) {\n margin-right: 3%; } }\n @media screen and (max-width: 660px) {\n #category div.card {\n width: 100%;\n margin-bottom: 40px;\n margin-right: 0; } }\n\n#blog-content-area .post-category {\n margin-bottom: 15px; }\n\n#blog-content-area .heading-container {\n padding: 5% 15px 3.5% 15px;\n text-align: center; }\n #blog-content-area .heading-container h1 {\n text-align: center; }\n #blog-content-area .heading-container h1 span,\n #blog-content-area .heading-container h1:after {\n width: 50px;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n bottom: -15px;\n height: 2px; }\n\n#blog-content-area .post-container {\n margin: 0 15px; }\n @media screen and (min-width: 960px) {\n #blog-content-area .post-container {\n margin: 0 15%; } }\n\n#blog-content-area .blog-img {\n position: relative; }\n\n/*--------------------------------------------------\r\n Post Content\r\n--------------------------------------------------*/\n.post {\n margin-top: 25px;\n padding: 0px 15px;\n position: relative; }\n .post p, .post a, .post i, .post span, .post strong, .post em, .post ul, .post li, .post b {\n font-size: 18px;\n line-height: 32px; }\n .post strong {\n font-weight: 600; }\n .post a {\n color: #993333;\n text-decoration: underline; }\n .post a:hover {\n text-decoration: underline; }\n .post figure {\n margin-left: 0; }\n @media screen and (min-width: 960px) {\n .post {\n width: 100%;\n padding: 0 5%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n .post p {\n padding-right: 50px; } }\n @media screen and (max-width: 660px) {\n .post iframe, .post table {\n width: 100%;\n height: 100% !important; } }\n @media screen and (max-width: 480px) {\n .post {\n word-wrap: break-word; } }\n\n.post .share-container > span {\n font-family: \"zeitung\", sans-serif; }\n\n.post .share {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n margin: 0 0 40px 0; }\n .post .share a {\n border: 1px solid #767676;\n padding: 10px;\n text-align: center;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1; }\n .post .share a span {\n margin: 0 auto;\n display: inline-block;\n vertical-align: middle; }\n .post .share img {\n width: 25px;\n height: 25px; }\n\n#page-content-area {\n margin: 0 auto;\n padding: 35px;\n max-width: 1270px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n #page-content-area .heading-container,\n #page-content-area .post-container {\n margin: 0 auto; }\n #page-content-area .post {\n padding: 0;\n margin: 0; }\n #page-content-area .post > h1,\n #page-content-area .post > h2 {\n margin-top: 0; }\n","// ---------------------------------------------------------------------------------------------------------------------------------\r\n// Category Page Styling\r\n// ---------------------------------------------------------------------------------------------------------------------------------\r\n#category {\r\n max-width: $max-width-desktop;\r\n margin: 0 auto;\r\n > div {\r\n padding: 0 35px;\r\n }\r\n .heading-box {\r\n margin: 50px 0 15px 0;\r\n overflow: hidden;\r\n }\r\n .cat-content {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n }\r\n div.card {\r\n h2 {\r\n margin-top: 15px;\r\n }\r\n &:nth-of-type(3n-1),\r\n &:nth-of-type(3n-2) {\r\n @media screen and ($bp-960-min) {\r\n margin-right: 3%;\r\n }\r\n }\r\n @media screen and ($bp-660-min) and ($bp-960) {\r\n width: 48.5%;\r\n &:nth-of-type(2n-1) {\r\n margin-right: 3%;\r\n }\r\n }\r\n @media screen and ($bp-660) {\r\n width: 100%;\r\n margin-bottom: 40px;\r\n margin-right: 0;\r\n }\r\n }\r\n}","// ---------------------------------------------------------------------------------------------------------------------------------\r\n// Posts Page Styling\r\n// ---------------------------------------------------------------------------------------------------------------------------------\r\n\r\n#blog-content-area {\r\n .post-category {\r\n margin-bottom: 15px;\r\n }\r\n .heading-container {\r\n padding: 5% 15px 3.5% 15px;\r\n text-align: center;\r\n h1 {\r\n text-align: center;\r\n }\r\n h1 span,\r\n h1:after {\r\n width: 50px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: -15px;\r\n height: 2px;\r\n }\r\n }\r\n .post-container {\r\n margin: 0 15px;\r\n @media screen and ($bp-960-min) {\r\n margin: 0 15%;\r\n }\r\n }\r\n .blog-img {\r\n position: relative;\r\n }\r\n}\r\n\r\n/*--------------------------------------------------\r\n Post Content\r\n--------------------------------------------------*/\r\n.post {\r\n margin-top: 25px;\r\n padding: 0px 15px;\r\n position: relative;\r\n p, a, i, span, strong, em, ul, li, b {\r\n font-size: 18px;\r\n line-height: 32px;\r\n }\r\n strong {\r\n font-weight: 600;\r\n }\r\n a {\r\n color: $red;\r\n text-decoration: underline;\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n figure {\r\n margin-left: 0;\r\n }\r\n @media screen and ($bp-960-min) {\r\n width: 100%;\r\n padding: 0 5%;\r\n box-sizing: border-box;\r\n p {\r\n padding-right: 50px;\r\n }\r\n }\r\n @media screen and ($bp-660) {\r\n iframe, table {\r\n width: 100%;\r\n height: 100% !important;\r\n }\r\n }\r\n @media screen and ($bp-480) {\r\n word-wrap: break-word;\r\n }\r\n}\r\n.post .share-container {\r\n > span {\r\n font-family: $header-font;\r\n }\r\n}\r\n.post .share {\r\n display: flex;\r\n justify-content: space-around;\r\n margin: 0 0 40px 0;\r\n a {\r\n border: 1px solid $light-grey;\r\n padding: 10px;\r\n text-align: center;\r\n flex-grow: 1;\r\n span {\r\n margin: 0 auto;\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n }\r\n img {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n}","#page-content-area {\r\n margin: 0 auto;\r\n padding: 35px;\r\n max-width: $max-width-desktop;\r\n box-sizing: border-box;\r\n .heading-container,\r\n .post-container {\r\n margin: 0 auto;\r\n }\r\n .post {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n .post > h1,\r\n .post > h2 {\r\n margin-top: 0;\r\n }\r\n}"]}