/*  
10kBeats Premade 17: Delight - Gallery CSS
*/

/* === SCROLLBAR === */
::-webkit-scrollbar { border-color: #f7f7f7 !important; background-color: #252525; }
::-webkit-scrollbar-thumb { border-color: #f7f7f7 !important; background-color: #252525; }

/* === MAIN COLOUR SCHEME === */
body { background-color: #f7f7f7; color: #4c4c4c }

	/* === if you prefer not to use shadows on text, set the colour value as the same as the body background-color === */
	#site, #smenu, .admin_menu, .catrow_noalb, .catrow, .album_stat, .thumb_title, #st, #si, #sl { text-shadow: 1px 1px #ffffff;}

/* === TOPBAR === */
#topbar { background-color: #252525; color: #f7f7f7; border-color: #f7f7f7 !important; }

#menu { color: #f7f7f7; }
#mbox li a:hover { color: #ffad85; }
#mbox .current-page-item a, #mbox .current-menu-item a { color: #ffad85; }
#mbox .current-page-item a:hover, #mbox .current-menu-item a:hover { color: #f7f7f7; }

	/* SUBMENUS */
	#mbox ul ul, #mbox ul ul li ul { background-color: #f7f7f7; color: #252525; border-color: #252525 !important; }
	#mbox ul ul li, #mbox li>a:not(:only-child):after, #mbox ul ul li>a:not(:only-child):after { border-color: #4c4c4c !important; }

#social i:hover { color: #7eb1e3; }

#search, #searchform input { border-color: #4c4c4c !important; }
#searchform, #searchform input { color: #f7f7f7; }
#searchform input:focus { border-color: #7eb1e3 !important; }

/* === SITE NAME & SLOGAN === */
#site { color: #584758; }
#site span { margin: 0 15px; color: #9f5459; }
#slogan { color: #4c4c4c; }	

/* === GALLERY MENU === */
#smenu { color: #4c4c4c; }

/* === GALLERY ADMIN MENU === */
.admin_menu a { color: #4c4c4c; }
.admin_menu a:hover { color: #9f5459; }

/* === MAIN CONTAINER === */
article { border-color: #bfbfbf !important; }

/* === MAIN TABLES === */
.tableh1 { background-color: #252525; color: #f7f7f7; }
.tableh1 a { color: #f7f7f7; }
.tableh1 a:hover { color: #ffad85; }

/* === SECONDARY TABLES === */
.tableb, .tablef { color: #4c4c4c; text-shadow: 1px 1px #ffffff; }
.tableb a, .tablef a { color: #3d668e; }
.tableb a:hover, .tablef a:hover { color: #3d668e; }

/* === THUMBNAILS === */
.thumbnails table td { border-color: #bfbfbf !important; }
.thumb_title { color: #4c4c4c; }
.thumb_title_title::after { background-color: #252525; }
.thumb_title_views::before, .thumb_caption::before, .thumb_resolution::before { background-color: #252525; }
.thumb_caption { color: #9f5459; }
.thumb_caption::before { background-color: #9f5459; }

/* === IMAGES === */
a:link .image, a:visited .image { border-color: #bfbfbf !important; }
a:focus .image, a:hover .image, a:active .image { border-color: #9f5459 !important; }

/* === CATEGORIES LIST === */
.catrow_noalb, .catrow { color: #4c4c4c; border-bottom: #bfbfbf; }
.catlink { color: #9f5459; border-color: #252525 !important; }
.catlink a:hover { color: #3d668e; }
.catlink a::after { background-color: #584758; border-color: #f7f7f7 !important; }

/* === GALLERY STATISTICS === */
.stath1 { color: #584758; }

/* === BREADCRUMB (GALLERY PATH) === */
.breadstat { background-color: #584758; color: #f7f7f7; }

/* === ALTERNATE ROWS === */
.tableb_alternate { border-color: #bfbfbf !important; }

/* === ALBUMS LIST === */
.tableh2 { background-color: #252525; color: #f7f7f7; }
.tableh2 a:hover { color: #ffad85; }
.alblink a { color: #f7f7f7; }
.alblink a:hover { color: #ffad85; }
.alblink a:before { background-color: #ffad85; }
.album_stat { color: #4c4c4c; }

/* === ALBUM TITLE - ALBUM VIEW ONLY === */
h2 { color: #ffad85; }

/* === ALBUM PAGES === */
.navmenu { color: #4c4c4c; }
.navmenu1 { color: #9f5459; }
.navmenu a { color: #4c4c4c; }
.navmenu a:hover { color: #9f5459; }

/* === ELEMENTS (TEXT BOXES, DROPDOWNS, ETC.) == */
.textinput, .listbox { border-color: #bfbfbf !important; }
.textinput:focus { border-color: #7eb1e3 !important; }
select { background-color: #f7f7f7; border-color: #4c4c4c !important; }
.selected { color: #4c4c4c; }
.button, .buttonlist ul li a { background-color: #ebebeb; color: #252525; }
.button:hover, .buttonlist ul li a:hover { background-color: #bfbfbf; }
.sortorder_cell, .sortorder_options { color: #f7f7f7; }

/* === EXTRA === */
#xtr h4 { background-color: #252525; color: #f7f7f7; }

	/* === SITE NAME & URL === */
	#st { color: #584758; border-color: #bfbfbf !important; }
	#st span { color: #9f5459; }
	#su { color: #4c4c4c; }

	/* === DISCLAIMER OR WELCOME MESSAGE === */
	#si { color: #4c4c4c; }

	/* === OFFICIAL LINKS === */
	#sl { color: #4c4c4c; border-color: #bfbfbf !important; }
	#sl a { background-color: #ebebeb; color: #252525; }

	body {
		font-family: 'Lato', sans-serif;
		font-size: 11px;
		line-height: 18px;
	}

/* === FOOTER === */
footer { background-color: #584758; color: #f7f7f7; }

.maintable {
    background-color: transparent;
    margin: 0 auto 25px auto;
	padding: 0;
}

.tableh1 {
	font-family: 'Old Standard TT', serif;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 1%;
	text-transform: uppercase;
	text-shadow: none;
}

.tableh2 {
	font-family: 'Old Standard TT', serif;
	font-size: 14px;
    padding: 8px;
} 

.tableh2 strong {
	font-weight: normal !important;
}

.tableh2 a {
	color: inherit;
	font-size: 11px;
	text-shadow: none;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.tableh2 a:hover {
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.tableb, .tablef {
	background-color: transparent;
	padding: 1vw 0;
}

.tableb a, .tablef a {
	font-weight: 700;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.tableb a:hover, .tablef a:hover {
	text-decoration: underline;	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.tableb p {
	font-size: inherit;
}

.tableb_alternate {
    background: transparent;
	padding: 1vw 0;
	border-width: 1px 0;
	border-style: solid;
}

/* === CUSTOMIZATIONS === */

::-webkit-scrollbar, ::-webkit-scrollbar-thumb { background-color: #111111; border-color: #f7f7f7; }
			body, .proji { background-color: #f7f7f7; color: #4c4c4c; }
			#topbar { background-color: #111111; color: #f7f7f7; border-color: #f7f7f7; }
			#mbox li a:hover, #mbox .current-page-item a, #mbox .current-menu-item a { color: #a97541; }
			#mbox .current-page-item a:hover, #mbox .current-menu-item a:hover, #searchform input { color: #f7f7f7; }
			#mbox ul ul, #mbox ul ul li ul { background-color: #f7f7f7; color: #111111; border-color: #111111; }
			#social i:hover { color: #a97541; }
			#searchform input:focus { border-color: #a97541; }
			#search, #searchform input, #mbox ul ul li, #mbox li>a:not(:only-child):after, #mbox ul ul li>a:not(:only-child):after { border-color: #4c4c4c; }
			#site, #st { color: #333333; }
			#site span, #st span { color: #333333; }
			#slogan { color: #4c4c4c; }
			.pinfo { color: #4c4c4c; }
			.pinfo .dt { color: #4c4c4c; }
			.even .pinfo .dt { color: #4c4c4c; }
			h1.title, h2 { color: #a97541; }
			.even h1.title, .even h2 { color: #a97541; }
			h1.title a:hover { color: #5d5d2f; }
			.entry::before { background-color: #000000; border-color: #f7f7f7; }
			.even .entry::before { background-color: #000000; }
			h1.title span, .entry { border-color: #252525; }
			.cats { background-color: #7e7036; color: #f7f7f7; }
			.even .cats { background-color: #7e7036; }
			blockquote { border-color: #4c4c4c; }
			blockquote:before, blockquote:after { background-color: #f7f7f7; color: #252525; }
			a.more-link span { box-shadow: inset 0 -6px 0 #ffad85; }
			a.more-link { color: #4c4c4c !important; }
			a.more-link:hover span { box-shadow: inset 0 -6px 0 #7eb1e3; }
			section { border-color: #bfbfbf; }			
			.rel span { background-color: #111111; color: #f7f7f7; }
			.rel a { color: #252525; }
			.rel a:hover { color: #252525 !important; box-shadow: inset 0 -6px 0 #ffad85; }
			.pagination .current { background-color: #252525; color: #f7f7f7; border-color: #252525; }
			.pagination a, .pagination span { background-color: #f7f7f7; color: #4c4c4c; border-color: #4c4c4c; }
			.pagination a:hover { background-color: #4c4c4c; color: #f7f7f7; border-color: #4c4c4c; }
			h5 { color: #4c4c4c; }
			h5 strong { color: #584758; }
			#xtr h4 { background-color: #252525; color: #f7f7f7; }
			#st, #sl { border-color: #bfbfbf; }
			#sl a { background-color: #ebebeb; color: #4c4c4c !important; }
			footer { background-color: #111111; color: #f7f7f7; }
			#site, .sidebox, .pinfo, h1.title, h2, .entry, blockquote:before, blockquote:after, #st, #si, #sl { text-shadow: 1px 1px #ffffff; }
			.catlink { color: #a97541 !important; border: 0 !important; margin-bottom: 0 !important; }
			.catlink a::after { border: 0 !important; display: none !important; }
			.catlink a::before { 
width: 16px !important;
    height: 9px !important;
    top: -17px !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    border: 4px solid !important;
    border-radius: 0 !important;
    z-index: 30 !important;
    content: '\f521' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    display: inline-block !important;
    background-color: #f8f8f8 !important;
    line-height: 1 !important;
    border-color: #f8f8f8 !important;
              color: black !important;
}
.thumb_caption { color: #555; }
.thumb_caption::before {
    background-color: #d28430;
}

.breadstat {
    background-color: #111;
    color: #f7f7f7;
}

.display_media img.image {
    max-width: 100%!important;
    height: auto;
}
img.thumbnail {
    background-image: url(../../../wp-content/uploads/2022/06/header-2022.png);
    background-position: 15% 70%;
}

a:focus .image, a:hover .image, a:active .image { border-color: #d2852f !important; }

.tableh1 h2 { text-shadow: 1px 1px #000; color: #fff !important; }
.stath1 {
    color: #1b1b1b !important;
}

#mbox li {
  padding: 0 25px !important;
}