/* === SCROLLBAR === */
::-webkit-scrollbar { border-color: #f8f8f8; background: #202629; }
::-webkit-scrollbar-thumb {	border-color: #f8f8f8; background: #de4351; }

/* === MAIN COLOUR SCHEME === */
body, .toolwrap { background-color: #f8f8f8; color: #494f52; }

/* === WEBSITE NAME === */
#topbar h1 { color: #202629; } /* website name text colour */
#topbar h1::before, footer #inner #flinks #social a.mail::before { background-color: #debc4e; } /*  website name's highlight colour */

/* === MENU BAR === */
nav { background-color: #ffffff; color: #060606; border-color: #cacbcc; box-shadow: 2px 2px 5px #e5e6e6; -webkit-box-shadow: 2px 2px 5px #e5e6e6; }
nav ul.menu::before, #show-menu i { color: #de4351; } /* menu icon */
nav ul.menu li a, nav ul.menu li .sub-menu a { color: #494f52; } /* menu links colour */
	/* below are only applicable if you have sub-menus */
	nav ul.menu li.menu-item-has-children a:not(:only-child)::after { border-color: #494f52; } /* dropdown arrow */
	nav ul.menu li a:hover, nav ul.menu li .sub-menu a:hover { color: #de4351; } /* links hover colour */
	nav ul.menu li .sub-menu { background-color: #ffffff; border-color: #cacbcc; } /* background colour of sub-menu */
	nav ul.menu li .sub-menu li { border-color: #cacbcc; } /* border of sub-menu */
	nav ul.menu li .sub-menu li::before { background-color: #cacbcc; } /* bullet colour for each link in sub-menu */

/* === GALLERY MENU === */
#smenu { color: #494f52; }
#smenu ul::before, .breadstat::before, #smenu ul::after, .breadstat::after { border-color: #202629; } /* border-color */
#smenu li a, .breadstat a { color: #494f52; } /* link colours */
#smenu li a:hover, .breadstat a:hover { color: #de4351; }

/* === ADMIN MENU === */
.admin_menu a { color: #8f9294; }
.admin_menu a:hover { color: #202629; }

/* === MAIN TABLES === */
.maintable, .maintable01 { background-color: #ffffff; border-color: #cacbcc; box-shadow: 2px 2px 5px #e5e6e6; }
.tableh1 { color: #202629; border-bottom-color: #cacbcc; } /* table name */
.tableh1 span::before { color: #59b3df; } /* folder icon */

/* === SECONDARY TABLES === */
.tableb a, .tablef a { color: #4489ab; } /* table links */
.tableb a:hover, .tablef a:hover { color: #4489ab; }

/* === THUMBNAILS === */
.thumb_title_title::after { background-color: #cacbcc; } /* album title bottom border */
.thumb_title_views { background-color: #e5e6e6; color: #202629; } /* album views */
.thumb_resolution { background-color: #cacbcc; color: #202629; } /* image resolution, if applicable */
.thumb_caption { background-color: #debc4e; color: #f8f8f8; } /* date */

/* === IMAGES === */
a:link .image, a:visited .image { border-color: #cacbcc; }
a:focus .image, a:hover .image, a:active .image { border-color: #202629; }

/* === CATEGORIES LIST === */
.catrow_noalb, .catrow { border-color: #cacbcc; } /* category row */
.catlink i { color: #202629; } /* icon colour */
.catlink .icon::before { background-color: #debc4e; } /* icon background colour */
.catlink .icon::after { border-color: #202629; } /* icon border colour */
.catlink a { color: #202629; } /* category link */
.catlink a:hover { color: #de4351; } /* category link on hover */

/* === GALLERY STATISTICS === */
.statlink2 { color: #8f9294; box-shadow: inset 0 -6px 0 #e5e6e6; } /* highlight colour; change colour code only for box-shadow */
.statlink2 strong { color: #202629; } /* numbers' colour */

/* === ALBUMS LIST === */
.alblink { border-color: #cacbcc; } /* border-bottom colour */
.alblink::before { background-color: #de4351; } /* bullet colour for album titles */
.alblink a { color: #202629; } /* album link colour */
.alblink a:hover { color: #de4351; } /* album link colour on hover */

/* === ALBUM TITLE - ALBUM VIEW ONLY === */
#container h1, #container h2 { color: #202629; }

/* === ALBUM PAGES === */
.navmenu1 { color: #8f9294; } /* current page number */
.navmenu a { color: #202629; } /* page numbers */
.navmenu a:hover { color: #de4351; }

/* === ELEMENTS (TEXT BOXES, DROPDOWNS, ETC.) == */
.textinput, .listbox { border-color: #cacbcc; } /* text fields & list boxes' border */
.textinput:focus { border-color: #de4351; } /* text fields' border on hover */
select { border-color: #cacbcc; } /* dropdowns */
.button, .buttonlist ul li a { background-color: #202629; color: #ffffff; } /* buttons */
.button:hover, .buttonlist ul li a:hover { background-color: #de4351; color: #ffffff; } /* buttons on hover */

/* === FOOTER === */
footer { background-color: #ffffff; border-top-color: #cacbcc; box-shadow: 2px -2px 5px #e5e6e6; } /* change colour code only for box-shadow */
footer #inner #flinks ul#cred { color: #8f9294; } /* credits' main text colour */
footer #inner #flinks ul#cred li::before { background-color: #8f9294; } /* credits' bullet colours */
footer #inner #flinks ul#cred li:first-child::before { background-color: #de4351; } /* bullet colour for website name */
footer #inner #flinks ul#cred li a { color: #202629; } /* link colours in credits */
footer #inner #flinks ul#cred li a::before { background-color: #cacbcc; } /* link colours' highlight */
footer #inner #flinks ul#cred li a:hover::before { background-color: #debc4e; } /* link colours' highlight on hover */
footer #inner #flinks #social a::after { border-color: #202629; } /* social media links' border colour */
footer #inner #disc { color: #494f52; border-color: #cacbcc; } /* disclaimer */

/* === FOR RESPONSIVE MENU === */
@media only screen and (max-width: 700px) {
	nav ul.menu li, footer #inner #flinks ul#cred li { border-color: #cacbcc; } /* border-bottom of menu links */
	nav ul.menu li::before, footer #inner #flinks ul#cred li::before { background-color: #cacbcc; } /* bullet points */
}