/*
Theme Name: My Twenty Twenty One Child Theme
Theme URI: https://steffels.com
Description: A child theme for Twenty Twenty One.
Author: Michael Steffel
Author URI: https://steffels.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

body{height:100%;}
#page{min-height:100%;}
h1{font-size:2.2rem!important;}
h2{font-size:1.7rem;}
h3{font-size:1.5rem;}
header.entry-header.alignwide{padding-top:2em;padding-bottom:.3em;}
/*header.entry-header.alignwide figure{display:none;}
#post-14 header.entry-header.alignwide figure,#post-16 header.entry-header.alignwide figure{display:inline-block;}
header#masthead,footer#colophon{background-color:#444444;}*/
.site-header>.site-logo,#colophon>.site-info{background-color:#fff;padding:1em;text-align:left;}
#masthead,#colophon{margin:0;max-width:100%;padding:0;width:100%;}
/*#masthead .site-logo{background:url(/wp-content/uploads/2020/12/Footer-Brick-1.jpg) no-repeat}*/
#masthead .site-branding,.powered-by{display:none;}
nav#site-navigation{color:#fff;display:block;position:relative;width:100%;}
nav#site-navigation a{color:#666;}
nav#site-navigation a:hover,nav#site-navigation a:active{color:#E57200;}
main#main{padding-top:0;}
nav#site-navigation .sub-menu a {background-color: #fff;}
/*#metaslider_235 .nivo-caption{display:none!important;}*/
.site-header>.site-logo{border-bottom:none;}
/*footer{position:absolute;width:100%;height:15%;right:0;bottom:0;left:0;color:#FFD740;background-color:#424242;clear:both;}*/
.site-logo, #colophon>.site-info{border-top:none;}
footer .site-logo{display:none;}
#main{padding-bottom:0;}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width,#theWorks{margin:.5em auto;max-width:1200px!important;}
body.home .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),body.home *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){margin:0;max-width:100%!important;}/*, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width,#theWorks*/
.entry-content.selected-work{margin:0 0 3em;max-width:1290px!important;}
nav.navigation.post-navigation{display:none;}

/* Grids */
.multicolfigs{display:-ms-grid;display:grid;grid-gap:2em;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));padding:1em 0;margin:0 auto;}
.colfig{margin:0;margin-bottom:1em;max-width:250px;}
.colfig a{color:#555;display:block;text-decoration:none;}
.colfig a:hover{background-color:#dfdfdf;}
.colfig img{max-width:250px;}
#post-7 header,#post-19 header,#post-228 header{display:none;}

@media only screen and (min-width: 822px) {
	.site-header {padding-top:0;}
	.site-logo,#colophon>.site-info{display:block;margin:0 auto;max-width:1200px;width:100%}
	nav#site-navigation>.primary-menu-container{display:block;margin:0 auto;max-width:1200px;text-align:right;width:100%}
	.parent-pageid-7 figure.post-thumbnail{display:inline-block;float:right;padding-left:1em;width:350px;}
    figure.right{float:right;padding-left:1em;}
}


/* Home page carousel */
body.home header#masthead {display:none;}

@keyframes tonext {
	75% {left:0;}
	90% {left:100%;}
	92% {left:100%;}
	95% {left:100%;}
	98% {left:100%;}
	99% {left:0;}
}
@keyframes tostart {
	75% {left:0;}
	90% {left:-300%;}
	92% {left:-300%;}
	95% {left:-300%;}
	98% {left:-300%;}
	99% {left:0;}
}

@keyframes snap {
	95% {scroll-snap-align:center;}
	96% {scroll-snap-align:none;}
	97% {scroll-snap-align:none;}
	98% {scroll-snap-align:none;}
	99% {scroll-snap-align:none;}
	100% {scroll-snap-align:center;}
}

* {box-sizing:border-box;scrollbar-color:transparent transparent; /* thumb and track color */scrollbar-width:0px;}

*::-webkit-scrollbar {width:0;}
*::-webkit-scrollbar-track {background:transparent;}
*::-webkit-scrollbar-thumb {background:transparent;border:none;}
* {-ms-overflow-style:none;}

ol, li {list-style:none;margin:0;padding:0;}
.carousel {filter:drop-shadow(0 0 10px #0003);padding-top:75%;perspective:100px;position:relative;}
.carousel__viewport {bottom:0;counter-reset:item;display:flex;left:0;overflow-x:scroll;position:absolute;right:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;top:0;}
.carousel__slide {background-color:#f99;counter-increment:item;flex:0 0 100%;position:relative;width:100%;}
.carousel__slide:nth-child(even) {background-color:#99f;}
.carousel__slide:before {color:#fff;content:counter(item);font-size:2em;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-40%,70px);}
.carousel__snapper{height:100%;left:0;position:absolute;scroll-snap-align:center;top:0;width:100%;}
  
@media (hover: hover) {
	.carousel__snapper{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite;}
	.carousel__slide:last-child .carousel__snapper{animation-name:tostart, snap;}
}
  
@media (prefers-reduced-motion: reduce) {
	.carousel__snapper {animation-name:none;}
}
/* button */
.wp-block-buttons {left:30%;position:absolute;top:240px;}