html {

}

/* Leffatausta alkaa 

@media screen and (min-width: 1280px) {
body {
  background: url(https://www.rd.fi/sites/all/themes/quatro/images/redjoan_wallpaper.jpg)
  no-repeat center center fixed; 
  background-color: #e3e3e5;
  background-position: top;
  }
}
@media screen and (max-width: 1279px) {
#kontti {
  display: none;
}
}


#kontti {
  position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* Leffatausta loppuu */

a:hover {
  color: deepskyblue !important;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

#page {
  background-color: transparent;
  max-width: 1200px;
  margin: 0 auto;
}

 .section-content {
    padding-top: 20px;
    padding-bottom: 10px;
	background-color:#FFF;
  }

ul#main-menu li a:hover, ul#main-menu li a.active:hover, ul#main-menu li a.active, .zone-menu ul.menu li a:hover, .zone-menu ul.menu li a.active:hover, .zone-menu ul.menu li a.active, .zone-menu ul.menu li.active-trail a {
	background-image: none;
}
#block-menu-menu-top-navigation-bar > div > div.content.clearfix > ul > li {
	display:inline-block;
	float: right;
}
#region-user-second {
	float: right;
}
#logo {
	width:350px;
}

.block-latest-news .views-row .views-field-field-image img, .block-most-read .views-row .views-field-field-image img {
    height: auto;
    width: 150px;
  }

    html.js input.form-autocomplete {
    background-position: 100% 9px;
}

#block-menu-menu-top-navigation-bar > div > div.content.clearfix > ul > li > a {
    color: #eee;
    font-size: 1em;
}

#block-menu-menu-top-navigation-bar {
	margin-bottom: 0;
}

#main-menu > li {
	font-size: 1.2em;
}

.zone-menu ul.nice-menu li a {
  padding: 15px 15px !important;
}

.node-type-article h1#page-title {
    font-size: 300%;
}

.field-name-field-kuvateksti {
  font-size: 16px;
  margin-bottom: 2px;
  clear: both;
}

h2.block-title {
  text-align: left;
  border-bottom: 2px solid #414042 !important;
  background-color: #414042;
  color: #fff !important;
  padding-left: 10px !important;
}

/*mag banner 'Ad Block - 3 Banners' */
h2.mag-title{
	font-size:18px;
	margin-bottom:0;
}

h2.mag-title a, a:link, a:visited {
  color: #fff
}

h2.mag-title a:hover{
  color: #eaeaea;
}


#block-menu-menu-footer-menu {
	font-size: 1.2em;
}

#zone-branding-wrapper {
	background-color: #414042;
}

.zone-menu-wrapper {
    background-color: #202020 !important;
}

@media (max-width: 1219px) {

#block-display-ads-leaderboard {
display: none;
}

}

img {
	max-width: 100%;
	height: auto !important;
}

a > img:hover {
	opacity: 0.7;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}

.zone-footer {
    background-color: white;
}

.zone-footer ul.menu li {
    padding-right: 10px !important;
}

p, span {
	font-size: 16px;
	line-height: 25.88854px;
}

h2.pane-title span {
	font-size: 20px;
}


h2.block-title, .zone-content-wrapper h2.block-title a {
  padding: 10px 0px;
  color: #fff;
}

h2.block-title, .zone-content-wrapper h2.block-title a:hover {
  color: #eaeaea;
}


.panels-ipe-portlet-wrapper {
	float:left;
	display: inline-block;
	padding: 20px;
}


.pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a {
	width: auto;
}

.pager-last.last, .pager-first.first {
	display: none !important;
}

.pager {
	    border: 0;
    background-color: transparent;
}

/* Outo bugi, tää fiksaa */



/* Paitsi tässä toi bugi rikkoo */

body.not-front.node-type-games .region-content-inner {
  overflow: auto !important;
}

@media screen and (max-width: 979px)  {

 .views-field.views-field-title {
    min-height: 10px;
  }

  .mainos{
    display: none;
  }
}


/* Social links */

.fa-lg {
  font-size:4.333333em !important;
}


/* Flex Sliderin navi */

.flex-control-paging li a.flex-active {
  background: #8DC63F !important;
}

.flex-control-paging li a {
  width: 15px !important;
  height: 15px !important;
}

.field-label-hidden {

}

.container-16 .block .omega-grid {
	margin: 0;
}

/* Piilotukset */

.field.field-name-field-sort-description.field-type-text-long.field-label-hidden, .field.field-name-field-by-line.field-type-text.field-label-hidden, .field.field-name-field-source-type.field-type-list-text.field-label-hidden,
.field.field-name-field-category.field-type-taxonomy-term-reference.field-label-hidden, .field.field-name-field-enable-source-title.field-type-list-text.field-label-hidden,
.field.field-name-field-show-article-creation-date.field-type-list-text.field-label-hidden {
	display: none;
}

.field.field-name-field-field-show-title.field-type-list-text.field-label-hidden, .field.field-name-field-field-show-header-footer.field-type-list-integer.field-label-hidden {
	display: none;
}


.element-hidden {
	display: none;
}
footer.submitted {
	display: none;
}

.header-info {
	display: none;
}

.fa:before {
	font-family: 'FontAwesome' !important;
}

ul#main-menu li a:hover, ul#main-menu li a.active:hover, ul#main-menu li a.active, .zone-menu ul.menu li a:hover, .zone-menu ul.menu li a.active:hover, .zone-menu ul.menu li a.active, .zone-menu ul.menu li.active-trail a {
	background-color: transparent !important;
}

/* Menun hover */

ul#main-menu li a:hover {
  color: #e2e2e2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
 

/* Menu, Etusivu-tekstin piilotus */

 .menu-item {
display: block;
overflow: hidden;
padding-left: 100%;
}

.fa-home {
  font-family: 'FontAwesome';
  font-style: normal;
}

.zone-menu ul.nice-menu li.active-trail a, .zone-menu ul.nice-menu li a.active, .zone-menu ul.nice-menu li a:hover, .zone-menu ul.nice-menu li.over a {
  background-color: #414042 !important;
}

.zone-menu ul.nice-menu li.menu-path-search {
  background-color: #414042 !important;
}

/* Verkkokauppa footer */

.arrow { margin-left:-20px; width: 63px; height: 68px; background-image: url('https://rd.fi/kuvat/arrow.svg'); background-size: contain; background-repeat: no-repeat; } .bounce { float: right; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; display: inline-block; margin: -3px 0px; } /* Scroll down indicator (bouncing) */ @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } }

.siirry:hover {
  opacity: 0.9;
}

/** Fifth Design Pagination (dark) **/
.pager { /* fifth page styles */ 
  font-size: 20px;
  padding: 9px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.pager-item {
      width: 54px;
}

.item-list .pager .pager-current, .item-list .pager li a:hover {
    background: #b70000;
    border: 1px solid #b70000;
    color: #fff !important;
  }

 
.pager li { font-weight: bold; }
 
.pager li a {
  display: block;
  float: left;
  text-decoration: none;
  padding: 9px 12px !important;
  border-radius: 50px;
  background: #ffffff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pager li a:hover {
  color: #4f664e;
  background: #ffffff;
}
.pager li a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}
 
.pager li.navpage a {
  padding: 9px 13px;
  background: #c8eac6;
  color: #4f664e;
}
.pager li.navpage a:hover {
  color: #414e40;
  background: #a4c6a2;
}
 
.pager li.current { background: #505362;
    border-radius: 50px;
    width: 30px; 
}


.item-list .pager .pager-current {
  padding: 9px 12px !important;
}

li.pager-current.first, li.pager-current.last{
    text-decoration: none;
    padding: 9px 12px !important;
    margin-right: 6px;
    border-radius: 50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

.item-list .pager .pager-current{
    border-radius: 50px;
    width: 30px;
}

.pager li.single, .pager li.current {
  display: block;
  float: left;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  color: #fff;
}


.social{
    float:right;
}
.social ul{
float: right;
}

.social li{list-style:none;float:left;}/* ie needs position:relative here*/

.social a {
    text-decoration: none;
    margin: 10px;
    float: left;
    color: #414042 !important;
    padding: 2px 5px;
    text-align: center;
    font-size: 24px;
    white-space: nowrap;
}

#iframe{
	height:395px;
}

#block-block-19 {margin-bottom: 10px !important;}

  #block-system-main > div {
  }


  #ProductTabs > ul.tabnav > li.selected {
    font-weight: bold;
    color: #fff;
    background: red;
    border-bottom: none;
}

  #ProductTabs > ul.tabnav > li.selected a {
    color: #fff !important;
  }


#ProductTabs > ul.tabnav
{
	    background: #efefef;
    color: #414042;
    font-size:1.4em;
}


#ProductTabs > ul.tabnav > li > a:hover {
color: #9F9F9F !important;
    }

#ProductTabs > ul.tabnav > li.selected > a:hover {
  color: #f9f9f9 !important;
}

    #ProductTabs > ul.tabnav {
    width: 100%;
    margin: 0.8em 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

#ProductTabs > ul.tabnav > li {
 background: #efefef;
 text-align: center;
} 

#ProductTabs > ul.tabnav > a {
    display: block;
    margin: 0;
    top: 0;
    padding: 1.2em 5% 1.2em 5%;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 1.2em;
    color: #414042;
    text-align: center;
}

#ProductTabs > ul.tabnav > a {
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #d4d4d4;
}

#ProductTabs > ul.tabnav > li {
    display: block;
    float: left;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 33%;
}

.pelit-otsikko {
background: #414042;
display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.pelit-otsikko > a {
	color: #fff !important;
	padding: 5px;
}
 .more-link > a {

    font-size: 16px;
    background: #414042;
    padding: 8px 10px;
    color: #fff !important;
    font-style: italic;
    font-weight: bold;

}

.more-link > a:after {
content: '»';
color: #8DC63F;
font-size: 20px;
}


.pelit-header > a > p {
float: right;
    font-size: 16px;
    background: #414042;
    padding: 8px 10px;
    color: #fff !important;
    font-style: italic;
    font-weight: bold;
        margin-bottom: 0;
    margin-top: -11px;

}

.pelit-header > a > p:hover {
	opacity:0.9;
}

.pelit-header > a > p:after {

content: '»';
color: #8DC63F;
font-size: 20px;
padding-left:5px;
}

/* .pelit-header {
	border-bottom: 2px solid #8D8C8E;
	padding-bottom:2px;
} */

.pelit-header > a > h1.uutuudet

{
color: #414042 !important;
float: left;
display: inline-block;
background-image: url('/sites/all/images/uutuudet.png');
background-repeat: no-repeat;
padding-left: 40px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */
padding-bottom: 5px;
}

.pelit-header > a > h1.trendikkaat

{
color: #414042 !important;
float: left;
display: inline-block;
background-image: url('/sites/all/images/trendikkaat.png');
background-repeat: no-repeat;
padding-left: 40px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */
padding-bottom: 5px;
}


.pelit-header > a > h1.klassikot

{
color: #414042 !important;
float: left;
display: inline-block;
background-image: url('/sites/all/images/klassikot.png');
background-repeat: no-repeat;
padding-left: 40px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */
padding-bottom: 5px;
}


.pelit-header > a > h1.suosittelemme
{
color: #414042 !important;
float: left;
display: inline-block;
background-image: url('/sites/all/images/suosittelemme.png');
background-repeat: no-repeat;
padding-left: 40px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */
padding-bottom: 5px;
}

table {
	border: 0;
}

.view-content > table > tbody > tr > td{
	width: 25%;
	vertical-align: baseline !important;
}


#block-system-main > div > div > div > div > div > div.panel-pane.pane-views.pane-most-popular-games > div > div > div.view-content > table > tbody > tr > td {
	width: 25%;
	vertical-align: baseline !important;

}

#block-search-form {
	    float: right;
    margin: 12px;
        z-index: 99;
}

#edit-search-block-form--2 {
    background: #EEEEEE;
    color: #414042;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}


#block-block-20 {
  float:right;
  width: 100px;
}


/* #block-system-main {display: inline-block;} */

#ProductTabs > ul > li > a:active {
	background-color: #fff;
}

#region-content > div > div.tabs.clearfix {
	float:left;
}

/*#page-title {
	display: inline;
}*/

/*#block-search-form {
    margin: 0px 0px 20px;
    position: absolute;
    top: 30px;
    right: 30px;
}*/

/* Search placeholder */

#edit-search-block-form--2 {
	font-style: italic;
}


.views-field.views-field-field-game-thumbnail-image > div > a > img:hover {
	opacity: 0.8;
}

.all-games a {

    font-size: 16px;
    background: #8DC63F;
    padding: 8px 10px;
    color: #fff !important;
    font-style: italic;
    font-weight: bold;
}

.all-games > a:after {

content: '»';
color: #fff;
font-size: 20px;
padding-left:5px;
}
/*
.field.field-name-field-field-article-body.field-type-text-with-summary.field-label-hidden > div > div > p:nth-child(1)::first-letter { 
float: left; color: #E02636; font-weight: bold; font-size: 64px; line-height: 42px; padding-top: 2px; padding-right: 6px;

}
*/
.views-field .views-field-created {

}

.view-list-articles .views-field-view-node a {
	color: deepskyblue;
      border: deepskyblue solid 2px;
    padding: 5px;
    float:right;
}

.view-list-articles .views-field-view-node a:hover {
  color: deepskyblue;
      border: deepskyblue solid 2px;
    opacity: 0.75;
}

.node-article h3{
	font-size: 26px; color: #414042;
}

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.view-content > div > div.views-field.views-field-view-node > span > a, #block-views-topic-travel-block-1 > div > div.content.clearfix > div > div.view-content > div > div.views-field.views-field-view-node > span > a {
 color: deepskyblue;
 border: deepskyblue solid 2px;
 padding: 5px;
 float: left;
}


a:hover > .bounce {

 animation: bounce 1s infinite;
 -webkit-animation: bounce 1s infinite;
 -moz-animation: bounce 1s infinite;
 -o-animation: bounce 1s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);} 
 40% {-webkit-transform: translateX(-10px);}
 60% {-webkit-transform: translateX(0px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);}
 40% {-moz-transform: translateX(-10px);}
 60% {-moz-transform: translateX(0px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
 40% {-o-transform: translateX(-10px);}
 60% {-o-transform: translateX(0px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 40% {transform: translateX(-10px);}
 60% {transform: translateX(0px);}
}

#aspa {
	width:200px;
	float:left;
}

ul#tabs {
	list-style-type: none;
	margin-left:0 !important;
	    border-right: 2px solid #ccc;
    margin-right: 30px;
}
ul#tabs > li > p, ul#tabs > li > a {

} 

/* Tabit */

/* Otsikoiden tyylit */

#webform-client-form-241 > div > div.form-item.webform-component.webform-component-textarea.webform-component--palaute {
  max-width: 465px;
}


/* Pelit */


.field.field-name-field-genre.field-type-taxonomy-term-reference.field-label-above > .field-items > .field-item > a

{
padding: 10px 15px;
background: deepskyblue;
color: #fff !important;
margin: 5px 10px;
float:left;
font-weight: bold;
}

.pelit-nappi {

border: deepskyblue solid 2px;
padding: 5px;
float:right;
}

.pelit-nappi > a {
  color: deepskyblue !important;
}

.pelit-nappi:hover {
  opacity: 0.9;
 }

#block-views-suosituimmat-pelit-block-1 > div > div.content.clearfix > div > div.view-content > table > tbody > tr > td > div.views-field.views-field-body-1 > p:nth-child(2) {
  min-height: 150px;
}


/* Ruoka */

.ruoka-nappi {

border: deepskyblue solid 2px;
padding: 5px;
float:right;
}

.ruoka-nappi > a {
  color: deepskyblue !important;
}

.ruoka-nappi:hover {
  opacity: 0.9;
 }

/* Responsiivisus */

@media all and (max-width: 980px) and (min-width: 980px)   {
.theme-default .nivo-caption {
    font-size: 16px;
    position: absolute;
    top: 308px;
    background: #414042;
    height: 81px;
    box-shadow: 0px 0px 10px #000;
  }
}

@media all and (max-width: 979px) and (min-width: 720px)   {
#block-system-main > div > div > div > div.view-content > div.views-row > div.views-field.views-field-field-image {
    float: left;
  }

#block-system-main > div > div > div > div.view-content > div.views-row > div.views-field.views-field-field-intro {
    float: left;
    width: 50%;
    margin-left: 20px;
}

#block-system-main > div > div > div > div.view-content > div.views-row > div.views-field.views-field-title{
    display: inline-block;
    padding-left: 20px;
  }
}


@media screen and (max-width: 1218px) 
{
#block-block-18 
{
  display: block;
}

}

@media screen and (max-width: 796px){
.ui-tabs .ui-tabs-nav li  {
    width: 100%;
  }
} 
#block-views-suosituimmat-pelit-block-1 > div > div.content.clearfix > div > div.view-content > table > tbody > tr > td > div.views-field.views-field-body-1 > p:nth-child(2) {
  min-height: auto;
}

@media screen and (max-width: 979px) 

{



.flex-control-paging li a {
    width: 11px !important;
    height: 11px !important;
}

.node-games > iframe, object, embed {

}

#block-block-13 {
  margin: 0 !important;
}

#block-menu-menu-header-menu {
  margin: 0 !important;
}

}
.view-article-slideshow > .view-content > .views-row {

    border-top: 1px solid #eeeeee;
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  #block-views-ruoka-ja-viini-block-1 > div > div.content.clearfix > div > div.attachment.attachment-after > div > div > div.views-row {
    border-top: 1px solid #eeeeee;
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
    padding-top: 10px !important;
  }

#block-views-ruoka-ja-viini-block-1 > div > div.content.clearfix > div > div.attachment.attachment-after > div > div > div.views-row-last {
  border-bottom: 1px solid #eeeeee;
}

#block-views-ruoka-ja-viini-block-1 > div > div.content.clearfix > div > div.attachment.attachment-after > div > div {
  padding: 0;
}

.view-ruoka-ja-viini > .view-content {
    padding-top: 0 !important;
} 

  .view-article-slideshow > .view-content > .views-row:last-child {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px !important;
  }

    .view-article-slideshow > .view-content > .views-row:first-child {
      margin-top: 0 !important;
    }


.content.clearfix > .field.field-name-field-sort-description.field-type-text-long.field-label-above > .field-label {
  display: none;
}

div.content.clearfix > div.field.field-name-field-sort-description.field-type-text-long.field-label-above > div.field-items > div > div {
  font-size: 22px;
  padding-bottom: 20px;

}


.views-field.views-field-field-created-date > div {
  color: #aaa;
  font-size: 1.25em;
}

.views-field.views-field-field-created-date > div > span {
  padding-left: 5px;
  font-family: 'Open Sans',Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;
}

.flex-prev, .flex-next {
  display: none;
}

/* Menun punaisen taustan poisto */

.zone-menu ul.nice-menu ul {
  background-color: #414042 !important;
}


#flexslider-1 > ul.slides > li > div.views-field > p {
  padding-top:20px;
}

/* Onennosuma & Mainostajalle ylämenu */

ul.menu {
}

ul.menu > li {
list-style: none;
display: inline;
}
#block-menu-menu-header-menu > div > div.content.clearfix > ul > li > a{
color: #fff;
}

.region-branding {
  max-height: 170px;
}

.zone-menu ul.nice-menu li.menu-path-search {
  display: none;
}

#block-menu-menu-header-menu > div > div.content.clearfix > ul {
  float:right;
}
#block-menu-menu-header-menu {
    overflow: hidden;
}
@media screen and (max-width: 979px) {

#zone-user-wrapper {
  display: block;
}

.zone-menu ul.nice-menu li.menu-path-search {
  display: block;
}

ul.menu {
  display: block;
}
}
@media screen and (max-width: 360px){
 #logo {width: 300px;
 }
}

#block-menu-menu-footer-menu > div > div.content.clearfix > ul {
  width: 100%;
  margin: 0 auto;
}

/* Pelit-sivujen muutoksia */

iframe, object, embed {
    max-width: 100%;
}

.node-games > iframe, object, embed {

    min-width: 828px;
}


div.content.clearfix > div.field.field-name-field-leader-oard-display.field-type-list-integer.field-label-hidden, div.content.clearfix > div.field.field-name-field-game-thumbnail-image.field-type-image.field-label-hidden {
	display: none;
}

div.content.clearfix > div.field.field-name-field-genre.field-type-taxonomy-term-reference.field-label-above > div.field-label {
	display: inline;
	vertical-align: top;
}

div.content.clearfix > div.field.field-name-field-genre.field-type-taxonomy-term-reference.field-label-above > div.field-items {
	display: inline;
}
#block-block-22 {
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    padding-bottom: 35px;
}

#block-block-22 > div > div.content.clearfix > p > a{
	padding: 10px 15px;
    background: deepskyblue;
    color: #fff !important;
    margin: 5px 10px;
    float: left;
    font-weight: bold;
}

#block-block-22 > div > div.content.clearfix > p > a:hover {
  opacity: 0.7;
}

div > div > div.content.clearfix > div > div.view-content > table > tbody > tr > td > div.views-field.views-field-field-game-thumbnail-image > div > a > img {
  width: 100%;
}

#block-system-main > div > div > div > div > table > tbody > tr > td > div.views-field.views-field-field-game-thumbnail-image > div {
  text-align: center;
}

#block-system-main > div > div > div > div > table > tbody > tr > td {
	position: relative;
}
#block-system-main > div > div > div > div > table > tbody > tr > td > div > div > p { 
    min-height: 200px;
}

#block-system-main > div > div > div > div > table > tbody > tr > td > div > div > span > a {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.sanavarasto > p > a:after {

content: '»';
color: #8DC63F;
font-size: 20px;
padding-left:5px;
}

.sanavarasto > p > a:hover {
  opacity: 0.9;
} 


.kaikki-pelit {
	width: 100%;
	text-align: center;
}

.kaikki-pelit > a > p {
	display: inline;
    font-size: 16px;
    background: #414042;
    padding: 15px 20px;
    color: #fff !important;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: -11px;
}

.kaikki-pelit > a > p:hover {
  opacity: 0.9;
}

.kaikki-pelit > a > p:after {
    content: '»';
    color: #8DC63F;
    font-size: 20px;
    padding-left: 5px;
}


.games-carousel-title > a{
	font-weight: bold;
	font-size: 16px;
	line-height: 2 !important;
	display: block;
	background-color: #414042;
	color: #fff !important;
}

.games-carousel-title > a:hover {
	opacity: 0.9;
}

.pelit-otsikko {
	text-align: center;
  min-width: 177px;
}

.pelit-otsikko > a {
	font-weight: bold;
	font-size: 16px;
	line-height: 2 !important;
	background-color: #414042;
	color: #fff !important;
  display: block;
}

.pelit-otsikko > a:hover {
  background:#676668;
}

body.context-pelit > a.more-link {
  display: block;
}


/* Korjauksia */

.form-item input.form-text {
  max-width: 100%;
}

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.view-content {
  width: 100%;
}

#block-views-topic-travel-block-1 > div > div.content.clearfix > div > div.view-content {
  width: 100%;
}

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.attachment.attachment-after {
  width: 100%;
}

#block-views-topic-travel-block-1 > div > div.content.clearfix > div > div.attachment.attachment-after {
  width: 100%;
}

section > div > div.content.clearfix > div > div.view-content > div > div.views-field.views-field-body > div > p {
  max-height: 413px;
}

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.view-content > div > div:nth-child(3) > div > p {
  min-height: 297px;
}

@media screen and (max-width: 1219px) {
#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.view-content > div > div:nth-child(3) > div > p {
  min-height: 151px;
}  
}

@media screen and (max-width: 978px)  {

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.view-content > div > div:nth-child(3) > div > p {
  min-height: auto;
}

}

@media screen and (max-width: 650px) {

.context-pelit .view-content>table>tbody>tr>td {
    float: left;
    width: 92%;
    background-color: #fff;
}
.context-pelit .view-content>table>tbody {
  background-color: #fff;
}
}

@media screen and (max-width: 400px) {
.pelit-header > a > p{
display: none;
  }
}

#block-views-topic-travel-block-1 > div > div.content.clearfix > div > div.attachment.attachment-after > div > div > div.views-row > div.views-field.views-field-field-image > div > img {
  width: 50px;
  height: auto;
}

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.attachment.attachment-after > div > div > div.views-row > div.views-field.views-field-field-image > div > img {
  width: 50px;
  height: auto;
}

#block-views-topic-travel-block-1 > div > div.content.clearfix > div > div.attachment.attachment-after > div > div > div.views-row > div.views-field.views-field-field-image {
  width: 50px;
}

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.attachment.attachment-after > div > div > div.views-row > div.views-field.views-field-field-image {
  width: 50px;
}

#block-views-topic-health-block-2 > div > div.content.clearfix > div > div.view-content > div > div.views-field.views-field-title {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
    }

.field.field-name-field-intro.field-type-text-long.field-label-hidden > div > div > p{
  font-size:125%;
  line-height: 125%
}

.fb-comments, .fb-comments iframe[style] {width: 100% !important;}

#block-views-ruoka-ja-viini-block-1 > div {
  overflow: auto !important;
}

#block-views-video-block {
  border-bottom: 1px solid #eee;
}

@media screen and (max-width: 1219px)  {

#block-views-ruoka-ja-viini-block-1 > div > div.content.clearfix {
    min-height: 470px;
}

.zone-menu ul.nice-menu li a {
    padding: 15px 9px !important;
}

}

@media screen and (max-width: 978px) {
  .zone-menu ul.nice-menu li a {
    padding: 5px 5px !important;
  }
  #block-views-ruoka-ja-viini-block-1 > div {
  overflow: hidden !important;
}
}

@media screen and (max-width: 600px) {
  body {
    min-width: 330px;
  }

  .zone-header {
    padding-top: 10px;
  }

  .section-content {
    padding-top: 20px;
    padding-bottom: 10px;
  }

}


/* Responsiivisuus fixit */

@media screen and (max-width: 978px) { 


article.node-article > div.content.clearfix > div.field.field-name-body.field-type-text-with-summary.field-label-hidden {
  clear: both;
}


  .view-list-photos .views-row {
    margin:10px 10px 10px 0px !important;
  }
.field-name-field-image {
  margin: 0 0 20px 0;
}

.theme-default .nivo-caption {
  font-size: 14px;
  position: relative;
}
.block {
  margin-bottom:15px !important;
}
#block-views-news-blog-block-2 > div > div.content.clearfix > div > div.view-content > div.views-row > div.views-field.views-field-field-image > div > div.field-topic {
  display: none;
}

.item-list .first {
  margin-right: 16px !important;
}

.item-list .pager .pager-current {
  padding: 2px 12px !important;
  width: 15px;
}
.pager li a {

padding: 3px 7px !important;
    border-radius: 50px;
    width: 30px;
}
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

@media \0screen {
  img { 
    width: auto; /* for ie 8 */
  }
}

.zone-menu ul.nice-menu li a:hover {
	color: #fff !important;
}


#node-page-1533 .field-item h2 {

    background: gainsboro;
    color: #fff;
    clear: both;
    padding: 10px;
    text-shadow: 1px 1px 5px #999;
    }

    #tabs-1 > div > div > h3 > a:hover {
        color: #fff !important;
        opacity: 0.8;
    }

@media screen and (max-width: 600px) { 
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, .grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
      margin-left: 0 !important; 
      margin-right: 0 !important;
    }
	

}

.view-list-articles .views-field-field-image .topic-1 {

}

.view-list-articles .views-field-field-image .topic-2 {
    background-color: green;
}

.view-list-articles .views-field-field-image .topic-3 {

}

.view-list-articles .views-field-field-image .topic-4 {

}

.view-list-articles .views-field-field-image .topic-5 {
    background-color: deepskyblue;
}

.nivo-caption {
  text-align: center;
  font-size: 14px !important;
  font-weight: normal !important;
  font-family: 'Open Sans', sans-serif !important;
}

.klikki {
  text-decoration: none;
  color: #fff !important;
    background: #EB1212;
    padding: 20px 40px;
    font-size: 18px;
    clear: both;
    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
}

.klikki:hover {
  opacity: 0.8;
  color: #fff !important;
}

.view-lue-my-s {
  clear: both;
}

h1.title {
	margin-bottom: 0.4em !important;
}

#block-facebook-comments-block-fb-comments > div > h2 {
	clear: both;
	background: #3b5998 !important;
}

.menu-path-rdfi-artikkelit-suomi100 {
	margin-left: -8px;
}

.menu-path-rdfi-artikkelit-suomi100:before {
	
} 

.topic-236 {
  background-color: #3D4E90 !important;
}


/* VIDEO */

.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    clear: both;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#adunit {
  max-width: 300px !important;
}

.easy_social_box {
  clear: both;
}

.easy_social-widget-facebook iframe {
  width: 125px !important;
}

.easy_social-widget-facebook {
  width: 140px;
}

.easy_social-widget-facebook span {
  height: 30px !important;
}

.view-list-articles .views-field-field-image .field-topic {
  z-index: 1;
}

.view-list-articles .views-field-field-image .field-topic a:hover {
  color: #fff !important;
  opacity: 0.9;
}

.clearfix {
  clear: both;
}

.logged-in .tabs {
  padding: 10px;
}

#region-content>div>div.tabs.clearfix {
  float: none;
}

.views-field-view-node a:before, .views-field-view-node span a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: deepskyblue;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.views-field-view-node a:hover:before, .views-field-view-node span a:hover:before, .views-field-view-node a:focus:before, .views-field-view-node span a:focus:before, .views-field-view-node a:active:before, .views-field-view-node span a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


.views-field-view-node a, .views-field-view-node span a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.views-field-view-node a:hover, .views-field-view-node span a:hover {
  color: #fff !important;
}

.pager li.pager-previous a, .pager li.pager-next a {
  font-size: 15px;
}

.responsive-iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul li.leaf {
	list-style-type: none;
    display: inline-block;
    float: right;
    padding-right: 20px;
    padding-top: 15px;
}

.responsive-menus-simple a:hover {
	color: #ccc;
}

.page-taxonomy-term-236 #block-system-main > div {
	overflow: initial;
}

.context-testaa-tunnetko-kuuluisat-äidit > .adsbygoogle {
  display: none !important;
}

#block-block-35 {
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 20px;
}

@media all and (max-width: 1219px) and (min-width: 980px){

#block-block-35 > div > div.content.clearfix > div:nth-child(2) > div > div > div {
  display: none !important;
}
}

.view-topic-trending .views-field-title {
  min-height: 76px;
}

/* 
@media (min-width: 1220px) {
  .view-article-slideshow > .view-content {
  padding: 20px 20px 20px 30px !important;
  width: 280px !important;
  }
.view-article-slideshow .attachment {
  width: 455px !important;
}
.view-article-slideshow > .attachment > .view-content {
  width: 455px !important; 
} 

}
*/