/*
Theme Name: DL 2024
Theme URI: https://dynamic-log.com
Author: DL
Author URI: https://dynamic-log.com
Description: Dynamic log
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.09
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: dl

*/
html{
    background: #000;
    color: #fff;
}
.logo{
    width: 40%;
    margin: 10% auto;
    max-width: 550px;
    padding: 5% 0;
}
#header{
    text-align: center;
}
#site-description h1{
    padding-bottom: 3em;
    font-size: 2em;
}
#site-description h2{
    padding: 1em 20%;
    font-size: 1.5em;
    font-weight: 100;
    line-height: 1.5;
    margin-bottom: 2em;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-family: sans-serif;
    vertical-align:baseline;
}
html{
    scroll-behavior:smooth;
}
body{
    line-height:1
}
a{
    text-decoration-skip-ink:auto;
}
a[href^="tel"]{
    color:inherit;
    text-decoration:none
}
button{
    outline:0
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
q{
    display:inline;
    font-style:italic
}
q:before{
    content:'"';
    font-style:normal
}
q:after{
    content:'"';
    font-style:normal
}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{
    -webkit-appearance:none;
    appearance:none;
    border-radius:0
}
input[type="search"]{
    -webkit-appearance:textfield
}
table{
    border-collapse:collapse;
    border-spacing:0
}
th,td{
    padding:2px
}
big{
    font-size:120%
}
small,sup,sub{
    font-size:80%
}
sup{
    vertical-align:super
}
sub{
    vertical-align:sub
}
dd{
    margin-left:20px
}
kbd,tt{
    font-family:courier;font-size:12px
}
ins{
    text-decoration:underline
}
del,strike,s{
    text-decoration:line-through
}
dt{
    font-weight:bold
}
address,cite,var{
    font-style:italic
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
*{
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{
    border:0;clip:rect(1px,1px,1px,1px);
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute!important;
    width:1px;
    word-wrap:normal!important;
    word-break:normal
}
.screen-reader-text:focus{
    background-color:#f7f7f7;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    -webkit-clip-path:none;
    clip-path:none;
    color:#007acc;
    display:block;
    font-size:14px;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    right:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
.skip-link{
    left:-9999rem;
    top:2.5rem;
    z-index:999999999;
    text-decoration:underline
}
.skip-link:focus{
    display:block;
    left:6px;
    top:7px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    line-height:normal;
    padding:15px 23px 14px;
    z-index:100000;right:auto
}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){
    position:absolute !important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    white-space:nowrap
}
.wLinesF{
    transition-property: fill;
    transition-duration: 0.3s;
    transition-delay: 0.2s;
}
.wLinesS{
    transition-property: stroke;
    transition-duration: 0.3s;
    transition-delay: 0.2s;
}

#menu{
    padding-bottom: 2em;
    position: relative;
}

#menueTop{
    transition-property: transform;
    transition-duration: 0.5s;
    transition-delay: 0s;
}

.topText{
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-delay: 0.3s;
}

a:hover{
    cursor: pointer;
}

.menueSel{
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-delay: 0.2s;
}

#fixedBar{
    display: block;
    position: fixed;
    width: 10%;
    bottom: 0;
    left: 45%;
    right: 45%;
    text-align: center;
}

#menueOpen{
    display: inline-block;
    position: relative;
    width: 7em;
    height: 7em;
    background: rgba(220, 220, 220, 0.5);
    border-radius: 2.5em;
    bottom: 1.5em;
    margin: auto;
}

#menueOpen div{
    display: inline-block;
    position: relative;
    width: 5em;
    height: 0.5em;
    background: rgba(20, 20, 20, 0.5);
    border-radius: 0.5em;
    margin: auto;
    margin-top: 1.1em;
}

#menueOpen:hover{
    cursor: pointer;
}


.cls-1b{
	fill:#fff;
}

.cls-2{
	fill:#d21;
}

main{
	margin-top:-10%;
    line-height: normal;
    font-size: 1.4em;
}

.pageMain{
    padding: 2em;
    position: relative;
    width: 100%;
    top: 4em;
    font-size: 2em;
    line-height: 1.5;
    background: #ffffeb;
    color: #000;
}

.pageMain p, .pageMain ul{
    color: #fff;
    padding: 2em 10%;
}
.pageMain ul li{
    margin-left: 1em;
    padding-left: 0.5em;
    list-style-type: disc;
}
.pageMain ul{
    padding: 0.5em 10%;
    font-style: italic;
}

.heavy {
    font: 34px sans-serif;
    fill: #FFFFFF;
}

.light {
    font: 18px sans-serif;
    fill: #FFFFFF;
    font-style: italic;
}

#x1, #x2, #x3{
    transition-duration: 0.5s;
    transition-delay: 0.5s;
}



main#content header.header{
	display:none;
}

main h1{
    padding-bottom: 1em;
    font-size: 1.8em;
}

footer{
    padding: 8%;
}

aside{
    padding: 8%;
}

aside#sidebar #primary ul.xoxo li.widget_media_image{
	width: 40%;
    margin: 0 5%;
    display: inline-block;
}

#wrapper{
    width: 100%;
    overflow: hidden;
}

svg a{
    transition: 0.3s;
    filter: brightness(1);
}

svg a:hover {
    filter: brightness(1.5);
}

#content, #container, article {
		opacity:1;
		filter: saturate(1);
		min-height:5em;
    }


.categoryPosts{
    display: inline-block;
    width: 100%;
    left: 0;
    right: 0;
    padding: 4em 7%;
    margin: 4em 0;
    background: #fff;
    color: #000;
}

.categoryPosts article{
    float: left;
    width: 50%;
    padding: 1%;
}
.categoryPage{
    padding: 8%;
}
img{
    max-width: 100%;
    height: auto;
}
.pageMain img{
	border:none;
	margin:0;
	padding:0;
	width:100%;
	height: auto;
}
.pageMain{
	padding:0;
	margin:0;
	width:100%;
	background:#000;
	padding-top:2em;
}
.contact2{
	display: inline-block;
	position:relative;
	bottom: 0;
	width: 100%;
}
.contact2 div{
		width:47.5%;
		margin:1%;
		padding:0;
		text-align: center;
		display: inline-block;
		font-size:1.2em;
	}
	.contact2 div a{
		color:#ccc;
	}
	.contact2{
		border-top: 2px solid #d21;
		margin-top: 0.2em;
		padding-top: 1em;
	}
head, body{
	background:#000;
	margin:0;
	padding:0;
}

footer{
	padding-left:0;
	padding-right:0;
	margin-top:3em;
	margin-bottom:4em;
	display:inline-block;
	width:100%;
	position:relative;
	color:#fff;
	z-index:1;
}

#fixedBar{
z-index:1000;
}

@media screen and (orientation:landscape) {
	#menuTop{
		transform:translate(0px, 0px);
	}
    #menu {
        width: 90%;
        position: relative;
        margin-top: 0%;
		opacity:1;
		filter: saturate(1);
        margin: -25em 5%;
    }
	footer{
		margin-top:8em;
	}
}


@media screen and (orientation:portrait) {
    #menu {
        width: 154%;
        position: relative;
        margin-left: -27%;
        margin-right: -27%;
    }
}

@media only screen and (max-width: 1920px) {
  body {
    font-size:75%;
  }
}

@media only screen and (max-width: 1200px) {
  body {
    font-size:40%;
  }
}

@media only screen and (max-width: 600px) {
  body {
    font-size:35%;
  }
}