/*
Theme Name:Open
Theme URI:
Description:Kino Teatr open 2026
Version:0.1
Author:Nick W

colours
Red #bf141a
White #fff
black #000
*/
/* structure */
body { margin: 0; background: #000; font-family:'abel', sans-serif; font-size:21px; }
#outer { background-color:#fff; }
#header { height:100px; background: #bf141a; }
#menu { max-width:1200px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; }
#white { background: #fff; }
#wrapper { margin: 0 auto; max-width:1200px; }
#contents { min-height:600px; display: inline-block; width: 100%; }
#footer { background: #000; min-height:300px; display:inline-block; width: 100%; }
#sock { min-height: 300px; max-width: 1200px; margin: 70px auto; }
#copyright { margin:0 auto; color:#888; max-width:1000px; text-align: center; font-size: 16px; }
#menubtn { display:none; position:absolute; left:250px; top:24px; width: 44px; height: 44px; cursor: pointer; z-index: 20; }
#menubtn .dashicons::before { font-size:44px; color:#fff; }

/* type */
h1 { font-size:42px; }
h2 { font-size:32px; }
h3 { font-size:24px; }
.site-title { display:inline-block; margin: 16px 0; width:280px; color:#fff; text-decoration:none; }
 .site-title a { color:#fff; text-decoration:none; }
.wp-element-caption { font-size: 14px; font-style: italic; text-align: right; }
p { margin: 21pt 0; }

/* menus */

#logo { height:60px; }
.logo-link { display:block; }
img.star { max-width: 60px; height: auto; }

#menu-global { list-style: none; padding: 0; margin: 0; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; column-gap: 50px; height: 100%; }
#menu-global li { display:inline-block; margin: 12px 0 0 0; }
#menu-global li a { color:#fff; font-size: 26px; font-weight: 600; text-decoration: none; }
#menu-global li a:hover { color:#fff; }
#menu-global li.current_page_item a { color:#fff; text-decoration: underline; }
#menu h1 { color:#fff; }

#menu-footer { margin: 0; padding: 0; list-style: none; }
#menu-footer li { margin: 10px 20px 10px 0; padding: 0; display: inline-block; }
#menu-footer li a { text-decoration: none; color: #ccc; }
#menu-footer li a:hover { color: #bf141a; }

#left-sock, #right-sock { width: 50%; }

.social { margin: 40px 0; padding: 0; list-style: none; }
.social li { margin: 0 20px 0 0; padding: 0; display: inline-block; }
.social img { display: inline-block; }

#supporters { max-width:1200px; margin:0 auto; }
.support { margin: 40px 0; padding: 0; list-style: none; display: flex; align-items: center; column-gap: 10%; flex-wrap: wrap; row-gap: 30px; }
.support li { margin: 0 20px 0 0; display: inline-block; }
.whbg { padding: 5px; background: #fff; }
.support-btn a { font-size:0; display: block; }
.support img { display: inline-block; max-height:100%; max-width: 100%; height: auto; }
#supporters h2 { color: #fff; }


/* forms */
.form-column { position: relative; padding-bottom: 60px; }
.wpcf7-turnstile.cf-turnstile { position: absolute; bottom: -120px; }
.wpcf7-form-control.wpcf7-submit { color: #fff; font-size: 16px; background: #bf141a; padding: 12px 18px; border: none; border-radius: 6px; cursor:pointer; max-width:100px; }
.wpcf7-form-control.wpcf7-submit:hover { background: #000; }
.wpcf7 input[type="file"] { cursor: pointer; font-size:16px; font-family:'abel', sans-serif; margin: 10px 0; }
.wpcf7-form-control { max-width: 360px; width: 100%; font-size: 18px; }
/* #wpcf7-f6-o1 { font-style: italic; font-weight: bold; } 

The payment was successful, thank you
Sorry the payment failed, Please try again
*/

/* media queries */
@media screen and (max-width:1200px) {
    #menu, #wrapper { margin:0 10px; }
}
@media screen and (max-width:960px) {
    #supporters { margin:0 10px; }
    .site-title { margin: 24px 0; }
    h1 { font-size: 36px; }
    #menu-global { display:none; }
    #menubtn { display:block; left:auto; right:28px; }
    #menubtn.active .dashicons::before { color:#000; }
    .menu-global-container { position:fixed; top:0; left:0; width:100%; height:100%; visibility:hidden; opacity:0; transition: all 1s; background:#bf141a; z-index: 10; }
    .menu-global-container.shown { visibility:visible; opacity:1; }
    #menu-global { display:block; margin: 120px auto; width: 260px; }
    #menu-global li { display: block; margin: 20px 0; }
    #logo { position: absolute; left: 256px; }
    body.lockd { overflow-y: hidden; }
    #sock { margin: 70px 10px; }
}