/*
Theme Name: Modern Primitive Workshop Theme
Description: Custom designed theme specially for Modern Primitive Workshop
Version: 0.9
Author: Rob Williams, DevUp Inc <hello@devup.ca>
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Josefin Sans', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             url(/wp-content/uploads/2023/07/background.jpeg) repeat;
}

p { padding: 0 0 1em 0; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

a { text-decoration: none; color: #37a2d3; font-weight: 800; }
a:hover { color: blue; }

h1 {}
h2 {}
h3 {}
h4 {}

body > main { width: 95%; max-width: 1600px; margin: 0 auto; position: relative; }
main main { width: 60%; background: rgba(0,0,0,0.4); margin: 0 auto; color: white; padding: 2rem; position: relative; }
header { display: flex; align-items: center; padding: 2rem 0; background: rgba(0,0,0,0.4); position: relative; }
.banner { flex-basis: 20%; }
.logo { flex-basis: 60%; }
.banner img, .logo img { width: 100%; }
.logoface { position: absolute; top: 0; right: 105%; }

main p { text-align: center; }
form { margin-top: 2rem; }
.gform_button { background: transparent; border: transparent; font-family: 'Fredericka the Great', cursive; font-size: 1.5em; text-transform: uppercase; color: white; cursor: pointer; }

@media screen and ( max-width: 1023px ) {
    .logoface { right: 100%; }
}

@media screen and (max-width: 500px) {
    /*.logoface { position: relative; top: -3rem; right: auto; left: -2rem; width:  }*/
    main main { width: 85%; }
}