/*
Theme Name: Bootstrap
Theme URI: https://getbootstrap.com/
Author: Bootstrap Team
Author URI: https://getbootstrap.com/
Description: Wordpress theme for the most popular HTML, CSS, and JS library in the world.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 5.3.2
License: MIT
License URI: https://github.com/twbs/bootstrap/blob/main/LICENSE
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

.zoom {
	overflow: hidden;
}
.zoom .item-image {
  transition: transform .5s ease;
}

A:hover .item-image {
	transform: scale(1.25);
}
STRONG {
	font-weight: bold;
}
.bungee {
	font-family: 'Bungee', cursive;
}

.text-shadow {
	text-shadow: 2px 2px 10px #000000;
}

.row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.28571428571429%;
}

.hidden {
	display: none ! important;
}

#page-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}

#page-single-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}

#page-photo-prev {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#page-photo-next {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#page-chart {
	width: 100%;
	min-height: 400px;
}

#front_video {
	display: block;
	object-fit: cover;
	opacity: .5;
	width: 100%;
	height: calc( 100vh - 56px );
}

.admin-bar #front_video {
	height: calc( 100vh - 88px );
}

.img-thumb {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.page-thumb:not(:nth-child(-n+6)) {
	display: none;
}
.page-thumb A {
	display: block;
	background-color: #444;
}
.admin-bar .offcanvas {
	top: 46px;
}
@media screen AND ( max-width: 767px ) {
	#page-image {
		height: 100vw;
	}
	#content H1 {
		font-size: 35px;
	}
}

@media screen AND ( min-width: 768px ) {
	#content H1 {
		font-size: 60px;
	}
}

@media screen AND ( min-width: 768px ) AND ( max-width: 991px ) {
	#page-image {
		height: calc( 100% - 8vw );
	}

}

@media screen AND ( min-width: 992px ) AND ( max-width: 1199px ) {
	#page-image {
		height: calc( 100% - 8.2vw );
	}

}

@media screen AND ( min-width: 1200px ) AND ( max-width: 1399px ) {
	#page-image {
		height: calc( 100% - 95px );
	}

}

@media screen AND ( min-width: 1400px ) {
	#page-image {
		height: calc( 100% - 110px );
	}
}
