/*
Theme Name: Aksuteema
Theme URI: 
Author: Kalle Kemilä
Author URI: https://kallek.fi
Description: Aksun kiva teema
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: aksuteema
Tags: blog, photography, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready, 
*/



.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.logo img{
    max-height: 4rem;
}

a[href*=youtube] {
    position: relative;
        display: inline-block;
         }
     

         a[href*=youtube]::after {
            content: "";
            display: block;
            position: absolute;
            background-image: url(play.svg);
            background-size: contain;
            background-repeat: no-repeat;
            height: 40%;
           aspect-ratio: 1 / 1;
              margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
            filter: invert(1);
    
            transition-duration: 275ms;
        }
        
    
        a[href*=youtube]:hover::after {
    opacity: .7;
        }

        input,  textarea
            {
            padding: .5rem .75rem;
            max-width: 100%;
            border-radius: .5rem;
            border:0;
            background: black;
            color:white;
            font-size: .9rem;
           }
           
           .row, .message
           {
          display: flex;
          flex-wrap: wrap;
          gap:1rem;
          }

        
        .lomake form 
        {
         display: flex;
         flex-direction: column;
         gap:1rem;
       }

  
          
       span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
        width: 100%;
    }
    
    span.wpcf7-form-control-wrap {
        width: 100%;
    }

    @media (max-width: 690px) {
        .not-mobile {
            display: none !important;
        }

        header .is-content-justification-space-between {
            justify-content: center !important;
        }
    }