/* -----------------------------------------------------------------------------
Engine:     Gametize
Author:     Gametize Pte Ltd
Description:  Basic Styles
----------------------------------------------------------------------------- */

/* ---------- RESETS ---------- */
html, body, button { font-size: 16px; } /* Base font size */
html, body {
  padding: 0;
  margin: 0;
  min-height: 100%;
}

h1, h2, h3, h4, h5, h6, p, form, button { margin : 0; padding : 0 }
ul, li { margin : 0; padding : 0; list-style-type : none }
img { border : 0 }
input, textarea, select, option { outline : none; border : none }

button {
  background:none;  /* To remove dafault OS button stylings */
  border:none;    /* To remove dafault OS button stylings */
  height : auto;
  cursor : pointer
}

/* ---------- CLEARFIX ---------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    width : 0;
    clear: both;
    visibility: hidden;
    font-size :0;
}

.clearfix { display: inline-block; }  /* for IE/Mac */

/* ----------------------- START DEFAULT SETTINGS ------------------------------*/

/* ---------- WORD WRAP ----------*/

h1, h2, h3, h4, h5, span, div, p, a { word-wrap: break-word }

/* ---------- BASE FONT ----------*/

html { font-size : 100% }

body {
  font-size : 1em;
  line-height : 1.5; /* 24px */
  color: #292929;
  font-family: Helvetica, Arial, sans-serif;
}
button { font-family: Helvetica, Arial, sans-serif }

/* ---------- DEFAULT TEXT HEADERS ---------- */

h1, h1 a { display : inline-block } /* Logo */
h1 em { display : none }

h2 { font-size : 1.75em; line-height: 1.375; margin-bottom : 16px }
h3 { font-size : 1.25em; margin-bottom : 16px }
h4 { font-size : 1.125em; margin-bottom : 8px }
h5 { font-size : 1em; margin-bottom: 5px }

@media screen and (max-width: 767px) {
  h2{ font-size : 1.5em; }
  h3{ font-size : 1.25em; }
  h4 { font-size : 1.125em; }
}

/* ---------- PARAGRAPHS AND WHATNOT ---------- */

p, table{ margin : 0 0 1.25em } /* 0 0 20px */

blockquote {
  border-left : 10px solid #c5df6f;
  padding : 12px;
  margin : 0 0 1.25em;   /* 0 0 20px */
}

hr { background: transparent; border: none; border-bottom: 1px solid #ccc }

/* ---------- LINK DEFAULTS ---------- */
a:link, a:visited, a:hover {color: #666;text-decoration: underline;}
a { text-decoration: none; outline:none }
a:hover { text-decoration: underline }

/* ---------- OTHERS ---------- */

.ui-datepicker .ui-datepicker-title select {
  margin: 1px; /* spacing between month and year field so that the 2 dropdown lists do not look like there is only 1 field */
  border: 1px solid #c5c5c5;
}