/*
Theme Name: Kaarija 1.0 (based on newcss)
Author: submariini, based on David Mytton
Requires at least: 5.4
Tested up to: 5.4
Requires PHP: 7.0
License: GPLv2 or later
Text Domain: arctonauts
*/

/*
Content Width Config
https://codex.wordpress.org/Content_Width
*/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/*
WordPress Core
https://codex.wordpress.org/CSS
*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gallery-caption
.bypostauthor
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky { color:red; }

.wp-block-image{margin:0}




/*

    GENERAL STYLES

*/

*{
    -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    margin:0;padding:0;
}
body{
    font-family:'Roboto Condensed', sans-serif;
    font-size:16px;
    line-height: 20px;
    background:#fafafa;
    color:#111;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-transform: lowercase;
    letter-spacing: 1px;
}.container{ 
    margin: auto;
    width:calc(100vw - 120px);
    max-width: 500px;
}
a{
    text-decoration: none;
    cursor:pointer;
    color:inherit;
}
a:hover{
	font-style:italic;
	opacity: 0.5;
}
img {max-width:100%; height:auto;}




/*

    HEADER STYLES

*/

#site_logo{
    width: 100%;
}
nav{
    margin:30px 0px 0px 0px;
    font-size:12px;
    text-transform: lowercase;
}
nav a{
    display: inline-block;
    margin-right: 30px;
}

/***
 * 
 * FOOTER
 * 
 **/

footer{
    text-transform: lowercase;
    font-size:12px;
    position:relative;
    margin-bottom: 15px;
}
.support{
    position: absolute;
    top:0;right:0px;
}
.support a{
    line-height: 20px;
}
.arrow_out{
    display: inline-block;
    padding:2px;padding-right:0px;
    width:16px;height:16px;
    float: right;
}
.arrow_out::after{
    float: right;
    content:url("/wp-content/uploads/2024/06/Arrow-Up-Right_SM-1.svg");
}

/***
 * 
 * MAIN
 * 
 **/

h2{
    margin-bottom:60px; 
    font-family:'Roboto Mono'; 
    font-weight:600; 
    font-size:24px; 
    text-align: right;
}

/***
 * 
 * EVENT BOX 
 * 
 **/

.event_box{
    position: relative;
    margin-bottom:60px;
}
.event_box_top{
    width:calc(100% - 20px);
    display: flex;
    font-size: 14px;
    color:#777;
}
.event_box_date{
    /*flex:1;*/
    width:auto;
    margin-right:30px;
}
.event_box_location{
    /*flex:2;*/text-transform: uppercase;
}
.event_box_tickets, .event_box_media{
    position: absolute;
    right:0;top:0;
}
.svg_file{
    display: inline-block;
    padding:2px;padding-right:0px;
    width:16px;height:16px;
}
.svg_file::after{
    content: url('/wp-content/uploads/2024/05/Romantic-ticket-4.svg');
}
.svg_file:hover{
    opacity: 0.5;
}
.event_box_tickets a img, .event_box_media a img{padding:2px;}


@media (prefers-color-scheme: light){
    body{
        background:#fafafa;
        color:#111;
    }
    nav ul li:before, .event_box_top{
        color:#777;
    }
    .svg_file:after{
        content: url('/wp-content/uploads/2024/05/Romantic-ticket-4.svg');
    }
    .arrow_out:after{
        content:url("/wp-content/uploads/2024/06/Arrow-Up-Right_SM-1.svg");
    }

}
@media (prefers-color-scheme: dark){
    body{
        background:#111;
        color:#fafafa;
    }
    nav ul li:before, .event_box_top{
        color:#bbb;
    }
    .svg_file:after{
        content: url('/wp-content/uploads/2024/05/Romantic-ticket-3.svg');
    }
    .arrow_out:after{
        content:url("/wp-content/uploads/2024/06/Arrow-Up-Right_SM-2.svg");
    }
}

#peopleschampion{
	margin:60px 0px;
}#peopleschampion a{
	text-decoration:underline
}