/*

 * CSS for PWH's Custom-Made Maintenance Mode

 *

 * @package   maintenance-mode

 * @copyright Copyright (c) 2015, Ashley Evans

 * @copyright Copyright (c) 2016, Julie Dupuis

 * @license GPL2+

 */



/*--------------------------------------------------------------

1.0 Normalize, Typography & Elements

--------------------------------------------------------------*/

@-webkit-viewport{width:device-width; initial-scale: 1; zoom: 1; min-zoom: 1; }

@-moz-viewport{width:device-width; initial-scale: 1; zoom: 1; min-zoom: 1; }

@-ms-viewport{width:device-width; initial-scale: 1; zoom: 1; min-zoom: 1; }

@-o-viewport{width:device-width; initial-scale: 1; zoom: 1; min-zoom: 1; }

@viewport{width:device-width; initial-scale: 1; zoom: 1; min-zoom: 1; }

@font-face {font-family: Quattro; src: url('fonts/Quattrocento-Regular.otf'); font-weight: normal; }

@font-face {font-family: Libre; src: url('fonts/LibreBaskerville-Regular.otf'); font-weight: normal; }

html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

body {color: #3b3a1a; font-size: 18px; line-height: 1.5; font-family: Quattro, sans-serif; margin: 0; background: #523f6d; }

footer, header, main {display: block; }

audio, canvas, progress, video {display: inline-block; vertical-align: baseline; }

audio:not([controls]) {display: none; height: 0; }

[hidden], template {display: none !important; visibility: hidden !important; }

header {width: 95%; }

footer, main {background: #f8f8f8; width: 98%; margin-bottom: 10px !important; }

main {padding: 2%; }

b, strong {font-weight: bold; }

dfn, em, i {font-style: italic; }

h1, h2 {clear: both; color: #1b830d; text-align: center; }

h1 {font-family: Libre, cursive; font-weight: bold; font-size: 38px; line-height: 1.3; }

h2 {font-family: Libre, sans-serif; font-weight: bold; font-size: 34px; line-height: 1.2; margin: 1em 0 1em; padding-bottom: 1em; }

#headline {margin-top: 10px; }

#tagline {margin-top: -10px; }

img {height: auto; max-width: 100%; border: 0; }

svg:not(:root) {overflow: hidden; }

p {font-size: 2em; }

em, i {font-style: italic; }

small {font-size: 80%; }

.tiny {font-size: 40%; }

big {font-size: 125%; }

ul, ol {margin: 0 0 1.5em 1.5em; -moz-padding-start: 0px; }

ul {list-style: disc; }

ol {list-style: decimal; }

li > ul, li > ol {margin-bottom: 0; margin-left: 1.5px; }

.green {color: #1b830d; }

.purple {color: #523f6d; }

::-moz-selection {background: #d7eebb !important; } //Do not combine this Firefox code with the reg code below or it will not work

::selection {background: #d7eebb !important; }



/*--------------------------------------------------------------

2.0 Links

--------------------------------------------------------------*/

a {color: #523f6d; text-decoration: underline; font-weight: bold; background-color: transparent; }

h1 a {text-decoration: none; }

a[href] {cursor: pointer; }

a:visited {color: #523f6d; }

a:hover, a:active, a:focus {color: #aa7210; font-weight: bold; background-color: #EDEDED; }

a:hover, a:active {outline: 0; }

a:focus {outline: thin dotted; }



/*--------------------------------------------------------------

3.0 Alignments

--------------------------------------------------------------*/

.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; }

header, main, footer {text-align: center; margin: auto; }