@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

:root {
	--main-font: 'IBM Plex Sans', sans-serif;
	--main-font-size: 18px; 
	--main-line-height: 1.3;

	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--dark-gray: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--brown: #825b00;
	
	--sidebarbg: #121212;
	--successbg: #adff2f;
	--errorbg: #fcf3f5;
}

.profile-hidden {
	display: none !important;
}

/* Sidebar ----------------------------------- */

@media print {
	#adminmenumain,
	.no-print,
	.nav-tab-wrapper,
	#screen-meta-links {
		display: none !important;
	}
	#wpcontent, #wpfooter {
	    margin-left: 0 !important;
	}
}

#adminmenu {
	margin-top: 0 !important;
}

#wpadminbar .quicklinks > ul > li > a {
	padding: 0 8px 0 9px;
}


/* Links ------------------------------------- */

.stuffbox .inside {
	padding: 0 12px 12px !important;
}


/* Colors ------------------------------------ */

.adm-background { background-color: #121212; }

.adm-black-color { color: #121212; }
.adm-black-color a { border-bottom-color: #121212; }
.adm-black-color a:hover { color: #121212; }
.adm-black-background-color { background-color: #121212; }

.adm-red-color { color: #dc3545; }

.adm-dark-gray-color { color: #333; }
.adm-dark-gray-color a { border-bottom-color: #333; }
.adm-dark-gray-color a:hover { color: #333; }
.adm-dark-gray-background-color { background-color: #333; }

.adm-medium-gray-color { color: #555; }
.adm-medium-gray-color a { border-bottom-color: #555; }
.adm-medium-gray-color a:hover { color: #555; }
.adm-medium-gray-background-color { background-color: #555; }

.adm-light-gray-color { color: #777; }
.adm-light-gray-color a { border-bottom-color: #777; }
.adm-light-gray-color a:hover { color: #777; }
.adm-light-gray-background-color { background-color: #777; }

.adm-white-color { color: #fff; }
.adm-white-color a { border-bottom-color: #fff; }
.adm-white-color a:hover { color: #fff; }
.adm-white-background-color { background-color: #fff; }


/* Font sizes -------------------------------- */

.adm-small-font-size { font-size: .842em; }
.adm-regular-font-size,
.adm-normal-font-size { font-size: 1em; }

.adm-large-font-size,
.adm-larger-font-size {
	line-height: 1.5;
}

.adm-large-font-size { font-size: 1.33em; }
.adm-larger-font-size { font-size: 1.55em; }


/* Login ------------------------------------- */

body.login div#login {
	width: 50vw !important;
}

@media ( max-width: 700px ) {
	body.login div#login {
		width: 60vw !important;
	}
}

@media ( max-width: 600px ) {
	body.login div#login {
		width: 70vw !important;
	}
}


@media ( max-width: 500px ) {
	body.login div#login {
		width: 80vw !important;
	}
}


@media ( max-width: 400px ) {
	body.login div#login {
		width: 90vw !important;
	}
}

.login form {
	border: none;
	box-shadow: none !important;
	background: inherit !important;
	margin-top: 0 !important;
	margin-left: 0;
	padding: 10px 24px !important;
	font-weight: 400;
	overflow: hidden;
}

.privacy-policy-page-link {
	padding-bottom: 3em;
}

body.login {
	background: #ddd;
}

#login h1 a, 
.login h1 a {
	background-image: url("../images/iASD-symbol-v1.svg");
	height: 100px;
	width: 100px;
	background-size: 100px 100px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#login_error {
	display: none !important;
}

#login p.message {
	border-left: none;
	padding: 0 24px 0;
	margin-left: 0;
	margin-bottom: 10px;
	background-color: inherit !important;
	box-shadow: none !important;	
}

#login p.warning {
	color: var(--danger);
	font-weight: 500;
}

#login h3,
#login h4 {
	border-left: none;
	padding: 0 24px 0;
	margin-left: 0;
	margin-bottom: 10px;
	background-color: inherit !important;
	box-shadow: none !important;	
}

body.login div#login form#loginform input#user_login, 
body.login div#login form#loginform input#user_pass, 
body.login div#login form#loginform p.forgetmenot input#rememberme {
	border-radius: 0 !important;
}

body.login div#login form#loginform p.forgetmenot {
	margin-top: 0.35rem;
}

p, 
#adminmenu div.wp-menu-name {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-before: 3;
	-webkit-hyphenate-limit-after: 3;
	-webkit-hyphenate-limit-chars: 6 3 3;
	-webkit-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-last: always;
	-webkit-hyphenate-limit-zone: 8%;
	
	-moz-hyphens: auto;
	-moz-hyphenate-limit-chars: 6 3 3;
	-moz-hyphenate-limit-lines: 2;
	-moz-hyphenate-limit-last: always;
	-moz-hyphenate-limit-zone: 8%;
	
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: 6 3 3;
	-ms-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-last: always;
	-ms-hyphenate-limit-zone: 8%;
	
	hyphens: auto;
	hyphenate-limit-chars: 6 3 3;
	hyphenate-limit-lines: 2;
	hyphenate-limit-last: always;
	hyphenate-limit-zone: 8%;
}
 
/* Timeline ---------------------------------- */

.timeline {
	list-style: none;
}

.timeline > li {
	margin-bottom: 60px;
}

/* For desktop */
@media ( min-width : 640px ){
	.timeline > li {
		overflow: hidden;
		margin: 0;
		position: relative;
	}
	
	.timeline-date {
		width: 110px;
		float: left;
		margin-top: 20px;
	}
	
	.timeline-content {
		width: 75%;
		float: left;
		border-left: 3px #e5e5d1 solid;
		padding-left: 30px;
	}
	
	.timeline-content:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #6fc173;
		position: absolute;
		left: 106px;
		top: 24px;
		border-radius: 100%;
	}
}


/* Maps -------------------------------------- */

input#iasd_default_latlngzoom {
	margin-top: 10px;
	padding: 0;
	border: 0;
	cursor: default;
	border-radius: 0;
	pointer-events: none;
	background: transparent;
}

.switchBtn {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 30px;
	margin-top: 10px;
}

.switchBtn input#iasd_include_mapdata {
	display:none;
}

.slide {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	padding: 6px;
	color: #fff;
	border-radius: 3px;
}
.slide:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 83px;
	bottom: 4px;
	top: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 3px;
}
input#iasd_include_mapdata:checked + .slide {
	background-color: #12c527;
	padding-left: 40px;
}
input#iasd_include_mapdata:focus + .slide {
	box-shadow: 0 0 1px #01aeed;
}
input#iasd_include_mapdata:checked + .slide:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	left: -20px;
}

input:-webkit-autofill::first-line,
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active { 
	font-size: var(--main-font-size) !important;
	font-family: var(--main-font) !important;
}


/* RSS Dashboard widget ---------------------- */

.rss-widget {
	margin-top: 1.5rem;
}

/* TEST */

body.login {
	font-family: var(--main-font);
	font-size: var(--main-font-size);
	line-height: var(--main-line-height);
	background: var(--white);
}
body.login div#login {
	background: var(--white);
}
.login label,
.login #nav a,
input#wp-submit,
body.login div#login form#loginform p.submit input#wp-submit,
body.login div#login p#backtoblog a {
	font-size: var(--main-font-size);
	line-height: var(--main-line-height);
}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login,
body.login div#login form#loginform input#user_pass {
	background: transparent;
	border-radius: 0;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
	box-shadow: none !important;
	color: #121212;
	display: block;
	font-size: var(--main-font-size);
	margin: 10px 0 15px 0;
	padding: 5px 10px;
	transition: border-color .15s linear;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
}
.login .privacy-policy-page-link {
	margin-top: 1em;
}


/* Preloading -------------------------------- */

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.6);
}
.preloader .preloader-message {
	position: fixed;
	top: 50%;
	left: 50%;
	color: var(--white);
	transform: translate(-50%, -50%);
}

/* Empty shapes ------------------------------ */

.dot {
	height: 12px;
	width: 12px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #7e8993;
}

.square {
	height: 12px;
	width: 12px;
	background-color: #bbb;
	border-radius: 0;
	display: inline-block;
	border: 1px solid #7e8993;
}

/* Welcome panel tweaking -------------------- */

.welcome-panel-content {
	margin-right: 13px;
}

/* Welcome panel additional icons ------------ */

/* Formulae:
	.welcome-panel .welcome-[icon-name]:before {
		content: "\fNNN";
		top: [from -1 to -3];
	}
*/
.welcome-panel .welcome-users:before {
	content: "\f110";
	top:-3px;
}

.welcome-panel .welcome-sos:before {
	content: "\f468";
	top:-3px;
}

.welcome-panel .welcome-text-page:before {
	content: "\f121";
	top:-3px;
}

.welcome-panel .welcome-cloud-upload:before {
	content: "\f13b";
	top:-3px;
}

.welcome-panel .welcome-admin-post:before {
	content: "\f109";
	top:-3px;
}

.welcome-panel .welcome-admin-page:before {
	content: "\f105";
	top:-3px;
}

.welcome-panel .welcome-admin-media:before {
	content: "\f104";
	top:-3px;
}

.welcome-panel .welcome-admin-generic:before {
	content: "\f111";
	top:-3px;
}