/*
 Theme Name:   Verbosa Child
 Theme URI:    http://juvankulttuurisivut.fi/
 Description:  Verbosa Child Theme
 Author:       Juvan kulttuurisivut
 Author URI:   http://juvankulttuurisivut.fi
 Template:     verbosa
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  verbosa-child
*/

/* ========================== Lapsiteeman tyylit, näitä ei ylikirjoiteta ======================= */

/* Powered by-höpötyksen piilotus. Jos haluat näkyville takaisin, laita { display:block; } */
#poweredby { display:none; }

/* FB- ja avainsanapilvi-widgettilaatikon reunanpyöristys ja ohentaminen. */
.content-widget-before { margin-left:1%; margin-right:1%; border-radius:5px; }

/* FB- ja avainsanapilvi-widgettien muokkaus 50% leveäksi, jotta mahtuvat kivasti varmasti aina vierekkäin. */
.content-widget-before > .widget-container { width:50%; float:left; box-sizing:border-box; padding:20px; margin:0; }

/* FB- ja avainsanapilvi- widgetlaatikon otsikkojen paikan siirto järkevään kohtaan. */
.content-widget-before > .widget-container > .widget-title span { margin-left:0; padding-left:0; }

/* Hakutoiminto-laatikon reunan pyöristykset ja ylhäälle enemmän tilaa ettei ole aivan liimattuna facebook- ja avainsanalaatikkoon. */
.content-search.pad-container, .not-found.pad-container { border-radius:5px; margin-top:3.5em; }

/* Artikkelisivun ohennusta, jotta kaikkien sivujen laatikoiden leveydet ovat aina samat. */
article.hentry { margin-left:1%; margin-right:1%; }

/*Teeman Sidebar-Before menu alueen teeman oma "menu" valikon piilotus - valikko oli näkyvillä kahteen kertaan. Jos haluat valikon takaisin, laita { display:block; }*/
#access { display:none; }

/*Lisätty 10.5: Youtube-videoiden responsiivisuus wordpressin omaa embeddiä käyttäen. */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; margin-bottom:15px; }
.video-container iframe,  .video-container object,  .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; }

/*Kun laitteen ruudun leveys alle 800 pikseliä (kännykät), niin laita yläosan widgetit vierekkäin. */
@media (max-width: 800px) {
.content-widget-before > .widget-container { width:100%; float:none; }
}