/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
  Base styles: opinionated defaults
  ========================================================================== */

html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.62em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
  Chrome Frame prompt
  ========================================================================== */

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
  Author's custom styles
  ========================================================================== */

/* Clearfix - list of cleared blocks*/

.header-container:before,.header-container:after,
.content-container:before,.content-container:after,
.footer-container:before,.footer-container:after {
    content: " ";
    display: table;
}

.header-container:after,
.content-container:after,
.footer-container:after {
    clear: both;
}

/* For IE 6/7 only*/
.header-container,
.content-container,
.footer-container {
    *zoom: 1;
}


/* Layout */

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  word-break: normal;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

body {
  text-align:center;
  background-color:#fff;
  margin:0;
  background-position: top center;
}

.show-mobile {
  display: none;
}

.fluid-element-wrapper {
  max-width:1060px;
  margin:0 auto;
  text-align:left;
}

.wide-page .content-container .fluid-element-wrapper{
  width:auto;
  _width:1360px;
  max-width: 1360px;
}

.top-container {
  margin-top: 20px;
}

.site-header,
.main-navigation,
.site-content,
.site-footer {
  height:auto !important;
  background-color:#ffffff;
  background-repeat:no-repeat;
  background-position: center top;
}

.site-content:before,
.site-content:after {
  content: " ";
  display: table;
}
.site-content:after {
  clear: both;
}
.site-content {
  padding:1em 2.25%;
  min-height:700px;
  *zoom: 1;
  clear: both;
  background-color:#fff;
}


/* Sidebar + content */
.main-content-wrap {
  float:left;
  width: 100%;
}

.sidebar-on-left .main-content-wrap {
  margin-left: -300px;
}

.sidebar-on-right .main-content-wrap {
  margin-right: -300px;
}

.sidebar-on-left .main-content {
  margin-left: 340px;
}

.sidebar-on-right .main-content {
  margin-right: 340px;
}

/* One column blog layout */

@media (min-width: 769px) {

  .one-column .site-content {
    padding-top: 0 !important;
  }

  #blog-menu-list > li:last-child {
    margin-left: -5px;
  }

  .one-column .blog-header-image {
    position: absolute;
    left: 0px !important;
    width: 100%;
  }

  .one-column .blog-header-image {
    max-height: 600px;
  }

  .one-column .blog-header-image .link-layer {
    max-height: 600px;
  }

  .one-column .blog-header-image img {
    width: 100% !important;
  }

  .one-column .blog-title-text {
    /*font-size: 80px !important;*/
    font-weight: 500;
  }

  .one-column .node-blog-post {
    margin-top: 60px;
  }

  .one-column .node-blog-post .blog-post-title {
    font-size: 50px;
  }

  .one-column .node-blog-post .field p {
    max-width: 980px;
    margin: auto;
  }

  .one-column .node-blog-post .field p.post-text {
    max-width: 720px;
    margin: 1em auto;
    /*font-size: 18px;*/
    line-height: 150%;
  }

  .one-column .node-blog-post .field ol {
    max-width: 720px;
    margin: 1em auto;
    line-height: 150%;
  }

  .one-column .node-blog-post .field ul {
    max-width: 720px;
    margin: 1em auto;
    line-height: 150%;
  }

  .one-column .node-blog-post .field p:not(.post-text){
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .one-column .node-blog-post .field ul{
    text-align: center
  }

  .one-column .sidebar-on-right .main-content {
    margin-right: 0px !important;
  }

  .one-column .sidebar-on-left .main-content {
    margin-left: 0px !important;
  }

  .one-column .sidebar-on-right .main-content-wrap{
    margin-right: 0px !important;
  }

  .one-column .sidebar-on-left .main-content-wrap{
    margin-left: 0px !important;
  }

  .one-column .sidebar-icon {
    background-image: url("../img/icons/mobile-menu.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: right;
  }

  .one-column #aside-first {
    background-color: white;
    box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.2);
  }

  .one-column #aside-first .region {
    padding-left: 10px;
    padding-right: 10px;
  }

  .one-column #aside-first #block-blogs-admin-blog-controls {
    border-top: none;
  }

  .one-column #aside-first {
    display: none;
  }

  .one-column .sidebar-icon{
    position: absolute;
    bottom: 0px;
  }

  .one-column aside.main {
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    height: 100%;
    border: none !important;
  }

  .one-column .sidebar-on-left aside.main {
    left: 0 !important;
  }

  .one-column aside.main h2 {
    border: none !important;
    text-align: center;
    height: 80px;
    padding-top: 30px !important;
  }

  .one-column .region-sidebar-first > div:first-of-type {
    border-top: 0px solid #666 !important;
  }

  .one-column .region-sidebar-first {
    overflow-y: scroll !important;
    height: 100%;
    display: none;
  }

  .one-column .sidebar-button-wrapper{
    display: block !important;
    height: 66px;
    width: 66px;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 1000;
    cursor: pointer;
  }

  .one-column .sidebar-on-left .sidebar-button-wrapper{
    left: 10px;
    right: 0px;
  }

  .one-column .sidebar-button-wrapper img{
    position: absolute;
    border-radius: 50px;
    box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.1);
  }

  .one-column .sidebar-button{
    background: #000000;
    padding: 20px;
    border-radius: 50px;
    box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.1);
    display: none;
  }

  .one-column .sidebar-button-link{
    display: block;
    width: 26px;
    height: 26px;
    position: relative;
  }

  .one-column .sidebar-button-link a{
    background: url("../img/icons/nuoli.png") 17px 8px no-repeat;
    background-size: 13px 22px;
    padding-left: 45px;
    min-height: 40px;
    position: absolute;
    left: -10px;
    top: -6px;
  }

  .one-column .sidebar-button.reverse{
    display: block;
    position: absolute;
  }

  .one-column .sidebar-button.reverse .sidebar-button-link a{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -8px;
  }

  .one-column .sidebar-on-left .sidebar-button-link a{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -8px;
  }

  .one-column .sidebar-on-left .sidebar-button.reverse .sidebar-button-link a{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    top: -6px;
  }

  .one-column #sidebar-button-text {
    right: 89px;
    top: 35px;
  }

  .one-column #sidebar-button-text.social-hover-text:after {
    top: 30%;
    left: 122px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid black;
  }

  .one-column .sidebar-on-left #sidebar-button-text {
    left: 89px;
    right: auto;
  }

  .one-column .sidebar-on-left #sidebar-button-text.social-hover-text:after {
    top: 30%;
    left: -15px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid black;
    padding-left: 10px;
  }

  .one-column #block-lily-lily-cta-box {
    display: none;
  }

  .one-column #block-advertisement-blog-box-1 {
    position: fixed;
    right: -1000px;
    top: 35%;
    height: 300px;
  }

  .one-column #close-box-ad{
    width: 80px;
    height: 30px;
    float: right;
    padding-right: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.9);
  }

  .one-column #close-box-ad text {
    font-size: 14px;
    color: #cccccc;
    float: right;
    padding-right: 5px;
    font-family: "FuturaPTMedium-Reg";
    letter-spacing: 1.5px;
    padding-top: 6px;
  }

  .one-column #close-box-ad a {
    background: url("../img/icons/sulje@2x.png") 0px 4px no-repeat;
    background-size: 20px 20px;
    float: right;
    width: 20px;
    height: 25px;
  }

  /* The blog content type's top category menu */
  #block-blogs-ui-blogs-ui-blog-categories {
      text-transform: uppercase;
      text-align: center;
      font-family: abril-display, sans;
      font-size: 18px;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
  }

  #block-blogs-ui-blogs-ui-blog-categories ul {
    list-style-type: none;
    overflow: hidden;
  }

  #block-blogs-ui-blogs-ui-blog-categories #blog-menu-list > li {
    display: inline;
  }

  #field-ingress-add-more-wrapper > div > label {
    clear: left;
  }

  #blog-menu-title {
    display: none;
  }

}

@media (min-width: 1140px ) {

  .one-column .fluid-element-wrapper .site-content {
    /*width: 1140px;*/
    /*margin-left: -40px;*/
  }

  .one-column #lily-global-nav-widget {
    max-width: 1060px;
    margin: 0 auto;
  }

}

@media (max-width: 1040px ) {

  .one-column .sidebar-button-wrapper {
    top: 55px;
  }

  .one-column #sidebar-button-text {
    top: 75px;
  }

}

@media (min-width: 1040px ) {

  .one-column .blog-header-image img {
    /*margin-top: -10% !important;*/
  }

}

/* One column blog layout ends */

.content-no-sidebars {
  margin-right: 0px !important;
}

.content-no-sidebars .main-content {
  margin-right: 0px !important;
  padding-right: 0px !important;
}

aside.main {
  width: 300px;
  float: left;
}

.site-content-no-sidebar .main-content{
  margin-right:0;
  padding-right:0;
}
.site-content-no-sidebar .main-content-wrap{
  margin-right:0;
}

.article-page .main-content-wrap{
  border-top:1px solid rgba(0,0,0,.3);
}
.article-page .main-content,
.article-page aside.main {
  padding-top: 1em;
}

/* General Content Elements */
img,
span.file{
  font-size:0.7em;
  line-height:1.2em;
  color:#777;
}

a:hover{
  text-decoration:none;
}

a.link-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.field-name-field-ingress{
  font-size:1.25em;
  line-height:1.25em;
}

.fb{color:#003896;}
.twitter{color:#009a98;}
.share{color:#ff612a;}

.category{font-weight:bold;}

.intro{
  font-size:1.25em;
  line-height:1.25em;
}

.main-content section.divide{
  margin-bottom:3em;
  padding-top:0.35em;
  border-top:1px solid rgba(0,0,0,.2);
}

ul {
  list-style: none;
  list-style-position: inline;
  padding:0;
}

ul.cols{
  list-style:none;
  padding:1em 0;
  clear:both;
  width:101%;
}
ul.cols:before,
ul.cols:after {
  content: " ";
  display: table;
}
ul.cols:after {
  clear: both;
}
ul.cols {
  *zoom: 1;
}
ul.cols li{
  float:left;
  width:31%;
  margin:0 2% 1em 0;
  height:4em;
}
ul.cols li img{
  display:block;
  float:left;
  margin: -0.5em 0 0 -1em;
}
ul.cols li span{
  display:block;
  text-transform:uppercase;
  font-size:0.7em;
  letter-spacing:0.1em;
  color:#777;
  line-height:1.2em;
  padding-top:0.4em;
}

.button {
  display: inline-block;
  padding: 12px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  font-family: "FuturaPTMedium-Reg";
  line-height: 15px;
}

.button:before {
  content: "» ";
}

.red {
  background-color: #ff6766;
}

.ticker {
  float: left;
  width: 100%;
  border-top: 1px solid #fcf5ef;
  background-color: #ffe9de;
  padding: 6px;
  text-align: center;
  font-family: "FuturaPTMedium-Reg";
  font-size: 16px;
}

.ticker .message-title {
  font-weight: bold;
}

.ticker .message-title:before {
  content: "» ";
}

.ticker .link-container:after {
  content: " »";
}

.ticker a {
  text-decoration: underline;
}

.single-page h1 {
  text-align: center;
  font-family: "FuturaPT";
  margin-top: 0.5em !important;
  margin-bottom: 0.5em;
}

.single-page .field-name-field-ingress {
  text-align: center;
  font-family: "FuturaPT";
}

.lazy {
  display: none;
}


/* -------------------------------
Header
---------------------------------*/

header {
  width: 100%;
  clear: both;
  position: relative;
  padding-bottom: 0.5em;
  margin-bottom: 1.25em;
}

.site-header {
  font-size: 0.9em;
}

.user-controls {
  position: relative;
  z-index: 11000;
}

.header-container {
  margin-top: 20px;
  background-color: #ffffff;
  font-family:FuturaPT;
}

.header-container .fluid-element-wrapper {
  position: relative;
}

#user-login-form input.form-submit {
  display: block;
  width: 23px;
  height: 23px;
  margin: 0;
  border: 0;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("../img/icons/button-submit@2x.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  _background-image: url("../img/icons/button-submit.png");
  margin-top: 2px;
}

#user-login-form label,
#search-block-form label,
#search-block-form-1 label {
  display: none;
}

.site-header #user-login-form,
.site-header #user-login-form .form-actions {
  float: left;
}

#user-login-form ul,
#user-login-form li {
  margin: 0;
  padding: 0;
}

.account-form-column--info {
  float: right;
  width: 60%;
}

.account-form-column--form {
  float: left;
  width: 35%;
}

.account-form-column--form input {
  width: 80%;
}

.form-item-pass{
  float:left;
}

#edit-actions--2{
  float:left;
}
.user-controls form .item-list{
  clear:both;
}
.user-controls form .item-list .first{
  position: absolute;
  top:-15px;
  right:-1.2%;
}

.user-controls form .item-list .first {
  display: none;
}

/* Logged in */

.user-controls ul.links {
  max-width: 200px;
}

.user-controls ul.links li{
  width:50%;
}
.user-controls ul.links li.first {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  color: #999999;
  float: right;
  padding-left: 4%;
  white-space: nowrap;
  width: 40%;
}
.user-controls ul.links li a{
  border-top: 1px dotted rgba(0,0,0,0.15);
  display: block;
  padding:0.25em 0;
}
.user-controls ul.links li a:hover{
  text-decoration:underline;
}
.user-controls ul.links li a.logout-link{
  border-top:0;
  display: inline-block;
}
.user-controls ul.links li a.logout-link:after{
  content:  " \00bb";
}

.user-controls ul.links li a.user-link{
  font-weight:bold;
  border-top: 0;
}

.node-page-column #contentWrapper,
.node-page-blog_post #contentWrapper {
padding-top:20px;
}

/* -------------------------------
Ads
---------------------------------*/

/* Text-advertory */

#block-advertisement-frontpage-oa-text-1 .content {
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 1em;
}

#block-advertisement-frontpage-oa-text-1 a,
#advertising-lift-oa_text_3 a,
#advertising-lift-oa_text_4 a {
  display: block;
  max-width: 640px;
  margin: 0.5em auto;
  text-align: left;
  padding: 10px !important;
  overflow: hidden;
  border: 1px solid #dadada;
  clear: both;
  line-height: 1em;
}

#block-advertisement-frontpage-oa-text-1 img,
#advertising-lift-oa_text_3 img,
#advertising-lift-oa_text_4 img {
  max-width: 90px;
  float: left;
  margin: -10px 15px -10px -10px;
  display: none;
  max-height: 85px;
}

.node-blog-post #advertising-lift-large_box_1 {
  clear: both;
}

.advertising-lift-large_box_1 {
  text-align: center;
  margin-bottom: 1.75em;
}

#block-advertisement-basic-large-box-1 {
  margin-bottom: 60px !important;
}

.top-content .block-advertisement {
  text-align: center;
}

.advertising-lift-mobile_box--inline .advertising-lift,
.advertising-lift-large_box_1--inline .advertising-lift {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.advertising-lift-mobile_box--inline .advertising-lift::before,
.advertising-lift-large_box_1--inline .advertising-lift::before {
   content: "Mainos ";
}

/* -------------------------------
Ad placeholders
http://www.a-lehdet.fi/mainostajalle/aineisto-ohjeet
---------------------------------*/
/*
#ad-id-parade > div{
  height: 400px;
}

#ad-id-panorama > div{
  height: 120px;
}

#ad-id-box > div{
  height: 250px;
}

#ad-large-box > div{
  height: 400px;
}

#ad-id-mobileparade > div{
  height: 300px;
  margin: auto;
}

#ad-id-mobilebox > div{
  height: 250px;
  margin: auto;
}

#ad-id-panorama_mobile > div{
  height: 75px;
  margin: auto;
}
*/
/* -------------------------------
Placeholders
TODO: ADD SUPPORT FOR ALL BOXES
---------------------------------*/

.box.box__header--top.box__liftbox.box__commercial-lift .figure-safe{
  height: 200px;
}

/* -------------------------------
Promo content element rules
---------------------------------*/
.promo-content {
  float: left;
  width: 100%;
  text-align: center;
}

.promo-content img {
  display: block;
  margin: 0 auto;
}


/* -------------------------------
General content element rules
---------------------------------*/

.ad{
  text-align:center;
}

.ad *{
  margin:1em auto 2em;
}

.ad img{
  width:480px;
}

.front-page article{
  margin-bottom:1em;
}


.front-page .mobile-content article{
  padding-top:0.35em;
  border-top:1px solid;
}

.list-page article{
  padding-bottom:2.5em;
  margin-bottom:0.5em;
  border-bottom:1px solid;
}

.media-youtube-player {
  width:100% !important;
}


article ul.links li{
  padding:0;
}

article ul.links li a{
  padding:0.25em 0.65em;
  /*
  border:1px solid rgba(0,0,0,.2);
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  */
}
article ul.links li a:hover{
  background-color: rgba(0,0,0,.1);
  text-decoration:none;
}

/* Generic lift-item */
.lift-item {
  width: 300px;
  _display: inline;
  display: inline-block;
  margin: 0 1% 10px;
  text-align: center;
  height: 300px;
  vertical-align: top;
}


.lift-item img {
  margin-bottom: 0;
}

.active-campaigns .lift-item {
  height: auto;
  margin-bottom: 25px;
}

.frame {
  width: 100%;
  overflow: hidden;
  height: 225px;
  text-align: center;
}

.frame .crop {
  overflow: hidden;
  height: 210px;
}

.frame .wrap {
  height: 100%;
  margin-left: -25%;
  position: relative;
  width: 150%;
}


.frame .teaser {
  color: #666666;
  display: block;
  font-size: 19px;
  font-style: italic;
  height: 100%;
  line-height: 20px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px;
  width: 69%;
}

.frame .teaser:before {
  content: "\201D";
  font-family: georgia;
  font-style: normal;
  font-weight: bold;
  color: #c6c6c6;
  font-size: 55px;
  display: block;
  margin-top: 22px;
  margin-bottom: -25px
  text-align: center;
}

/* Contest page frame fixes */

.active-campaigns-osallistu {
  border-top: none !important;
}

.active-campaigns-osallistu .lift-item {
  width: 45%;
}

.active-campaigns-osallistu .frame {
  display: inline-block;
  /*min-width: 300px;
  margin-right: 4%;*/
  padding-top: 0.65em;
  vertical-align: top;
  border: none;
  border-top: 4px solid #ccc;
  min-height: 400px;
  height: auto;
}

.block-lily .active-campaigns.active-campaigns-osallistu .frame .content{
  height: auto;
  padding: 5px 0 10px 0;
}

.block-lily .active-campaigns.active-campaigns-osallistu .frame .content h3,
.block-lily .active-campaigns.active-campaigns-osallistu .frame .content p{
  padding-left: 120px;
  padding-right: 10px;
}

.active-campaigns-osallistu .participate-link {
  font-weight: bold;
}

.lift-item .advertory {
  max-height: 250px;
  overflow: hidden;
}

.advertory {
  margin-bottom: 2em;
}

.ad-box-front {
  display: inline-block;
}

.ad-box-front a,
.ad-box-front object {
  display: block;
  margin: 0 10px 10px;
}

/** Frontpage memy ads */

#advertory-oa_eteksti_1 p,
#advertory-oa_eteksti_2 p,
#advertory-oa_bteksti_2 p,
#advertory-oa_bteksti_1 p,
#advertory-oa_bteksti_3 p
{
  padding-top: 10px;
  padding-bottom: 50px;
  text-align: center;
  border-top: 4px solid #ff8681 !important;
  width:auto !important;
}

.section-intro {
  font-family: "FuturaPT";
  font-size: 18px;
  margin-bottom: 20px;
}

/* Participate-block */
.block-lily .active-polls .lift-item {
  height: auto;
}

.block-lily .active-polls .lift-item article {
  font-family: FuturaPT;
  position: relative;
}

.block-lily .lift-item article .content {
  border: 1px solid #000000;
  height: 440px;
  margin-bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 40px 15px 15px;
  position: relative;
  width: 100%;
}

.block-lily .lift-item article img {
  padding: 0 25px;
  width: 100%;
}

.block-lily .lift-item article h2 {
  position: absolute;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 10px 15px 8px;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 1);
  -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 1);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 1);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  width: 78%;
  top: -20px;
  left: 12%;
}

.block-lily .lift-item article .field-name-field-body,
.block-lily .lift-item article .field-name-body {
  font-size: 16px;
  line-height: 18px;
  font-style: italic;
}

.block-lily .lift-item .field-name-field-ingress {
  font-size: medium;
  line-height: inherit;
}

/* Active campaigns block */
.block-lily .active-campaigns .frame {
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
  height: auto;
  min-height: 0;
  position: relative;
  margin-bottom: 0;
  padding-top: 0;
  overflow: visible;
}

.block-lily .active-campaigns .frame .content {
  background: #ccc;
  position: relative;
  height: 66px;
}

.block-lily .active-campaigns .frame .content img {
  width: 105px;
  position: absolute;
  bottom: 0;
  left:0;
  height: auto;
  margin-bottom: 0;
}

.block-lily .active-campaigns .frame .content h3,
.block-lily .active-campaigns .frame .content p {
  font-family: "FuturaPTCondBook-Reg";
  font-size: 16px;
  line-height: 1.1em;
  width: 100%;
  margin: 0;
  padding-left: 105px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  z-index: 5;
}

.block-lily .active-campaigns .frame .content h3 {
  padding-top: 5px;
  font-family: "FuturaPTCondBold-Reg";
}

.block-lily .active-campaigns .lift-item a {
  display: block;
  height: 100%;
}

.block-lily .active-campaigns .frame .link-layer {
  z-index: 5;
}

/* Category listing */
.block-blogs-carousel,
.block-lily {
  width: 100%;
  display: inline-block;
}

.block-blogs-carousel:first-child,
.block-lily:first-child {
  border-top: none;
}


.block-lily .group-section {
  width: 100%;
  /*float: left;*/
  max-height: 620px;
  overflow: hidden;
  padding: 10px 0;
  background-color: #fff;
}

.block-blogs-carousel h2,
.block-lily h2,
.carousel-title h2 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 31px;
  font-family: 'FuturaPTMedium-Reg', FuturaPT;
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1.0322580645em;
}


.block-blogs-carousel h3,
.block-lily .group-section h3,
.newsfeed-container h3,
.carousel-title h3 {
  font-family: "Times New Roman";
  font-size: 21px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 5px;
  max-height: 41px;
  overflow: hidden;
  text-align: center;
}

.block-blogs-carousel h3 {
  /*font-family: inherit;*/
  font-size: 19px;
  width: 104%;
  margin-left: -2%;
}

.block-blogs-carousel h4,
.block-lily h4,
.newsfeed-container h4,
.carousel-title h4 {
  color: #777777;
  font-size: 12px;
  line-height: 16px;
  font-family: 'FuturaPT',"Times New Roman";
  font-weight: normal;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}


.block-blogs-carousel .more,
.block-lily .more,
.control-panel-newsfeed .more {
  clear: both;
  text-align: center;
}

/* Partner bloglift */
.blogger-list .item {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
  width: 109px;
  height: 165px;
}

.blogger-list .item .label {
  margin-top: -25px;
}

.blogger-list .item span {
  color: #777777;
  display: block;
  font-size: 12px;
  line-height: 1em;
  margin: 0.25em 0 0 0;
  width: 102%;
  font-family: 'FuturaPT';
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.blogger-list .item img {
  margin-bottom: 0;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
}

.blogger-list .frame {
  border: 0 none;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  width: 80px;
}
.blogger-list .frame img {
  height: 80px;
  width: 80px;
}
.blogger-list .crop {
  height: auto;
}

.youtubers-list {
  border-top: 0 !important;
  padding: 0 !important;
}


/* Blog highlights */
/*#blog-highlights .frame {
  height: auto;
}

#blog-highlights .frame .listing {
  display: inline-block;
  width: 100%;
  background-color: #e5e5e5;
  height: 375px;
}

#blog-highlights .frame .listing h4{
  margin-bottom: 15px;
  margin-top: 18px !important;
  text-transform: uppercase;
  font-size: 19px;
  color: #000;
  font-family: 'Antonio',"FuturaPTHeavy-Reg";
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.1em;
}

#blog-highlights .frame .listing ul {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 15px 10px;
  padding: 10px 0;
  height: 310px;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  text-align: left;
}

#blog-highlights .frame .listing ul li {
  margin: 0 0 10px 0;
  list-style: none;
  padding-right: 30px;
}

#blog-highlights .frame li p {
  margin: 0;
  line-height: 15px;
}

#blog-highlights .frame li p a {
  font-weight: normal;
  display: inline;
  padding: 0;
}

#blog-highlights .frame li p a:hover,
aside .active-blogs-block li a:hover {
  background-color: transparent;
}*/

aside .active-blogs-block ul li a {
  padding: 0;
}

/*
#blog-highlights .frame li .title {
  font-style: italic;
}

#blog-highlights .frame li .source {
  text-transform: uppercase;
  font-size: 12px;
}

#blog-highlights .frame .comments .quote {
  margin-bottom: 5px;
  font-style: italic;
}

#blog-highlights .frame .comments .quote:before {
  content: "\"";
}

#blog-highlights .frame .comments .user,
#blog-highlights .frame .comments .title,
#blog-highlights .frame .comments .title a {
  color: #666;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

#blog-highlights .frame .comments .user:before,
#blog-highlights .frame .comments .title:before {
  content: "» ";
}

#block-lily-blog-highlights li {
  line-height: 16px;
}*/

.advertising-lift-mobile_box {
  clear: left;
  text-align: center;
  margin-bottom: 1.75em;
}

.grouped-lift,
.active-campaigns,
/*#blog-highlights,*/
.active-polls,
#social-widgets {
  border-top: 1px solid #000;
  padding: 2.75em 0 4em;
  text-align: center;
}

.grouped-lift header,
.basic-item-list header,
/*#blog-highlights header,*/
.active-polls header,
#social-widgets header,
#block-lily-lily-advanced-blogs-list header{
  margin-bottom: 2.15em;
}

.active-campaigns header { margin-bottom: 1.5em; }

.grouped-lift .sectionlink,
.custom-topic-lift .sectionlink {
  text-align: center;
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  clear: both;
}

.grouped-lift .sectionlink_txt_l,
.custom-topic-lift .sectionlink_txt_l {
  width: 190px;
  height: auto;
  position: absolute;
  top: 17px;
  left: 15%;
  z-index: 0;
}

.custom-topic-lift .sectionlink_txt_l {
  top: 35px;
  left: 2%;
}

.grouped-lift .layout-dash,
.custom-topic-lift .layout-dash {
  position: relative;
}

.grouped-lift .hr_dashed,
.custom-topic-lift .hr_dashed {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.grouped-lift .hr_dashed img,
.custom-topic-lift .hr_dashed img {
  width: 980px;
  max-width: none;
}

.grouped-lift .layout,
.custom-topic-lift .layout {
  width: 340px;
  height: auto;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.grouped-lift .layout img,
.custom-topic-lift .layout img {
  width: 254px;
  height: auto;
  border: 1px solid #ccc;
  border-bottom: 0;
  margin-bottom: 0;
  position: relative;
  top: 20px;
  -moz-transition: top 0.2s, box-shadow 0.2s;
  -webkit-transition: top 0.2s, box-shadow 0.2s;
  transition: top 0.2s, box-shadow 0.2s;
}

.grouped-lift .layout img:hover,
.custom-topic-lift .layout img:hover {
  top: 10px !important;
  -moz-box-shadow:    0 0 10px 0 #ff9999;
  -webkit-box-shadow: 0 0 10px 0 #ff9999;
  box-shadow:         0 0 10px 0 #ff9999;
}

.grouped-lift .sectionlink_txt_r,
.custom-topic-lift .sectionlink_txt_r {
  width: 210px;
  height: auto;
  position: absolute;
  top: 50px;
  left: 65%;
  z-index: 1;
}

.grouped-lift .link-wrapper,
.custom-topic-lift .link-wrapper {
  font-family: 'FuturaPT';
  font-size: 1.25em;
  letter-spacing: 0.05em;
  padding: 20px 0;
}


.grouped-lift .link-wrapper .bullets,
.custom-topic-lift .link-wrapper .bullets {
  color: #999;
  font-size: 13px;
}


/* Family category */
#block-lily-frontpage-group-lift-3 .item{
  height: 135px;
}


/* Social feeds */
.social-feed {
  padding: 10px 20px;
  border-width: 4px;
  border-style: solid;
  height: 461px;
}

.social-feed h3 {
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #cbcbcb;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 19px;
  font-family: 'Antonio','FuturaPTHeavy-Reg', FuturaPT;
  letter-spacing: 0.02em;
}

.social-feed .content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 395px;
}

.social-feed.instagram .content {
  height: 357px;
}

.facebook { border-color: #000099; }
.pinterest { border-color: #cc6666; }
.instagram { border-color: #307893; }

/* Pinterest tweaks */


/* Advanced bloggers */
#block-lily-lily-advanced-blogs-list {
  margin-top: 2em;
}

#block-lily-lily-advanced-blogs-list header {
  float: none;
}



/* -------------------------------
Content Header
---------------------------------*/

section.site-content {
  float:left;
  width:100%;
  padding: 20px;
}

.content-header{
  margin-bottom:2em;
  padding:1em 0 0;
  overflow: hidden;
  border-top:1px solid rgba(0,0,0,.3);
  border-bottom:3px solid;
  position:relative;
  min-height: 7em;
}
.content-header div{
  margin:0;
}
.content-intro{
  width:50%;
}
.content-header h1{
  letter-spacing:0;
  margin:0 0 0.25em;
}
.content-header p{
  margin-top:0;
}
.content-intro div{

  overflow: hidden;
}

.content-intro-ingress{
  float:left;
}
.content-intro-ingress{
  width:45%;
}
.content-intro-pic{
  position:absolute;
  right:38%;
  bottom:0;
  border-right:1px solid;
  text-align:center;
}
.content-intro-pic img{
  height:112px;
  width:auto;
  max-width:none;
}
.content-partner{
  text-align:right;
  position:absolute;
  right:0;
  bottom:0;
  width:300px;
  height:120px;
  overflow:hidden;
  z-index:-10;
}

.list-page h2{
  font-size:2em;
}


/* -------------------------------
Content
---------------------------------*/

.article-page article{
  padding-bottom:2em;
  margin-bottom:2em;
}

.field-item {
  margin-bottom: 1em;
}

article header{
  border-bottom:0;
}
article h2{
  margin-top:0;
}
article h2, article .field-name-field-ingress{
margin: 0 0 0.67em;
}

.mobile-content{
  display:none;
}
.list-page .profile{
  margin-top:0;
}

.main-content header h1,
.search-page .main-content header h1,
h1.masthead-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  font-family: "FuturaPTHeavy-Reg";
  margin: 0;
  padding: 1em 0;
  font-weight: normal;
}

/* Addthis */
#at20mc * {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

/* Webform */
.node-webform input[type="submit"] {
  height: 31px;
  border: 1px solid #999;
  font-family: "FuturaPT", serif;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  padding: 6px 10px;
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
}

.node-webform input[type="text"],
.node-webform input[type="email"] {
  border: 1px solid #999;
  height: 31px;
  padding: 5px;
  font-family: "FuturaPT", serif;
}

.node-webform textarea {
  font-size: 16px;
  font-weight: normal;
  padding: 5px;
  border: 1px solid #999;
  resize: none;
  font-family: "FuturaPT", serif;
}


/* -------------------------------
Notifications
---------------------------------*/
.highlight {
  color:red;
}

.notifications-toggle-wrapper {
  background-color: white;
  border: 1px solid #dfdfdf;
  -moz-box-shadow: 0px 1px 5px #cccccc;
  -webkit-box-shadow: 0px 1px 5px #cccccc;
  box-shadow: 0px 1px 5px #cccccc;
  display: none;
  position: absolute;
  width: 290px;
  z-index: 11000;
}

.notifications-toggle-wrapper .toggle-title,
.notifications-toggle-wrapper .group-label,
.notifications-list-wrapper .toggle-title,
.notifications-list-wrapper .group-label {
  border-bottom: 1px solid #efefef;
  color: #888888;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 12px 18px 11px;
}

.notifications-toggle-wrapper .list-items {
  max-height: 320px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.notifications-toggle-wrapper .toggle-footer a,
.notifications-list-wrapper .toggle-footer a {
  background-color: #eee;
  color: black;
  display: block;
  font-weight: bold;
  line-height: 42px;
  text-align: center;
}

.notifications-toggle-wrapper .notification,
.notifications-list-wrapper .notification {
  border-bottom: 1px solid #efefef;
  color: black;
  padding: 12px 18px 11px;
}

.notifications-toggle-wrapper .notification .time,
.notifications-list-wrapper .notification .time {
  color: #888888;
  font-size: 80%;
}

span.unlink-notification-source {
  padding:0px 0px;
}

span.unlink-notification-source a {
  display: block;
  min-height: 30px;
  text-indent: -9999px;
  background-image: url('../img/icons/icon-link.png');
  background-position:right;
  background-repeat:no-repeat;
  background-size:16px 16px;
  padding:5px 20px 5px 0px;
  float:right;
}

span.unlink-notification-source a:hover {
  text-indent: 0;
}

span.unlink-notification-source a.unlinked {
  background-image: url('../img/icons/icon-unlink.png');
}


/* -------------------------------
Polls
---------------------------------*/
.lightpoll {
  margin-bottom: 20px;
}

.lightpoll .tab-answer,
.lightpoll .tab-stats {
  display: none;
}

.lightpoll .element {
  margin-bottom: 5px;
}

.lightpoll .element span.label {
  margin-left: 10px;
}

.lightpoll .vote-options {
  width: 80%;
  padding: 8px 0 5px;
  text-align: left;
  margin: 0.5em auto 1em;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.lightpoll textarea {
  width: 66%;
  resize: none;
  margin-bottom: 20px;
}

.node-poll p {
  font-family: "FuturaPT";
}

.lightpoll .lightpoll-submit {
  height: 32px;
  border: 1px solid #999;
  font-family: "FuturaPT", serif;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: -1px;
  color: #000;
  cursor: pointer;
  padding: 6px 15px;
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd));
  background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 );
}


/* -------------------------------
Blog listing
---------------------------------*/
.blog-header {
  text-align: center;
  font-size: 40px;
  max-height: 300px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 220px;
}

.blog-header h1.blog-title-text,
.blog-header h2.blog-title-text {
  margin-bottom: 0;
  position: absolute;
  top: 40%;
  width: 100%;
  font-size: 1.5em;
}

.blog-header-image {
  max-height: 600px;
  min-height: 1px;
}
.blog-header-image .blog-title-image {
  margin: 15px 0;
}
/* -------------------------------
Blog post
---------------------------------*/
.post {
  border-top: 2px solid #333333;
  margin-bottom: 1em;
}

.post header {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.post h2,
.node-blog-post h1.blog-post-title {
  font-size: 33px;
  font-weight: normal;
  line-height: 1em;
  text-transform: none;
  padding: 0.1em 0 0.25em;
  font-family: "Times New Roman";
  margin: 0;
  margin-top: 0 !important;
}

.post h2 a {
  text-decoration: none !important;
}

.post h3 {
  font-size: 22px;
}

.post header .categories {
  /*font-size: 0.78em;*/
  font-size: 14px;
  font-family: abril-display, sans;
  text-transform: uppercase;
  padding-top: 30px;
  padding-bottom: 10px;
}

.post header .categories span {
  display: inline-block;
  margin: 2px 3px;
}

.post header .meta,
.post .social-controls-wrapper .social-controls {
  padding: 5px;
  font-size: 14px;
}


.post header .meta span,
.post header .meta time {
  display: inline-block;
  margin: 2px 10px;
}

.post header .meta span a span {
  margin: 0;
}

.post header .meta .user a {
  background: url(../img/icons/icon-meta-user@2x.png) center left no-repeat;
  _background: url("../img/icons/icon-meta-user.png") center left no-repeat;
  background-size: 9px 9px;
  padding-left: 14px;
}

.post header .meta .blog a {
  background: url(../img/icons/icon-meta-col@2x.png) center left no-repeat;
  _background: url("../img/icons/icon-meta-col.png") center left no-repeat;
  background-size: 12px 10px;
  padding-left: 17px;
}

.post .social-controls-wrapper .social-controls {
  /*border-bottom: 1px dotted #BBBBBB;*/
  /*border-top: 1px dotted #BBBBBB;*/
  font-size: 16px;
  font-style: normal;
  padding: 0.25em 0 0;
}

.post .social-controls-wrapper {
    text-align: center;
    padding-top: 20px;
}

.post .social-controls-wrapper ul {
  display: inline-block;
  margin-bottom: 0;
}

.post .social-controls-wrapper .flag-wrapper {
  font-size: 16px;
}

/*
@media (min-width: 700px) {
  .post .social-controls-wrapper--floating{
    visibility: hidden !important;
  }
}
*/

.post .social-controls-wrapper--floating{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  z-index: 1000;
}

.social-controls-wrapper--floating .social-controls .item-list ul{
  float: right;
  margin-bottom: 0px;
}

.social-controls-wrapper--floating .social-controls .item-list ul li{
  border-left: 0px solid #aaaaaa !important;
  float: left;
  padding: 20px;
  border-radius: 50px;
  margin: 15px 15px 15px 0 !important;
  box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.2);
}

.social-controls-wrapper--floating .social-controls .item-list ul li:nth-last-child(1){
  background: #000000;
}

.social-controls-wrapper--floating .social-controls .item-list ul li:nth-last-child(2){
  background: #3b5998;
}

.social-controls-wrapper--floating .social-controls .item-list ul li:nth-last-child(3){
  background: #00aced;
  display: none;
}

.social-controls-wrapper--floating .social-controls .item-list ul li span{
  display: block;
  width: 26px;
  height: 26px;
}

.social-controls-wrapper--floating .social-controls .item-list ul li.last a{
  color: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.social-controls-wrapper--floating .social-controls a{
  margin-left: 0px !important;
  padding-left: 45px !important;
  /*padding-bottom: 20px;*/
  min-height: 40px;
  height: 40px;
  padding-right: 0px;
  position: absolute;
  left: -10px;
  top: -6px;
}

.social-controls-wrapper--floating .social-controls .flag-content-liking-node span.flag-throbber{
  display: none !important;
}

.social-controls-wrapper--floating .readme{
  background-color:rgba(255, 255, 255, 0.98);
  max-width: 375px;
  height: 96px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: auto;
  box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.2);
  padding: 10px;
  z-index: 1;
}

.social-controls-wrapper--floating .readme .readme-links{
  width: 284px;
  height: 96px;
  float: left;
  font-family: "FuturaPTMedium-Reg";
  letter-spacing: .04em;
}

@media (max-width: 374px) {
  .social-controls-wrapper--floating .readme .readme-links{
    width: 70% !important;
  }
}

.social-controls-wrapper--floating .readme .readme-links .readme-link{
  padding-top: 6px;
  display: block;
  overflow: hidden;
  max-height: 50px;
  max-width: 270px;
}

.social-controls-wrapper--floating .readme .readme-links .readme-name{
  color: #939393;
  font-size: 15px;
  font-family: "FuturaPTLight-Reg";
}

.social-controls-wrapper--floating .readme .readme-button-wrapper{
  /*width: 25%;*/
  height: 66px;
  width: 66px;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

.social-controls-wrapper--floating .readme .readme-button{
  background: #000000;
  padding: 20px;
  border-radius: 50px;
  box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.2);
}

.social-controls-wrapper--floating .readme .flag-content-readme-node{
  display: block;
  width: 26px;
  height: 26px;
  position: relative;
}

.social-controls-wrapper--floating .readme .flag-content-readme-node a{
  background: url("../img/icons/nuoli.png") 17px 8px no-repeat;
  background-size: 13px 22px;
  padding-left: 45px;
  min-height: 40px;
  position: absolute;
  left: -10px;
  top: -6px;
}

.post .teaser p {
  font-size: 16px;
  line-height: 22px;
}

.post .teaser img {
  width: 100%;
}

.post .read-more {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
}

.post .read-more a {
  color: #333;
  text-decoration: none;
}

.post .read-more a:hover {
  text-decoration: underline;
}

.post .read-more a:before {
  content: "» ";
}

.post p.center,
.post h2.center,
.post h3.center {
  text-align: center;
}

.post p.left,
.post h2.left,
.post h3.left {
  text-align: left;
}

.post p.right,
.post h2.right,
.post h3.right {
  text-align: right;
}

.post p.justify {
  text-align: justify;
}

/* Blogger stamps */
article.rid-12 header,
article.rid-4 header {
  background-image: url(../img/stamp_recommended@2x.png);
  _background-image: url("../img/stamp_recommended.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  article.rid-12 header,
  article.rid-4 header {
    background-size: 60px 60px;
  }
  #blog-menu-list a.active {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
    article.rid-12 header,
    article.rid-4 header {
        background-size: 92px 92px;
    }
    #blog-menu-list > li {
      padding: 1rem 1rem 0 1rem;
    }
    #blog-menu-list a.active {
      padding: 0 !important;
    }
}

article.rid-6 header {
  background-image: url(../img/stamp_sponsored@2x.png);
  _background-image: url("../img/stamp_sponsored.png");
  background-size: 92px 92px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

article.node-unpublished header {
  background-image: url(../img/stamp_unpub@2x.png);
  _background-image: url("../img/stamp_unpub.png");
  background-size: 200px 165px;
  background-position: left top;
  background-repeat: no-repeat;
}

article.node-unpublished {
  background-color: transparent;
}

article.node-blog-post .field-name-field-body ul {
  margin-left: 20px;
}

article.node-blog-post .field-name-field-body ul li {
  list-style: disc;
  list-style-position: inside;
}

article.node-blog-post .field-name-field-body ol {
  margin-left: 20px;
  padding: 0;
}

article.node-blog-post .field-name-field-body ol li {
  list-style: decimal;
  list-style-position: inside;
}

article.node-blog-post .field-name-field-body iframe,
article.node-blog-post .field-name-field-body iframe.lazy_iframe,
article.node-blog-post .content .field-name-comment-body iframe {
  width: 100%;
}

article.node-blog-post .content iframe {
  /* This breaks ad */
  /*width: auto;*/
}

article.node-blog-post .content .fb-like-wrapper {
  float: left;
  padding-top: 0.35em;
  padding-right: 0.5em;
  width: 150px;
  overflow: hidden;
}

article.node-blog-post .content .pin-it-wrapper{
  padding-top: 7px;
}

.main-content article.node-blog-post .field-name-field-tags {
  clear: both;
  width: 70%;
  float: left;
}

.main-content article.node-blog-post .field-name-field-tags .field-item a {
  text-decoration: none;
  font-style: italic;
  color: #777;
}

li.node-readmore a {
  border-bottom: 1px solid #ddd;
}

article.node-blog-post .node-links-wrapper li.node-readmore a:hover {
  text-decoration: none;
  border-color: #666;
}

.main-content article.node-blog-post .field-name-field-tags .field-item a {
  text-decoration: none;
  font-style: italic;
  color: #555;
}

article.node-blog-post .field-name-field-tags .field-item {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0;
}

article.node-blog-post .field-name-field-tags .field-items {
  display: inline-block;
}

article.node-blog-post .field-name-field-tags:before {
  content: "Tagit: ";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.76em;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 0.5em;
  color: #555;
}

.main-content article.node-blog-post .field-name-field-tags .field-item a:after {
  content: ",";
}

.main-content article.node-blog-post .field-name-field-tags .field-item:last-child a:after {
  content: " ";
}

.blog-nav-controls a {
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 0.78em;
  display: block;
  float: left;
  padding: 1em 0.25em;
  letter-spacing: 0.1em;
  width: 30%;
}

#blog-menu-list > li > ul > li > ul {
  text-transform: capitalize;
  margin-left: -15px;
}

#blog-menu-list > li > a:hover {
  border-bottom: 2px solid #000;
  text-decoration: none !important;
}

#blog-menu-list > li.archives-item:hover {
  text-decoration: underline;
}

#blog-menu-list > ul > li > span > span > img {
  height: 14px;
  clear: none;
  float: left;
  margin-top: 14px;
}

#blog-menu-list > li > a {
  hyphens: none;
}

@media (max-width: 769px) {
  .blog-post-title {
    font-size: 30px;
  }

  #blog-menu-list > ul {
    margin-top: 0;
  }

  #blog-menu-list > ul > li {
    padding-bottom: 0;
  }

  #blog-menu-list > ul > li > span > a {
    float: left;
  }

  #blog-menu-list > ul > li > span > ul {
    margin-bottom: 0;
  }

  #blog-menu-list > li.archives-item {
    padding: 0 0 0 10px;
  }

  .blog-nav-controls a {
    width: 50%;
  }

  #blog-menu-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  #blog-menu-list > li > ul > li > ul {
    padding-left: 30px;
    padding-top: 18px;
    margin-left: -30px;
  }
  /* The blog content type's top category menu on mobile */
  #block-blogs-ui-blogs-ui-blog-categories, #blog-menu-list {
    text-transform: uppercase;
    text-align: left;
    font-family: abril-display, sans;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.19;
    letter-spacing: 0.8px;
  }
  #block-blogs-ui-blogs-ui-blog-categories ul {
    clear: both;
  }
  #block-blogs-ui-blogs-ui-blog-categories ul > li {
    clear: both;
    padding-bottom: 10px;
  }

  #block-blogs-ui-blogs-ui-blog-categories ul > li > a {
    padding: 0;
    font-size: 16px;
  }

  #blog-menu-title {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  #blog-menu-title > h2 {
    display: inline;
    font-size: 18px;
    font-weight: 600 !important;
    padding-top: -20px;
  }
  #hamburger-image {
    display: inline;
    margin-top: -4px;
    margin-right: 10px;
    height: 16px;
  }
}
.blog-nav-controls a.prev:before {
  content: "‹ ";
  font-size: 3em;
  display: block;
  float: left;
  margin-top: -0.55em;
  font-family: "FuturaPTLight-Reg";
  margin-right: 0.2em;
}

.blog-nav-controls a.next {
  float: right;
  text-align: right;
}

.blog-nav-controls a.next:after {
  content: " ›";
  font-size: 3em;
  display: inline-block;
  margin-bottom: 0.17em;
  font-family: "FuturaPTLight-Reg";
  margin-left: 0.2em;
  line-height: 0;
  text-align: right;
}

article.node-blog-post div[class^="blog-post-footer-social-controls"] {
  float: right;
  width: 25%;
}

article.node-blog-post div[class^="blog-post-footer-social-controls"] ul.links,
article.node-blog-post div[class^="blog-post-footer-social-controls"] .flag-wrapper {
  text-transform: uppercase;
  font-size: 0.76em;
  color: #777;
  letter-spacing: 0.1em;
}

article.node-blog-post div[class^="blog-post-footer-social-controls"] a.flag-action {
  background: transparent url("../img/icons/icon-spamflag@2x.png") 0px 0px no-repeat;
  _background: transparent url("../img/icons/icon-spamflag.png") 0px 0px no-repeat;
  background-size: 75px 25px;
  text-indent: -999em;
  height: 25px;
  width: 75px;
  display: block;
  float: right;
}

article.node-blog-post .content ul.links {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 0 0.5em 0;
}

article.node-blog-post .content ul.links li {
  display: block;
}


article.node-blog-post .content ul.links li a {
  color: #333;
  text-transform: uppercase;
  font-size: 0.8em;
  text-decoration: none;
  letter-spacing: 0.1em;
}

article.node-blog-post .content ul.links li.comment-comments {
  display: none;
}

article.node-blog-post .content ul.links li.node-readmore {
  margin-top: -0.5em;
  margin-bottom: 1em;
  float: left;
}

article.node-blog-post .content ul.links li.node-readmore a {
  padding: 0;
}

article.node-blog-post .content .links .comment-add {
  clear: both;
}

article.node-blog-post .content .links .comment-add a {
  color: #333;
  text-transform: uppercase;
  font-size: 0.8em;
  background: url("../img/icons/icon-comments@2x.png") left bottom no-repeat;
  _background: url("../img/icons/icon-comments.png") left bottom no-repeat;
  padding-left: 25px;
  text-align: right !important;
  background-size: 17px 17px;
  text-decoration: none;
  letter-spacing: 0.1em;
}

article.node-blog-post .content .links .node-readmore a:before {
  content: "» ";
}

article.node-blog-post header ul.links {
  width: 100%;
  display: block;
  margin: 1em 0;
  text-align: center;
  text-transform: none;
  font-size: inherit;
}

/* Comments */
#comments {
  margin-top: 0;
}

#comments h2 {
  font-size: 1.6em;
  border-top: 1px dotted #bbb;
  padding: 0.25em 0;
}

#comments .comment,
#guestbook .comment {
  border-top: 1px solid #ddd;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 0;
  text-align: left;
}

#comments header {
  margin: 0;
  padding: 10px;
  display: inline-block;
  width: 100%;
  background: transparent;
  background-color: #f6f6f6;
}

#comments header .profile-picture {
  margin: 0;
  float: left;
  padding-right: 20px;
}

#comments header .social-controls {
  border-bottom: 0;
  border-top: 0;
  padding: 0;
  float: right;
  line-height: 10px;
}

#comments header .social-controls li {
  border-right: none;
  float: left;
  display: block;
  line-height: 22px;
}

#comments header .social-controls li.first {
  text-align: right;
}

#comments header .social-controls li.last {
  border-left: none;
  line-height: 18px;
  margin-left: 0;
}

#comments header .social-controls .flag-spam-comment a,
#comments header .social-controls .flag-throbber {
  float: right;
}

#comments header .container {
  width: 100%;
}

#comments header .meta {
  float: left;
  padding: 0;
  border: 0;
  margin-bottom: 10px;
}

#comments header .meta span,
#comments header .meta time {
  margin: 0 10px 0 0;
}

#comments header .meta .details .user {
  background: none;
  padding-left: 0;
}

.comment .content ul.links {
  display: inline-block;
  margin: 0;
  text-align: center;
  width: 100%;
  color: #777;
}

.comment .content {
  overflow: hidden;
  word-wrap: break-word;
}

.comment .content ul.links li a {
  text-decoration: none;
  background: none;
  text-transform: none;
  font-size: 16px;
  margin: 0 10px;
  padding: 3px;
}

#comments .comment-header .flag-wrapper {
  text-align: inherit;
  font-size: inherit;
}

#comments .indented {
  margin-left: 8px;
}

#comments .indented .comment {
  background-color: #fffff8;
  border: 1px solid #dddddd;
}

#comments .indented .content {
  padding: 0 10px 10px;
}

#comments .comment-form-wrapper .form-item-comment-body-und-0-format,
article.node-blog .form-wrapper .form-item-comment-body-und-0-format {
  display: none;
}


/* Links */
.post .blog-post-controls ul {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 0.25em 0 0.25em 4%;
}

.post .blog-post-controls li {
  display: inline-block;
  line-height: 27px;
  margin: 0 2%;
}

.post .links a.edit-blog-post-button {
  padding: 5px 5px 5px 35px;
  background: transparent url("../img/icons/icon-editpost@2x.png") 0px 0px no-repeat;
  background-size: 27px 27px;
  _background: transparent url("../img/icons/icon-editpost.png") 0px 0px no-repeat;
}

.post .links a.delete-blog-post-button {
  padding: 5px 5px 5px 35px;
  background: transparent url("../img/icons/icon-deletepost@2x.png") 0px 0px no-repeat;
  background-size: 27px 27px;
  _background: transparent url("../img/icons/icon-deletepost.png") 0px 0px no-repeat;
}


/* Social controls */

.post-header .social-controls .item-list {
  float: right;
  left: -50%;
  position: relative;
  text-align: left;
}

.social-controls .item-list ul li {
  float: left;
  margin:0;
}

.social-controls .item-list ul li.last {
  border-right:none;
  margin-left: 5px;
}

.social-controls a.comment-count {
  background: url("../img/icons/icon-comments@2x.png") left bottom no-repeat;
  _background: url("../img/icons/icon-comments.png") left bottom no-repeat;
  padding: 5px 5px 0 25px;
  text-align: right !important;
  background-size: 17px 17px;
}

.social-controls .flag-content-liking-node a.flag,
.social-controls .flag-content-liking-comment a.flag {
  /*background: url("../img/icons/icon-like@2x.png") 0 1px no-repeat;
  _background: url("../img/icons/icon-like.png") 0 1px no-repeat;*/
  background: url("../img/icons/icon-like-new@2x.png") 0 1px no-repeat;
  _background: url("../img/icons/icon-like-new.png") 0 1px no-repeat;
  padding: 0 5px 0 25px;
  padding-top: 0;
  margin-left: 10px;
  text-align: right !important;
  background-position: 0 1px;
  background-size: 14px 37px;
}

.social-controls .flag-content-liking-node a.flagged,
.social-controls .flag-content-liking-node a.unflag-action,
.social-controls .flag-content-liking-comment a.flagged,
.social-controls .flag-content-liking-comment a.unflag-action {
  background-position: 0 -17px;
  color: #ff6666;
}

.social-controls .flag-content-liking-node a.flagged,
.social-controls .flag-content-liking-node a.unflag-action {
  background-position: 0 -20px;
}

.social-controls-wrapper--floating .social-controls .flag-content-liking-node a.flag,
.social-controls-wrapper--floating .social-controls .flag-content-liking-comment a.flag {
  background: url("../img/icons/icon-like-new-white.png") 11px 8px no-repeat;
  background-size: 24px 56px;
}

.social-controls-wrapper--floating .social-controls .flag-content-facebook-node a {
  background: url("../img/icons/icon-fb-white.png") 13px 7px no-repeat;
  background-size: 1.25em 1.54em;
}

.social-controls-wrapper--floating .social-controls .flag-content-twitter-node a {
  background: url("../img/icons/icon-twitter-white.png") 11px 8px no-repeat;
  background-size: 24px 20px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .social-controls-wrapper--floating .social-controls .flag-content-liking-node a.flag,
    .social-controls-wrapper--floating .social-controls .flag-content-liking-comment a.flag {
        background: url('../img/icons/icon-like-new-white@2x.png') 11px 8px no-repeat;
        background-size: 24px 56px;
    }

    .social-controls-wrapper--floating .social-controls .flag-content-facebook-node a {
      background: url("../img/icons/icon-fb-white@2x.png") 13px 7px no-repeat;
      background-size: 1.25em 1.54em;
    }

    .social-controls-wrapper--floating .social-controls .flag-content-twitter-node a {
      background: url("../img/icons/icon-twitter-white@2x.png") 11px 8px no-repeat;
      background-size: 24px 20px;
}
}

.social-controls-wrapper--floating .social-controls .flag-content-liking-node a.flagged,
.social-controls-wrapper--floating .social-controls .flag-content-liking-node a.unflag-action {
  background-position: 11px -24px;
}

.social-controls .flag-spam-comment a,
.social-controls .flag-spam-node a{
  background: url("../img/icons/icon-flag-spam-text.png") no-repeat scroll left center transparent;
  display: block;
  height: 24px;
  text-indent: -99999px;
  width: 64px;
}

.social-controls .delete-comment-link {
  display: block;
  height: 24px;
  background: url("../img/icons/icon-deletepost@2x.png") no-repeat scroll left center transparent;
  background-size: 17px 17px;
  text-indent: -99999px;
  width: 64px;
}

.social-hover-text {
  position: fixed;
  bottom: 90px;
  font-family: "FuturaPT";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .11em;
  background-color: black;
  color: white;
  padding: 5px 10px 10px 10px;
  height: 25px;
  display: none;
}
@media (max-width: 800px) {
  .social-hover-text {
    display: none !important;
  }
}

.social-hover-text:after {
  content:'';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-top: solid 5px black;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

.social-controls #share-this-text {
  right: 89px;
}

.social-controls #like-this-text {
  right: 5px;
}

.social-controls #like-this-text:after {
  left: 65% !important;
}

.blog-nav-controls {
  border-bottom: none;
  border-top: 1px dotted #CCCCCC;
  padding: 0.25em 0 0;
  display: inline-block;
  width: 100%;
}

.blog-nav-controls .next {
  float: right;
}

/* Additional links */
.additional-links header {
  background: transparent !important;
}

.additional-links header h4 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.2em;
  padding-top: 0.5em;
  margin-left: -1%;
}

.additional-links .wrapper {
  margin-bottom: 1.25em;
}

.additional-links .item {
  width: 32%;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: top;
}

.additional-links .item .frame {
  height: 70px;
  width: 35%;
  float: left;
}

.additional-links .item .crop {
  height: 100%;
}

.additional-links .frame .wrap {
  height: 150px;
}

.additional-links .frame .teaser {
  font-size: 14px;
  line-height: 16px;
}

.additional-links .frame .teaser:before {
  content: none;
}

.additional-links h3.title {
  text-align: left;
  font-size: 16px;
  font-family: "Times New Roman";
  line-height: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}

.additional-links h4.source {
  color: #666666;
  font-size: 14px;
  line-height: 16px;
  font-family: "Times New Roman";
  font-weight: normal;
  font-style: italic;
  margin-bottom: 0;
  text-align: left;
}

.additional-links h3.title,
.additional-links h4.source {
  width: 63%;
  float: right;
}

.additional-links h3 a,
.additional-links h4 a {
  text-decoration: none !important;
}

/* -------------------------------
Search
---------------------------------*/

.search-page .main-content {
  text-align: center;
}

.search-page .content .searchform .form-item,
.search-page .content .searchform .form-actions {
  display: inline-block;
  margin: 0;
}

.search-page .content .searchform {
  margin-top: 20px;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #efefef;
  padding: 0.45em;
}

.search-page .content .searchform .form-type-textfield {
  margin-right: 10px;
}

.search-page .content .searchform label {
  display: none;
}

.search-page .content .searchform input[type="text"] {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  max-width: 350px;
}

.search-page .content .searchform input[type="submit"] {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  padding: 6px 20px;
  background-size: 17px 17px;
  background-image: url('../img/icons/icon-search@2x.png');
  _background-image: url('../img/icons/icon-search.png');
  text-indent: -999px;
  border: none;
  margin: 0;
}


.search-result {
  padding:1em 0;
  border-bottom:#ccc 1px dotted;
}

.search-result .result-type {
  color:#ccc;
}

.gsc-selected-option-container {
  max-width: 100% !important;
}


/* -------------------------------
Blogs-listing
---------------------------------*/
.list-blogs header {
  display: inline-block;
  padding-bottom: 0;
}

.list-blogs ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.list-blogs .item-list li {
  float: left;
  padding: 0;
  margin: 0;
  background-color: #fff;
  font-family: "FuturaPT";
  text-transform: uppercase;
}

.list-blogs li a {
  padding: 9px 18px;
  display: block;
  margin-right: 0;
  border-bottom: none;
  position: relative;
  top: 1px;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.list-blogs li a.active {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
}

.list-blogs li a:hover {
  background-color: #eaeaea;
}

.list-blogs .column {
  width: 33%;
  float: left;
  padding: 0 2%;
}


.list-blogs .blog-item {
  border-top: 1px dotted #ccc;
  padding: 10px 0;
}

.list-blogs .blog-item a {
  display: block;
  font-style: 16px;
}

.list-blogs .blog-item .user-name {
  color: #777;
  text-transform: uppercase;
  font-size: 12px;
  font-style: normal;
}

.node-blog .content .advertory {
  text-align: center;
}

.advertory object,
.node-blog .content .advertory object {
  display: inline-block;
}

.node-blog .content .advertory img,
.node-blog .content .advertory object {
  margin-bottom: 40px;
}


/* -------------------------------
Content Update Form
---------------------------------*/

.node-form #edit-title {
  font-family: 'Antenna Cond',AntennaCond,sans-serif;
  font-size: 2em;
  letter-spacing: 0.03em;
  max-width: 100%;
  padding: 8px 5px;
  font-weight: bold;
}

.node-form #edit-field-ingress-und-0-value {
  font-family: georgia,sans-serif;
  font-size: 1.3em;
  line-height: 1.4em;
  padding: 8px 5px;
}
.node-form textarea {
  resize:vertical;
}
#edit-field-main-media .button {
  border: 1px solid #999999;
  margin: 0.5em 0.5em 0 0;
  padding: 0.2em 0.5em;
  text-decoration: none;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.custom-field-group {
  margin: 1em 0;
  padding: 1em 1.5em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#blogs-admin-edit-blog-post-form {
  position: relative;
}

/* Category layer for blog posts */
#blogs-admin-edit-blog-post-form #category-list {
  background: #fff;
  border: 1px solid #bbbbbb;
  display: none;
  margin-top: -5px;
  padding: 50px 0;
  position: absolute;
  width: 100%;
  z-index: 100000;
  font-size: 12px;
}

#blogs-admin-edit-blog-post-form #category-list .close-tab .form-item {
  min-height: 1.5em;
  width: auto;
  display: block;
  position: absolute;
  top: 10px;
  z-index: 10;
  font-size: 16px;
}

#blogs-admin-edit-blog-post-form #category-list .form-item {
  float: left;
  width: 14.7058%;
  margin: 0 1.9607% 10px;
  min-height: 200px;
}

#blogs-admin-edit-blog-post-form #category-list .form-item label {
  text-transform: uppercase;
}

#blogs-admin-edit-blog-post-form #category-list .form-item .form-item {
  width: 100%;
  height: auto;
  margin: 3px 0;
  min-height: 1em;
}

#blogs-admin-edit-blog-post-form #category-list .form-item .form-item input[type="checkbox"] {
  margin: 0 5px 5px 0;
}

#blogs-admin-edit-blog-post-form #category-list .form-item .form-item label {
  text-transform: none;
}

#blogs-admin-edit-blog-post-form #category-list #edit-categories-list-prefix {
  display: none;
}

#blogs-admin-edit-blog-post-form #category-list #edit-categories-list-suffix {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  text-align: center;
  padding: 10px 0;
  margin: 0;
  font-size: 16px;
  color: #777;
  font-style: italic;
  min-height: auto;
  z-index: -1;
}


/* Body-field */
#blogs-admin-edit-blog-post-form input#edit-title,
#blogs-admin-edit-blog-post-form textarea {
  width: 100%;
}

#blogs-admin-edit-blog-post-form .field-name-field-body label {
  display: none;
}

#blogs-admin-edit-blog-post-form .field-name-field-body textarea.text-full {
  min-height: 400px;
  font-family: "Monaco", "Courier New";
  font-size: 12px;
  line-height: 1.5em;
}

#blogs-admin-edit-blog-post-form #category-title {
  display: none;
}

#blogs-admin-edit-blog-post-form .container-inline-date .date-padding{
  clear: both;
  float: left;
  padding: 10px 0;
}

/* Category layer for blogs, copied from above */

/* Instead of finding a way to prevent Drupal from adding this to the markup, we just hide it. */
#edit-field-blog-categories-list-prefix {
  display: none;
}

#blog-category-list {
  width: 100%;
}

#blog-category-list .form-item {
  float: left;
  width: 14.7058%;
  margin: 0 1.9607% 10px;
  min-height: 200px;
}

#blog-category-list .form-item label {
  text-transform: uppercase;
}

#blog-category-list .form-item .form-item {
  width: 100%;
  height: auto;
  margin: 3px 0;
  min-height: 1em;
}

#blog-category-list .form-item .form-item input[type="checkbox"] {
  margin: 0 5px 5px 0;
}

#blog-category-list .form-item .form-item label {
  text-transform: none;
}

#edit-categories-tab-button a:before {
  content: "▼";
  font-size: 0.75em;
  margin-right: 0.25em;
}
#edit-categories-tab-button a {
  border: 1px solid #CCCCCC;
  border-radius: 6px 6px 6px 6px;
  display: inline-block;
  padding: 0.35em 0.85em 0.35em 0.35em;
}

.content-heading-label {
  border-top: 1px solid #CCCCCC;
  margin-top: 40px;
  padding-bottom: 1em;
  padding-top: 0.25em;
}

#upload-media-container{
  border: 2px dotted #CCCCCC;
}


/*---------------------------
Pager
--------------------------*/
#pager-wrapper {
  width: 100%;
  position: absolute;
  bottom: -60px;
}

ul.pager {
  width: 100%;
  line-height: 18px;
  list-style-type: none;
  margin: 0;
  padding: 30px 0 30px;
  font-family: "FuturaPTCondMedium-Reg";
  text-align: center;
}

ul.pager,
ul.pager li a,
ul.pager li a:visited {
  color: #ffffff;
}

ul.pager li {
  display: inline;
  margin-left: -2px;
  padding: 2px 0 !important;
}

ul.pager li a,
ul.pager li a:visited {
  margin: 0;
  padding: 1px 20px;
  text-decoration: none;
  background-color: #000034;
  display: inline-block;
}

ul.pager li.pager-current {
  color: #000;
  padding: 2px 20px !important;
  font-weight: normal;
}

ul.pager li.pager-ellipsis {
  display: none;
}

ul.pager li.pager-next a,
ul.pager li.pager-previous a,
ul.pager li.pager-first a,
ul.pager li.pager-last a {
  width: 50px;
  padding-left: 0;
  padding-right: 0;
  text-indent: -9999px;
  background-position: center 4px;
  background-repeat: no-repeat;
}

ul.pager li.pager-previous a,
ul.pager li.pager-next a {
  background-color: #aaaaaa;
}

ul.pager li.pager-first a,
ul.pager li.pager-last a {
  background-color: #d7d7d7;
}

ul.pager li.pager-first a {
  background-image: url("../img/icons/icon_pager_first.png");
  background-position: center center;
}

ul.pager li.pager-previous a {
  background-image: url("../img/icons/icon_pager_previous.png");
  background-position: center center;
}

ul.pager li.pager-next a {
  background-image: url("../img/icons/icon_pager_next.png");
  background-position: center center;
}

ul.pager li.pager-last a {
  background-image: url("../img/icons/icon_pager_last.png");
  background-position: center center;
}




/*---------------------------
Carousel
--------------------------*/
.rsContent {
  text-align: center;
}

.carousel-item {
  position: relative;
  margin: 0 1.5%;
  width: 25%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.carousel-item .frame {
  border: 5px solid #fff;
  height: 350px;
  padding: 0;
  position: relative;
  margin-bottom: 0.75em;
}

.carousel-item .frame .crop {
  margin-left: -150%;
  height: 100%;
  text-align: center;
  width: 400%;
}

.carousel-item .crop img {
  width: auto;
  height: 100%;
}

.carousel-item .teaser {
  width: 250px;
  padding: 10px;
  margin: 0 auto;
  position: relative;
}

.master-carousel {
  text-align: center;
  margin-top:10px;
  min-height: 450px;
}

.basic-carousel {
  text-align: center;
  margin-top: 10px;
  min-height: 138px;
  margin-bottom: 30px;
}


/* -------------------------------
Blog Controls
---------------------------------*/

/* General */
.control-panel .site-content {
  font-family: "FuturaPT", serif;
}

.control-panel h1 {
  border-bottom: 1px solid #ccc;
  font-size: 28px;
  padding: 24px 0;
}

/* Tabs */
.control-panel-tab {
  margin-bottom: 0;
}

.control-panel-tab .selected-blog {
  font-weight: bold;
  margin-bottom: 0;
  padding: 1em 0;
}

.control-panel-tab .links {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.control-panel-tab li {
  float: left;
  padding: 0;
  background-color: #fff;
}

.control-panel-tab li.active {
}

.control-panel-tab li a {
  padding: 9px 18px;
  display: block;
  margin-right: 0;
  border-bottom: none;
  position: relative;
  top: 1px;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.control-panel-tab li.active a {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
}

.control-panel-tab li a:hover {
  text-decoration: none;
  background-color: #eaeaea;
}

/* Form elements */
.control-panel .form-item {
  margin: 0 0 10px 0;
}

.control-panel input[type="submit"],
.control-panel #edit-cancel {
  height: 31px;
  border: 1px solid #999;
  font-family: "FuturaPT", serif;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  padding: 6px 10px;
  margin-right: 20px;
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
  text-decoration: none;
}

.control-panel select {
  height: 31px;
  border: 1px solid #999;
  font-family: "FuturaPT", serif;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  padding: 6px 10px;
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
}

.control-panel input[type="text"] {
  border: 1px solid #999;
  height: 31px;
  padding: 5px;
  font-family: "FuturaPT";
}

.control-panel input.form-autocomplete {
  background-position: 100% 7px !important;
  height: 28px;
}

.control-panel input.throbbing {
  background-position: 100% -13px !important;
}

.control-panel input[name="search_string"] {
  height: 31px;
  width: 100%;
  border: 1px solid #999;
  font-family: "FuturaPT", serif;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: none;
  color: #000;
  padding: 6px;
  background-color: #eaeaea;
  /*background-image: url("../img/icons/icon-search.png");*/
  background-position: right center;
  background-repeat: no-repeat;
}

.control-panel #edit-section-search,
.control-panel #edit-section-filters {
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;
}

.control-panel #edit-section-additional-tools {
  clear:both;
  float:left;
  margin-bottom: 20px;
}

.control-panel #edit-section-filters {
  margin-right: 0;
}

.control-panel #edit-section-search .form-item {
  margin-bottom: 0;
  float: left;
  width: 245px;
}

.control-panel #edit-section-search input[type="submit"] {
  height: 31px;
  border: 1px solid #999;
  border-left: 0;
  font-family: "FuturaPT", serif;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #000;
  padding: 6px 10px;
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #eaeaea 0%, #eaeaea 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eaeaea 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eaeaea 0%,#eaeaea 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eaeaea 0%,#eaeaea 100%); /* IE10+ */
  background: linear-gradient(to bottom, #eaeaea 0%,#eaeaea 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
  background-image: url("../img/icons/icon-search.png");
  background-position: center;
  background-repeat: no-repeat;
}

.control-panel textarea {
  font-size: 16px;
  font-weight: normal;
  padding: 5px;
  font-family: "FuturaPT";
  border: 1px solid #999;
  width: 66%;
  resize: none;
}

.control-panel label {
  font-size: 16px;
  font-weight: normal;
}

.control-panel form .description {
  color: #777;
  font-style: italic;
  font-size: 16px;
  margin-left: 0;
}

.control-panel form .form-type-checkbox .description {
  margin-left: 1.4em;
}

.control-panel .custom-field-group {
  border-top: none;
  padding: 0;
  margin: 0 0 15px 0;
}

/* Table */
.control-panel table {
  border: none;
  background-color: #fff;
  font-size: 16px;
  float: left;
}

.control-panel table th {
  background-color: #fff;
  border: none;
  padding: 5px 20px;
}

.control-panel table tr {
  padding: 0;
}

.control-panel table tr.odd {
  background-color: #e5e5e5;
}

.control-panel table tr.even {
  background-color: #fff;
}

.control-panel table td {
  border: none;
  padding: 5px 20px;
  font-size: 16px;
}

/* -- Main page */
.control-panel .control-group {
  border-left: 1px dotted #AAAAAA;
  display: inline-block;
  margin: 3em 0;
  min-height: 250px;
  padding: 0 4%;
  vertical-align: top;
  width: 33%;
}


.control-panel .control-group-blogs {
  border-left: 0 none;
  padding-left: 0;
}


.control-panel .control-group .links {
  border-bottom: 1px dotted #AAAAAA;
}

.control-panel .control-group .links a:before {
  content: "\BB ";
}

.control-panel .control-group .links a {
  border-top: 1px dotted #AAAAAA;
  display: block;
  padding: 0.25em 0;
}

.control-panel .description {
  color: #999999;
  font-style: italic;
}

.control-panel .main-content-wrap h1 {
  padding: 1em 0;
  margin-bottom: 0;
  font-weight: bold;
  font-family: "FuturaPT";
  border-bottom: none;
  text-transform: none;
  font-size: 24px;
  letter-spacing: 0;
  text-align: left;
}

.control-panel h1,
.control-panel-main .main-content-wrap h1 {
  padding-bottom: 0;
  text-transform: uppercase;
  border-bottom: 4px solid #ccc;
  font-size: 22px;
  letter-spacing: 0.05em;
  font-family: "FuturaPTHeavy-Reg";
  font-weight: normal;
  text-align: left;
}

/* -- User registration */
.control-panel .user-info-from-cookie input[type="text"] {
    width: 50%;
}


/* -- Content */
.control-panel .create-content-section {
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;
}

.control-panel .create-content-section a {
  display: inline-block;
  padding: 6px 10px;
  height: 31px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%); /* W3C */
  background-color: #eaeaea;
  color: #000;
  font-family: "FuturaPT", serif;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
}

.control-panel .create-content-section a:hover {
  text-decoration: none;
  cursor: pointer;
}

.control-panel #blogs-admin-administer-content-form #edit-search-button,
.control-panel #blogs-admin-administer-comments-form #edit-search-button {
  background-color: #eaeaea;
  background-position: -2px center;
  text-indent: -999em;
}

.control-panel .status-section {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-top: 20px;
}

.control-panel .status-section  a {
  padding: 9px 18px;
  display: block;
  margin-right: 0;
  border-bottom: none;
  position: relative;
  top: 1px;
  float: left;
  color: #777;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.control-panel .status-section a.active-tab {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #222;
  border-bottom: none;
}

.control-panel .status-section a:hover {
  text-decoration: none;
  background-color: #eaeaea;
}

.control-panel #edit-section-filters .form-item {
  float: left;
  margin-right: 20px;
}

.control-panel #edit-section-filters select {
  width: 140px;
}

/* -- Blog settings form */
#field-ingress-add-more-wrapper textarea {
  font-size: 20px;
  height: 200px;
}

#field-ingress-add-more-wrapper .grippie {
  display: none;
}

.control-panel input#edit-title {
  font-size: 20px;
  font-family: "FuturaPTMedium-Reg";
  width: 30%;
}

.control-panel .form-item-title,
.control-panel .form-item-field-additional-external-links-und,
.control-panel .form-item-field-num-posts-und,
.control-panel .form-item-field-google-analytics-und-0-value {
  margin-bottom: 40px;
}

.control-panel .form-item-field-questauthors-und {
  margin-bottom: 0;
}

.control-panel .form-item-field-seo-title-und-0-value input,
.control-panel .form-item-field-tags-und input {
  width: 50%;
}

.control-panel .form-item-accept-terms a {
  text-decoration: underline;
}

/* -- Guest authors */
.control-panel table.guestauthor-listing img {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 50px;
}


/* -- Theme select */
.control-panel a.create-theme {
  text-decoration: underline;
}

.themes-wrapper .list-wrapper {
  float: left;
  width: 100%;
}

.themes-wrapper .list-item {
  float: left;
  margin: 0 1.961%;
  width: 16.078%;
  padding: 10px;
  border: 2px solid #eee;
  border-radius: 6px;
  position: relative;
  transition: background-color 0.2s, border-color 0.2s;
  min-height: 240px;
  margin-bottom: 3.922%;
  text-align: center;
}

.themes-wrapper .list-item:hover {
  background-color: #f3f3f3;
  border-color: #ffdddd;
}

.themes-wrapper .list-item img {
  width: 70%;
}

.themes-wrapper .list-item .meta {
  position: absolute;
  bottom: 10px;
  width: 88%;
}

.themes-wrapper input[type="radio"] {
  float: left;
  margin-right: 10px;
}

.themes-wrapper label p {
  margin-bottom: 0;
  font-weight: bold;
  padding-left: 24px;
  text-align: left;
}


/* -- Theme edit form */
#blogs-admin-edit-layout-theme-node-form .custom-field-group {
  clear: both;
  margin-bottom: 40px;
  border-bottom: 0;
}

#blogs-admin-edit-layout-theme-node-form .custom-field-group .row {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#blogs-admin-edit-layout-theme-node-form .custom-field-group h2 {
  margin: 0 1.803%;
  border-top: 5px solid #ccc;
  padding: 10px 0;
}

#blogs-admin-edit-layout-theme-node-form .sub-group,
#blogs-admin-edit-layout-theme-node-form .form-item-title {
  width: 29.7289%;
  margin: 0 1.803% 20px;
  float: left;
  border-top: 3px solid #ccc;
}

#blogs-admin-edit-layout-theme-node-form .form-item-title {
  margin-bottom: 40px;
}

#blogs-admin-edit-layout-theme-node-form .form-item-title label {
  margin-bottom: 10px;
}

#blogs-admin-edit-layout-theme-node-form .sub-group .title {
  margin-bottom: 10px;
}

#blogs-admin-edit-layout-theme-node-form .sub-group .left-col,
#blogs-admin-edit-layout-theme-node-form .sub-group .right-col {
  width: 46%;
}

#blogs-admin-edit-layout-theme-node-form .sub-group .left-col {
  float: left;
  padding-right: 8%;
  border-right: 1px dotted #ccc;
  margin-right: 8%;
}

#blogs-admin-edit-layout-theme-node-form .sub-group .right-col {
  float: right;
}

#blogs-admin-edit-layout-theme-node-form .form-type-textfield input {
  width: 100%;
}

#blogs-admin-edit-layout-theme-node-form input[type="file"] {
  margin-bottom: 10px;
}

#blogs-admin-edit-layout-theme-node-form .description {
  margin-top: 10px;
}

#blogs-admin-edit-layout-theme-node-form #edit-save {
  margin: 0 1.803%;
}

#blogs-admin-edit-layout-theme-node-form label[for$="-font-und-times"] {
  font-family: "Times New Roman";
  font-size: 14px;
}

#blogs-admin-edit-layout-theme-node-form label[for$="-font-und-courier"] {
  font-family: "Courier";
  font-size: 14px;
}

#blogs-admin-edit-layout-theme-node-form label[for$="-font-und-helvetica"] {
  font-family: "Helvetica";
  font-size: 14px;
}

#blogs-admin-edit-layout-theme-node-form .form-type-radios label,
#blogs-admin-edit-layout-theme-node-form .form-type-select label,
#blogs-admin-edit-layout-theme-node-form .form-type-managed-file label,
#blogs-admin-edit-layout-theme-node-form .form-type-jquery-colorpicker label {
  display: none !important;
}

#blogs-admin-edit-layout-theme-node-form .form-type-radio label {
  display: inline !important;
}

/* Blog post create/edit */
#blogs-admin-edit-blog-post-form .form-submit {
  margin-right: 20px;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  padding: 0 !important;
  font-size: 14px !important;
}

/* -- Profile page */
.control-panel-edit-profile form .grippie {
  display: none;
}

/* -- Account page */
.control-panel-edit-account .form-wrapper {
  display: inline-block;
}

.control-panel-edit-account input[type="submit"] {
  display: block;
  margin-top: 20px;
}

.control-panel-user .form-actions {
  float: left;
  width: 100%;
}


/* -------------------------------
Magazine/teetrendia
---------------------------------*/

.magazine-page h1 {
  height: 160px;
  text-indent: -999999em;
  background: transparent url('../img/teetrendia_header.jpeg') no-repeat center;
  background-size: 90% auto;
}

.magazine-page .section-intro {
  text-align: center;
  margin: 1em auto 2.5em;
  max-width: 800px;
}

#block-lily-group-magazine-hastag .section-intro,
#block-lily-group-editors-blog .section-intro {
  margin: 0.5em auto;
}

#block-lily-group-magazine-hastag,
#block-lily-group-editors-blog {
  padding-bottom: 2em;
}

/* -------------------------------
Lily Edit -page
---------------------------------*/

.lily-edit-page .site-content #content.main-content > header {
  display: none;
}

.lily-edit-page #block-lily-edit-external-blogs{
  text-align: center;
}

.lily-edit-page header .section, .lily-edit-page .lily-edit-footer .section{
  float: left;
  border-right: 1px solid #ccc;
}

.lily-edit-page .content-container .logo{
  display: inline-block;
  width: 90px;
  height: 67px;
  margin: 0 auto;
  text-indent: -999999em;
  _background-image: url('../img/logo-small.png');
  background-image: url('../img/logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 84px auto;
}

.lily-edit-page .edit-logo{
  display: inline-block;
  width: 218px;
  height: 48px;
  margin: 10px auto;
  text-indent: -999999em;
  _background-image: url('../img/edit-logo-small.png');
  background-image: url('../img/edit-logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 216px auto;
}

.lily-edit-page .description{
  font-family: 'FuturaPT',"Times New Roman";
  font-size: 13px;
  color: #777;
  letter-spacing: 0.23em;
  text-align: center;
  text-transform: uppercase;
}

.lily-edit-page .lily-edit-header{
  width: 84.3%;
  margin: 60px auto;
  font-family: 'FuturaPT',"Times New Roman";
}

.lily-edit-page .lily-edit-header .section{
  height: 67px;
  text-align: center;
  line-height: 67px;
}

.lily-edit-page .lily-edit-header .section.left, .lily-edit-page .lily-edit-header .section.right{
  width: 23.256%;
}

.lily-edit-page .lily-edit-header .section.left{
  border-left: 1px solid #ccc;
}

.lily-edit-page .lily-edit-header .section.middle{
  width: 53.488%;
}

.lily-edit-page .lily-edit-header .section.right p{
  margin: 0;
  padding-top: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
}

.lily-edit-page .lily-edit-header .section.right span{
  display: block;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.1em;
}

.lily-edit-page .lily-edit-header .description{
  margin: 60px 0 10px 0;
}

.lily-edit-page .post{
  border-top: none;
}

.node-external-blog.lift-item{
  height: 360px;
}

.node-external-blog.lift-item .external-blog-post-image .frame .crop{
  height: 220px;
}

.node-external-blog.lift-item .blogger-image{
  margin: -40px 0 5px 0;
}

.node-external-blog.lift-item .blogger-image .frame{
  margin: 0 auto;
  width: 70px;
  height: 70px;
}

.node-external-blog.lift-item .blogger-image .frame .crop, .external-blog-image.blogger-image .frame .crop{
  position: relative;
  height: 70px;
  border: 3px solid #fff;
  border-radius: 50%;
}

.node-external-blog.lift-item .blogger-image .frame .crop .link-layer{
  border-radius: 50%;
}

.node-external-blog.lift-item h3.title{
  max-height: 70px;
  overflow: hidden;
  font-family: "FuturaPTMedium-Reg", "Times New Roman";
  font-size: 24px;
  font-weight: normal;
}

.node-external-blog.lift-item h4.source{
  max-height: 16px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #777777;
  font-size: 12px;
  line-height: 16px;
  font-family: 'FuturaPT',"Times New Roman";
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

.node-external-blog.lift-item .lift-item .divider{
  width: 50px;
  margin: 0 auto 10px auto;
  border-top: 1px solid #ccc;
  display: block;
}

.lily-edit-page .lily-edit-footer{
  margin: 30px -20px 0;
  padding-top: 30px;
  border-top: 1px solid #ccc;
  font-family: 'FuturaPT',"Times New Roman";
  color: #777;
}

/*.lily-edit-page .lily-edit-footer .section{
  float: none;
  display: table-cell;
}*/

.lily-edit-page .lily-edit-footer .section.left{
  width: 34.694%;
  border-right: none;
  text-align: center;
}

.lily-edit-page .lily-edit-footer .lily-edit-logo{
  width: 256px;
  height: 47px;
  margin: 0 auto 30px;
  _background-image: url('../img/lily-edit-logo-small.png');
  background-image: url('../img/lily-edit-logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 256px auto;
  text-indent: -999999em;
}

.lily-edit-page .lily-edit-footer .description{
  margin: 0 20% 30px;
  color: #aaa;
}

.lily-edit-page .lily-edit-footer .section.left p{
  margin: 0 10px 25px;
  font-size: 15px;
  line-height: 1.4em;
}

.lily-edit-page .lily-edit-footer .section.left p.contact{
  font-size: 13px;
  margin-bottom: 5px;
}

.lily-edit-page .lily-edit-footer .section.right{
  width: 65.306%;
  min-height: 300px;
  padding-left: 40px;
  border-right: none;
  border-left: 1px solid #ccc;
}

.lily-edit-page .lily-edit-footer .lift-item{
  width: 110px;
  height: 120px;
  margin: 0 23px;
  vertical-align: top;
  display: inline-block;
}

.lily-edit-page .lily-edit-footer .blogger-image{
  margin-top: 0;
}

.lily-edit-page .lily-edit-footer .node-external-blog.lift-item h4.source{
  max-height: 32px;
  overflow: hidden;
  font-family: 'FuturaPT',"Times New Roman";
  font-size: 12px;
  color: #777;
  line-height: 16px;
  letter-spacing: 0.15em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}

/* -------------------------------
Profile page
---------------------------------*/

.profile .profile-image {
  padding: 10px;
  border: 1px dotted #ccc;
  background-color: #eee;
  float: right;
  margin-right: 10rem;
}


/* -------------------------------
Aside
---------------------------------*/

aside.main {
  max-width:300px;
  z-index: 999;
  position: relative;
}

aside.main .block,
aside.main .advertory {
  margin-bottom:1em;
}
aside.main .node-meta{
  padding-bottom:0.5em;
}
aside.main .meta,
aside.main .tags,
aside.main .social{
  font-family:'Antenna Cond Light', AntennaCond-Light, sans-serif;
  font-size: 0.9em;
  letter-spacing:0.1em;
}
aside.main .photos,
aside.main .tags,
aside.main .social{
  border-top:1px dotted #ccc;
}

aside.main .meta time,
aside.main .meta a{
  display:block;
}
aside.main .meta a{
  clear:both;
}
aside.main .meta .category{
display:block;
font-family: 'Antenna Cond bold',AntennaCond-Bold,sans-serif;
}
aside.main .meta h4{
  margin:0;
}
aside.main .social,
aside.main .meta section{
  margin:0 0 0.75em;
  padding:0.25em 0;
}
aside.main .meta section span {
  min-width: 6em;
  display: block;
  margin-right: 0.5em;
  display: inline;
  vertical-align: baseline;
}
aside.main .meta section.text .author + .author:before{
  content:'&';
  display:block;
  color:#ccc;
  margin: 0.35em 0
}
aside.main .meta img {
  height: 3.25em;
  display: inline;
  vertical-align: baseline;
  margin-top: -3em;
}
aside.main .meta .author{
  color:#222;
}
aside.main .tags {
  clear:both;
}
aside.main .tags a{
  color:#888;
  margin:0 0.25em;
}

aside.main .social a{
  display:block;
}

aside.main h2{
  margin:0;
  padding-top:0.25em;
  padding-bottom:0.5em;
  border-top:3px solid;
  font-size:1.3em;
  text-align:center;
}

aside.main #social-widgets h2 {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  font-size: 22px;
  letter-spacing: 0;
}

aside.main .social-feed {
  margin-bottom: 20px;
}

/*---------------------------
Footer
--------------------------*/
.footer-container{
  background-color:#fff ;
}

.site-footer {
  border-top:3px solid #000000;
  font-family: FuturaPT;
  border-bottom: none;
  margin-bottom: 4.5em
}

.site-footer header,
.site-footer article{
  padding: 1em;
  margin: 0;
}
.site-footer article{
  width: 100%;
  clear: both;
  float: left;
  border-top: 1px solid #ccc;
  padding: 1em 0 2.5em;
  border-bottom: 1px solid #ccc;
}

.site-footer header .logo{
  display: block;
  width:90px;
  height:90px;
  margin:0 auto;
  text-indent: -999999em;
  _background-image: url('../img/logo-small.png');
  background-image: url('../img/logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 83px 65px;
}

.site-footer header .share-item{
  display:none;
}

.site-footer .left {
  float: left;
  width: 18.442623%;
}

.site-footer .left ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer .left ul.menu {
  margin: 0;
}

.site-footer .left > ul.menu > li {
  margin-bottom: 26px;
}

.site-footer .left > ul > li {
  display: inline-block;
  width: 100%;
}

.site-footer .left > ul > li > a {
  font-weight: bold;
  color: #000;
}

.site-footer .left > ul > li > ul {
  margin: 0;
  list-style: none;
}

.site-footer .middle {
  float: left;
  width: 62.295085%;
  margin-right: 2.0491803%;
  padding-left: 4.0983607%;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.site-footer .middle ul {
  width: 30.985915%;
  float: left;
  margin: 0 3.5211268% 20px 0;
}

.site-footer .middle ul:nth-of-type(3n) {
  margin-right: 0;
}

.site-footer .middle ul:nth-of-type(3n+4) {
  clear: left;
}

.site-footer .right {
  float: left;
  width: 17.213115%;
}

.site-footer .right img {
  width: 60%;
  margin: 0 0 20px 0;
}

.site-footer .right > ul {
  margin-bottom: 0
}

.site-footer article .section ul .title {
  font-weight: bold;
  color: #000;
}

.site-footer article .section ul .title a {
  color: #000;
}

.site-footer .disclaimer ul {
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  color: #666;
  font-family: FuturaPT;
  letter-spacing: 0.17em;
  padding: 1.5em 0;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.site-footer ul li a {
  color: #666;
}

.site-footer .disclaimer li {
  display: inline-block;
  margin-right: 2px;
}

.site-footer .disclaimer li:after {
  content: "\2022";
  padding-left: 8px;
}

.site-footer .disclaimer li:last-child:after {
  content: "";
  padding-left: 0;
}

/*---------------------------
Popup -layers
--------------------------*/
.navigation-popup-layers {
  margin-top: -6px;
  position: absolute;
  z-index: 11000;
  width: 101.8868%;
  margin-left: -0.9433%;
}

.navigation-popup-layers h4 {
  font-family: 'FuturaPTCondbold-Reg';
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}

.popups-layer-element {
  display: none;
  background-color: #ffffff;
  padding: 30px 15px 0;
  border: 3px solid #ff9999;
}

#popups-layer-partner-blogs header {
  display: none;
}

#popups-layer-partner-blogs article {
  display: inline-block;
  width: 100%;
}

#popups-layer-partner-blogs li {
  border-top: 1px solid #CCCCCC;
  float: left;
  height: 51px;
  margin: 0 0.95% 0;
  overflow: hidden;
  position: relative;
  transition: background-color 0.2s ease 0s, border-top 0.2s ease 0s;
  width: 23.1%;
  line-height: 1.3;
  display: table;
}

#popups-layer-partner-blogs li:hover {
  background-color: #f3f3f3;
  border-top: 1px solid #ff9999;
}

#popups-layer-partner-blogs li .name {
  display: table-cell;
  vertical-align: middle;
  padding-left: 45px;
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
}

#popups-layer-partner-blogs li img {
  position: absolute;
  top: 10px;
  left: 0;
  width: 30px;
  margin-right: 15px;
}

#popups-layer-partner-blogs .more-blogs {
  clear: both;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #ccc;
  width: 100%;
  float: left;
  margin: 1em 0 0;
}

#popups-layer-partner-blogs .more-blogs a {
  padding: 0.5em;
  display: inline-block;
  margin-top: 0.5em;
}

#popups-layer-topics {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

#popups-layer-topics header {
  display: none;
}

#popups-layer-topics li {
  border-right: 1px dotted #AAAAAA;
  display: inline-block;
  vertical-align: top;
  width: 32.5%;
}
#popups-layer-topics li:last-child {
  border-right: 0;
}


#popups-layer-topics a {
  display: block;
  font-family: 'FuturaPTCondMedium-Reg';
  letter-spacing: 0;
  margin: 0 0.25em;
  padding: 0.5em 1em;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#popups-layer-topics a:hover {
  background-color: #EFEFEF;
}

/*-----
Dashhborad
----*/

.dashboard-box .line-legend {

}

.dashboard-box .line-legend span {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
}


/*---------------------------
Widgets and sidebar
--------------------------*/

/* Widgets */

aside .blog-widget,
aside .block-blogs-admin,
aside .block-blogs-ui
 {
  border-top: 2px solid #666;
  margin-bottom: 40px;
}

aside .blog-widget h4,
aside .block-blogs-ui {
  margin: 0;
  border-bottom: 1px dotted #999;
  text-align: left;
  font-weight: bold;
  padding: 10px 0;
  font-style: normal;
  font-family: "Times New Roman";
}

aside .blog-widget .content,
aside .block-blogs-ui {
  padding-top: 10px;
}

aside .blog-widget img,
aside .block-blogs-ui {
  margin-bottom: 20px;
  max-width: 100%;
}

aside .blogs-widget-plugin-images .content a {
  margin-bottom: 20px;
  width: 100%;
  display: inline-block;
}

aside .blogs-widget-plugin-images .content a img {
  width: auto;
}

aside .blog-widget img:last-child,
aside .blogs-widget-plugin-images .content a:last-child {
  margin-bottom: 0;
}

aside .blog-widget ul {
  margin: 0;
  padding: 0;
}

aside .blog-widget ul li {
  list-style: none;
  border-bottom: 1px dotted #999;
  margin: 0;
}

aside .blog-widget .tag-list li {
  font-style: italic;
}

/** Blog-widget: Instagram */
aside .blogs-widget-plugin-instagram {
  text-align: center;
}

aside .blogs-widget-plugin-instagram .ig-feed__wrapper {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  margin: 1em auto;
}

aside .blogs-widget-plugin-instagram .ig-feed__wrapper .item {
  width: 29.33333333%;
  display: inline-block;
  float: left;
  margin: 0 2% 4%;
  line-height: 0;
}

aside .blogs-widget-plugin-instagram .ig-feed__wrapper .item .link {
  display: inline-block;
}

aside .blogs-widget-plugin-instagram .ig-feed__wrapper .item .image {
  width: 100%;
  height: auto;
}

aside .blogs-widget-plugin-instagram .ig-feed__wrapper .ig-feed__profile-link {
  display: inline-block;
  width: 100%;
  margin: 0.5em auto;
  text-align: center;
  padding: 0 15%;
  box-sizing: border-box;
}

aside .blogs-widget-plugin-instagram .ig-feed__wrapper .ig-feed__profile-link .link {
  padding: 12px 15px 10px 40px;
  display: inline-block;
  border: 1px solid #000;
  background-image: url(../img/icons/icon-instagram-black@2x.png);
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 16px;
  background-color: transparent;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  font-family: "FuturaPT";
  line-height: 1;
}

aside .blogs-widget-plugin-instagram .ig-feed__wrapper .ig-feed__profile-link .link:hover {
  background-color: #eee;
}

/*aside .blogs-widget-plugin-instagram .frame-wrapper {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
aside .blogs-widget-plugin-instagram .frame-wrapper a.link-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 700px;
  z-index: 10;
}*/

aside ul li a {
  padding: 10px 0;
  width: 100%;
  color: #333;
  text-decoration: none;
  display: block;
  transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
}

aside ul li a:hover {
  background-color: #eee;
}

aside ul li .icon {
  margin-right: 10px;
}

aside .blog-controls .links {
  margin: 0;
}

aside .blog-controls .links li{
  border-bottom: 1px dotted #999;
}

aside .blog-controls li a {
  padding: 10px 10px 10px 30px;
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

aside .blog-controls li a.blog-frontpage {
  background-image: url(../img/icons/icon-blog-main@2x.png);
  _background-image:url("../img/icons/icon-blog-main.png");
}

aside .blog-controls li a.create-blog-post {
  background-image: url(../img/icons/icon-blog-newpost@2x.png);
  _background-image: url("../img/icons/icon-blog-newpost.png");
}

aside .blog-controls li a.drafts {
  background-image: url(../img/icons/icon-blog-unpub@2x.png);
  _background-image: url("../img/icons/icon-blog-unpub.png");
}

aside .blog-controls li a.settings {
  background-image: url(../img/icons/icon-blog-settings@2x.png);
  _background-image: url("../img/icons/icon-blog-settings.png");
}

aside .blog-controls li a.layout {
  background-image: url(../img/icons/icon-blog-layout@2x.png);
  _background-image: url("../img/icons/icon-blog-layout.png");
}

aside .blog-controls li a.guestbook {
  background-image: url(../img/icons/icon-blog-guestbook@2x.png);
  _background-image: url("../img/icons/icon-blog-guestbook.png");
}

aside .blog-controls li a.rss-feed {
  background-image: url(../img/icons/icon-blog-rss@2x.png);
  _background-image: url("../img/icons/icon-blog-rss.png");
}

aside .blog-controls li a.promote-author-button {
  background-image: url(../img/icons/icon-blog-recommend@2x.png);
  _background-image: url("../img/icons/icon-blog-recommend.png");
}

aside .blog-controls li a.promoted {
  background-image: url(../img/icons/icon-blog-recommended@2x.png);
  _background-image: url("../img/icons/icon-blog-recommended.png");
}

aside .blog-controls li a.widgets {
  background-image: url(../img/icons/icon-blog-widgets@2x.png);
  _background-image: url("../img/icons/icon-blog-widgets.png");
}

aside .blog-controls li a.follow-blog-button {
  background-image: url(../img/icons/icon-blog-follow@2x.png);
  _background-image: url("../img/icons/icon-blog-follow.png");
}

aside .blog-controls li a.guestauthor-blog-button {
  background-image: url(../img/icons/icon-blog-guestauthor@2x.png);
  _background-image: url("../img/icons/icon-blog-guestauthor.png");
}

aside .blog-archive-list a {
  padding: 3px 5px;
}

aside .blog-archive-list .archive-label {
  padding-left: 15px;
  display: block;
  background-image: url(../img/icons/icon-arrow-right.png);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
}

aside .blog-archive-list .expanded {
  background-image: url(../img/icons/icon-arrow-down.png);
}

aside .blog-archive-list .archives-months,
aside .blog-archive-list .archives-items {
  display: none;
}

aside .blog-archive-list .archive-month {
  padding-left: 15px;
  border-bottom: 0;
}

aside .blog-archive-list .archive-item {
  padding-left: 30px;
  border: 0;
}

aside .blogs-widget-plugin-profile .image-wrapper {
  margin: 10px 0;
}

aside .blogs-widget-plugin-profile .image-wrapper img {
  margin: 0;
}

aside .blogs-widget-plugin-profile .name {
  display: block;
  font-weight: bold;
}


#blogs-widget-settings-wrapper {
  margin: 30px 0px 10px 0px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  padding: 10px 10px 5px 10px;
  border: 2px dotted #d2e3ff;
  background-color: #edf4ff;
  width: 64.7058%;
  float: right;
  min-height: 220px;
}

#blogs-widget-settings-wrapper .tabledrag-toggle-weight-wrapper {
  display: none;
}

#blogs-widget-edit-widgets-form  #edit-more {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #ccc;
  float: left;
  width: 30.3725%;
}

#blogs-widget-edit-widgets-form .fieldset-description {
  color: #777;
  font-style: italic;
  margin-bottom: 10px;
}

#blogs-widget-settings-form div.warning {
  padding:10px;
  border:1px solid #fc9949;
  background-color:#ffecdc;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}

table#blogs-widget-settings  {
  color: #333333;
  width: 100%;
  border: none;
  background-color: transparent;
}

table#blogs-widget-settings thead {
  display: none;
}

table#blogs-widget-settings tr {
  margin:0 0 1em 0;
  padding:0;
  background: #fff url('../img/icons/bg-image-change-gray.png') 0 0 repeat-x;
  border: 1px solid #ccc;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

table#blogs-widget-settings tr.drag {
  border: 1px solid #fc9949;
}

table#blogs-widget-settings tr.drag-previous {
  border: 1px solid #ffb477;
}

table#blogs-widget-settings tr.widget-error {
  border: 2px solid red;
}

table#blogs-widget-settings td {
  clear: both;
  padding: 7px 5px 0;
  vertical-align: top;
  background-color: transparent;
}

table#blogs-widget-settings .tabledrag-hide {
  padding: 4px 5px 0;
}

table#blogs-widget-settings .tabledrag-hide select {
  height: 22px;
}

table#blogs-widget-settings .widget-box-wrapper {
  width: 100%;
  padding: 5px 15px 0 10px;
}

table#blogs-widget-settings .widget-box-container {
  padding-bottom: 10px;
}

table#blogs-widget-settings .plugin-header {
  display: block;
  height: 23px;
  background: transparent url("../img/icons/tab-indicator.png") no-repeat right 6px;
}

table#blogs-widget-settings .active-widget .plugin-header {
  background-position:right -13px;
}

table#blogs-widget-settings .plugin-header:hover {
  color: #333399;
  cursor: pointer;
}

table#blogs-widget-settings a.tabledrag-handle .handle {
  margin: 0 0 0 10px;
  padding: 0;
  height: 15px;
  background: url("../img/icons/draggable.png") no-repeat;
}

table#blogs-widget-settings a.tabledrag-handle:hover {
  text-decoration: none;
}

table#blogs-widget-settings .plugin-status-wrapper {
}

table#blogs-widget-settings .plugin-status-wrapper .form-item {
  margin-top: -4px;
}

table#blogs-widget-settings .draggable a.tabledrag-handle {
  height: auto;
  margin: 0;
  margin-right: 10px;
  padding: 0;
}

table#blogs-widget-settings .widget-box-wrapper fieldset {
  margin:1em 0;
  padding:10px 0;
  border-bottom: 1px solid #ccc;
}

table#blogs-widget-settings .widget-box-wrapper .fieldset-legend {
  font-weight: bold;
  color:#555;
}

table#blogs-widget-settings .widget-box-wrapper .form-item {
  margin-top: 2px;
}

table#blogs-widget-settings .widget-box-wrapper .form-type-textfield,
table#blogs-widget-settings .widget-box-wrapper .form-type-textarea {
  margin-bottom: 15px;
}

table#blogs-widget-settings .widget-box-wrapper .about {
  margin-top: 10px;
}

table#blogs-widget-settings .widget-box-wrapper textarea {
  width: 100%;
  height: 200px;
}

table#blogs-widget-settings h3 {
font-size: 1em;
font-weight: normal;
line-height: 1.4em;
margin: 0;
}

table#blogs-widget-settings .plugin-description,
table#blogs-widget-settings .description{
  color: #777;
  font-style: italic;
}

table#blogs-widget-settings .widget-box-wrapper .form-checkbox {
  margin-right: 7px;
}

table#blogs-widget-settings label {
  font-weight: normal;
  font-size:16px;
  line-height:19px;
}

table#blogs-widget-settings #field-links-items .form-item {
  margin-bottom: 10px;
}

table#blogs-widget-settings input.form-text {
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 100%;
}

table#blogs-widget-settings input.error,
table#blogs-widget-settings textarea.error,
table#blogs-widget-settings select.error {
  border: 2px solid red;
}

form#blogs-widget-settings-form input#edit-submit {
float: right;
clear:both;
margin-top:1em;
}

table#blogs-widget-settings .tabledrag-changed {
  display:none;
  color:    #777777;
}

form#blogs-widget-settings-form .warning {
  color:#e86901;
}

table#blogs-widget-settings .toggable-element {
  display:none;
}

table#blogs-widget-settings .toggable-element .blog-description {
  white-space: normal;
}


table#blogs-widget-settings .clear-block {
  overflow: hidden;
}


table#blogs-widget-settings #plugin-links-wrapper .link-group {
  margin:0.5em 0;
  padding:0.5em 0 1em;
}

div.blog-widget .advanced-blogger-stamp {
  height:140px;
  background:transparent url('../img/leimat/lily_advanced_blogger.png') center no-repeat;
}

a.rss-feed-button {
  display: block;
  width:32px;
  height:32px;
  background:transparent url('../img/feed.png') center no-repeat;
  text-indent:-9999px;
}

/* Shoutbox */

#shoutbox-wrapper .element {
  padding:10px 0px;
}
#shoutbox-wrapper .message {
  width:174px;
}
#shoutbox-wrapper .shoutbox-respond {
  color:#FF5993;
}
#shoutbox-wrapper .submit {
  display:inline-block;
  padding:6px 8px;
  margin:0px 0px 5px;
  overflow:visible;
  position:relative;
  width:auto;
  background: url("../img/bg-button-black.png") repeat-x scroll 0 0 #323232;
  border-radius:5px 5px 5px 5px;
  color:#FFFFFF;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:12px;
  text-decoration:none;
  cursor:pointer;
}

/*---------------------------
CKEditor
--------------------------*/
span.cke_skin_kama {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 !important;
}

.cke_skin_kama .cke_wrapper {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-touch-callout: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  display: block;
  _display: inline-block;
  padding: 0 !important;
}

.cke_editor td {
  padding: 5px !important;
}

td.cke_top {
  background-color: #eaeaea !important;
  border: 1px solid #eaeaea !important;
}

td.cke_bottom {
  display: none;
}

td.cke_contents {
  border: 1px solid #eaeaea !important;
  padding: 0px !important;
}

.cke_skin_kama a.cke_toolbox_collapser,
.cke_skin_kama a:hover.cke_toolbox_collapser {
  display: none;
}

.cke_skin_kama .cke_toolgroup {
  margin: 5px !important;
}

.cke_skin_kama .cke_rcombo a,
.cke_skin_kama .cke_rcombo a:active,
.cke_skin_kama .cke_rcombo a:hover {
  margin: 5px !important;
  height: 30px !important;
  padding: 5px !important;
}

.cke_skin_kama .cke_button a,
.cke_skin_kama .cke_button a:hover,
.cke_skin_kama .cke_button a:focus,
.cke_skin_kama .cke_button a:active,
.cke_skin_kama .cke_button a.cke_off,
.cke_skin_kama .cke_button a:hover.cke_on,
.cke_skin_kama .cke_button a:focus.cke_on,
.cke_skin_kama .cke_button a:active.cke_on,
.cke_skin_kama .cke_button a:hover.cke_off,
.cke_skin_kama .cke_button a:focus.cke_off,
.cke_skin_kama .cke_button a:active.cke_off {
  padding: 5px !important;
  height: 26px !important;
}

body.cke_show_borders {
  background-color: #fff;
  text-align: left;
  padding: 20px !important;
}

body.cke_show_borders ul {
  list-style: disc;
  list-style-position: outside;
  padding: 0 0 0 40px;
}

body.cke_show_borders ol {
  list-style: decimal;
  list-style-position: outside;
  padding: 0 0 0 40px;
}

body.cke_show_borders a {
  border-bottom: 1px dotted #000;
}

body.cke_show_borders p.center,
body.cke_show_borders h2.center,
body.cke_show_borders h3.center {
  text-align: center;
}

body.cke_show_borders p.left,
body.cke_show_borders h2.left,
body.cke_show_borders h3.left {
  text-align: left;
}

body.cke_show_borders p.right,
body.cke_show_borders h2.right,
body.cke_show_borders h3.right {
  text-align: right;
}

body.cke_show_borders p.justify {
  text-align: justify;
}

body.cke_show_borders a:hover {
  text-decoration: none;
}

.cke_skin_kama .cke_path {
  margin-top: 0 !important;
}

.cke_skin_kama .cke_path a,
.cke_skin_kama .cke_path a:hover,
.cke_skin_kama .cke_path a:focus,
.cke_skin_kama .cke_path a:active {
  padding: 5px !important;
  font-size: 14px !important;
}

/* CKEditor dialogs */
.cke_dialog td {
  padding: 0 !important;
}

.cke_skin_kama .cke_dialog_body {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
  padding: 10px !important;
  display: inline-block !important;
}

.cke_skin_kama .cke_dialog_title {
  font-size: 20px !important;
  padding: 10px 0 !important;
  font-family: "FuturaPTMedium-Reg";
  border-bottom: 1px solid #ccc !important;
  font-weight: normal !important;
  margin-bottom: 10px;
}

.cke_skin_kama .cke_dialog_body .cke_dialog_close_button {
  background-image: url("../img/icons/button-delete.png") !important;
  height: 27px !important;
  width: 27px !important;
  background-position: 0 0 !important;
  background-color: transparent;
  top: 10px !important;
  right: 10px !important;
}

.cke_skin_kama .cke_dialog_tabs {
  position: relative !important;
  border-bottom: 1px solid #ccc !important;
  margin: 0 !important;
  display: block !important;
  height: auto !important;
}

.cke_skin_kama .cke_dialog_tab {
  height: auto !important;
  background-image: none !important;
  background-color: #fff !important;
  padding: 9px 18px !important;
  position: relative;
  top: 1px !important;
  border-bottom: 1px solid #ccc !important;
}

.cke_skin_kama .cke_dialog_tab_selected {
  border: 1px solid #ccc !important;
  border-bottom: none !important;
  top: 2px !important;
}

.cke_skin_kama .cke_dialog_tab_selected:focus {
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0;
}

.cke_skin_kama .cke_dialog_contents,
.cke_skin_kama .cke_dialog_footer {
  margin-top: 20px !important;
  padding: 10px !important;
  border: none !important;
  background-color: #fff !important;
}

.cke_skin_kama .cke_dialog_ui_vbox td,
.cke_skin_kama .cke_dialog_ui_hbox td {
  padding-bottom: 5px !important;
}

.cke_skin_kama .cke_dialog_ui_hbox_first .cke_dialog_ui_text,
.cke_skin_kama .cke_dialog_ui_hbox_child .cke_dialog_ui_select {
  padding-right: 20px !important;
}

.cke_skin_kama .cke_dialog_ui_hbox_child .cke_dialog_ui_select {
  width: auto !important;
}

.cke_skin_kama .cke_dialog_footer_buttons a {
  margin: 0 10px !important;
}

.cke_skin_kama .cke_dialog_footer_buttons a.cke_dialog_ui_button {
  padding: 0 !important;
  border: 1px solid #999 !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%) !important; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%) !important; /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%) !important; /* W3C */
  background-color: #eaeaea !important;
  color: #000 !important;
  font-family: "FuturaPT", serif !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ) !important; /* IE6-9 */
}

.cke_skin_kama .cke_dialog_footer_buttons span:hover {
  cursor: pointer;
}

.cke_skin_kama a.cke_dialog_ui_button_cancel span,
.cke_skin_kama a.cke_dialog_ui_button_ok span {
  width: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding: 6px 20px !important;
  background: none !important;
  height: 31px !important;
  font-family: "FuturaPT" !important;
  font-size: 16px !important;
  line-height: 21px !important;
}

/**
 * This came in after we updated media to 2.19.
 * See https://nordsoftware.atlassian.net/browse/ALEHDET-115
 */
#edit-field-editorial-lift-images-und-0-browse-button {
  color: #000;
}

#media-browser-tabset {
  border: 0;
  padding: 10px;
  font-family: "FuturaPT";
  text-align: left;
}

#media-browser-tabset .ui-tabs-nav {
  padding: 0;
  background: none;
  font-size: 16px;
  border: 0;
  border-bottom: 1px solid #ccc;
}

#media-browser-tabset .ui-tabs-nav li {
  padding: 0;
  background: #fff;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  border-color: transparent;
  border: 0;
  margin: 0;
}

#media-browser-tabset .ui-tabs-nav li.ui-state-active {
  padding: 0;
  background: #fff;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid #ccc;
  margin: 0;
}

#media-browser-tabset .ui-tabs-nav li a {
  padding: 9px 18px;
  display: block;
  margin-right: 0;
  border-bottom: none;
  position: relative;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

#media-browser-tabset .ui-tabs-nav li a:hover {
  text-decoration: none;
  background-color: #eaeaea;
}

#media-browser-tabset input[type="submit"],
#media-browser-tabset .fake-cancel,
#media-browser-tabset .fake-submit,
#media-format-form .fake-cancel,
#media-format-form .fake-ok {
  padding: 6px 10px;
  height: 31px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%); /* W3C */
  background-color: #eaeaea;
  color: #000;
  font-family: "FuturaPT", serif;
  font-size: 16px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
  text-transform: none;
  font-weight: normal;
  cursor: pointer;
}

#media-browser-tabset .fake-cancel {
  margin-left: 20px;
}

#media-browser-tabset .fake-cancel:hover,
#media-browser-tabset .fake-submit:hover {
  text-decoration: none;
}

#media-browser-tabset .fake-cancel:before,
#media-browser-tabset .fake-submit:before {
  content: "";
}

#media-format-form .fake-ok {
  margin-right: 20px;
}

#media-format-form {
  font-family: 'FuturaPT';
  text-align: center;
}

#media-format-form #edit-options {
  display: none;
}

#media-format-form .media-item {
  float: none;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.upload-media-description {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 14px !important;
  margin-left: -1% !important;
  text-align: center;
  width: 102%;
}


/*---------------------------
Tables
--------------------------*/

table {
  width:100%;
  margin:1em 0em;
  border-collapse:separate;
}

thead tr {
  background-color:#f1f1f1;
}

tr.even, tr.odd, th {
  padding:0.1em 0.6em;
}

.row-actions {
  padding:2px 0 0;
  visibility:hidden;
  opacity: 0;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

tr:hover .row-actions, div.comment-item:hover .row-actions {
  visibility:visible;
  opacity: 1;
}

.row-actions-visible {
  padding:2px 0 0;
}

.widefat {
  -webkit-border-radius:3px;
  border-radius:3px;
  border-width:1px;
  border-style:solid;
}

.widefat, .widefat tr {
  border-color:#dfdfdf;
  background-color:#f9f9f9;
}

.widefat thead tr {
  background-color:#ededed;
  font-weight:bold;
}

.widefat * {
  word-wrap:break-word;
}

.widefat td, .widefat th {
  border-top-color:#fff;
  border-bottom-color: #DFDFDF;
  color:#555555;
  overflow:hidden;
}

.widefat td {
  font-size:12px;
  padding:4px 7px 2px;
  vertical-align:top;
}

.widefat td, .widefat th {
  border-style:solid;
  border-width:1px 0;
}

.column-author {
  width:20%;
}

.column-response {
  width:15%;
}

.column-author span,
.column-response span
{
  display:block;
}

.column-author .name {
  font-weight:bold;
}

/* -------------------------------
CAPTCHA
---------------------------------*/

.recaptcha_input_area input {
  padding:5px;
}


@media (max-width: 520px) {

  header.site-header .header-left,
  header.site-header .header-middle,
  header.site-header .header-right {
    width:100%;
  }

  footer .share-item {
    width: 25%;
    padding-left: 8%;
    padding-right: 0;
  }

  .main-content .fb_iframe_widget span,
  .main-content .fb_iframe_widget iframe {
  width:340px !important;
  }

  .active-campaigns-osallistu .lift-item{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .active-campaigns-osallistu .frame{
    min-height: 0;
  }

}/* end mediaquery 520 */

@media (max-width: 650px) {

  .lily-edit-page .lily-edit-header .section.left,
  .lily-edit-page .lily-edit-header .section.middle,
  .lily-edit-page .lily-edit-header .section.right{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: none;
    line-height: inherit;
  }

  .lily-edit-page .lily-edit-header .section.left{
    margin-bottom: 30px;
  }

  .lily-edit-page .lily-edit-header .description{
    margin-top: 30px;
  }


}/* end mediaquery 650 */

@media (max-width: 750px) {

  .lily-edit-page .lily-edit-footer{
    margin: 0;
  }

  .lily-edit-page .lily-edit-footer .section.left, .lily-edit-page .lily-edit-footer .section.right{
    width: 100%;
    min-height: 0;
    margin-bottom: 20px;
    border: none;
  }

  .lily-edit-page .lily-edit-footer .section.right{
    padding-left: 0;
    text-align: center;
  }

  .profile .profile-image {
    float:none;
    margin-right:0;
  }

}/* end mediaquery 750 */

@media (max-width: 850px) {

  .lily-edit-page .lily-edit-header .section.right p{
    line-height: 18px;
  }

  .lily-edit-page .lily-edit-footer .lift-item{
    margin-left: 10px;
    margin-right: 10px;
  }

}/* end mediaquery 850 */

@media (max-width: 1000px) {

  .block-lily .group-section {
    max-height: none;
    height:auto;
  }

  .profile .profile-image {
    margin-right:0;
  }

}/*end mediaquery 850*/
@media (max-width: 480px), (min-width: 700px) and (max-width: 900px) {
  .additional-links .item{
    width: 100%;
    margin-bottom: 15px;
  }

  .additional-links .frame{
    max-width: 130px;
    margin-right: 10px;
  }
  .additional-links h3.title, .additional-links h4.source{
    float: none;
    width: auto;
  }
}/*end @media*/




/* ==========================================================================
  Helper classes
  ========================================================================== */

/*
 * Image replacement
 */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
  EXAMPLE Media Queries for Responsive Design.
  Theses examples override the primary ('mobile first') styles.
  Modify as content requires.
  ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 144dpi) {
  /* Style adjustments for high resolution devices */
}


/* ==========================================================================
  Print styles.
  Inlined to avoid required HTTP connection: h5bp.com/r
  ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group; /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}


/** Editorial lift - form */
.field-name-field-editorial-lift-images .tabledrag-toggle-weight-wrapper,
.field-name-field-editorial-lift-images .sticky-header,
.field-name-field-editorial-lift-images .field-multiple-drag,
.field-name-field-editorial-lift-images tbody tr .form-type-item,
.field-name-field-editorial-lift-images tbody tr .ctools-modal-media-file-edit {
  display: none !important;
}

.field-name-field-editorial-lift-images .form-item {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}

.field-name-field-editorial-lift-images thead tr { background-color: transparent; }
.field-name-field-editorial-lift-images thead th { border-bottom: 0; }

.field-name-field-editorial-lift-images tbody tr {
  float: left;
  width: 14.7%;
  min-height: 220px;
  padding: 0 0.1em;
  border-bottom: 0;
  background-color: transparent;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;
}

.field-name-field-editorial-lift-images tbody td {
  float: left;
  width: 100%;
}

.field-name-field-editorial-lift-images tbody tr:hover { background-color: #f7f7f7; }

.field-name-field-editorial-lift-images tbody tr .preview {
  width: 100%;
  margin-bottom: 0.25em;
}

.field-name-field-editorial-lift-images tbody tr .preview .media-item {
  width: 100%;
  padding: 0;
  margin-right: 0;
  border: 0;
}

.field-name-field-editorial-lift-images tbody tr .preview .media-item img { margin-bottom: 0.25em; }

.field-name-field-editorial-lift-images tbody tr .preview .media-item .label-wrapper label {
  color: #000;
  font-size: 15px;
  font-family: "FuturaPT";
}

.field-name-field-editorial-lift-images tbody tr .button {
  float: left;
  width: 100%;
  padding: 0;
  font-family: "FuturaPT";
  font-size: 13px;
  font-weight: normal;
  color: #333;
  text-transform: none;
  text-align: center;
}

.field-name-field-editorial-lift-images tbody tr a:before {
  content: "";
}

.field-name-field-editorial-lift-images .field-add-more-submit { margin-top: 1em; }


.field-name-field-editorial-lift-html textarea {
  font-family: Courier;
  font-size: 13px;
  line-height: 19px;
}

/** Editorial lift */
.feature-lift{
  width: 980px;
  min-width: 300px;
  margin: 0 auto 2em;
  text-align: center;
  font-size: 20px;
  line-height: 1.1em;
  color:#000;
}

.region-content .feature-lift {
  margin: 0 auto 2em;
}

.feature-lift img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width:100%;
}

.white { color:white; }
.black { color:black; }

.feature-lift .ul { text-decoration: underline; }

.antonio{
  font-family: antonio;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.3em;
}

.feature-lift p { margin:0 0 1rem; }

.type-big { font-size: 1.5rem; }

.type-biggest { font-size: 2rem; }

.type-small{
  font-size: 0.95rem;
  line-height: 1.2rem
}

.line-up { margin-top:-1.5em; }

.feature-lift a{
  color: inherit;
  text-decoration: none;
}

.feature-lift .middle{
  display: block;
  width:100%;
  position: absolute;
  top:42%;
  left:0;
}

.feature-lift .bottom{
  display: block;
  width:100%;
  position: absolute;
  bottom:10px;
  left:0;
}

.feature-lift blockquote{
  margin: 0;
  padding: 0;
}

.feature-lift img{
  width:33%;
  /*min-width: 327px;*/
  display: inline-block;
  /*margin-left: -0.45em;*/
  margin-bottom:20px;
}

.feature-lift section{
  position:relative;
  width:33%;
  min-width: 327px;
  display: inline-block;
  margin-left: -0.3em;
}

.parts-2 section{
  width:50%;
  display: inline-block;
}

.parts-2 img{
  width:50%;
  min-width: 490px;
  display: inline-block;
}

.parts-1 section{
  width:100%;
  display: inline-block;
}

.parts-1 img{
  width:100%;
  min-width: 980px;
  display: inline-block;
}

.feature-lift section img{
  width:auto;
  max-width:100%;
  display: inline-block;
  margin-left:0;
}

.feature-lift section div{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:30px;
  margin-bottom: 25px;
  overflow: hidden;
}

.no-margin img { margin-bottom:0; }


.margin .inner-content { bottom:20px; }

@media (max-width: 980px) {

.feature-lift { width: 300px; }

.feature-lift img,
.feature-lift section{
  width: auto;
  max-width:100%;
  min-width: 0;
  margin-left: 0;
}

.block-editorial-lift { display: none; }

}/* end mediaquery 980 */



/* Updates 09/2015 */

/**
 * General
 */

/* Button link */
.link--button {
  padding: 0.6em 0.7em;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-family: "FuturaPT";
  font-weight: 400;
  font-size: 2.1rem;
  line-height: 1.3125em;
}



/**
 * Read these -section
 */

/* Box-elements */

.grouped-lift--read-these .box .feed {
  background: none;
  margin-bottom: 0;
  border-bottom: 0;
}

.grouped-lift--read-these .feed > .feed__item {
  float: left;
  width: 100%;
  margin: 0;
  padding: 7px 0;
  border-top: 1px solid #ccc;
}

.grouped-lift--read-these .feed > .feed__item .media,
.grouped-lift--read-these .feed .media__figure img {
  margin-bottom: 0;
}

.grouped-lift--read-these .feed > .feed__item .media__body {
  padding-top: 0;
}

.feed > .feed__item a {
  font-size: 1.6rem;
  font-size: 16px;
  color: #000;
}

.lift-items--wrapper {
  display: inline-block;
  padding-top: 1em;
}

.lift-items--wrapper .box {
  float: left;
  width: 30.612244898%;
  margin: 0;
  margin-right: 4.0816326531%;
}

@media (max-width: 53.125em) {
  .lift-items--wrapper .box {
    width: 45%;
    margin: 0 2.5% 2em;
  }

  .lift-items--wrapper .box:nth-of-type(odd) {
    clear: left;
  }

}

@media (max-width: 40.635em) {
  .lift-items--wrapper .box {
    width: 90%;
    margin: 0 5% 3em;
  }
}

.lift-items--wrapper .box .media--ownline {
  margin-bottom: 0;
}

.lift-items--wrapper .box .media__figure {
  width: 72.5%;
  margin: 0 auto;
  margin-bottom: 1em;
}

.lift-items--wrapper .box .media__figure img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
}

.lift-items--wrapper .box:last-of-type {
  margin-right: 0;
}

.grouped-lift--read-these .carousel--wrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 5em;
}

.grouped-lift--read-these .related__posts {
  min-height: 0;
}

@media (max-width: 65em) {
  .grouped-lift--read-these .carousel--wrapper,
  .grouped-lift--read-these .lift-items--wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .box__commercial-lift {
    margin: 0;
    margin-bottom: 17px;
    display: inline-block !important;
    width: 300px;
  }

  .portrait-carousel {
    /*display: none !important;*/
  }

  .box_1 {
    /*display: none !important;*/
  }
}

.grouped-lift--read-these .carousel--wrapper .box__commercial-lift {
  /*display: none;*/
}

.grouped-lift--read-these .box__advertory {
  margin-bottom: 30px;
}

@media (min-width: 65.01em) {
  .grouped-lift--read-these .carousel--wrapper .box__liftbox {
    float: right;
    margin: 0;
    margin-bottom: 17px;
    display: inline-block;
    width: 300px;
  }
}

.box.box__header--top {
  padding: 38px 14px 14px;
}

.box__header--top>.box__header {
  left: 50%;
  top: -1.5rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-bottom: 0;
  padding: 7px 22px;
  font-family: "FuturaPT";
  font-size: 1.4rem;
  font-size: 14em;
  font-style: normal;
  font-weight: 400;
  color: #000;
  letter-spacing: .11em;
  white-space: nowrap;
}

.box__header--logo>.box__header {
  left: 50%;
  top: -1.5rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-bottom: 0;
  padding: 7px 22px;
  font-family: "FuturaPT";
  font-size: 1.4rem;
  font-size: 14em;
  font-style: normal;
  font-weight: 400;
  color: #000;
  letter-spacing: .11em;
  white-space: nowrap;
}

.box__content-edit-lift {
  margin-top: 5rem;
}

.box__content-edit-lift.box__header--top {
  padding-top: 70px !important;
}

.box__content-edit-lift .logo {
  max-width: 200px;
}
.box__content-edit-lift>.box__header {
  padding: 0!important;
  border: 1px solid #ccc;
  top: -4.5rem!important;
}


.media--ownline {
  font-family: "FuturaPT";
  font-weight: 400;
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.125em;
}

.media__body-topic_of_the_day,
.media__body-blog_of_the_week,
.media__body-commercial_lift {
  max-width: 100%;
}

.media__read_more {
  font-family: "FuturaPTDemi-Reg";
  font-weight: 500;
}

.media__read_more:after {
  content: " \bb";
}

/* Carousel */
.lily-read-these-carousel {
  float: left;
  width: 65.306122449%;
  margin-top: 0;
  min-height: auto;
}

@media (max-width: 65em) {
  .lily-read-these-carousel {
    width: calc(100% - 340px);
    margin-right: 40px;
  }
}

@media (max-width: 53.125em) {
  .lily-read-these-carousel {
    width: 70%;
    margin: 0 15% 7em;
  }
}

@media (max-width: 40.635em) {
  /* -- User registration */
  .control-panel .user-info-from-cookie input[type="text"] {
    width: 98%;
  }
  .lily-read-these-carousel {
    width: 90%;
    margin: 0 5% 7em;
  }
}

.lily-read-these-carousel .rsOverflow {
  border: 1px solid #ccc;
}

.lily-read-these-carousel .carousel-item {
  width: 100%;
  margin: 0;
  padding: 9px;
}

.lily-read-these-carousel .carousel-item .bgimage {
  padding: 0;
  /*min-height: auto;*/
  min-height: 100%;
  padding-bottom: 116.93548387%;
  height: 0;
}

.lily-read-these-carousel .carousel-item .media--ownline {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  padding: 35px 35px 30px;
}

.lily-read-these-carousel .carousel-item .media__body {
  padding: 0;
}

.lily-read-these-carousel .carousel-item .media__title {
  width: 100%;
  max-height: none;
  margin-left: 0;
  margin-bottom: 13px;
  padding: 0 0 5px;
  font-family: "Times New Roman", serif;
  font-size: 2.6rem;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  text-transform: none;
  font-style: normal;
}

.lily-read-these-carousel .carousel-item .media__title:before {
  display: none;
}

.lily-read-these-carousel .carousel-item .media__title:after {
  position: absolute;
  bottom: 0;
  left: 34%;
  content: "";
  width: 35%;
  height: 1px;
  background-color: #ccc;
}

.lily-read-these-carousel .carousel-item .media__body a {
  padding: 0.25em;
  font-family: "FuturaPTDemi-Reg";
  font-weight: 500;
  font-size: 1.6rem;
  font-size: 16px;
  text-decoration: underline;
}

.lily-read-these-carousel .carousel-item .media__intro {
  color: #666666;
  margin-bottom: 0;
}


/* Commercial lift -box */
.box__commercial-lift .media__ingress {
  font-size: 1.4rem;
  font-size: 14px;
  line-height: 1.43em;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.media__body-commercial_lift {
  margin-bottom: 1.25em;
}

.box__commercial-lift .feed > .feed__item {
  padding: 1px 0 12px;
}

.box__commercial-lift .feed > .feed__item:last-of-type {
  border-bottom: 1px solid #ccc;
}

.box__commercial-lift .feed .media__figure {
  margin: 0;
  margin-right: .5em;
}

.box__commercial-lift .media .feed .media__body {
  padding-top: .5rem;
}

.box__commercial-lift .media .feed__item img {
  border-radius: 50px;
}

.box__commercial-lift .feed > .feed__item a {
  font-family: "FuturaPT";
  font-weight: 400;
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.125em;
  color: #000;
}

.box__commercial-lift .feed > .feed__item a:after {
  content: " \bb";
}

/* Tästä puhutaan nyt -box */
.box__content-quote {
  padding-top: 23px;
  padding-bottom: 28px;
}

.media__body-topic_of_the_day .media__quote {
  font-family: "Times New Roman", serif;
  font-size: 2.6rem;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.media__body-topic_of_the_day .media__quote .highlight {
  display: inline;
  background: rgba(255,100,0,.2);
  color: #000;
  padding: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow:
      0.15em 0 0 rgba(255,100,0,.2),
      -0.15em 0 0 rgba(255,100,0,.2);
}

.media__body-topic_of_the_day .media__author {
  display: inline-block;
  font-size: 1.4rem;
  font-size: 14px;
  line-height: 1.28em;
  text-transform: uppercase;
  border-bottom: 2px solid #ffdab6;
  letter-spacing: 0.1em;
}

.media__body-topic_of_the_day .media__ingress,
.media__body-blog_of_the_week .media__ingress {
  color: #666666;
}

/* Viikon blogi -box */
.box__blog-lift .media__title {
  margin-bottom: 0.75em;
  font-family: "FuturaPTDemi-Reg";
  font-weight: 500;
  font-size: 2.2rem;
  font-size: 22px;
  line-height: 0.81em;
  text-transform: none;
  letter-spacing: 0;
  color: #000;
}

/* Luetuimmat & tykätyimmät -box */
.box__content-list .feed .media__figure,
.box__most-liked-posts .feed .media__figure {
  width: auto;
  margin: 0;
  margin-right: 1rem;
}

.box__content-list .feed .media__title,
.box__most-liked-posts .feed .media__title {
  padding: 0;
  width: 100%;
  margin-left: 0;
  font-family: "FuturaPTMedium-Reg";
  font-weight: 500;
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1em;
  text-align: left;
  letter-spacing: -0.03em;
}

.box__content-list .feed .source,
.box__most-liked-posts .feed .source {
  font-family: "FuturaPT";
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;

}

.box__content-list .feed .source a,
.box__most-liked-posts .feed .source a {
  font-size: 1.2rem;
  font-size: 12px;
  line-height: 1.67em;
  color: #666666;
  letter-spacing: 0.08em;
}


/* Blog highlights -boxes */
.content-blog-highlights .box .feed {
  border-bottom: 0;
  margin-bottom: 0;
}

/*Call to action */
.cta {
  background-color: #efefef;
  padding: 10px;
}

.cta--register-now {

}


/* Latest comments */
.content-blog-highlights .box__latest-comments .quote {
  font-family: "FuturaPTMedium-Reg";
  color: #000;
  line-height: 16px;
  font-style: normal;
}

.page-context--lily .box__content-edit-lift .feed>.feed__item a {
  font-size: 16px;
}


.content-blog-highlights .box__latest-comments .user,
.content-blog-highlights .box__latest-comments .title {
  font-family: "FuturaPT";
  font-size: 1.5rem;
  font-size: 15px;
  color: #000;
}

.content-blog-highlights .box__latest-comments .user:before,
.content-blog-highlights .box__latest-comments .title:before {
  display: none;
}

/* New Blogs */
.content-blog-highlights .box__new-blogs li,
.content-blog-highlights .box__latest-comments .feed__item {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-size: 16px;
}

.page-context--lily #block-lily-blog-highlights .feed .feed__item {
  margin-bottom: 20px !important;
}

.content-blog-highlights .box__new-blogs .blog-position {
  width: 11.5%;
  float: left;
  font-family: "FuturaPTMedium-Reg";
  font-size: 2.0rem;
  font-size: 20px;
  line-height: 1.2em;
}

.content-blog-highlights .box__new-blogs .blog-title {
  float: right;
  width: 88.5%;
  padding: 0;
}

aside .content-blog-highlights ul li a,
aside .box__content-edit-lift ul li a {
  padding: 0;
}

/**/
.alert {
  border: 1px solid #ccc;
  padding: 5px;

}

.alert--error {
  color: red;
}

/*animations*/
.fadein-enter {
  opacity: 0.01;
}

.fadein-enter.fadein-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.fadein-leave {
  opacity: 1;
}

.fadein-leave.fadein-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}


/* Temporary fixes */
body.frontpage {
  font-size:1.3rem;
  font-family:'FuturaPT',sans-serif;line-height:1.385;
  background-color:#fff
}

.content-blog-highlights {
  font-size:1.3rem;
  font-family:'FuturaPT',sans-serif;line-height:1.385;
  background-color:#fff
}

.username-status--notavailable {
  border: 1px solid #ccc;
  margin-top: 10px;
  padding: 10px;
  background-color: #eee;
}

.username-status p {
  margin: 0;
}


/**
 * Slick.js carousels
 *
 * /


 /* Basic carousel */
.basic-carousel {
  margin-top: 0;
  min-height: 1px;
}

.basic-carousel.slick-slider {
  margin-bottom: 0;
}

.basic-carousel .slick-list {
  margin: 0 2.75em;
}

.basic-carousel .carousel-slide {
  border-right: 1px dotted #999999;
  /* padding: 0 1em; */
}

.basic-carousel .carousel-slide:last-child {
  border-right: none;
}

.basic-carousel .carousel-slide .frame {
  height: 90px;
  position: relative;
  margin-bottom: 1em;
}

.basic-carousel .carousel-slide img {
  margin: 0 auto;
}

.basic-carousel .carousel-slide .name {
  font-family: "FuturaPTMedium-Reg";
  font-size: 18px;
  display: block;
  color: #000;
  text-align: center;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.basic-carousel .carousel-slide .name a:after {
  content: " »";
}

.basic-carousel .slick-arrow {
  opacity: 0;
  transition: opacity .25s ease-out, background-color .25s ease-out;
  -moz-transition: opacity .25s ease-out, background-color .25s ease-out;
  -webkit-transition: opacity .25s ease-out, background-color .25s ease-out;
 }

.basic-carousel:hover .slick-arrow {
  opacity: 1;
}

.basic-carousel .slick-prev,
.basic-carousel .slick-next {
  background-color: #ccc;
  border-radius: 4px;
  width: 28px;
  height: 64px;
  background-image: url("/sites/lily/themes/global/img/slider-icons/rs-lily.png");
  background-repeat: no-repeat;
}

.basic-carousel .slick-prev,
.basic-carousel .slick-prev:focus,
.basic-carousel .slick-prev:hover {
  left: 0;
  background-position: 6px center;
}

.basic-carousel .slick-next,
.basic-carousel .slick-next:focus,
.basic-carousel .slick-next:hover {
  right: 0;
  background-position: -22px center;
}

@media (max-width: 420px) {
  .carousel-slide {
    border: none;
  }
}

@media (max-width: 700px) {
  .basic-carousel .slick-prev,
  .basic-carousel .slick-prev:focus,
  .basic-carousel .slick-prev:hover {
    left: 4px;
  }

  .basic-carousel .slick-next,
  .basic-carousel .slick-next:focus,
  .basic-carousel .slick-next:hover {
    right: 4px;
  }

  .basic-carousel .slick-arrow {
    opacity: 1;
  }
}

@media (max-width: 1000px) {
  .basic-carousel .slick-dots {
    display: none !important;
  }

  .basic-carousel.slick-slider {
    margin-bottom: 30px;
  }
}

.basic-carousel .slick-prev:before,
.basic-carousel .slick-next:before {
  display: none;
}

.basic-carousel .slick-prev:focus,
.basic-carousel .slick-next:focus {
  background-color: #ccc;
  background-image: url("/sites/lily/themes/global/img/slider-icons/rs-lily.png");
  background-repeat: no-repeat;
}

.basic-carousel .slick-prev:hover,
.basic-carousel .slick-next:hover {
  background-color: #000;
  background-image: url("/sites/lily/themes/global/img/slider-icons/rs-lily.png");
  background-repeat: no-repeat;
}

.basic-carousel .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 2em;
}

.basic-carousel .slick-dots li button:before {
  content: "\25cb";
  font-family: "Arial";
  font-size: 22px;
  opacity: 1;
  color: #ccc;
}

.basic-carousel .slick-dots li.slick-active button:before {
  content: "\25cf";
  opacity: 1;
  color: #666;
}


/* Portrait carousel */
.portrait-carousel .slick-list {
  border: 1px solid #ccc;
}

.portrait-carousel .slick-arrow {
  opacity: 0;
  transition: opacity .25s ease-out, border-color 0.25s;
  -moz-transition: opacity .25s ease-out, border-color 0.25s;
  -webkit-transition: opacity .25s ease-out, border-color 0.25s;
 }

.portrait-carousel:hover .slick-arrow {
  opacity: 1;
}

.portrait-carousel .slick-prev,
.portrait-carousel .slick-next {
  width: 64px;
  height: 64px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 30px 30px;
  border-radius: 32px;
  border: 3px solid rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.portrait-carousel .slick-prev,
.portrait-carousel .slick-prev:focus,
.portrait-carousel .slick-prev:hover {
  left: 20px;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/sites/lily/themes/global/img/slider-icons/arrow-left@2x.png");
}

.portrait-carousel .slick-next,
.portrait-carousel .slick-next:focus,
.portrait-carousel .slick-next:hover {
  right: 20px;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/sites/lily/themes/global/img/slider-icons/arrow-right@2x.png");
}

@media (max-width: 700px) {
  .portrait-carousel .carousel-item {
    padding: 5px;
  }

  .portrait-carousel .carousel-item .media--ownline {
    background-color: rgba(255,255,255,0.88);
    padding: 20px 30px;
    width: 90%;
    max-width: 400px;
  }

  .portrait-carousel .slick-arrow {
    opacity: 1;
  }

  .portrait-carousel .slick-prev,
  .portrait-carousel .slick-next {
    width: 42px;
    height: 42px;
    top: 40%;
    /*margin-top: 6px;*/
    margin-left: 10px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 24px 24px;
    border-radius: 21px;
    border: 2px solid rgba(0, 0, 0, 0.25);
    z-index: 1;
    /*top: inherit;*/
    bottom: 0;
    transform: none;
  }

  .portrait-carousel .slick-prev,
  .portrait-carousel .slick-prev:focus,
  .portrait-carousel .slick-prev:hover {
    left: 0px;
    background-size: 24px 24px;
  }

  .portrait-carousel .slick-next,
  .portrait-carousel .slick-next:focus,
  .portrait-carousel .slick-next:hover {
    right: 0px;
    background-size: 24px 24px;
  }
}

.portrait-carousel .slick-prev:before,
.portrait-carousel .slick-next:before {
  display: none;
}

.portrait-carousel .slick-prev:hover,
.portrait-carousel .slick-next:hover {
  border-color: rgba(0,0,0,0.45);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.portrait-carousel .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 0;
}

.portrait-carousel .slick-dots li button:before {
  content: "\25cb";
  font-family: "Arial";
  font-size: 22px;
  opacity: 1;
  color: #ccc;
}

.portrait-carousel .slick-dots li.slick-active button:before {
  content: "\25cf";
  opacity: 1;
  color: #666;
}

@media (max-width: 700px) {
  .portrait-carousel .slick-dots {
    height: 48px;
    padding: 15px 48px 0;
  }
}

/* Master carousel */
.master-carousel {
  margin-top: 0;
  min-height: 1px;
}

.master-carousel.slick-slider {
  margin-top: 20px;
  margin-bottom: 75px;
}

@media (max-width: 840px) {
  .master-carousel.slick-slider {
    margin-bottom: 20px;
  }
}

@media (min-width: 840px) and (max-width: 1040px) {
  .master-carousel.slick-slider {
    margin-bottom: 50px;
  }
}

.master-carousel .slick-list {
  margin: 0 2.75em;
}

.master-carousel .carousel-slide {
  border-right: 1px dotted #999999;
  padding: 0 1em;
}

.master-carousel .carousel-slide:last-child {
  border-right: none;
}

.master-carousel .carousel-slide .frame {
  height: 90px;
  position: relative;
  margin-bottom: 1em;
}

.master-carousel .carousel-slide img {
  margin: 0 auto;
}

.master-carousel .carousel-slide .name {
  font-family: "FuturaPTMedium-Reg";
  font-size: 18px;
  display: block;
  color: #000;
  text-align: center;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.master-carousel .carousel-slide .name a:after {
  content: " »";
}

.master-carousel .slick-prev,
.master-carousel .slick-next {
  width: 64px;
  height: 64px;
  position: absolute;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 30px 30px;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: border-color 0.2s;
  border: 3px solid rgba(0, 0, 0, 0.25);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
  z-index: 1;
  top: 45%;
}

.master-carousel .slick-prev {
  left: 30px;
  background-image: url("/sites/lily/themes/global/img/slider-icons/arrow-left.png");
}

.master-carousel .slick-next {
  right: 30px;
  background-image: url("/sites/lily/themes/global/img/slider-icons/arrow-right.png");
}

.master-carousel .slick-prev:before,
.master-carousel .slick-next:before {
  display: none;
}

.master-carousel .slick-prev:focus,
.master-carousel .slick-prev:hover {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/sites/lily/themes/global/img/slider-icons/arrow-left.png);
}

.master-carousel .slick-next:focus,
.master-carousel .slick-next:hover {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/sites/lily/themes/global/img/slider-icons/arrow-right.png);
}

.master-carousel:hover .slick-prev,
.master-carousel:hover .slick-next {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s;
}

.master-carousel .slick-prev:hover,
.master-carousel .slick-next:hover {
  border-color: rgba(0,0,0,0.45);
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s;
}

.master-carousel .slick-dots {
  /* top: -50px; */
  /* height: 30px; */
  position: relative;
  bottom: 0;
  margin-top: 10px;
}

.master-carousel .slick-dots li button:before {
  content: "\25cb";
  font-family: "Arial";
  font-size: 22px;
  opacity: 1;
  color: #ccc;
}

.master-carousel .slick-dots li.slick-active button:before {
  content: "\25cf";
  opacity: 1;
  color: #666;
}
/* Slick.js carousels end */

#block-lily-blog-highlights{
  margin-top: 1em;
}

#block-lily-blog-highlights .grid-cell{
  margin-bottom: 1em;
}

.main-content header h1 {
  font-size: 31px;
  font-family: 'FuturaPTMedium-Reg', FuturaPT;
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1.0322580645em;
}

.page-videot .views-field-title {
  font-family: "FuturaPTDemi-Reg";
  font-weight: 500;
  font-size: 2rem;
  padding: 1rem 0;
  margin-left: 30%;
}

.page-videot .views-field-title a {
  padding: 1rem 0;
}

.page-videot .views-field-field-main-image {
  display: inline-block;
  float: left;
  width: 27.8%;
  margin: -5rem 2% 0 0;
  overflow: hidden;
  postion: relative;
}

.page-videot .views-field-field-main-image .field-content {
  position: relative;
  height: 0;
  padding-top: 0;
  padding-bottom: 100%;
}

.page-videot .views-row:after {
  content: "";
  display: table;
  clear: both;
}

.page-videot .views-row {
  padding: 3rem 0;
  border-bottom: 1px solid black;
}

.page-videot .views-row:last-of-type {
  border-bottom: none;
}

.page-videot .views-field-field-youtube-channel {
  width: 45%;
  float: right;
  margin-top: -5rem;
}

.page-videot .views-field-field-youtube-channel .field-content {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.page-videot .views-field-field-youtube-channel .field-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-videot .views-field-field-main-image + div {
  width: 22%;
  display: inline-block;
}

.page-videot .views-field-field-main-image + div div {
  display: inline-block;
  color: #666666;
  font-family: "FuturaPT";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.125em;
}

.page-videot .grouped-lift {
  border-top: none;
  border-bottom: 1px solid #000;
  padding: 0;
}

iframe[src$="https://response.questback.com/alehdetoy/stressitesti"] {
  height: 1500px;
}


@media screen and (max-width: 800px) {
  .page-videot .views-field-field-youtube-channel {
    width: 100%;
    margin-top: 1.5rem;
  }
  .page-videot .views-field-field-main-image + div {
    width: 60%;
  }
  .page-videot .views-field-field-main-image {
    width: 30%;
    margin-bottom: 1.5rem;
    margin: -4rem 4% 0 0;
    padding: 5px;
  }
  .page-videot .views-field-title {
    margin-left: 34%;
  }
  .page-videot .views-row {
    padding: 2rem 0;
  }
}