/*
Theme Name:  Mynämäen Teollisuusperintö
Theme URI:   https://example.com/twentythirteen-child/
Description: A child theme of Twenty Thirteen with two custom page layouts: (1) Full-Width — no sidebar, wider content area; (2) Standard — original Twenty Thirteen sidebar layout preserved.
Author:      Your Name
Author URI:  https://example.com
Template:    twentythirteen
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags:        two-columns, right-sidebar, custom-menu, featured-images, translation-ready
Text Domain: twentythirteen-child
*/

/* ============================================================
   Import parent theme
   ============================================================ */
@import url('../twentythirteen/style.css');


/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Dosis:wght@200..800&family=Licorice&family=Parisienne&display=swap');




/*
    --- - Sivutuuli edits. - ---

*/

.site-header .site-title:hover {
    text-decoration: none;
}

.site-header .site-title {
  font-family: "Parisienne", cursive;
  font-weight: 400;
  font-style: normal;

  font-size: 5em;
}


.site-main {
    background-color: #D2C0A8;
}

.entry-header {
    max-width: 100%;
}


h1.entry-title {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 2em;
    width: 80%;
}


/* ============================================================
   LAYOUT 1 — Full-Width (no sidebar)
   Template: page-full-width.php
   Body class added: .page-template-page-full-width
   ============================================================

   Twenty Thirteen uses a 604px content column + 220px sidebar.
   On the full-width template we remove the sidebar entirely and
   let the content expand to the full site container width.
   ============================================================ */

/* The site container in Twenty Thirteen is 1600px wide but the
   inner .site wraps at ~1040px. We work within that wrapper. */

.page-template-page-full-width #primary {
    float: none;
    width: 100%;
    max-width: 80%;       /* wider than the default ~604px */
    margin: 0 auto;
}

/* Hide the sidebar widget area on this template */
.page-template-page-full-width #secondary {
    display: none;
}

/* Give the content a little extra breathing room */
.page-template-page-full-width .entry-content,
.page-template-page-full-width .entry-summary {
    max-width: 100%;
}

/* Slightly larger body text on wide pages */
.page-template-page-full-width .entry-content p,
.page-template-page-full-width .entry-content li {
    font-size: 1.05em;
    line-height: 1.8;
}

/* Responsive: below the breakpoint Twenty Thirteen already stacks;
   nothing extra needed — just tighten the max-width */
@media (max-width: 767px) {
    .page-template-page-full-width #primary {
        max-width: 100%;
        padding: 0 20px;
    }
}


/* ============================================================
   LAYOUT 2 — Standard (original sidebar layout)
   Template: page-standard.php
   Body class added: .page-template-page-standard
   ============================================================

   This template keeps Twenty Thirteen's default two-column
   layout exactly as-is. No CSS overrides are needed; the
   parent theme styles apply unchanged. The template file is
   provided so editors have an explicit choice in the Page
   Attributes panel and the label is clear.
   ============================================================ */

/* No overrides required — parent styles handle everything.
   The selector below is a no-op placeholder so developers
   know where to add future customisations for this layout. */
.page-template-page-standard {
    /* inherits all Twenty Thirteen defaults */
}
