/*!
Theme Name: Mind The Gap
Theme URI: https://mindthegapschool.it
Author: Mind The Gap Srl
Author URI: https://mindthegapschool.it
Description: Tema custom per Mind The Gap English School - Corsi di lingue a Bari. Basato su Underscores + Bootstrap 5.
Version: 1.0.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mindthegap
Domain Path: /languages

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Mind The Gap is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

All custom styles are in: assets/css/custom.css
*/

/* ==========================================================================
   WordPress Core Styles
   ========================================================================== */

/* Alignments */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

.PA15 {padding:15px}
.PA30 {padding:30px}
.PAUP60 {padding:60px}

/* Captions */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    font-size: 0.875em;
    color: #6c757d;
}

/* Galleries */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr); }
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr); }
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr); }

.gallery-caption {
    display: block;
    font-size: 0.875em;
    color: #6c757d;
}

/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

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

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Skip link */
.skip-link:focus {
    z-index: 100001;
}

/* Posts and pages */
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

/* Comments */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Pagination */
.pagination {
    margin-top: 2rem;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* ==========================================================================
   Utility Overrides
   ========================================================================== */

/* Ensure content images are responsive */
.entry-content img,
.page-content img,
.comment-content img {
    max-width: 100%;
    height: auto;
}

/* WordPress block alignments */
.wp-block-image.alignfull,
.wp-block-image.alignwide {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
}

.wp-block-image.alignwide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.mtg-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
}

.mtg-form-group label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #111;
}

.mtg-form-group input[type="text"],
.mtg-form-group input[type="email"],
.mtg-form-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #d0d0d0;
  border-radius: 4px;
  font-size: 16px;
  font-family: inherit;
  transition: border-color 0.2s ease;
  background: #fff;
  box-sizing: border-box;
}

.mtg-form-group input:focus,
.mtg-form-group textarea:focus {
  outline: none;
  border-color: #000;
}

.mtg-form-optional label {
  font-weight: 400;
  color: #555;
}

.mtg-form-submit input[type="submit"],
.mtg-form-submit .wpcf7-submit {
  width: 100%;
  padding: 16px 32px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
  font-family: inherit;
}

.mtg-form-submit input[type="submit"]:hover,
.mtg-form-submit .wpcf7-submit:hover {
  background: #222;
}

/* Messaggio di successo */
.wpcf7-response-output {
  margin-top: 16px !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  border: none !important;
}

.wpcf7-mail-sent-ok {
  background: #f0faf0 !important;
  color: #1a7a1a !important;
}

.wpcf7-validation-errors,
.wpcf7-spam-blocked {
  background: #fff5f5 !important;
  color: #c0392b !important;
}
.BOXED{clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding:1.5em; width:auto; max-width:1240px}
.link a {color:white; padding:5px}

@media (max-width: 480px) {
    p.mediatext {
        font-size: 13px!important; letter-spacing: 0px!important;;
    }
}