/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/* line 17, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "SocialFoundicons";
  src: url("../fonts/social_foundicons.eot");
  src: url("../fonts/social_foundicons.eot#iefix") format("embedded-opentype"), url("../fonts/social_foundicons.woff") format("woff"), url("../fonts/social_foundicons.ttf") format("truetype"), url("../fonts/social_foundicons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* line 23, ../sass/_mixins.scss */
.clearfix {
  zoom: 1;
}
/* line 25, ../sass/_mixins.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
/* line 26, ../sass/_mixins.scss */
.clearfix:after {
  clear: both;
}

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/* line 18, ../sass/_base.scss */
body {
  background: #E9E9DA;
  background: #C9DEF3;
  background-position: left top;
  background-repeat: no-repeat;
  font-family: "Georgia", Cambria, Times New Roman, Times, serif;
  font-weight: normal;
  font-size: 100%;
  line-height: 1.5;
  color: black;
  height: 100%;
}

/* line 32, ../sass/_base.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*********************
LAYOUT & GRID STYLES
*********************/
/* line 43, ../sass/_base.scss */
.wrap {
  max-width: 940px;
  width: 95%;
  margin: 0 auto;
  height: 100%;
}

/* line 50, ../sass/_base.scss */
.nav {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*********************
LINK STYLES
*********************/
/* line 58, ../sass/_base.scss */
a, a:visited {
  color: #036591;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 63, ../sass/_base.scss */
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: black;
}
/* line 73, ../sass/_base.scss */
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/* line 83, ../sass/_base.scss */
iframe {
  border: none;
}

/* Push down the main container slightly to make room for the search box */
/* line 88, ../sass/_base.scss */
#main {
  margin-top: 90px;
}
@media (min-width: 768px) {
  /* line 88, ../sass/_base.scss */
  #main {
    margin-top: 0;
  }
}

/* line 95, ../sass/_base.scss */
#search-box {
  background: white;
  float: right;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  height: 48px;
}
@media (min-width: 768px) {
  /* line 95, ../sass/_base.scss */
  #search-box {
    margin-bottom: 0;
    height: 44px;
  }
}
/* line 108, ../sass/_base.scss */
#search-box input[type=text] {
  height: 28px;
  width: 70%;
  float: left;
  border: 2px solid #aaaaaa;
  border-right: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 116, ../sass/_base.scss */
#search-box input[type=submit] {
  float: right;
  background: #036591;
  color: white;
  width: 30%;
  height: 100%;
  padding: 0;
  border: none;
  font-size: 1.2em;
  border-bottom: 2px solid #036591;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 38, ../sass/_mixins.scss */
#search-box input[type=submit]:hover {
  background: #004063;
}
@media (min-width: 768px) {
  /* line 95, ../sass/_base.scss */
  #search-box {
    width: 250px;
  }
}

/* line 126, ../sass/_base.scss */
.cecilia {
  padding: 10px 0;
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  /* line 126, ../sass/_base.scss */
  .cecilia {
    padding: 36px 0;
  }
}
/* line 133, ../sass/_base.scss */
.cecilia #cecilia-photo {
  display: none;
}

/* line 138, ../sass/_base.scss */
#sub-pages {
  margin-bottom: 36px;
  background: #fff;
  border-bottom: 1px solid #d1d1d1;
  padding: 10px;
}
/* line 142, ../sass/_base.scss */
#sub-pages.hide {
  padding: 0 !important;
  border: 0 !important;
}
/* line 147, ../sass/_base.scss */
#sub-pages li {
  margin-bottom: 10px;
  text-transform: uppercase;
}
/* line 150, ../sass/_base.scss */
#sub-pages li:last-child {
  margin-bottom: 0;
}
/* line 154, ../sass/_base.scss */
#sub-pages li.active a {
  color: black;
}

/* line 161, ../sass/_base.scss */
.social-share {
  margin-top: 36px;
}
/* line 163, ../sass/_base.scss */
.social-share .fb-like {
  position: relative;
  top: 5px;
}
/* line 167, ../sass/_base.scss */
.social-share .twitter-share-button {
  position: relative;
  top: 5px;
  left: 8px;
}
/* line 172, ../sass/_base.scss */
.social-share .email-share-button {
  border: 1px solid #ccc;
  font-size: 12px;
  background: #ECEEF5;
  padding: 2px 5px;
  display: inline-block;
  margin-top: 10px;
}
/* line 177, ../sass/_base.scss */
.social-share .email-share-button img {
  position: relative;
  top: 4px;
  margin-right: 2px;
}
@media (min-width: 768px) {
  /* line 172, ../sass/_base.scss */
  .social-share .email-share-button {
    display: inline;
    position: relative;
    right: 15px;
  }
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 197, ../sass/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
/* line 207, ../sass/_base.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 212, ../sass/_base.scss */
h1, .h1 {
  font-size: 1.7em;
  line-height: 1.333em;
  font-weight: bold;
}

/* line 218, ../sass/_base.scss */
h2, .h2 {
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

/* line 224, ../sass/_base.scss */
h3, .h3 {
  font-size: 1.125em;
}

/* line 228, ../sass/_base.scss */
h4, .h4 {
  font-size: 1.1em;
  font-weight: 700;
}

/* line 233, ../sass/_base.scss */
h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* line 240, ../sass/_base.scss */
b, strong {
  font-weight: 700;
}

/* line 244, ../sass/_base.scss */
em, i {
  font-style: italic;
}

/*********************
POSTS & CONTENT STYLES
*********************/
@media only screen {
  /*********************
  HEADER SYTLES
  *********************/
  /* line 6, ../sass/_header.scss */
  header.header #logo, header.header nav {
    display: inline-block;
  }
  /* line 9, ../sass/_header.scss */
  header.header #logo {
    display: block;
    font-size: 24px;
    font-weight: 700;
  }
  /* line 16, ../sass/_header.scss */
  header.header #logo a {
    color: white;
  }
  /* line 20, ../sass/_header.scss */
  header.header #inner-header {
    margin: auto;
    background: #004063;
    background-position: top right;
    background-repeat: no-repeat;
  }
  /* line 29, ../sass/_header.scss */
  header.header .head {
    margin-bottom: 10px;
    text-align: center;
  }
  /* line 38, ../sass/_header.scss */
  header.header .head #fp {
    display: none;
  }
  /* line 50, ../sass/_header.scss */
  header.header .head #stars {
    display: none;
  }
  /* line 62, ../sass/_header.scss */
  header.header .head #alde {
    display: none;
  }
  /* line 73, ../sass/_header.scss */
  header.header .head .lang-logo {
    display: inline-block;
    margin-top: 10px;
  }
  /* line 85, ../sass/_header.scss */
  header.header .head #language {
    color: white;
  }
  /* line 92, ../sass/_header.scss */
  header.header .head #logo {
    font-size: 2em;
  }
  /* line 102, ../sass/_header.scss */
  header.header .head #tagline {
    font-size: 1.15em;
  }
  /* line 104, ../sass/_header.scss */
  header.header .head #tagline a {
    text-transform: uppercase;
    color: #FCDD51;
  }
  /* line 121, ../sass/_header.scss */
  header.header nav {
    float: left;
    background: #004063;
  }
  /* line 128, ../sass/_header.scss */
  header.header nav ul {
    font-size: 0;
    display: inline-block;
  }
  /* line 137, ../sass/_header.scss */
  header.header nav ul li {
    display: block;
  }
  /* line 143, ../sass/_header.scss */
  header.header nav ul li a {
    background: #004063;
    border-right: 1px solid #00304a;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    display: block;
    font-size: 13px;
    padding: 13px 10px;
  }
  /* line 161, ../sass/_header.scss */
  header.header nav ul li.hover a, header.header nav ul li:hover a {
    color: #036591;
    background: white;
    border-right: 1px solid #dddddd;
  }
  /* line 169, ../sass/_header.scss */
  header.header nav ul li.current_page_item a, header.header nav ul li.current_page_parent a, header.header nav ul li.current-page-ancestor a {
    color: black;
    background: white;
    border-right: 1px solid #dddddd;
  }
  /* line 177, ../sass/_header.scss */
  header.header nav ul li.hover > .sub-menu, header.header nav ul li:hover > .sub-menu {
    display: block;
  }
  /* line 185, ../sass/_header.scss */
  header.header .subnav {
    background: white;
    display: inline-block;
  }
  /* line 198, ../sass/_header.scss */
  header.header .subnav ul li {
    display: block;
  }
  /* line 204, ../sass/_header.scss */
  header.header .subnav ul li a {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 13px;
    padding: 13px 10px;
    display: block;
    color: #036591;
  }
  /* line 219, ../sass/_header.scss */
  header.header .subnav ul li a:hover {
    color: black;
  }
  /* line 224, ../sass/_header.scss */
  header.header .subnav ul li.active a {
    color: black;
  }

  /* line 1, ../sass/_footer.scss */
  footer.footer {
    background-color: #004063;
    color: #dddddd;
    padding: 20px 0;
  }
  /* line 9, ../sass/_footer.scss */
  footer.footer .footer-box {
    margin-bottom: 20px;
  }
  /* line 14, ../sass/_footer.scss */
  footer.footer .footer-box:last-child {
    margin-bottom: 0;
  }
  /* line 17, ../sass/_footer.scss */
  footer.footer .footer-box h3 {
    text-transform: uppercase;
    color: #FFB80F;
    font-size: 1.2em;
    margin-bottom: 4px;
  }
  /* line 27, ../sass/_footer.scss */
  footer.footer .footer-box p {
    line-height: 1.8;
    font-size: 1em;
  }
  /* line 30, ../sass/_footer.scss */
  footer.footer .footer-box p:first-child {
    margin-bottom: 10px;
  }
  /* line 39, ../sass/_footer.scss */
  footer.footer .snowbits {
    margin-top: 10px;
    text-align: right;
    font-size: 10px;
  }
  /* line 43, ../sass/_footer.scss */
  footer.footer .snowbits a {
    color: #FFB80F;
  }
  /* line 46, ../sass/_footer.scss */
  footer.footer .snowbits img {
    margin-top: 10px;
    height: 30px;
  }

  /* line 1, ../sass/_sidebar.scss */
  .sidebar {
    margin-top: 36px;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }

  /* line 6, ../sass/_sidebar.scss */
  .insight {
    background: white;
    padding: 10px;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 10px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  /* line 18, ../sass/_sidebar.scss */
  .insight .social {
    font-family: 'SocialFoundicons';
    font-size: 2em;
    line-height: 1;
  }
  /* line 23, ../sass/_sidebar.scss */
  .insight .social li {
    width: 20%;
    text-align: center;
    display: inline-block;
  }
  /* line 27, ../sass/_sidebar.scss */
  .insight .social li a {
    display: block;
    color: #565656;
  }
  /* line 32, ../sass/_sidebar.scss */
  .insight .social li .facebook:hover {
    color: #3B5998;
  }
  /* line 35, ../sass/_sidebar.scss */
  .insight .social li .facebook .foundicon-facebook:before {
    content: "\f003";
  }
  /* line 40, ../sass/_sidebar.scss */
  .insight .social li .twitter:hover {
    color: #65CAFF;
  }
  /* line 43, ../sass/_sidebar.scss */
  .insight .social li .twitter .foundicon-twitter:before {
    content: "\f004";
  }
  /* line 48, ../sass/_sidebar.scss */
  .insight .social li .linkedin:hover {
    color: #387CB5;
  }
  /* line 51, ../sass/_sidebar.scss */
  .insight .social li .linkedin .foundicon-linkedin:before {
    content: "\f008";
  }
  /* line 56, ../sass/_sidebar.scss */
  .insight .social li .youtube:hover {
    color: #DD2A26;
  }
  /* line 59, ../sass/_sidebar.scss */
  .insight .social li .youtube .foundicon-youtube:before {
    content: "\f00e";
  }
  /* line 64, ../sass/_sidebar.scss */
  .insight .social li .rss:hover {
    color: #F06902;
  }
  /* line 67, ../sass/_sidebar.scss */
  .insight .social li .rss .foundicon-rss:before {
    content: "\f002";
  }
  /* line 74, ../sass/_sidebar.scss */
  .insight #newsletter-button {
    width: 100%;
    background-color: #036591;
    text-align: center;
    margin: 10px 0;
    text-align: center;
  }
  /* line 82, ../sass/_sidebar.scss */
  .insight #newsletter-button:hover {
    background-color: #004063;
  }
  /* line 86, ../sass/_sidebar.scss */
  .insight #newsletter-button #newsletter {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    color: white;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  /* line 95, ../sass/_sidebar.scss */
  .insight .events {
    background: white;
    display: none;
    margin: 5px 0;
  }
  /* line 102, ../sass/_sidebar.scss */
  .insight .events h1 {
    font-size: 1.2em;
    text-align: center;
    margin-top: 10px;
  }
  /* line 108, ../sass/_sidebar.scss */
  .insight .events .event {
    border-bottom: 2px solid white;
    font-size: 0.9em;
    position: relative;
    min-height: 50px;
  }
  /* line 114, ../sass/_sidebar.scss */
  .insight .events .event .event-date {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: #036591;
    text-align: center;
  }
  /* line 121, ../sass/_sidebar.scss */
  .insight .events .event .event-date:hover {
    background-color: #004063;
  }
  /* line 125, ../sass/_sidebar.scss */
  .insight .events .event .event-date a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
  /* line 132, ../sass/_sidebar.scss */
  .insight .events .event .event-date a .date {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  /* line 141, ../sass/_sidebar.scss */
  .insight .events .event .event-description {
    margin-left: 55px;
  }
  /* line 143, ../sass/_sidebar.scss */
  .insight .events .event .event-description .event-excerpt {
    font-size: 0.8em;
  }
  /* line 150, ../sass/_sidebar.scss */
  .insight .youtube {
    background: white;
    display: none;
  }
  /* line 152, ../sass/_sidebar.scss */
  .insight .youtube h1 {
    font-size: 1.2em;
    text-align: center;
    margin-top: 10px;
  }
  /* line 162, ../sass/_sidebar.scss */
  .insight .youtube .youtube-feed a {
    padding: 5px 10px;
    display: block;
    font-size: 0.9em;
    border-bottom: 1px solid #aaaaaa;
  }
  /* line 167, ../sass/_sidebar.scss */
  .insight .youtube .youtube-feed a:last-child {
    border-bottom: none;
  }
  /* line 173, ../sass/_sidebar.scss */
  .insight .youtube .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  /* line 181, ../sass/_sidebar.scss */
  .insight .youtube .video-container iframe,
  .insight .youtube .video-container object,
  .insight .youtube .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 189, ../sass/_sidebar.scss */
  .insight .subjects {
    display: none;
  }
  /* line 194, ../sass/_sidebar.scss */
  .insight .subjects .subject {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    display: block;
    position: relative;
  }
  /* line 199, ../sass/_sidebar.scss */
  .insight .subjects .subject p {
    position: absolute;
    background: black;
    opacity: 0.7;
    width: 100%;
    padding: 10px;
    bottom: 0;
    color: white;
  }
  /* line 208, ../sass/_sidebar.scss */
  .insight .subjects .subject img {
    width: 100%;
    height: auto;
    display: block;
  }
  /* line 214, ../sass/_sidebar.scss */
  .insight .subjects .subject:hover p {
    background: #036591;
    opacity: 0.9;
  }
  /* line 219, ../sass/_sidebar.scss */
  .insight .subjects .subject:last-child {
    margin-bottom: 0;
  }

  /* line 3, ../sass/_slider.scss */
  #snowbits-slider {
    margin: 0;
  }
  /* line 6, ../sass/_slider.scss */
  #snowbits-slider li {
    margin: 0;
  }
  /* line 7, ../sass/_slider.scss */
  #snowbits-slider li a {
    color: #fff;
  }
  /* line 9, ../sass/_slider.scss */
  #snowbits-slider li a:hover {
    color: #fff;
  }
  /* line 14, ../sass/_slider.scss */
  #snowbits-slider li .caption {
    position: absolute;
    bottom: 0;
    background: black;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    text-align: center;
    color: white;
  }
  /* line 27, ../sass/_slider.scss */
  #snowbits-slider li .caption p {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
  }

  /* line 66, slider/*.png */
  .slider-sprite, .bx-wrapper .bx-next, .bx-wrapper .bx-prev {
    background: url('../images/slider-se37fc56128.png') no-repeat;
  }

  /* line 41, ../sass/_slider.scss */
  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    height: 45px;
    width: 45px;
    text-indent: -9999px;
    z-index: 9999;
  }

  /* line 52, ../sass/_slider.scss */
  .bx-wrapper .bx-next {
    right: 10px;
    background-position: 0 0;
  }
  /* line 43, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
  .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next.custom_next_hover, .bx-wrapper .bx-next.custom_next-hover {
    background-position: 0 -45px;
  }

  /* line 57, ../sass/_slider.scss */
  .bx-wrapper .bx-prev {
    left: 10px;
    background-position: 0 -90px;
  }
  /* line 43, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
  .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev.custom_prev_hover, .bx-wrapper .bx-prev.custom_prev-hover {
    background-position: 0 -135px;
  }

  /* line 63, ../sass/_slider.scss */
  .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0;
    background: #fff;
  }

  /* line 70, ../sass/_slider.scss */
  .bx-wrapper {
    max-width: 700px;
  }

  /******************************************************************
  Site Name: ceciliawikstrom.se
  Author: Rickard Magnusson
  Target: Front page
  
  ******************************************************************/
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 13, ../sass/_page-front.scss */
  #content.front-page .cecilia {
    display: block;
  }
  /* line 15, ../sass/_page-front.scss */
  #content.front-page .cecilia .slider {
    width: 100%;
    height: auto;
  }
  /* line 21, ../sass/_page-front.scss */
  #content.front-page .cecilia .slider #snowbits-slider {
    visibility: hidden;
  }
  /* line 25, ../sass/_page-front.scss */
  #content.front-page .cecilia > img {
    display: none;
  }
  /* line 36, ../sass/_page-front.scss */
  #content.front-page .news {
    float: left;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 30px;
    width: 100%;
  }
  /* line 46, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu p {
    font-weight: 300;
  }
  /* line 49, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu li {
    background: #dddddd;
    outline: none;
    display: inline-block;
    border-right: 1px solid #aaaaaa;
  }
  /* line 54, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu li:last-child {
    border: none;
  }
  /* line 58, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu li a {
    padding: 10px;
    display: block;
  }
  /* line 64, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .ui-tabs-anchor {
    outline: none;
  }
  /* line 68, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .ui-state-hover a {
    text-decoration: underline;
  }
  /* line 72, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .ui-tabs-active {
    background: white;
  }
  /* line 74, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .ui-tabs-active a {
    text-decoration: none;
  }
  /* line 78, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .blog-panel {
    padding: 10px;
    background: white;
  }
  /* line 82, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .blog-panel > a {
    margin-top: 36px;
    display: block;
  }
  /* line 86, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .blog-panel article {
    margin-bottom: 40px;
  }
  /* line 67, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .article-header .vcard {
    font-size: 15px;
    color: #565656;
  }
  /* line 72, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content {
    /* Responsive images */
    /* Images */
  }
  /* line 73, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.8;
  }
  /* line 78, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content img {
    display: block;
  }
  /* line 81, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content embed {
    max-width: 100%;
  }
  /* line 87, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content img[class*="align"],
  #content.front-page .news .newsmenu .blog-panel article .entry-content img[class*="wp-image-"],
  #content.front-page .news .newsmenu .blog-panel article .entry-content img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 91, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content .alignleft, #content.front-page .news .newsmenu .blog-panel article .entry-content .alignright, #content.front-page .news .newsmenu .blog-panel article .entry-content .aligncenter {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 95, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 101, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content .alignright {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 107, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* line 114, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content .alignnone {
    display: block;
    max-width: 100%;
    margin: 10px 0;
  }
  /* line 119, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content .wp-image {
    max-width: 100%;
  }
  /* line 122, ../sass/_mixins.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content .size-full {
    display: block;
    margin-bottom: 10px;
  }
  /* line 91, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .blog-panel article .entry-content img {
    max-width: 50% !important;
    height: auto;
    display: inline-block;
    padding-right: 10px;
    float: left;
  }
  /* line 99, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .blog-panel article #first-post {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto 10px auto;
  }
  /* line 104, ../sass/_page-front.scss */
  #content.front-page .news .newsmenu .blog-panel article #first-post p {
    width: 100%;
  }

  /*********************
  FORMS STYLES
  *********************/
  /******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/
  /******************************************************************
  COMMENT STYLES
  ******************************************************************/
  /******************************************************************
  COMMENT FORM STYLES
  ******************************************************************/
  /*********************
  SIDEBARS & ASIDES
  *********************/
  /*********************
  FOOTER STYLES
  *********************/
  /* line 3, ../sass/_blog.scss */
  body .search-box {
    margin-top: 36px;
    margin-bottom: 10px;
    background: white;
    float: right;
    display: block;
    padding: 10px;
    width: 100%;
    height: 48px;
  }
  /* line 16, ../sass/_blog.scss */
  body .search-box input[type=text] {
    height: 28px;
    width: 70%;
    float: left;
    border: 2px solid #aaaaaa;
    border-right: none;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  /* line 24, ../sass/_blog.scss */
  body .search-box input[type=submit] {
    float: right;
    background: #036591;
    color: white;
    width: 30%;
    height: 100%;
    padding: 0;
    border: none;
    font-size: 1.2em;
    border-bottom: 2px solid #036591;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  /* line 38, ../sass/_mixins.scss */
  body .search-box input[type=submit]:hover {
    background: #004063;
  }
  /* line 39, ../sass/_blog.scss */
  body.single #main article.post,
  body.single #main article.event {
    margin: 36px 0;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }
  /* line 67, ../sass/_mixins.scss */
  body.single #main article.post .article-header .vcard,
  body.single #main article.event .article-header .vcard {
    font-size: 15px;
    color: #565656;
  }
  /* line 72, ../sass/_mixins.scss */
  body.single #main article.post .entry-content,
  body.single #main article.event .entry-content {
    /* Responsive images */
    /* Images */
  }
  /* line 73, ../sass/_mixins.scss */
  body.single #main article.post .entry-content p,
  body.single #main article.event .entry-content p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.8;
  }
  /* line 78, ../sass/_mixins.scss */
  body.single #main article.post .entry-content img,
  body.single #main article.event .entry-content img {
    display: block;
  }
  /* line 81, ../sass/_mixins.scss */
  body.single #main article.post .entry-content embed,
  body.single #main article.event .entry-content embed {
    max-width: 100%;
  }
  /* line 87, ../sass/_mixins.scss */
  body.single #main article.post .entry-content img[class*="align"],
  body.single #main article.post .entry-content img[class*="wp-image-"],
  body.single #main article.post .entry-content img[class*="attachment-"],
  body.single #main article.event .entry-content img[class*="align"],
  body.single #main article.event .entry-content img[class*="wp-image-"],
  body.single #main article.event .entry-content img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 91, ../sass/_mixins.scss */
  body.single #main article.post .entry-content .alignleft, body.single #main article.post .entry-content .alignright, body.single #main article.post .entry-content .aligncenter,
  body.single #main article.event .entry-content .alignleft,
  body.single #main article.event .entry-content .alignright,
  body.single #main article.event .entry-content .aligncenter {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 95, ../sass/_mixins.scss */
  body.single #main article.post .entry-content .alignleft,
  body.single #main article.event .entry-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 101, ../sass/_mixins.scss */
  body.single #main article.post .entry-content .alignright,
  body.single #main article.event .entry-content .alignright {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 107, ../sass/_mixins.scss */
  body.single #main article.post .entry-content .aligncenter,
  body.single #main article.event .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* line 114, ../sass/_mixins.scss */
  body.single #main article.post .entry-content .alignnone,
  body.single #main article.event .entry-content .alignnone {
    display: block;
    max-width: 100%;
    margin: 10px 0;
  }
  /* line 119, ../sass/_mixins.scss */
  body.single #main article.post .entry-content .wp-image,
  body.single #main article.event .entry-content .wp-image {
    max-width: 100%;
  }
  /* line 122, ../sass/_mixins.scss */
  body.single #main article.post .entry-content .size-full,
  body.single #main article.event .entry-content .size-full {
    display: block;
    margin-bottom: 10px;
  }

  /* line 49, ../sass/_blog.scss */
  body.archive #main {
    margin-bottom: 36px;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }
  /* line 52, ../sass/_blog.scss */
  body.archive #main > article {
    padding: 20px 0;
  }
  /* line 67, ../sass/_mixins.scss */
  body.archive #main > article .article-header .vcard {
    font-size: 15px;
    color: #565656;
  }
  /* line 72, ../sass/_mixins.scss */
  body.archive #main > article .entry-content {
    /* Responsive images */
    /* Images */
  }
  /* line 73, ../sass/_mixins.scss */
  body.archive #main > article .entry-content p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.8;
  }
  /* line 78, ../sass/_mixins.scss */
  body.archive #main > article .entry-content img {
    display: block;
  }
  /* line 81, ../sass/_mixins.scss */
  body.archive #main > article .entry-content embed {
    max-width: 100%;
  }
  /* line 87, ../sass/_mixins.scss */
  body.archive #main > article .entry-content img[class*="align"],
  body.archive #main > article .entry-content img[class*="wp-image-"],
  body.archive #main > article .entry-content img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 91, ../sass/_mixins.scss */
  body.archive #main > article .entry-content .alignleft, body.archive #main > article .entry-content .alignright, body.archive #main > article .entry-content .aligncenter {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 95, ../sass/_mixins.scss */
  body.archive #main > article .entry-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 101, ../sass/_mixins.scss */
  body.archive #main > article .entry-content .alignright {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 107, ../sass/_mixins.scss */
  body.archive #main > article .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* line 114, ../sass/_mixins.scss */
  body.archive #main > article .entry-content .alignnone {
    display: block;
    max-width: 100%;
    margin: 10px 0;
  }
  /* line 119, ../sass/_mixins.scss */
  body.archive #main > article .entry-content .wp-image {
    max-width: 100%;
  }
  /* line 122, ../sass/_mixins.scss */
  body.archive #main > article .entry-content .size-full {
    display: block;
    margin-bottom: 10px;
  }
  /* line 56, ../sass/_blog.scss */
  body.archive #main > article:first-child {
    padding: 0 0 20px 0;
  }
  /* line 59, ../sass/_blog.scss */
  body.archive #main > article:last-child {
    background: red;
    border-bottom: none;
  }
  /* line 64, ../sass/_blog.scss */
  body.archive #main img {
    max-width: 50% !important;
    height: auto;
    display: inline-block;
    padding-right: 10px;
    float: left;
  }
  /* line 73, ../sass/_blog.scss */
  body.archive .pagination .back_left {
    float: left;
  }
  /* line 76, ../sass/_blog.scss */
  body.archive .pagination .next_right {
    float: right;
  }

  /* line 3, ../sass/_page.scss */
  #content.single #inner-content {
    margin-top: 36px;
  }

  /* line 9, ../sass/_page.scss */
  #content.page #inner-content {
    margin: 36px auto;
  }
  /* line 12, ../sass/_page.scss */
  #content.page #main {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }
  /* line 15, ../sass/_page.scss */
  #content.page #main .entry-content {
    /* Responsive images */
    /* Images */
  }
  /* line 16, ../sass/_page.scss */
  #content.page #main .entry-content p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.7;
  }
  /* line 21, ../sass/_page.scss */
  #content.page #main .entry-content img {
    max-width: 100%;
  }
  /* line 27, ../sass/_page.scss */
  #content.page #main .entry-content img[class*="align"],
  #content.page #main .entry-content img[class*="wp-image-"],
  #content.page #main .entry-content img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 31, ../sass/_page.scss */
  #content.page #main .entry-content .alignleft, #content.page #main .entry-content .alignright, #content.page #main .entry-content .aligncenter {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 35, ../sass/_page.scss */
  #content.page #main .entry-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 41, ../sass/_page.scss */
  #content.page #main .entry-content .alignright {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 47, ../sass/_page.scss */
  #content.page #main .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* line 54, ../sass/_page.scss */
  #content.page #main .entry-content embed {
    max-width: 100%;
  }
  /* line 59, ../sass/_page.scss */
  #content.page #main .event {
    margin-bottom: 36px;
  }
  /* line 61, ../sass/_page.scss */
  #content.page #main .event h2, #content.page #main .event .h2 {
    font-size: 1.5em;
    line-height: 1.333em;
    font-weight: bold;
  }

  /* line 2, ../sass/_press.scss */
  #content.press #inner-content {
    margin: 36px auto;
  }
  /* line 6, ../sass/_press.scss */
  #content.press article.post {
    margin-bottom: 40px;
  }
  /* line 10, ../sass/_press.scss */
  #content.press .introduction {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
    margin-bottom: 36px;
  }
  /* line 11, ../sass/_press.scss */
  #content.press .introduction img {
    width: 100%;
    height: auto;
  }
  /* line 20, ../sass/_press.scss */
  #content.press .introduction h2 {
    color: #565656;
    font-size: 1em;
  }
  /* line 27, ../sass/_press.scss */
  #content.press .news {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }
  /* line 67, ../sass/_mixins.scss */
  #content.press .news .article-header .vcard {
    font-size: 15px;
    color: #565656;
  }
  /* line 72, ../sass/_mixins.scss */
  #content.press .news .entry-content {
    /* Responsive images */
    /* Images */
  }
  /* line 73, ../sass/_mixins.scss */
  #content.press .news .entry-content p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.8;
  }
  /* line 78, ../sass/_mixins.scss */
  #content.press .news .entry-content img {
    display: block;
  }
  /* line 81, ../sass/_mixins.scss */
  #content.press .news .entry-content embed {
    max-width: 100%;
  }
  /* line 87, ../sass/_mixins.scss */
  #content.press .news .entry-content img[class*="align"],
  #content.press .news .entry-content img[class*="wp-image-"],
  #content.press .news .entry-content img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 91, ../sass/_mixins.scss */
  #content.press .news .entry-content .alignleft, #content.press .news .entry-content .alignright, #content.press .news .entry-content .aligncenter {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 95, ../sass/_mixins.scss */
  #content.press .news .entry-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 101, ../sass/_mixins.scss */
  #content.press .news .entry-content .alignright {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 107, ../sass/_mixins.scss */
  #content.press .news .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* line 114, ../sass/_mixins.scss */
  #content.press .news .entry-content .alignnone {
    display: block;
    max-width: 100%;
    margin: 10px 0;
  }
  /* line 119, ../sass/_mixins.scss */
  #content.press .news .entry-content .wp-image {
    max-width: 100%;
  }
  /* line 122, ../sass/_mixins.scss */
  #content.press .news .entry-content .size-full {
    display: block;
    margin-bottom: 10px;
  }
  /* line 31, ../sass/_press.scss */
  #content.press .gallery {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
    margin-bottom: 36px;
  }
  /* line 34, ../sass/_press.scss */
  #content.press .gallery > h1 {
    text-align: center;
  }
  /* line 37, ../sass/_press.scss */
  #content.press .gallery > p {
    margin-bottom: 10px;
  }
  /* line 40, ../sass/_press.scss */
  #content.press .gallery a {
    display: block;
  }
  /* line 42, ../sass/_press.scss */
  #content.press .gallery a img {
    width: 100%;
    display: block;
  }
  /* line 48, ../sass/_press.scss */
  #content.press .gallery .gallery-item {
    margin-bottom: 10px;
  }
  /* line 50, ../sass/_press.scss */
  #content.press .gallery .gallery-item:last-child {
    margin-bottom: 0;
  }
  /* line 53, ../sass/_press.scss */
  #content.press .gallery .gallery-item p {
    text-align: center;
    font-size: 0.9em;
  }

  /* line 2, ../sass/_search.scss */
  #content.search #inner-content {
    margin: 36px auto;
  }
  /* line 5, ../sass/_search.scss */
  #content.search #main {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }
  /* line 67, ../sass/_mixins.scss */
  #content.search #main .article-header .vcard {
    font-size: 15px;
    color: #565656;
  }
  /* line 72, ../sass/_mixins.scss */
  #content.search #main .entry-content {
    /* Responsive images */
    /* Images */
  }
  /* line 73, ../sass/_mixins.scss */
  #content.search #main .entry-content p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.8;
  }
  /* line 78, ../sass/_mixins.scss */
  #content.search #main .entry-content img {
    display: block;
  }
  /* line 81, ../sass/_mixins.scss */
  #content.search #main .entry-content embed {
    max-width: 100%;
  }
  /* line 87, ../sass/_mixins.scss */
  #content.search #main .entry-content img[class*="align"],
  #content.search #main .entry-content img[class*="wp-image-"],
  #content.search #main .entry-content img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 91, ../sass/_mixins.scss */
  #content.search #main .entry-content .alignleft, #content.search #main .entry-content .alignright, #content.search #main .entry-content .aligncenter {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 95, ../sass/_mixins.scss */
  #content.search #main .entry-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 101, ../sass/_mixins.scss */
  #content.search #main .entry-content .alignright {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 107, ../sass/_mixins.scss */
  #content.search #main .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* line 114, ../sass/_mixins.scss */
  #content.search #main .entry-content .alignnone {
    display: block;
    max-width: 100%;
    margin: 10px 0;
  }
  /* line 119, ../sass/_mixins.scss */
  #content.search #main .entry-content .wp-image {
    max-width: 100%;
  }
  /* line 122, ../sass/_mixins.scss */
  #content.search #main .entry-content .size-full {
    display: block;
    margin-bottom: 10px;
  }
  /* line 9, ../sass/_search.scss */
  #content.search #main .entry-content p {
    margin-bottom: 0;
  }
  /* line 13, ../sass/_search.scss */
  #content.search #main article {
    margin-bottom: 36px;
  }
  /* line 17, ../sass/_search.scss */
  #content.search .archive-title {
    margin-bottom: 36px;
  }
  /* line 20, ../sass/_search.scss */
  #content.search .wp-prev-next {
    margin-top: 36px;
  }
  /* line 22, ../sass/_search.scss */
  #content.search .wp-prev-next .prev-link {
    float: left;
  }
  /* line 25, ../sass/_search.scss */
  #content.search .wp-prev-next .next-link {
    float: right;
  }

  /* line 2, ../sass/_contact.scss */
  #content.contacts #inner-content {
    margin: 36px auto;
  }
  /* line 4, ../sass/_contact.scss */
  #content.contacts #inner-content .contact-container {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }
  /* line 6, ../sass/_contact.scss */
  #content.contacts #inner-content .contact-container .contact {
    margin-bottom: 30px;
  }
  /* line 8, ../sass/_contact.scss */
  #content.contacts #inner-content .contact-container .contact img {
    width: 100%;
    height: auto;
  }
  /* line 17, ../sass/_contact.scss */
  #content.contacts #inner-content .contact-container .contact h2 {
    color: #565656;
    font-size: 1em;
  }
  /* line 21, ../sass/_contact.scss */
  #content.contacts #inner-content .contact-container .contact:last-child {
    margin-bottom: 0;
  }

  /* line 2, ../sass/_politik.scss */
  #content.politik-parent #inner-content {
    margin: 36px auto;
  }
  /* line 6, ../sass/_politik.scss */
  #content.politik-parent #main {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
  }
  /* line 8, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content {
    /* Responsive images */
    /* Images */
  }
  /* line 9, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.7;
  }
  /* line 17, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content img[class*="align"],
  #content.politik-parent #main .entry-content img[class*="wp-image-"],
  #content.politik-parent #main .entry-content img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
    max-width: 100%;
  }
  /* line 22, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content .alignleft, #content.politik-parent #main .entry-content .alignright, #content.politik-parent #main .entry-content .aligncenter {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  }
  /* line 26, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 32, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content .alignright {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    max-width: 50%;
  }
  /* line 38, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* line 45, ../sass/_politik.scss */
  #content.politik-parent #main .entry-content embed {
    max-width: 100%;
  }

  /* line 1, ../sass/_events.scss */
  #content.page .events {
    padding: 10px;
  }

  /* line 6, ../sass/_events.scss */
  #content.page .events,
  #content.single .events {
    margin-top: 36px;
    background: white;
  }
  /* line 10, ../sass/_events.scss */
  #content.page .events .event,
  #content.single .events .event {
    position: relative;
    margin-bottom: 40px;
  }
  /* line 11, ../sass/_events.scss */
  #content.page .events .event h1, #content.page .events .event h2,
  #content.single .events .event h1,
  #content.single .events .event h2 {
    margin-bottom: 0;
  }
  /* line 18, ../sass/_events.scss */
  #content.page .events .event .event-date,
  #content.single .events .event .event-date {
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 80px;
    background: #036591;
    color: white;
  }
  /* line 27, ../sass/_events.scss */
  #content.page .events .event .event-date h2,
  #content.single .events .event .event-date h2 {
    font-weight: bold;
    text-align: center;
  }
  /* line 33, ../sass/_events.scss */
  #content.page .events .event .event-description,
  #content.single .events .event .event-description {
    margin-left: 75px;
  }
  /* line 37, ../sass/_events.scss */
  #content.page .events .event section.event-info,
  #content.single .events .event section.event-info {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  /* line 9, ../sass/_header.scss */
  header.header #logo {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 20, ../sass/_header.scss */
  header.header #inner-header {
    background-image: url("../images/header5.png");
  }
}
@media only screen and (min-width: 768px) {
  /* line 29, ../sass/_header.scss */
  header.header .head {
    height: 150px;
    position: relative;
    margin-bottom: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  /* line 38, ../sass/_header.scss */
  header.header .head #fp {
    max-width: 100px;
    display: block;
    position: absolute;
    right: -30px;
    bottom: -70px;
    z-index: 999;
  }
}
@media only screen and (min-width: 768px) {
  /* line 50, ../sass/_header.scss */
  header.header .head #stars {
    max-width: 300px;
    display: block;
    position: absolute;
    left: -300px;
    top: 0;
  }
}
@media only screen and (min-width: 880px) {
  /* line 62, ../sass/_header.scss */
  header.header .head #alde {
    display: block;
    max-width: 150px;
    position: absolute;
    right: 200px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 73, ../sass/_header.scss */
  header.header .head .lang-logo {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  /* line 79, ../sass/_header.scss */
  header.header .head .lang-logo #language, header.header .head .lang-logo #logo {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 85, ../sass/_header.scss */
  header.header .head #language {
    position: absolute;
    top: 10px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 92, ../sass/_header.scss */
  header.header .head #logo {
    position: absolute;
    top: 30px;
    font-size: 3em;
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  /* line 102, ../sass/_header.scss */
  header.header .head #tagline {
    position: absolute;
    top: 75px;
    font-size: 1.95em;
  }
  /* line 114, ../sass/_header.scss */
  header.header .head #tagline a {
    text-transform: uppercase;
    color: #FCDD51;
  }
}
@media only screen and (min-width: 768px) {
  /* line 121, ../sass/_header.scss */
  header.header nav {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 128, ../sass/_header.scss */
  header.header nav ul {
    display: block;
    max-width: 940px;
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  /* line 137, ../sass/_header.scss */
  header.header nav ul li {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 143, ../sass/_header.scss */
  header.header nav ul li a {
    font-size: 16px;
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 185, ../sass/_header.scss */
  header.header .subnav {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 192, ../sass/_header.scss */
  header.header .subnav ul {
    max-width: 940px;
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  /* line 198, ../sass/_header.scss */
  header.header .subnav ul li {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 204, ../sass/_header.scss */
  header.header .subnav ul li a {
    width: auto;
    white-space: normal;
    overflow: visible;
    text-overflow: visible;
    font-size: 16px;
    padding: 10px 15px;
    border-right: 1px solid #ccc;
    border-bottom: none;
  }
}
@media only screen and (min-width: 768px) {
  /* line 1, ../sass/_footer.scss */
  footer.footer {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 768px) {
  /* line 9, ../sass/_footer.scss */
  footer.footer .footer-box {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  /* line 17, ../sass/_footer.scss */
  footer.footer .footer-box h3 {
    font-size: 1.0em;
  }
}
@media only screen and (min-width: 768px) {
  /* line 27, ../sass/_footer.scss */
  footer.footer .footer-box p {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 768px) {
  /* line 6, ../sass/_sidebar.scss */
  .insight {
    display: block;
    float: right;
    width: 33%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 18, ../sass/_sidebar.scss */
  .insight .social {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 95, ../sass/_sidebar.scss */
  .insight .events {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 150, ../sass/_sidebar.scss */
  .insight .youtube {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 189, ../sass/_sidebar.scss */
  .insight .subjects {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* line 15, ../sass/_page-front.scss */
  #content.front-page .cecilia .slider {
    width: 63%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 25, ../sass/_page-front.scss */
  #content.front-page .cecilia > img {
    display: block;
    width: 34.5%;
    position: absolute;
    bottom: 0;
    right: -29px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 36, ../sass/_page-front.scss */
  #content.front-page .news {
    width: 63%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 3, ../sass/_blog.scss */
  body .search-box {
    margin-bottom: 0;
    height: 44px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 3, ../sass/_blog.scss */
  body .search-box {
    width: 250px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 11, ../sass/_press.scss */
  #content.press .introduction img {
    float: left;
    width: 50%;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 8, ../sass/_contact.scss */
  #content.contacts #inner-content .contact-container .contact img {
    float: left;
    width: 50%;
    margin-right: 10px;
  }
}
/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  /* line 24, ../sass/_grid.scss */
  .onecol {
    width: 5.801104972%;
  }

  /* 4.85%;  } /* grid_1  */
  /* line 25, ../sass/_grid.scss */
  .twocol {
    width: 14.364640883%;
  }

  /* 13.45%; } /* grid_2  */
  /* line 26, ../sass/_grid.scss */
  .threecol {
    width: 22.928176794%;
  }

  /* 22.05%; } /* grid_3  */
  /* line 27, ../sass/_grid.scss */
  .fourcol {
    width: 31.491712705%;
  }

  /* 30.75%; } /* grid_4  */
  /* line 28, ../sass/_grid.scss */
  .fivecol {
    width: 40.055248616%;
  }

  /* 39.45%; } /* grid_5  */
  /* line 29, ../sass/_grid.scss */
  .sixcol {
    width: 48.618784527%;
  }

  /* 48%;    } /* grid_6  */
  /* line 30, ../sass/_grid.scss */
  .sevencol {
    width: 57.182320438000005%;
  }

  /* 56.75%; } /* grid_7  */
  /* line 31, ../sass/_grid.scss */
  .eightcol {
    width: 65.74585634900001%;
  }

  /* 65.4%;  } /* grid_8  */
  /* line 32, ../sass/_grid.scss */
  .ninecol {
    width: 74.30939226%;
  }

  /* 74.05%; } /* grid_9  */
  /* line 33, ../sass/_grid.scss */
  .tencol {
    width: 82.87292817100001%;
  }

  /* 82.7%;  } /* grid_10 */
  /* line 34, ../sass/_grid.scss */
  .elevencol {
    width: 91.436464082%;
  }

  /* 91.35%; } /* grid_11 */
  /* line 35, ../sass/_grid.scss */
  .twelvecol {
    width: 99.999999993%;
  }

  /* 100%;   } /* grid_12 */
  /* line 38, ../sass/_grid.scss */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  /* line 44, ../sass/_grid.scss */
  .first {
    margin-left: 0;
  }

  /* line 48, ../sass/_grid.scss */
  .last {
    float: right;
  }
}
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
}
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /*
  
  EXAMPLE
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(http://ceciliawikstrom.eu/wp-content/themes/ceciliawikstrom/static/stylesheets/img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(http://ceciliawikstrom.eu/wp-content/themes/ceciliawikstrom/static/stylesheets/img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go.
  
  */
}
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 15, ../sass/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 23, ../sass/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
    /*&:after {
      content: " (" attr(href) ")";
    }

    // show title too
    abbr[title]:after {
      content: " (" attr(title) ")";
    } */
  }

  /*.ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }*/
  /* line 44, ../sass/_print.scss */
  a#page_url:after {
    font-size: 16px;
    content: attr(href);
  }

  /* line 49, ../sass/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 54, ../sass/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 58, ../sass/_print.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 62, ../sass/_print.scss */
  img {
    max-width: 100%;
  }

  /*@page {
    margin: 1cm;
    @top-left-corner { content: ""; border: solid green; }
  } */
  /* line 71, ../sass/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 77, ../sass/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
    margin: 0;
  }

  /* line 82, ../sass/_print.scss */
  div.head {
    font-size: 2em;
    margin-top: 50px;
  }

  /* line 87, ../sass/_print.scss */
  section.cecilia {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 92, ../sass/_print.scss */
  section.cecilia #cecilia-photo {
    display: inline-block;
    position: relative;
    width: auto;
    max-width: 100% !important;
    height: 230px;
  }
  /* line 108, ../sass/_print.scss */
  div.contacts .contact {
    margin-bottom: 36px;
    page-break-inside: avoid;
  }
  /* line 112, ../sass/_print.scss */
  div.contacts .contact-container img {
    float: left;
    max-width: 50%;
    height: auto;
    margin-right: 10px;
  }

  /* line 122, ../sass/_print.scss */
  .news,
  #main {
    width: 100% !important;
    margin-top: 30px;
    border: none !important;
  }
  /* line 123, ../sass/_print.scss */
  .news p,
  #main p {
    font-weight: 300;
    margin: 1em 0;
    line-height: 1.7;
  }
  /* line 131, ../sass/_print.scss */
  .news article,
  #main article {
    page-break-inside: avoid;
    border: none !important;
  }
  /* line 135, ../sass/_print.scss */
  .news img,
  #main img {
    max-width: 50% !important;
    height: auto;
    float: left;
    padding-right: 10px;
  }

  /* line 143, ../sass/_print.scss */
  #sub-pages {
    border: none;
  }

  /*#fp {
    position: absolute;
    top: -40px;
    left: 60%;
    height: auto;
    width: 140px;
    z-index: -99;
    @include breakpoint($portrait-ipad-bp) {
      top: -40px;
      left: 50%;
      width: 160px;
    }
  }*/
  /* line 162, ../sass/_print.scss */
  #content.press .introduction img {
    width: 50%;
    height: auto;
    float: left;
    margin-right: 10px;
  }

  /* line 170, ../sass/_print.scss */
  iframe {
    display: none;
  }

  /* line 191, ../sass/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  .insight,
  .slider,
  .nav,
  #search-box,
  .search-box,
  #language,
  #stars,
  #alde,
  #fp,
  a.email-share-button,
  div#inner-footer,
  div.gallery,
  nav {
    display: none !important;
  }
}
@media print and (min-width: 768px) {
  /* line 92, ../sass/_print.scss */
  section.cecilia #cecilia-photo {
    height: 230px;
    top: -265px;
    right: 100px;
    width: auto;
  }
}