/*
 Theme Name:   Twenty Fourteen lapsiteema
 Template:     twentyfourteen
 ***Site:      hamppu.net
 ***Authors:   WeedDog (***lisäkommentit lisännyt Addic)
*/


.wp-polls-archive .wp-polls-ans+p {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #888;
}


body a.scrollup-link { bottom: 80px; z-index: 1000000 !IMPORTANT;}

/**
 * 3.0 Basic Structure - WeedDog/Addic: Tässä on määritelty sivuston leveys eli max-width
 * --------------------------------------------------------------------------------------
 * *** max-width kiinteästä 1260px -> full width 100%
 * *** Kommenteissa on hyvä olla tieto, mikä se arvo oli alun perin, muuten sen joutuu
 * *** kaivamaan vanhempi-teeman style.css:stä ja voi olla etsiminen. Myös tieto siitä
 * *** jos joku määritys on lohkossa täysin uusi (lisätty).
 */

.site {
    max-width: 100%;
}



/**
 * 4.0 Header - WeedDog/Addic: Tässä on määritelty headerin leveys sekä sen taustaväri
 * -----------------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 * *** max-width kiinteästä 1260px -> full width 100%
 */

.site-header {
    background-color: #020;
    max-width: 100%;
}




/**
 * 5.0 Navigation - WeedDog/Addic: Tässä on määritelty menun taustaväri
 * -----------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 */

/* Secondary Navigation */

.menu-toggle {
    background-color: #020;
}



/**
 * 6.0 Content - WeedDog/Addic: Tässä on määritelty bodyn leveyksiä
 * -----------------------------------------------------------------------------
 * *** .hentry kiinteästä 672px -> 80% (koska full width)
 * *** toinen määritys kiinteästä 474px -> 80% (koska full width)
 * väliaikainen testi .hentry 90% (ei 80%)
 */

.hentry {
    max-width: 90%;
}


.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    max-width: 80%;
}


/**
 * 6.2 Entry Header - WeedDog/Addic: Tässä on määritelty entry-titlen fontin kokoa
 * -------------------------------------------------------------------------------
 * *** artikkelien otsikoiden font-size alunperin 33px pienennetään 28px:ään
 */

.entry-title {
    font-size: 28px;
}



/**
 * 6.3 Entry Meta - WeedDog/Addic: Tässä on määritelty entry-metan leveys
 * -----------------------------------------------------------------------------
 * *** Lisätty max-width: 100%;. Tämä määrittelee artikkelin otsikon alle 
 * *** tulevan meta-tiedon leveyden suhteessa artikkelin otsikkoon. Ilman tätä
 * *** määritystä max-width olisi 80% (määritelty muualla) ja meta hassun kapea.
 */

.site-content .entry-meta {
    max-width:100%;
}

/* 4.1.2017: feedzy päivittyi, poistetaan "italic"-tyyli entry-metasta, pieni ylämarginalin säätö */
.entry-meta {
    font-style: normal;
}
.feedzy-rss .rss_item {
    margin-top: 1px;
}



/* 6.7 max width 474px -> 80% */
.post-navigation, .image-navigation {
    max-width: 80%;
}

/* 6.9 */
.archive-header, .page-header {
    max-width: 80%;
}

/**
 * 6.14 Comments - WeedDog/Addic: Tässä on määritelty kommenttialueen leveys
 * -----------------------------------------------------------------------------
 * *** kommenttien leveys kiinteästä 474px -> 80% (koska full width)
 */

.comments-area {
    max-width: 80%;
}



/**
 * 7.0 Sidebars - WeedDog/Addic: Tässä jotain muutoksia Sidebariin
 * -----------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 * *** vähän kikkailua:
 * *** z-index (oli liiotteleva 1000) muutettu 2 -> 4, jotta nousee z-suunnassa
 * *** menupalkin päälle
 * *** margin-top, uusi lisätty ja pakotettu (!IMPORTANT) määritys, joka nostaa
 * *** sivupalkin yläreunan menupalkin päälle (menupalkin korkeus 48 pikseliä)
 */

#secondary {
    background-color: #020;
    z-index: 1000;
    margin-top: -48px !IMPORTANT;
}



/**
 * 7.2 Content Sidebar Widgets - WeedDog/Addic: Tässä jotain muutoksia Widgetteihin
 * --------------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 */

.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
    background-color: #020;
}



/**
 * 8.0 Footer - WeedDog/Addic: Tässä muutoksia footerin taustaväriin
 * -----------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 */

.site-footer {
    background-color: #020;
}


/**
 * 9.0 Featured Content - WeedDog/Addic: Tässä jotain muutoksia yllätys yllätys *** noh noh ei leipäännytä siihen kommentointiin
 * ------------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 */

.featured-content .entry-header {
   background-color: #020;
}

/**
 * Slider - WeedDog/Addic: Tässä joitain muutoksia slideriin
 * -----------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 */

.slider-control-paging {
    background-color: #020;
}

.slider-direction-nav a {
	background-color: #020;
}


/**
 * Navigation - WeedDog/Addic: Tässä joitain muutoksia navigationiin
 * -----------------------------------------------------------------------------
 * *** background-color #000 -> 020 (tumma vihreä)
 * *** artikkelien otsikoiden font-size alunperin 33px pienennetään 28px:ään
 */

.site:before {
    background-color: #020;
}

.slider .featured-content .entry-title {
    font-size: 28px;
}



/**
 * Navigation - WeedDog/Addic: Tässä muutoksia artikkelin navigointiin kommenttiosuudessa
 * --------------------------------------------------------------------------------------------------------------
 * ** margin-right: 54px; muutettu --> auto; (full-width) jotta (Edellinen ja Seuraava -linkit) sijoittuvat oikein
 * ** Ylempi arvo siirtää myös Arkistojen otsikon sijoittumaan oikein (.archive-header)
*/


@media screen and (min-width: 1218px) {
    .archive-header,
    .comments-area,
    .image-navigation,
    .page-header,
    .page-content,
    .post-navigation,
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary, 
    .site-content footer.entry-meta {
     margin-right: auto; }
} 




/**
 * 1.0 WeedDog/Addic: Tässä oma tyylittelypätkä RSS Feedzy pluginiin vastaamaan sivuston tyyliä
 * --------------------------------------------------------------------------------------------
 ** Thumbnail tyylitelty oikealle
 ** Artikkelin fontti muutettu 32px --> 28px
 */

.feedzy-rss .rss_item .rss_image {
	float: left;
	text-decoration: none;
	border: none;
	position:relative;
}
.feedzy-rss .rss_item .rss_image span{
	display:inline-block;
	background-size: cover;
	background-position: 50%;
	position: absolute;
}
.feedzy-rss .rss_item .rss_image {
	margin: 0.3em 1em 0 0;
}

div.rss_image { 
    float: right !IMPORTANT;
    margin: 0.3em 0 0 1em !IMPORTANT;
    clear: left;
}
.rss_item:before {
    content: " ";
    height: 40px;
    width: 0px;
    float: left;
}

.entry-content .feedzy-rss .rss_item .title {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.0909090909;
    margin-bottom: 12px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.feedzy-rss .rss_item .title a {
    text-decoration: none;
    color: #2b2b2b;
}
.feedzy-rss .rss_item .title a:hover {
    color: #41a62a;
}
.feedzy-rss {
    margin-top: -11px;
}

/* kapealla näytöllä muutetaan otsikot pienifonttisiksi ja piilotetaan kuva */
@media screen and (max-width: 400px) {
  .site-content .entry-content .feedzy-rss .rss_item .title {
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 12px;
    margin: 0 0 12px 0;
    text-transform: none;
  }
  div.rss_image { 
    display: none;
  }
}

/* keskikokoisella näytöllä pidetään kuva näytöllä myös kotimaan uutiset -sivulla näin: */
@media screen and (min-width: 400px) and (max-width: 800px) {
  div.rss_image, div.rss_image span {
    max-width: 133px;
    max-height: 100px;
  }
  body .entry-content .rss_item:before { height: 40px; }
}



/**
 * 2.0 WeedDog/Addic: Tässä pätkä jolla määritellään WP:n oma RSS -syöte vastaamaan omien artikkeleiden tyyliä
 * -----------------------------------------------------------------------------------------------------------
 */

.widget_rss span.rss-date:before { content: '\f303 '; font-family: Genericons; vertical-align:-2px; }
.widget_rss li { clear: both; }
.widget_rss ul li a.rsswidget { float: left; width: 100%;}
.widget_rss .rss-date { float: left; margin-right: 0.5em; margin-top: 2px; font-size: 12px; text-transform: uppercase; }
.widget_rss .rssSummary { float: right; width: 100%;}
.widget_rss .rssSummary { margin-bottom: 18px; margin-top: 4px; }
.widget_rss cite { font-style: normal; font-size: 12px; text-transform: uppercase; display: inline-block; }



/**
 * 3.0 WeedDog/Addic: Tässä tyylipätkä jolla määritellään sivuille vesileima hamppunet-logolla
 * -------------------------------------------------------------------------------------------
 */

.watermark {
    width:100%;
    background: url(/images/watermark.png) center center no-repeat; 
    background-size: 100% auto;
}


/* feedzy: kaunistukseksi box shadow */
/* piilotetaan oletuksena, footerin javascriptillä näytetään, jos kuvan lataus onnistuu */
.feedzy-rss li.rss_item .rss_image span.fetched
{ 
    filter:none; 
    display: none;
    box-shadow: 5px 5px 10px #888;
}
.feedzy-rss li.rss_item .rss_image span.fetched:hover
{
    filter: none; 
    box-shadow: 5px 5px 11px #777;
}


/* feedzy: lehdelle drop shadow */
.feedzy-rss li.rss_item .rss_image span
{
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
}
.feedzy-rss li.rss_item .rss_image span:hover
{
    filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.6));
}
/* piilotetaan (.fetched-kuvan jälkeen tuleva) default-lehtikuva oletuksena, näytetään footerin javascriptillä */
.feedzy-rss li.rss_item .rss_image span.fetched+span
{
    visibility: hidden;
}


/* feedzy: metan jälkeen tyhjää, eli ennen ensimmäistä tekstikappaletta p */
.feedzy-rss li.rss_item .rss_content p:first-of-type
{ 
    margin-top: 10px;
}


/* yläpalkille varjo ja nosto päällimmäiseksi, kun ruutua vieritetään */
.shadowed {
    box-shadow: 2px 2px 5px #000;
    z-index: 10000;
}


/* Kevennetään kaikkia otsikoita: font-weight: 700 -> 400 */
/* sopii paremmin yhteen 28px pääotsikon kanssa, jonka weight on 300 */
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}


/* social buttons muotoilut!! */

@media screen and (min-width: 480px) { body a.ss-button-facebook, body a.ss-button-googleplus, body a.ss-button-twitter, body a.ss-button-linkedin, body a.ss-button-pinterest, body a.ss-button-xing {
    transform: scale(0.6);
    transform-origin: left top;
    margin-right: -12px;
} }

body .social-sharing span {
    vertical-align: -9px;
    font-size: 100% !important;
    padding-right: 5px;
}


/* Muutetaan Polls -pluginin tyyliä */
.wp-polls-form > p { 
    text-align: left !important; 
} 



.wp-polls > p { 
    text-align: left !important; 
} 


.wp-polls .Buttons { 
    background-color: #24890d !important; 
}


.wp-polls ul { 
    margin-bottom: 18px !important; 
}


.wp-polls-ul li { 
    margin-bottom: 8px; 
}


.wp-polls .pollbar { 
    background: linear-gradient(#8F8,#6D6);
    box-shadow: 2px 2px 4px #686;
}


/* piilota kategoriat otsikoiden yläpuolelta artikkelilistauksessa (Hamppu.netin artikkelit), myös kategorialistauksessa */
.blog div:first-child.entry-meta, .archive.category div:first-child.entry-meta {
  display: none;
}

/* 420-kello pienemäksi kapeammalla näytöllä ja vielä pienemmäksi vielä kapeammalla näytöllä */
@media screen and (min-width: 1080px) and (max-width: 1218px) {
  #clock {
    transform: scale(0.9);
    transform-origin: 45% top;
  }
}
@media screen and (min-width: 846px) and (max-width: 1080px) {
  #clock {
    transform: scale(0.8);
    transform-origin: 40% top;
  }
}
@media screen and (max-width: 846px) {
  #clock {
    transform: scale(0.6);
    transform-origin: 30% top;
  }
}


.ifc-admin-tick-icon { color: #484 !important; background-color: transparent !important; }