/*
	Theme Name: Drapes
	Theme URI: https://digitalrelativity.com
	Author: Digital Relativity
	Author URI: https://digitalrelativity.com	
*/

/* Base styles */
body {
	/* font-family: Helvetica, Arial, sans-serif, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
	h1,h2,h3,h4,h5{
		font-family: Times, serif, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;	
		color: var(--primary); */
}
	
main{
	position: relative;
	z-index: 1;
	overflow: hidden;
	p,li,h1,h2,h3,h4,h5{
		/* line-height: 1.4em; */
	}
	a {
		font-weight: 900;
		transition: color 0.3s ease-in-out;
		color: var(--secondary);
		&:hover, 
		&:active {
			color: var(--tertiary);
			transition: color 0.3s ease-in-out;
		}
	}
	/* h1{
		font-size: 3rem;
	}
	h2{
		font-size: 2.5rem;
	}
	h3{
		font-size: 2rem;
	}
	h4{
		font-size: 1.5rem;
	} */
}

a.post-edit-link{
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
	&:hover{

	}
}


/* Wrappers */
.dr-full-width{
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.grid-container{
	margin: 0px auto;
	width: 90.2vw;
}

@media (min-width: 960px) {
	.grid-container{
		max-width: 1465px;
		width: 95.3%;
	}
}




/* Handling focus visibility */

:focus,
:focus-visible{
	outline: 3px solid var(--primary);
	img{
		outline: 3px solid var(--secondary);
	}
}
:focus:not(:focus-visible) { 
	outline: none;
	*{
		outline: none;
	}
}

/* Header */
header.header {

}

/* Buttons */
a.drapes--button {
	display: inline-block;
	padding: 0.85rem 2rem;
	cursor: pointer;
	box-shadow: 0px 3px 5px 0px rgba(55, 57, 54, 0.25), 2px 0px 3px 0px rgba(55, 57, 54, 0.25);
	border-radius: 2rem;
	border: none;
	font-size: 1.125rem;
	text-transform: uppercase;
	line-height: 1em;
	text-decoration: none;
	letter-spacing: 2.16px;
	font-weight: 700;
	transition: all 0.15s ease-in-out; 
	
	&[disabled], &[inert] {
		background-color: var(--gray);
		color: var(--white);
	}
	
	&:hover {
		transition: all 0.15s ease-in-out;
	}
	
	&:focus-visible {
		outline: none !important;
		transition: all 0.15s ease-in-out;
	}
	

}
/* Mobile Menu */
.mobile-menu {

}

/* Media Queries - Consolidated at bottom, smallest to largest */

/* 480px */
@media (min-width: 30em) {

}

/* 640px */
@media (min-width: 40em) {

}

/* 768px */
@media (min-width: 48em) {

}

/* 960px */
@media (min-width: 60em) {

}

/* 1024px */
@media (min-width: 64em) {
	.header {

	}	
}

/* 1280px */
@media (min-width: 80em) {

}

/* 1440px */
@media (min-width: 90em) {

}

/* 1920px */
@media (min-width: 120em) {

}