/*!
Theme Name: reports
Theme URI: http://smartmultimedia.com.au/
Author: Smart Multimedia
Author URI: http://smartmultimedia.com.au/
Description: reports theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: reports
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

reports is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
* { vertical-align: top; }
a { color: rgb(43, 43, 43); }
a:visited, a:hover, a:focus, a:active { color: rgb(43, 43, 43); }
a:hover { text-decoration: none; }
body { font-size: 16px; font-family: 'DM Sans', sans-serif; color: rgb(43, 43, 43); }
h1, h2, h3, h4, h5, h6 { margin-top: 0; color: rgb(43, 43, 43); }
h1 { font-size: 80px; font-weight: 500; }
h2 { font-size: 38px; font-weight: 500; line-height: 1.18; margin-bottom: 15px; } 
p { margin-top: 0; }
label { font-size: 20px; font-weight: 700; }

input[type="text"],
input[type="password"],
textarea { border: 2px solid rgb(43, 43, 43); color: rgb(43, 43, 43); border-radius: 0; background-color: transparent; font-size: 20px; padding: 14px 7px; width: 100%; }

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus { outline: 1px dotted rgb(43, 43, 43); }

input[type="submit"] { cursor: pointer; font-size: 20px; font-weight: 700; background-color: rgb(43, 43, 43); color: #fff; border: 2px solid rgb(46,46,46); border-radius: 0; padding: 13px 26px; -webkit-transition: 0.2s all; transition: 0.2s all; }
input[type="submit"]:hover { border-color: rgb(46,46,46); background-color: #fff; color: rgb(43, 43, 43); }

@media (max-width: 767px){
	h1 { font-size: 48px; }
	h2 { font-size: 28px; }
	.container { padding-left: 20px; padding-right: 20px; }
}

/* Button */
.button { display: inline-block; cursor: pointer; font-size: 20px; font-weight: 700; background-color: rgb(43, 43, 43); color: #fff; border: 2px solid rgb(46,46,46); border-radius: 0; padding: 13px 26px; text-decoration: none; -webkit-transition: 0.2s all; transition: 0.2s all; }
.button:hover { border-color: rgb(46,46,46); background-color: #fff; color: rgb(43, 43, 43); }

/* Header */
.site-header:before { content: ""; background-color: #f8f8f8; position: absolute; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; }
.site-header .wrapper { padding: 34px; }
.site-header .wrapper h1 { display: inline-block; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-right: 16px; }
.site-header .wrapper p { display: inline-block; margin-bottom: 0; padding-right: 20px; cursor: pointer; background: url(images/icon-chevron-down.png) no-repeat; background-size: 12px 7px; background-position: 100% 50%; }
.site-header .wrapper .profile { display: inline-block; margin-top: 4px; }
.site-header .wrapper .profile .dropdown { display: none; position: absolute; }
.site-header .wrapper .profile.active .dropdown { display: block; }
.site-header .wrapper .profile.active p { background-image: url(images/icon-chevron-up-01.png); }

@media (min-width: 600px) {
	.site-header:before { -webkit-clip-path: polygon(0 0,100vw 0,100vw 37vw,52vw 70vw,0 5vw); clip-path: polygon(0 0,100vw 0,100vw 37vw,52vw 70vw,0 5vw); }
}
@media (min-width: 960px) {
	.site-header:before { -webkit-clip-path: polygon(13vw 0,100vw 0,100vw 16vw,50vw 51vw); clip-path: polygon(13vw 0,100vw 0,100vw 16vw,50vw 51vw); }
}

@media (max-width: 767px){
	.site-header .wrapper { padding: 34px 20px; }
}
@media (max-width: 599px){
	.site-header:before { -webkit-clip-path: polygon(0 0,100vw 0,100vw 50vw,52vw 83vw,0 20vw); clip-path: polygon(0 0,100vw 0,100vw 50vw,52vw 83vw,0 20vw); }
}

/* Error page */
.error-404 { text-align: center; }
.error-404 h1 { font-size: 60px; }

/* Panel - Reports Landing */
.panel-reports-landing { padding-top: 60px; } 
.panel-reports-landing h1 { text-align: center; }
.panel-reports-landing h2 a {  }
.panel-reports-landing .date { font-size: 18px; margin-bottom: 15px; }
.panel-reports-landing .item { margin-bottom: 80px; }
.panel-reports-landing .view-report { margin-right: 20px; }

/* Panel - login form */
.panel-login-form label { display: block; margin-bottom: 4px; }
.panel-login-form input[type="checkbox"] { margin-top: 5px; margin-right: 4px; }
.panel-login-form .inner { max-width: 660px; margin-left: auto; margin-right: auto; }
.panel-login-form .login-remember label { font-weight: 400; font-size: 16px; }