/*
Theme Name: LOTGrafix Child
Theme URI:  https://lotgrafix.com
Author:     LOTGrafix
Author URI: https://lotgrafix.com
Template:   lotgrafix
Version:    1.0
License:    GNU General Public License v2 or later
*/


body{color:#ccc}
h1, h2, h3, h4, h5, h6{color:#fff}
li:before{color:#0f0}
span{color:#0f0}

.pads [class*="ws-"] {padding:2em 3%}

#header #fixed-bar{background-color:rgba(0,0,0,.9);box-shadow:0 5px 50px rgba(0 0 0 / 75%);background-image:none}
#header #mid-bar .icons a{color:#0f0;border:1px solid transparent}
#header #mid-bar .icons a:hover{border-color:#0f0}

#header .slideshow #slide-quote .textwidget{background-color:rgba(0,0,0,.9)}

.home #header .slideshow{height:100vh}
.home #header .slideshow #slide-quote .widget-title{font-size:3em}

#body{background-color:rgba(0,0,0,.9); background-image:
	linear-gradient(
		-10deg,
		rgba(0,0,0,1),
		rgba(0,0,0,0),
		rgba(0,0,0,1)
	),
	repeating-linear-gradient(
		45deg,
		rgba(100,100,100,.05),
		rgba(100,100,100,.05) 1px,
		transparent 1px,
		transparent 10px
	),
	repeating-linear-gradient(
		-45deg,
		rgba(100,100,100,.05),
		rgba(100,100,100,.05) 1px,
		transparent 1px,
		transparent 10px
	)}

#body #content a{color:#0f0}
#body .sidebar a{color:#fff}

#footer{border-top:5px solid #111}

#footer figure.gallery-item{}
#footer figure.gallery-item .gallery-icon{aspect-ratio:1 / 1}
#footer figure.gallery-item .gallery-caption{display:none}

#footer .widgets{border-top:none}

#footer .credits{background-color:#000;border-top:1px solid #111;box-shadow:0 0 50px #000}
#footer .credits li a:hover{border-color:#0f0}
#footer .credits .copyright a{color:#0f0}

#scroll2top{background:#0f0;color:#000;padding:.4em .6em;box-shadow:0 0 25px #000, 0 0 25px #000}


@media all and (max-width:960px) and (orientation:landscape) { /* Header Bar fix for Horizontal Orientation */

	.home #header .slideshow #slide-quote .widget-title{font-size:2em}
	.post-content [class*="gallery-columns"] .gallery-item {flex: 0 0 calc(100% / 3 - 2%)}

}


@media all and (max-width:960px) and (orientation:portrait) { /* Header Bar fix for Vertical Orientation */

	.post-content [class*="gallery-columns"] .gallery-item {flex: 0 0 calc(100% / 2 - 2%)}

}


@media all and (max-width:720px) and (orientation:portrait) {

	.home #header .slideshow #slide-quote .widget-title{font-size:1.5em}
	#body #content figure.gallery-item .gallery-icon{}
	#foot-logo{display:none}
	.mob-block{display:block}


}

:root {
	--foot_menu:	#fff;
	--foot_credit:	#fff;
	--icon_social:	#0f0;
	--mob_menu:		#fff;
	--mob_menu_hvr: #fff;
}