@charset "UTF-8";
/*
 Theme Name:   HSLU Web 12
 Theme URI:    http://blog.hslu.ch/
 Description:  Blog theme of the Lucerne University of Applied Sciences and Arts.
 Author:       Feinheit GmbH
 Author URI:   http://www.feinheit.ch
 Template:     smart-mag
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         hslu
 Text Domain:  smart-mag-child
*/
/* Settings */
/*
Colors, copied from hslu.ch-settings

$light-blue:            rgb(154, 212, 241);  // #9AD4F1
$medium-blue:           rgb(255, 0, 0);  // Diese Farbe wurde gestrichen.
$dark-blue:             rgb(65, 94, 108);  // #415e6c
$light-magenta:         rgb(226, 0, 122);  // #e2007a
$medium-magenta:        rgb(160, 0, 87);  // #A00057  .mark
$dark-magenta:          rgb(105, 0, 54);  // #690036
*/
/* Fonts */
/* Settings */
/*
Colors, copied from hslu.ch-settings

$light-blue:            rgb(154, 212, 241);  // #9AD4F1
$medium-blue:           rgb(255, 0, 0);  // Diese Farbe wurde gestrichen.
$dark-blue:             rgb(65, 94, 108);  // #415e6c
$light-magenta:         rgb(226, 0, 122);  // #e2007a
$medium-magenta:        rgb(160, 0, 87);  // #A00057  .mark
$dark-magenta:          rgb(105, 0, 54);  // #690036
*/
@font-face {
  font-family: 'FS Albert Web Regular';
  src: url("./fonts/FSAlbertWeb-Regular.woff2") format("woff2"), url("./fonts/FSAlbertWeb-Regular.woff") format("woff"), url("./fonts/FSAlbertWeb-Regular.svg#FSAlbertWeb-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FS Albert Web Italic';
  src: url("./fonts/FSAlbertWeb-Italic.woff2") format("woff2"), url("./fonts/FSAlbertWeb-Italic.woff") format("woff"), url("./fonts/FSAlbertWeb-Italic.svg#FSAlbertWeb-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'FS Albert Web Light';
  src: url("./fonts/FSAlbertWeb-Light.woff2") format("woff2"), url("./fonts/FSAlbertWeb-Light.woff") format("woff"), url("./fonts/FSAlbertWeb-Light.svg#FSAlbertWeb-Light") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'FS Albert Web Bold';
  src: url("./fonts/FSAlbertWeb-Bold.woff2") format("woff2"), url("./fonts/FSAlbertWeb-Bold.woff") format("woff"), url("./fonts/FSAlbertWeb-Bold.svg#FSAlbertWeb-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 33, scss/_font.scss */
html, body, h1, h2, h3, h4, h5, h6,
p, ul, ol, a,
.textwidget, .navigation .menu ul li a,
.navigation .menu.mobile-menu li a, .listing-alt .content > a {
  font-family: "FS Albert Web Regular", Helvetica, sans-serif;
}

/* line 41, scss/_font.scss */
.lower-foot {
  font-family: "FS Albert Web Light", Helvetica, sans-serif;
}

/* line 45, scss/_font.scss */
footer.main-footer .widgettitle, h1.main-heading, .post-header .post-title {
  font-family: "FS Albert Web Bold", Helvetica, sans-serif;
}

/* General Font Settings */
/* line 54, scss/_font.scss */
*::selection {
  background-color: #a00057;
}

/* line 59, scss/_font.scss */
html, body {
  font-size: 62.5%;
}

/* line 70, scss/_font.scss */
h1, h2, h3, h4, h5, h6,
p, ul, ol, a,
.textwidget {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.8em;
}

/* line 77, scss/_font.scss */
p {
  color: black;
  line-height: 1.8em;
}

/* line 83, scss/_font.scss */
h1 {
  font-size: 3.6rem;
  line-height: 1.3em;
}

/* line 84, scss/_font.scss */
h2 {
  font-size: 3rem;
  line-height: 1.3em;
}

/* line 85, scss/_font.scss */
h3 {
  font-size: 2.6rem;
  line-height: 1.3em;
}

/* line 86, scss/_font.scss */
h4 {
  font-size: 2.2rem;
}

/* line 87, scss/_font.scss */
h5 {
  font-size: 1.8rem;
  text-transform: uppercase;
}

/* line 88, scss/_font.scss */
h6 {
  font-size: 1.6rem;
  text-transform: uppercase;
}

/* line 94, scss/_font.scss */
.main-content ul {
  margin-left: 1.3rem;
  color: black;
}
/* line 97, scss/_font.scss */
.main-content ul li {
  list-style-type: none;
}
/* line 99, scss/_font.scss */
.main-content ul li::before {
  content: "–";
  margin-left: -1.3rem;
  position: absolute;
}
/* line 106, scss/_font.scss */
.main-content ol {
  list-style-position: inside;
  margin-left: 0;
  color: black;
}

/* line 116, scss/_font.scss */
.fa.fa-angle-down {
  font-size: 2.2rem;
  line-height: 4rem;
}
/* line 120, scss/_font.scss */
.fa.fa-search {
  font-size: 1.4rem;
  line-height: 1.8em;
}

/* line 129, scss/_font.scss */
a,
.post-content a {
  color: #415e6c;
}
/* line 131, scss/_font.scss */
a:hover,
.post-content a:hover {
  color: black;
  text-decoration: none;
}

/* line 142, scss/_font.scss */
.blog-title a {
  color: #415e6c;
  font-size: 1.8rem;
  line-height: 1.4em;
}
@media screen and (min-width: 800px) {
  /* line 142, scss/_font.scss */
  .blog-title a {
    font-size: 2.4rem;
  }
}

/* line 150, scss/_font.scss */
.blog-subtitle {
  color: #949697;
  font-size: 1.8rem;
}
@media screen and (min-width: 800px) {
  /* line 150, scss/_font.scss */
  .blog-subtitle {
    font-size: 1.8rem;
  }
}

/* line 162, scss/_font.scss */
.navigation a {
  font-size: 1.9rem;
  color: white;
  text-transform: none;
}

/* line 169, scss/_font.scss */
.navigation .menu ul li a,
.navigation .menu.mobile-menu li a {
  font-size: 1.6rem;
}

/* line 176, scss/_font.scss */
footer {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
/* line 184, scss/_font.scss */
footer.main-footer .widget {
  color: white;
}
/* line 186, scss/_font.scss */
footer.main-footer .widget a {
  color: white;
}
/* line 188, scss/_font.scss */
footer.main-footer .widget a:hover {
  opacity: 0.6;
  background-color: transparent !important;
}
/* line 194, scss/_font.scss */
footer.main-footer .widgettitle {
  font-size: 1.9rem;
  color: white;
  border-bottom: 2px solid white;
}

/* line 207, scss/_font.scss */
.listing-alt .content > a {
  font-size: 2.6rem;
  line-height: 1.4em;
}

/* line 217, scss/_font.scss */
.posts-list .content time,
.comments a,
.main-content .post-meta,
.main-content .post-meta a {
  font-size: 1.3rem;
}

/* line 224, scss/_font.scss */
h1.main-heading {
  font-size: 3.6rem;
  text-transform: none;
}

/* line 230, scss/_font.scss */
.post-content h2 {
  font-weight: normal;
}

/* line 238, scss/_font.scss */
.post-header .post-title {
  font-size: 3.6rem;
  text-transform: none;
}

/* line 244, scss/_font.scss */
.highlights h2 {
  padding-left: 0;
  font-size: 1.6rem;
}
/* line 247, scss/_font.scss */
.highlights h2:before {
  border: none;
}

/* line 252, scss/_font.scss */
.related-posts .section-head {
  color: black;
}

/* line 257, scss/_font.scss */
.related-posts .highlights::before {
  content: none;
}

/* line 262, scss/_font.scss */
.recentcomments .url {
  color: #415e6c;
}

/* line 270, scss/_font.scss */
.breadcrumbs .location {
  color: inherit;
}
/* line 273, scss/_font.scss */
.breadcrumbs span {
  font-size: 1.4rem;
}

/* line 280, scss/_font.scss */
.main .sidebar .widgettitle {
  font-size: 1.4rem;
}

/* line 284, scss/_font.scss */
.widget li {
  text-align: left;
}

/* Settings */
/*
Colors, copied from hslu.ch-settings

$light-blue:            rgb(154, 212, 241);  // #9AD4F1
$medium-blue:           rgb(255, 0, 0);  // Diese Farbe wurde gestrichen.
$dark-blue:             rgb(65, 94, 108);  // #415e6c
$light-magenta:         rgb(226, 0, 122);  // #e2007a
$medium-magenta:        rgb(160, 0, 87);  // #A00057  .mark
$dark-magenta:          rgb(105, 0, 54);  // #690036
*/
@media print {
  /* line 6, scss/_print.scss */
  .main-footer {
    display: none;
  }
}
/*
typography extend classes:
  @extend %font-regular;
  @extend %font-italic;
  @extend %font-light;
  @extend %font-bold;
*/
/* line 30, scss/style.scss */
.top-bar {
  border-top: none;
}

/* line 36, scss/style.scss */
.main-head header {
  line-height: normal;
  min-height: inherit;
  padding: 3rem 0;
}
/* line 41, scss/style.scss */
.main-head header .title {
  text-align: left;
  margin: 0;
}
@media screen and (min-width: 800px) {
  /* line 41, scss/style.scss */
  .main-head header .title {
    float: left;
  }
}
/* line 50, scss/style.scss */
.main-head header .title-right {
  line-height: normal;
  margin-top: 2rem;
}
/* line 40, scss/_settings.scss */
.main-head header .title-right:before, .main-head header .title-right:after {
  content: "";
  display: table;
}
/* line 44, scss/_settings.scss */
.main-head header .title-right:after {
  clear: both;
}
@media screen and (min-width: 800px) {
  /* line 50, scss/style.scss */
  .main-head header .title-right {
    float: right;
    text-align: right;
    margin-top: 1.6rem;
  }
}

/* line 69, scss/style.scss */
.navigation,
.main .sidebar .widgettitle,
.main-footer {
  background: #415e6c;
}
/* line 72, scss/style.scss */
.navigation a:hover,
.main .sidebar .widgettitle a:hover,
.main-footer a:hover {
  background: #2e424c !important;
}

/* line 78, scss/style.scss */
.navigation .menu ul {
  background: #2e424c !important;
}

/* line 83, scss/style.scss */
.navigation .mobile .fa {
  background: #2e424c !important;
}

/* line 86, scss/style.scss */
.navigation .menu li > a .chevron {
  background: transparent !important;
}

/* line 98, scss/style.scss */
.navigation,
.navigation .menu li a,
.navigation .menu > li > a,
.navigation .menu > li li a,
.navigation .menu > li:hover > a,
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a {
  border: none !important;
}

/* line 102, scss/style.scss */
.navigation .menu > li > a {
  margin-bottom: 0;
}

/* line 106, scss/style.scss */
.navigation .menu > li > ul {
  top: 43px;
}

/* line 113, scss/style.scss */
.lower-foot {
  background: #37505c;
  color: white;
}

/* line 123, scss/style.scss */
.main .sidebar .widgettitle {
  margin-bottom: 1.5rem;
}

/* line 130, scss/style.scss */
.listing-alt article .content,
.posts-list .content {
  margin-left: 0 !important;
}

/* line 134, scss/style.scss */
.listing-alt article .content {
  margin-top: 0;
}

/*
.listing-alt .content .read-more a {
  background: $secondary-color;
}
*/
/* line 144, scss/style.scss */
.listing-alt article > a {
  max-width: inherit !important;
  display: block;
  text-align: center;
  background: #f2f2f2;
}
@media screen and (min-width: 768px) {
  /* line 144, scss/style.scss */
  .listing-alt article > a {
    background: transparent;
  }
}

/* line 154, scss/style.scss */
.listing-alt img {
  margin: 0;
  max-height: 400px !important;
  max-width: 500px !important;
  width: auto !important;
  margin: 0;
}
@media screen and (min-width: 768px) {
  /* line 154, scss/style.scss */
  .listing-alt img {
    margin: 0 2rem 1rem 0;
  }
}

/* line 165, scss/style.scss */
.tagcloud a {
  border: thin solid rgba(65, 94, 108, 0.2);
  line-height: 1.2em;
}

/* line 170, scss/style.scss */
.listing-alt .content .read-more {
  display: none;
  visibility: hidden;
}
/* line 173, scss/style.scss */
.listing-alt .content .read-more.visible {
  display: block;
  visibility: visible;
}
/* line 176, scss/style.scss */
.listing-alt .content .read-more.visible a {
  padding: 6px 12px;
  background-color: #415e6c;
  font-size: 1.4rem;
  text-transform: none;
}
/* line 181, scss/style.scss */
.listing-alt .content .read-more.visible a:hover {
  background: #2a3d46;
}

/* line 188, scss/style.scss */
.widget li {
  border-bottom: 1px dashed #949697;
}

/* line 191, scss/style.scss */
.listing-alt article {
  border-top: 1px dashed #949697;
}

/* line 203, scss/style.scss */
.main-heading,
.page-title,
.entry-title,
.post-header .post-title,
.post-header .post-title:before {
  border: none;
  padding-left: 0;
}

/* line 212, scss/style.scss */
.reviewer,
.dtreviewed {
  margin-left: 0.3rem;
}

/* line 218, scss/style.scss */
.highlights .image-link {
  background: url("images/placeholder.png") center center no-repeat;
  height: 175px;
  overflow: hidden;
}
/* line 222, scss/style.scss */
.highlights .image-link img {
  height: 100%;
  width: auto;
}

/* line 231, scss/style.scss */
.main-pagination .current,
.main-pagination a:hover {
  background: #a00057;
}

/* line 237, scss/style.scss */
#comment-submit,
.submit-button {
  background: #415e6c;
}
/* line 239, scss/style.scss */
#comment-submit:hover,
.submit-button:hover {
  background: #2a3d46;
}



/* ********************************
   FIX STYLES
******************************** */

/* normalize first p in post */
.post .post-content > p:first-child { font-size: 1.6rem; font-weight: normal; color: #000000; }
/* LI normalize in category view */
.posts-list li { /*overflow: hidden; padding: 0px 0px 0px; border-bottom: 0px none;*/ }
/* link color in post text */
.post-content a { color: #A00057; font-size: 100%; font-weight:bold; }
/* link color in category listing */
.posts-list .content p a { color: #A00057; font-size: 100%; font-weight:bold; }
.posts-list .content p a:hover { color: #000000; }
/* TEXT WIDGET make text color white */
.textwidget p { color: #FFF; }
footer.main-footer .textwidget p a { text-decoration: underline; }
/* header */
.main-head header { padding-top: 13px; padding-bottom: 33px; }
/* top navbar */
.navigation .menu > li > a { line-height: 36px; }
.navigation .menu a { font-size: 1.9rem; font-family: "FS Albert Web Bold",Helvetica,sans-serif; }
.navigation .menu a:hover { background: #FFFFFF !important; color: #415E6C !important; }
.navigation .menu li.current-menu-item { background-color: #A00057; }

/*adjust custom pages */
#content_box, div.widecolumn {
	width: 100%;
	box-sizing: border-box;
	max-width: 820px;
	margin: 0px auto;
	padding: 25px 25px 35px 0px;
	text-align: left;
}
/* read-more button -> clear to place below excerpt (when images) */
div.read-more { padding-top: 10px; clear: both; }
/* adjust CD colors various ui elements */
.main-color { color: #A00057; }
nav.navigation.sticky { background-color: rgba(65, 94, 108, 0.9); }
/* widgets */
span.comment-author-link { color: #cccccc; }
.sd-content ul li::before {
  content: "";
  margin-left: 0rem;
  position: absolute;
}
.sd-content { padding-bottom: 10px; }

code, pre {
    padding: 10px;
    border-left: none;
    border-bottom: none;   
	margin-bottom: 20px;
}

/* enable top-bar for language links */
.top-bar-content {
	text-align: right;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.post-share-top {
	margin-top: 0px;
	margin-bottom: 25px;
	padding: 0px;
	padding-bottom: 20px;
	border-top: none;
	border-bottom: 1px solid #D9D9D9;
}

/* FIX sep 2015
   - fix displaying links in li post listing 
*/
.posts-list li > a { float: none; color: #A00057; font-weight: bold; }
.posts-list li { padding: 0px; }

/* FIX feb 2015
   - fix search box width
*/
.sidebar .search-form .search-field {
	width: 74%;
	box-sizing: border-box;
}

.sidebar .search-form .search-submit {
	width: 25%;
	box-sizing: border-box;
	float: right;
}

/*
* Fixes adm_wit for new logo
*/

.main-head header {
  padding: 3px 0;
}

/* line 142, scss/_font.scss */
.blog-title a {
  color: #000;
}

.main-head header .title {
  margin: 1.6rem 0 0 0;
}