/*!
 *
 * Theme Name: UKM Theme Digitalboard
 * Theme URI: https://github.com/jrajalu/ukmtheme-digitalboard
 * Author: Jamaludin Rajalu
 * Author URI: https://github.com/jrajalu
 * Version: 1.2.2
 * License: Creative Commons Attribution-ShareAlike 4.0 International License
 * License URI: http://creativecommons.org/licenses/by-sa/4.0/
 *
 */

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;
}

/* LAYOUT
-----------------------------------------------------------------*/
* {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
  height: 100%;
}

body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  background: #b00000;
}
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 auto;
}

.container img {
  width: 100%;
}

header {
  height: 60px;
  background: rgba(0,0,0,.1);
}

.main-content {
  padding-top: 20px;
}

.flexslider {
  border: 0;
  margin: 0 0 40px;
}

.flex-control-nav {
  bottom: -30px;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -60px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 60px; 
}
.site-footer {
  background: #151515;
}

footer p {
  color: #fff;
  text-align: center;
  padding-top: 20px;
}


@media only screen 
and (min-width : 320px) 
and (max-width : 680px) {
  header,
  footer,
  .flex-control-nav,
  .flex-control-paging {
    display: none;
    height: 0;
  }

  .main-content {
    padding: 0;
  }

  .page-wrap,
  .site-footer,
  .page-wrap:after {
    margin: 0;
    height: 0;
  }

}