/* ---------- BEGIN CUSTOM CSS ---------- */

/* ADMIN BAR */

.custom-wp-admin-bar {
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
	}

.custom-wp-admin-bar p {
	margin: 0px;
	padding: 0px;
	}
	
.custom-wp-admin-bar a {
	display: block;
	color: #fff;
	padding: 6px 10px;
	}
	
.custom-wp-admin-bar a:hover {
	color: #72aee6;
	background-color: #2c3338;
	height: 100%;
	}
	
/* AUDIO IGNITER */

.ai-wrap {
	border-radius: 8px !important;
	}
	
.ai-wrap img {
	border-radius: 2px !important;
	}

/* BODY */

body {
	padding-top: 99px;
	}

/* BUTTONS */

.button-hover-edit a:hover {
	color: #e5d600 !important;
	}
	
/* COMMENTS FORM */

.wp-block-comments #submit {
	height: 60px !important;
	color: #f6f6f6;
	margin: 0;
	}
	
.wp-block-comments #submit:hover {
	height: 60px !important;
	color: #e5d600;
	margin: 0;
	}

/* CONTACT FORM */

.contact-submit {
	cursor: pointer;
	color: #f7f7f7 !important;
	height: 60px !important
	}
	
.contact-submit:hover {
	color: #e5d600 !important;
	}
	
.wpcf7 input {
	border-color: #272727;
	margin: 5px 0 !important;
	}
	
.wpcf7 textarea {
	border-color: #272727;
	margin-top: 5px !important;
	}
	
.wpcf7-not-valid-tip {
	color: #e5d600;
	}
	
.wpcf7-response-output {
	border: 3px solid #e5d600 !important;
	padding: 15px 20px !important;
	margin: 30px 0 0 0 !important;
	border-radius: 4px;
	text-align: center;
	color: #e5d600;
	}

/* CONTACT FORM (cloudflare turnstile) */

.cf7-cf-turnstile {
	text-align: center !important;
	margin: -20px 25px 0 25px !important;
	}

/* FOOTER (search) */

.wp-block-search__button-outside, .wp-block-search__input, .wp-block-search__button {
	height: 60px !important;
	}

/* FOOTER (recent posts) */

.recent-posts-footer {
	border-bottom:dotted 1px #272727;
	}

/* FOOTER (post categories) */

.categories-list-footer {
	text-align: left;
	margin: 0 !important;
	padding: 23px 0 5px 0;
	list-style-type: none;
	border-bottom: dotted 1px #272727;
	}

.categories-list-footer li {
	display: inline-block;
	margin: 0 5px 18px 0;
	}

.categories-list-footer a {
	color: #f6f6f6;
	padding: 6px 20px 7px 20px;
	background: #151515;
	border-radius: 30px;
	}
	
.categories-list-footer a:hover {	
	color: #f70f5d;
	}

/* FOOTER (post tags) */

.tags-list-footer {
	line-height: 12px;
	text-align: left;
	margin: 0 !important;
	padding: 28px 0 3px 0;
	list-style-type: none;
	border-bottom:dotted 1px #272727;
	}

.tags-list-footer li {
	display: inline-block;
	margin: 0 2px 28px 0;

	}

.tags-list-footer a {
	font-size: 12px;
	color: #f6f6f6;
	padding: 8px 16px 10px 16px;
	background: #151515;
	border-radius: 20px;
	}
	
.tags-list-footer a:hover {	
	color: #f70f5d;
	}
	
/* IMAGE CAPTION */

.wp-element-caption {
	margin-top: 15px !important;
	text-align: center !important;
	}

/* NAV MENU (desktop & laptop nav menu) */

.fixed-nav {
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 3px solid #e5d600;
}

.nav-menu-edits a {
	color: #f7f7f7 !important;
	padding: 7px 15px;
	}

.nav-menu-edits a:hover {
	color: #f70f5d !important;
	}

.nav-menu-edits .current-menu-item >a, .nav-menu-edits .current-menu-ancestor >a {
	font-weight: 600 !important;
	color: #f6f6f6 !important;
	background-color: #f70f5d !important;
	border-radius:30px;
	margin: 0 15px;
	padding: 7px 20px;
	}

.nav-menu-edits .current-menu-item >a:hover, .nav-menu-edits .current-menu-ancestor >a:hover {
	color: #e5d600 !important;
	}

/* NAV MENU (tablet & mobile nav menu) */

.shiftnav {
	width: 300px !important;
	padding-top: 2px !important;
	background-color: #151515 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	}
	
.shiftnav a {
	color: #f6f6f6;
	padding: 15px 30px !important;
	border-bottom: 1px dotted #252525;
	background-color: transparent !important;
	}

.shiftnav a:hover {
	color: #e5d600 !important;
	}

.shiftnav-toggle {
	font-size: 26px;
	color: #f6f6f6;
	background-color: #000;
	margin: 0;
	padding: 0;
	}

.shiftnav-toggle:hover {
	color: #f70f5d;
	background-color: #000;
	margin: 0;
	padding: 0;
	}
	
.shiftnav .current-menu-item >a, .shiftnav .current-menu-ancestor >a {
	color: #f70f5d !important;
	}

.shiftnav-panel-close {
	color: #e5d600 !important;
	background: none !important;
	padding: 17px 30px !important;
	}

.shiftnav-depth-1, .shiftnav-depth-2, .shiftnav-depth-3, .shiftnav-depth-4 {
	padding-left: 30px !important;
	}

/* TEXT SELECTION */

::-moz-selection {
	color: #151515;
	background: #73e600;
	}
	
::selection {
	color: #151515;
	background: #73e600;
	}

/* -------- END OF CUSTOM CSS -------- */