/*
	Theme Name: TRG Application Forms
	Theme URI: applications.tomanikgroup.com
	Author: Mike Garces
	Author URI: www.mikegarces.com
	Description: This is a custom Wordpress theme developed for The Tomanik Restaurant Group in Calgary, Alberta, Canada.
	Version: 1.0
	License: Private, All rights reserved
	License URI: http://www.mikegarces.ninja

	For more information please contact info@mikegarces.ninja

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'knockout-full-middle';
  src: url("css/fonts/knockout-full-middle/Knockout-71FullMiddlewt.woff2") format("woff2"), url("css/fonts/knockout-full-middle/Knockout-71FullMiddlewt.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'knockout-jr-middle';
  src: url("css/fonts/knockout-jr-middle/Knockout-31JuniorMiddlewt.woff2") format("woff2"), url("css/fonts/knockout-jr-middle/Knockout-31JuniorMiddlewt.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

h1, h2, h3, h4 {
  font-family: 'knockout-full-middle'; }

.headline-top {
  font-size: 7vw;
  text-shadow: 4px 4px black; }

.headline-bottom {
  font-size: 4.3vw;
  text-shadow: 4px 4px black; }

a {
  font-family: 'knockout-jr-middle';
  text-decoration: none;
  font-weight: bold;
  color: white; }

a:hover {
  color: #b3b3b3; }

p {
  font-family: 'knockout-jr-middle';
  font-size: 1.75vw;
  line-height: 4vh;
  margin: 3% 0; }

body {
  background-color: black;
  color: white;
  margin: 0; }

.background-img {
  position: fixed;
  z-index: -5;
  width: 100%; }
  .background-img img {
    width: 100%;
    height: auto; }

@media only screen and (max-width: 667px) {
  header {
    margin: 1% 0 0 0;
    justify-content: center;
    align-items: center; }
    header .logo {
      border: 1px solid transparent; }
      header .logo img {
        width: 100%;
        height: auto; }
    header .headline {
      border: 1px solid transparent;
      text-align: center; }
      header .headline .headline-top {
        font-size: 15vw; }
      header .headline .headline-bottom {
        font-size: 8vw; }
  .wpcf7-form {
    width: 98%;
    margin: 0 auto; }
    .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel] {
      height: 5vh;
      width: 95%;
      margin: 2% auto;
      font-size: 4vw; }
    .wpcf7-form select {
      width: 97%;
      height: 5vh;
      font-size: 4vw;
      margin: 3% auto;
      padding: 1%; }
    .wpcf7-form div.question {
      width: 94%;
      border: 1px solid white;
      margin: 2% 0;
      padding: 1%;
      background-color: rgba(0, 0, 0, 0.4); }
      .wpcf7-form div.question p {
        margin: 0;
        font-size: 4vw; }
    .wpcf7-form div.upload {
      border: 1px solid transparent;
      padding: 0;
      width: 95%;
      margin: 5% 0; }
      .wpcf7-form div.upload p {
        margin: 0;
        font-size: 5vw; }
      .wpcf7-form div.upload input[type=file] {
        font-size: 5vw; }
    .wpcf7-form textarea {
      font-family: 'knockout-jr-middle';
      font-size: 4vw;
      width: 95%; }
    .wpcf7-form div.submit-button {
      border: 1px solid transparent;
      width: 99%;
      padding: 0;
      margin-top: 3%;
      margin-bottom: 5%; }
      .wpcf7-form div.submit-button p {
        border: 1px solid transparent;
        padding: 0;
        width: 40%;
        margin: 0 auto; }
        .wpcf7-form div.submit-button p input[type=submit] {
          font-size: 4vw;
          padding: 6% 20%; } }

@media only screen and (min-width: 668px) and (max-width: 991px) {
  header {
    margin: 1% 0 0 0;
    justify-content: center;
    align-items: center; }
    header .logo {
      border: 1px solid transparent; }
      header .logo img {
        width: 100%;
        height: auto; }
    header .headline {
      border: 1px solid transparent;
      text-align: center; }
      header .headline .headline-top {
        font-size: 15vw; }
      header .headline .headline-bottom {
        font-size: 8vw; }
  .wpcf7-form {
    width: 98%;
    margin: 0 auto; }
    .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel] {
      height: 5vh;
      width: 95%;
      margin: 2% auto;
      font-size: 4vw; }
    .wpcf7-form select {
      width: 97%;
      height: 5vh;
      font-size: 4vw;
      margin: 3% auto;
      padding: 1%; }
    .wpcf7-form div.question {
      width: 94%;
      border: 1px solid white;
      margin: 2% 0;
      padding: 1%;
      background-color: rgba(0, 0, 0, 0.4); }
      .wpcf7-form div.question p {
        margin: 0;
        font-size: 4vw; }
    .wpcf7-form div.upload {
      border: 1px solid transparent;
      padding: 0;
      width: 95%;
      margin: 5% 0; }
      .wpcf7-form div.upload p {
        margin: 0;
        font-size: 5vw; }
      .wpcf7-form div.upload input[type=file] {
        font-size: 5vw; }
    .wpcf7-form textarea {
      font-family: 'knockout-jr-middle';
      font-size: 4vw;
      width: 95%; }
    .wpcf7-form div.submit-button {
      border: 1px solid transparent;
      width: 99%;
      padding: 0;
      margin-top: 3%;
      margin-bottom: 5%; }
      .wpcf7-form div.submit-button p {
        border: 1px solid transparent;
        padding: 0;
        width: 40%;
        margin: 0 auto; }
        .wpcf7-form div.submit-button p input[type=submit] {
          font-size: 4vw;
          padding: 6% 20%; } }

/*// DESKTOP STYLES //*/
@media only screen and (min-width: 992px) {
  .content-container {
    border: 1px solid transparent;
    width: 90%;
    margin: 0 auto; }
  header {
    margin: 1% 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    header .logo {
      border: 1px solid transparent;
      flex: 1; }
    header .headline {
      border: 1px solid transparent;
      flex: 1;
      text-align: center; }
  .wpcf7-form {
    display: flex;
    flex-wrap: wrap; }
    .wpcf7-form div {
      flex-grow: 1;
      width: 41%;
      margin: 0;
      border: 1px solid white;
      padding: 0.5% 2%; }
    .wpcf7-form p {
      border: 1px solid transparent;
      flex-grow: 1;
      min-width: 40%; }
    .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel] {
      height: 4vh;
      width: 92%;
      font-size: 1.5vw;
      margin-bottom: 3%;
      padding-left: 3%;
      background-color: rgba(255, 255, 255, 0.85); }
    .wpcf7-form textarea {
      font-family: 'knockout-jr-middle';
      font-size: 1.5vw;
      width: 95%; }
    .wpcf7-form div.upload {
      border: 1px solid transparent;
      padding: 0;
      width: 95%; }
      .wpcf7-form div.upload p {
        margin: 0; }
      .wpcf7-form div.upload input[type=file] {
        font-size: 1.25vw; }
    .wpcf7-form select {
      width: 96%;
      height: 4vh;
      font-size: 1vw;
      margin-bottom: 3%;
      padding: 1%; }
    .wpcf7-form div.question {
      width: 94%;
      border: 1px solid white;
      margin: 2% 0;
      padding: 1%;
      background-color: rgba(0, 0, 0, 0.4); }
      .wpcf7-form div.question p {
        margin: 0;
        font-size: 1.5vw; }
    .wpcf7-form div.submit-button {
      border: 1px solid transparent;
      padding: 0;
      margin-top: 1%; }
      .wpcf7-form div.submit-button p {
        padding: 0;
        margin: 0; }
      .wpcf7-form div.submit-button input[type=submit] {
        font-size: 1.5vw;
        padding: 0.5% 5%; } }