/*
Theme Name:         Nyaring
Theme URI:          http://www.nyaring.com/
Description:        
Version:            1.0
Author:             Aizuddin Sabtu of Pixel 182
Author URI:         http://pixel182.com
*/

@font-face {
  font-family: 'PeacefulDay';
  src: url('fonts/PeacefulDay.eot');
  src: local('☺'), url('fonts/PeacefulDay.woff') format('woff'), url('fonts/PeacefulDay.ttf') format('truetype'), url('fonts/PeacefulDay.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
  position: relative;
  min-height: 100vh;
}

body {
  background: #0c0c0c;
  color: #f9f9f9;
  font-family: 'PeacefulDay';
  font-size: 18px;
}

a { color: #C40202 }

a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: #8a0909;
}

.border {border: 1px solid red;}
.border2 {border: 1px solid blue;}
.border3 {border: 1px solid green;}
.border4 {border: 1px solid orange;}
.border5 {border: 1px solid yellow;}

/* .container {max-width:970px! important;}
.container-full {width:100%; margin: 0 auto;} */

.content-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
  padding: 30px;
  text-align: center;
}

.content-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  text-align: center;
}

.content-wrapper ul li a {
  display: block;
  position: relative;
  padding: 0 10px;
  color: #fff;
  font-size: 1.6em;
}

.content-wrapper ul li a:hover:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(images/crossed.svg) center center no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.content-wrapper ul li a:hover,
.content-wrapper ul li a:focus {
  text-decoration: none;
  text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);
  color: #fff;
}

.content-wrapper ul li a span {
  display: block;
  position: relative;
  z-index: 2;
}