/*
 Theme Name:   Pelivihjeet
 Theme URI:    http://example.com/pelivihjeet/
 Description:  Pelivihjeet theme (Twenty Sixteen Child Theme)
 Author:       Toivo
 Author URI:   http://example.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  pelivihjeet
*/

/*
 Site colors
 #77de13 rgb(119,222,19) - light green
 #6cce09 rgb(108,206,9) - green
 #5dbc00 rgb(93,188,0) - dark green

 #e6e6e6 rgb(230,230,230) - light gray
 #878787 rgb(135,135,135) - gray
 #4b4b4b rgb(75,75,75) - dark gray

 #ff9600 rgb(255,150,0) - light orange
 #ff871d rgb(255,135,29) - orange
 #ff7800 rgb(255,120,0) - dark orange

 #a700ff rgb(167,0,255) - light violet
 #9311d8 rgb(147,17,216) - violet
 #7406ae rbg(116,6,174) - dark violet

*/

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
  height: 0;
  width: 0;
}

body,
button,
input,
select,
textarea {
  color: #1a1a1a;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
}

h1, h2, h3,
.entry-title,
.main-navigation,
.page-title,
.footer-col1,
.footer-col2 {font-family: 'Exo', Montserrat, Arial; font-weight: 800;}
.entry-title {hyphens: none;}
h1, h2 {text-transform: uppercase;}
h2 {margin-bottom: 1em;}

.small-txt {
  font-size: 80%;
}

.site {margin: 0; background-color: transparent;}
.site-inner {background-color: #ffffff;}
.dateinfo {font-style: italic; color: #888888; /* padding-left: 1em; */ text-align: right;}


/* header */
.site-header {padding: 0;}
.site-header-menu {width: 100%; background-color: #4b4b4b; margin: 0;}
.header-image {margin-top: 0;}
.header-image img {width: 100%;}
.site-branding {
  width: 100%;
  height: 9.375em;
  margin-top: 0;
  margin-bottom: 0;
  /* background: #77de13 url('/wp-content/themes/pelivihjeet/kuvat/top-bg.jpg') no-repeat top right; */
  background: rgb(119,222,19); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(119,222,19,1) 0%, rgba(119,222,19,1) 68%, rgba(255,135,29,1) 68%, rgba(108,206,9,1) 79%, rgba(93,188,0,1) 79%, rgba(93,188,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(119,222,19,1) 0%,rgba(119,222,19,1) 68%,rgba(108,206,9,1) 68%,rgba(108,206,9,1) 79%,rgba(93,188,0,1) 79%,rgba(93,188,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(119,222,19,1) 0%,rgba(119,222,19,1) 68%,rgba(108,206,9,1) 68%,rgba(108,206,9,1) 79%,rgba(93,188,0,1) 79%,rgba(93,188,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77de13', endColorstr='#5dbc00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.site-branding a img {padding: 1.7em 5% 0 4%;}
.page-header {border-top: none; padding-top: 0;}
#top-info {width: 100%; max-width: 100%; background-color: #1a1a1a; overflow: hidden;}
.site-content {
  padding: 0 4.5455%;
}

/* navigation */
.main-navigation {margin: 0; padding: 0 2.7em;}
.primary-menu li a {color: #ffffff; line-height: 3.5em; font-weight: bold; text-transform: uppercase;}
.primary-menu li.current-menu-item > a {color: #669900;}

.main-navigation .sub-menu li {background-color: #4b4b4b;}
.main-navigation .menu-item-has-children > a:after {content: "";}
.main-navigation .menu-item-has-children > a {padding-right: 0.875em;}

.menu-toggle {position: absolute; top: 6.5em; right: 10px; color: #ffffff;}

/* post listings */
.post-img {display: none;}
.post-content {display: table-cell; vertical-align: top;}
.post-img {padding: 0.4em 1em 0 0; width: 97px;}
.site-main > article {
  margin-bottom: 2em;
}
.archive .site-main > article {
  margin-bottom: 4em;
}
.tips {margin: 0 0 3em 0;}
.other-tips {width: 100%;}
.teaser-txt {margin: 1em 0 0 0;}

/* widgets and side bar */
.widget {border-top: none; background-color: #e6e6e6; padding: 0 0 1.5em 0;}
.widget_search {padding-bottom: 0;}
.widget_archive li {text-transform: capitalize;}
.widget .widget-title {
  padding: 1em 0.5em 1em 1.4em;
  /* background: #77de13 url('/wp-content/themes/pelivihjeet/kuvat/top-bg.jpg') no-repeat top right; background-size: 52%; */
  color: #ffffff;
  background: rgb(119,222,19); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(119,222,19,1) 0%, rgba(119,222,19,1) 71%, rgba(108,206,9,1) 72%, rgba(108,206,9,1) 82%, rgba(93,188,0,1) 83%, rgba(93,188,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(119,222,19,1) 0%,rgba(119,222,19,1) 71%,rgba(108,206,9,1) 72%,rgba(108,206,9,1) 82%,rgba(93,188,0,1) 83%,rgba(93,188,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(119,222,19,1) 0%,rgba(119,222,19,1) 71%,rgba(108,206,9,1) 72%,rgba(108,206,9,1) 82%,rgba(93,188,0,1) 83%,rgba(93,188,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77de13', endColorstr='#5dbc00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.widget ul {list-style: none; margin: 0 1.6em;}
.widget li {padding-bottom: 0.5em;}
.widget li:nth-last-of-type {padding-bottom: 0;}
button.search-submit {background: #5dbc00;}
button.search-submit:hover,
button.search-submit:focus {background: #77de13;}

section#text-4, section#text-5 {padding-bottom: 0; margin-bottom: 2.5em;}
section#text-4 h2 {margin-bottom: 0;}

/* TOP lists */
.toplist td {width: 100%; display: block; text-align: center;}
.tablepress.toplist td {text-align: center;}
.entry-content .toplist a img {display: inline;}
/*
    .toplist td.column-1,
    .toplist td.column-2,
    .toplist td.column-3 {width: 100%; display: block; text-align: center;}
    */
.toplist, .toplist td a {color: #ffffff; text-transform: uppercase;}
.toplist td a {display: block;}

.tablepress.toplist {border-spacing: 0 1.5em; border-collapse: separate;}
.toplist td {line-height: 3em;}
.tablepress.toplist tbody td, .tablepress.toplist tbody th {border: none; border-spacing: 0.7em; border-collapse: separate; vertical-align: middle;}
.tablepress.toplist tfoot td {border: none;}
.toplist [class*='column-'] {background-color: #4b4b4b; padding: 0;}
.toplist td.column-1, .toplist td.column-4 {font-weight: bold;}
.toplist td.column-1 {background-color: #4b4b4b;}
.toplist td.column-2, .toplist td.column-3 {background-color: #878787;}
/*
.toplist td.column-3 {
  background-color: #a700ff;
  background: rgb(167,0,255);
  background: -moz-linear-gradient(-45deg,  rgba(167,0,255,1) 0%, rgba(167,0,255,1) 71%, rgba(147,17,216,1) 72%, rgba(147,17,216,1) 82%, rgba(116,6,174,1) 83%, rgba(116,6,174,1) 100%);
  background: -webkit-linear-gradient(-45deg,  rgba(167,0,255,1) 0%,rgba(167,0,255,1) 71%,rgba(147,17,216,1) 72%,rgba(147,17,216,1) 82%,rgba(116,6,174,1) 83%,rgba(116,6,174,1) 100%);
  background: linear-gradient(135deg,  rgba(167,0,255,1) 0%,rgba(167,0,255,1) 71%,rgba(147,17,216,1) 72%,rgba(147,17,216,1) 82%,rgba(116,6,174,1) 83%,rgba(116,6,174,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77de13', endColorstr='#5dbc00',GradientType=1 );
}
*/
.toplist td.column-4 {
  background-color: #ff9600;
  background: rgb(255,150,0);
  background: -moz-linear-gradient(-45deg,  rgba(255,150,0,1) 0%, rgba(255,150,0,1) 71%, rgba(255,135,29,1) 72%, rgba(255,135,29,1) 82%, rgba(255,120,0,1) 83%, rgba(255,120,0,1) 100%);
  background: -webkit-linear-gradient(-45deg,  rgba(255,150,0,1) 0%,rgba(255,150,0,1) 71%,rgba(255,135,29,1) 72%,rgba(255,135,29,1) 82%,rgba(255,120,0,1) 83%,rgba(255,120,0,1) 100%);
  background: linear-gradient(135deg,  rgba(255,150,0,1) 0%,rgba(255,150,0,1) 71%,rgba(255,135,29,1) 72%,rgba(255,135,29,1) 82%,rgba(255,120,0,1) 83%,rgba(255,120,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77de13', endColorstr='#5dbc00',GradientType=1 );
}
.site-main .column-3 {display: none;}
.site-main a.pelaamaan-btn:before {content: "Siirry pelaamaan";}

/* TOP list on side bar */
.widget a.pelaamaan-btn:before {content: "Pelaa";}
.widget .column-1 img {max-width: 90%; display: inline;}
.widget .column-2 {display: none;}
.textwidget .tablepress a, .entry-content .tablepress a {box-shadow: none;}
.widget .tablepress {margin: -30px 0 -47px 0;}

/* Category pages */
.category header {margin: 0 0 2em 0;}
.taxonomy-description {margin: 2em 0;}
.no-articles-found {font-style: italic; font-size: 80%; color: #686868;}

/* footer */
.site-footer {background-color: #4b4b4b; padding: 0 0 1.5em 0;}
.site-footer a, .site-footer a:visited {color: #ffffff;}
.site-footer ul {list-style: none;}
.footer-navigation {clear: both; padding-top: 1.5em;}
.site-info {clear: both;}
.footer-col1, .footer-col2 {font-weight: 700; text-transform: uppercase;}
.footer-col1 {text-align: center;}
.footer-col1 a {padding: 0 1em; display: inline-block;}
.footer-col1 a img {margin-right: 1em;}
.footer-col2 {text-align: center;}
.footer-links-menu li {display: inline-block; padding: 0 1em;}
.site-info {width: 100%; margin-top: 2em; text-align: center; color: #737373;}

/* Media Queries */

/* >= 710px */
@media screen and (min-width: 44.375em) {
  .other-tips {width: 50%; float: left;}
  .tablepress.toplist {border-spacing: 0 0.4em;}
  .widget .tablepress {margin: -20px 0 -24px 0;}
  .toplist td {width: auto; display: table-cell; text-align: left;}
  .site-main .toplist td.column-1 {width: 195px;}
  .site-main .toplist td.column-4 {width: 200px;}
  .toplist td.column-4 a {text-align: center;}
  /* .toplist td.column-1 a, .toplist td.column-2 {padding: 0 0.2em 0 1.4em;} */
  .post-img, .post-content {display: table-cell; vertical-align: top;}
  .menu-toggle {top: 4em;}

  .main-navigation {font-size: 0.85em; padding: 0 1em;}
  .main-navigation a {padding-left: 0.6em; padding-right: 0.6em;}
}

/* >= 910px */
@media screen and (min-width: 56.875em) {
  .site-footer .main-navigation {
    display: block;
    background-color: #878787;
    width: 100%;
  }
  .site-footer .main-navigation .sub-menu li {background-color: #878787;}
  .site-footer .primary-menu li a {
    line-height: 5.5em;
  }
  .site-footer .main-navigation li:hover > a,
  .site-footer .main-navigation li.focus > a,
  .site-footer .main-navigation li.current-menu-item > a {
    color: #4b4b4b;
  }
  .footer-col1, .footer-col2 {width: 50%;}

}

/* >= 985px */
@media screen and (min-width: 61.5625em) {
  .entry-title {
    font-size: 1.8rem;
    line-height: auto;
    margin-bottom: 1.05em;
  }
}


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

@media screen and (min-width: 1027px) {
  .main-navigation {font-size: 0.9em; padding: 0 1.5em;}
  .main-navigation a {padding-left: 1em; padding-right: 1em;}
}

/* >= 1280px */
@media screen and (min-width: 1280px) {
  #top-info {position: absolute; width: auto; right: 30px; top: 31px;}
  .main-navigation {font-size: 1em; padding: 0 2.7em;}
  .main-navigation a {padding-left: 1.5em; padding-right: 1.5em;}
}