/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *         P A T R O N S         *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


/*	-=------------------=-
	 * PATRON DIRECTORY *
	-=------------------=-  */

	.patron-keys-directory {
		margin: auto;
		width: unset;
	}

	.patron-keys-directory td,
	.patron-keys-directory .ivory {
		border: 1px solid #C8B992;
	}

	.patron-keys-directory .ivory,
	.patron-keys-directory .ebony {
	    border-radius: 5px;
		padding: 5px;
		width: 250px;
	}

	.patron-keys-directory .ivory {
		background: ivory;
		color: #363636;
	}

	.patron-keys-directory .ebony {
		background: #363636;
		color: ivory;
	}

	.patron-keys-directory .patron {
		padding: 7px 5px 7px 15px;
	}


/*	-=-------------------------------=-
	 *  M E D I A  •  Q U E R I E S  *
	-=-------------------------------=-  */

	/*	-=---------=-
		 * 900 MAX *
		-=---------=-  */

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

			.patron-keys-directory .ivory,
			.patron-keys-directory .ebony {
				width: 200px;
			}

		}

	/*	-=---------=-
		 * 800 MAX *
		-=---------=-  */

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

			.patron-keys-directory .ivory,
			.patron-keys-directory .ebony {
				width: 175px;
			}

		}

	/*	-=---------=-
		 * 700 MAX *
		-=---------=-  */

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

			.patron-keys-directory .ivory,
			.patron-keys-directory .ebony {
				width: 150px;
			}

		}

	/*	-=---------=-
		 * 600 MAX *
		-=---------=-  */

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

			.patron-keys-directory .ivory,
			.patron-keys-directory .ebony {
				width: 125px;
			}

		}

	/*	-=---------=-
		 * 500 MAX *
		-=---------=-  */

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

			.patron-keys-directory .ivory,
			.patron-keys-directory .ebony {
				width: 100px;
			}

		}

	/*	-=---------=-
		 * 400 MAX *
		-=---------=-  */

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

			.patron-keys-directory .ivory,
			.patron-keys-directory .ebony {
				width: 75px;
			}

		}