html {
	// Setting default font-size to 10px (16px * 0.625) so rem-s are easier to calculate.
    // For example 14px will be 1.4 rem etc.
	font-size: 62.5%;   


  	&.wp-toolbar {
		body {
			&.ops_isFullScreen {
				margin-top: -32px;
			}
		}
  	}

	body {
		&.ops_isFullScreen {
			#wpadminbar,
			#adminmenumain,
			#wpfooter {
				display: none;
			}

			#wpcontent {
				margin: 0;
			}

			#wpbody-content {
				padding-bottom: 0;
			}
		}

		&.op-dashboard-admin-app {
			#wpcontent {
				padding-left: 0;
			}
		}

		h1 {
			font-size: 3.8rem;
		}
		
		h2 {
			font-size: 3rem;
		}
		
		h3 {
			font-size: 2.8rem;
		}
		
		h4 {
			font-size: 2.4rem;
		}
		
		h5 {
			font-size: 2rem;
		}
		
		h6 {
			font-size: 1.6rem;
		}
		
		p {
			font-size: 1.6rem;
		}
	
		a {
			outline: 0;
			box-shadow: none;

			&:focus {
				box-shadow: none;
			}
		}

		label {
			font-size: 1.6rem;
		}
	}
}