/*
	Theme Name: AJDJ
	Theme URI: ...
	Description: Custom theme for DJ Aaron Jones
	Author: Jem Turner, Steph Stoner, Christine Nyberg
	Author URI: https://ultimatelybetter.com
	Version: 2
*/

/* RESETS */
* { margin: 0; padding: 0; }
*, *:before, *:after { box-sizing: border-box; }

/* ELEMENTS */
html { font-size:  62.5%; }

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

b, strong { font-weight: 900; }

input,
select,
textarea {
	font: inherit;
	padding: 5px;
}

p, ul, ol, table, blockquote, dl { margin-bottom: 25px; }

ul, ol, dl { margin-left: 2em; }

a { transition: all 0.5s; }

nav ul {
	line-height: 1;
	list-style: none;
	margin: 0 0;
}

nav li {
	display: inline-block;
	width: auto;
}

nav a {
	display: block;
	padding: 10px;
	transition: all 0.5s;
}

nav li ul {
	position: absolute;
	width: auto;
	left: -999em;
	z-index: 10;
}

nav li ul ul {
	margin: -1em 0 0 10em;
}

nav li:hover ul ul,
nav li.sfhover ul ul {
	left: -999em;
}

nav li:hover ul,
nav :focus + ul,
nav ul:focus-within,
nav li li:hover ul {
	left: auto;
}

/* MAIN STRUCTURE */
#container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
	width: 100%;
}

.alignwide > div,
.alignfull > div,
.wrap {
	margin: 0 auto;
	max-width: var(--wp--style--global--wide-size);
}

.site-header,
.site-content,
.site-footer { display: block; } /* old IE support */

.site-content { flex: 1 0 auto; }

/*
.site-header {
	background-color: var(--wp--preset--color--black);
	flex-shrink: 0;
}
	.site-title {
		line-height: 1;
		margin: 0;
	}
		.site-title a {
			background: url(assets/images/logo.png) no-repeat left center / contain;
			display: block;
			height: 50px;
			text-indent: -200%;
			white-space: nowrap;
			width: 200px;
		}

.site-footer {
	background-color: var(--wp--preset--color--black);
	color: #fff;
	flex-shrink: 0;
}
*/

/* MISC CLASSES */
.alignwide {
	margin-left: calc((var(--wp--style--global--wide-size) - 95vw) / 2);
	margin-right: calc((var(--wp--style--global--wide-size) - 95vw) / 2);
	width: 95vw;
}

.alignfull {
	margin-left: calc((var(--wp--style--global--wide-size) - 100vw) / 2);
	margin-right: calc((var(--wp--style--global--wide-size) - 100vw) / 2);
	width: 100vw;
}

.alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
}
.aligncenter {
	display: block;
	margin: 0 auto 1.5em;
}

.textcenter,
.center { text-align: center; }

.textright { text-align: right; }

/* AJDJ SPECIAL STUFF */
/*TikTok widget*/
div.sb-post-item-image-wrap {
    height: 400px !important;
}
/*Contact page*/
.email {
	background-color: #ff0000;
}
#contact-page-socials span {
	color: var(--wp--preset--color--white);
}
#contact-page-socials svg {
    fill: var(--wp--preset--color--white);
}
/*Captions*/
figcaption.wp-element-caption {
	font-size: 1.4rem;
}
/*Video gallery*/
.video-gallery {
	align-items: center;
}
/*Blog posts overview*/
ul.columns-3.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid {
	margin-left: 0;
}
/*Blog posts*/
.featured-img {
    width: 50%;
    margin: 30px 0 30px 25%;
}

/* RESPONSIVEY STUFF */
@media only screen and (max-width : 1200px) {
	.wrap,
	.alignwide {
		margin-left: auto;
		margin-right: auto;
		max-width: 95vw;
	}

	.alignfull {
		margin-left: -2.5vw;
		margin-right: -2.5vw;
		padding-left: 20px;
		padding-right: 20px;
		width: 100vw;
	}
}
@media only screen and (max-width : 768px) {

}

@media only screen and (max-width : 640px) {

}

@media only screen and (max-width : 599px) {
	#modal-1 {
	   background-color: var(--wp--preset--color--black);
	   color: var(--wp--preset--color--white);
	   padding: 20px;
	}
}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width: 380px) {

}