/*
* LightTaste V1.0.0
* Copyright 2016, Takuji Funao
* https://github.com/maru-3/LightTaste
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 05/02/2016
*/

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Layouts
- Position
- Forms
- Links
- Buttons
- Lists
- Margins
- Paddings
- Fonts
*/


/* Layouts
-------------------------------------------------- */

.grid_start {
  width: 100%;
  float: left;
}

.grid, .five {
  width: 100%;
  float: left;
}

.five.grid			{ width: 5%; }
.ten.grid           { width: 10%; }
.ten.five.grid      { width: 15%; }
.twenty.grid        { width: 20%; }
.twenty.five.grid   { width: 25%; }
.thirty.grid        { width: 30%; }
.thirty.five.grid   { width: 35%; }
.fourty.grid        { width: 40%; }
.fourty.five.grid   { width: 45%; }
.fifty.grid         { width: 50%; }
.fifty.five.grid    { width: 55%; }
.sixty.grid         { width: 60%; }
.sixty.five.grid    { width: 65%; }
.seventy.grid       { width: 70%; }
.seventy.five.grid  { width: 75%; }
.eighty.grid        { width: 80%; }
.eighty.five.grid   { width: 85%; }
.ninety.grid        { width: 90%; }
.ninety.five.grid   { width: 95%; }
.full.grid          { width: 100%; }

.offset_by_five           { margin-left: 5%; }
.offset_by_ten            { margin-left: 10%; }
.offset_by_ten_five       { margin-left: 15%; }
.offset_by_twenty         { margin-left: 20%; }
.offset_by_twenty_five    { margin-left: 25%; }
.offset_by_thirty         { margin-left: 30%; }
.offset_by_thirty_five    { margin-left: 35%; }
.offset_by_fourty         { margin-left: 40%; }
.offset_by_fourty_five    { margin-left: 45%; }
.offset_by_fifty          { margin-left: 50%; }
.offset_by_fifty_five     { margin-left: 55%; }
.offset_by_sixty          { margin-left: 60%; }
.offset_by_sixty_five     { margin-left: 65%; }
.offset_by_seventy        { margin-left: 70%; }
.offset_by_seventy_five   { margin-left: 75%; }
.offset_by_eighty         { margin-left: 80%; }
.offset_by_eighty_five    { margin-left: 85%; }
.offset_by_ninety         { margin-left: 90%; }
.offset_by_ninety_five    { margin-left: 95%; }


/* Position
-------------------------------------------------- */

.centering 	{ margin: 0 auto; }
.righting 	{ float: left }
.lefting 	{ float: right }

.tx_centering 	{ text-align: center }
.tx_righting 	{ text-align: right }
.tx_lefting 	{ text-align: left }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a { 
	color: #1EAEDB; 
	text-decoration: none;
}
a:hover { color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }



/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul { list-style: circle inside; }
ol { list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li { margin-bottom: 1rem; }
ul.li_none , ol.li_none { list-style: none; }


/* Margins
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* top */
.mt_5 	{ margin-top: 5px }
.mt_10 	{ margin-top: 10px }
.mt_15 	{ margin-top: 15px }
.mt_20 	{ margin-top: 20px }
.mt_25 	{ margin-top: 25px }
.mt_30 	{ margin-top: 30px }
.mt_35 	{ margin-top: 35px }
.mt_40 	{ margin-top: 40px }
.mt_45 	{ margin-top: 45px }
.mt_50 	{ margin-top: 50px }
.mt_55 	{ margin-top: 55px }
.mt_60 	{ margin-top: 60px }
.mt_65 	{ margin-top: 65px }
.mt_70 	{ margin-top: 70px }
.mt_75 	{ margin-top: 75px }
.mt_80 	{ margin-top: 80px }
.mt_85 	{ margin-top: 85px }
.mt_90 	{ margin-top: 90px }
.mt_95 	{ margin-top: 95px }
.mt_100 { margin-top: 100px }

/* right */
.mr_5 	{ margin-right: 5px }
.mr_10 	{ margin-right: 10px }
.mr_15 	{ margin-right: 15px }
.mr_20 	{ margin-right: 20px }
.mr_25 	{ margin-right: 25px }
.mr_30 	{ margin-right: 30px }
.mr_35 	{ margin-right: 35px }
.mr_40 	{ margin-right: 40px }
.mr_45 	{ margin-right: 45px }
.mr_50 	{ margin-right: 50px }
.mr_55 	{ margin-right: 55px }
.mr_60 	{ margin-right: 60px }
.mr_65 	{ margin-right: 65px }
.mr_70 	{ margin-right: 70px }
.mr_75 	{ margin-right: 75px }
.mr_80 	{ margin-right: 80px }
.mr_85 	{ margin-right: 85px }
.mr_90 	{ margin-right: 90px }
.mr_95 	{ margin-right: 95px }
.mr_100	{ margin-right: 100px }

/* bottom */
.mb_5 	{ margin-bottom: 5px }
.mb_10 	{ margin-bottom: 10px }
.mb_15 	{ margin-bottom: 15px }
.mb_20 	{ margin-bottom: 20px }
.mb_25 	{ margin-bottom: 25px }
.mb_30 	{ margin-bottom: 30px }
.mb_35 	{ margin-bottom: 35px }
.mb_40 	{ margin-bottom: 40px }
.mb_45 	{ margin-bottom: 45px }
.mb_50 	{ margin-bottom: 50px }
.mb_55 	{ margin-bottom: 55px }
.mb_60 	{ margin-bottom: 60px }
.mb_65 	{ margin-bottom: 65px }
.mb_70 	{ margin-bottom: 70px }
.mb_75 	{ margin-bottom: 75px }
.mb_80 	{ margin-bottom: 80px }
.mb_85 	{ margin-bottom: 85px }
.mb_90 	{ margin-bottom: 90px }
.mb_95 	{ margin-bottom: 95px }
.mb_100 { margin-bottom: 100px }

/* left */
.ml_5 	{ margin-left: 5px }
.ml_10 	{ margin-left: 10px }
.ml_15 	{ margin-left: 15px }
.ml_20 	{ margin-left: 20px }
.ml_25 	{ margin-left: 25px }
.ml_30 	{ margin-left: 30px }
.ml_35 	{ margin-left: 35px }
.ml_40 	{ margin-left: 40px }
.ml_45 	{ margin-left: 45px }
.ml_50 	{ margin-left: 50px }
.ml_55 	{ margin-left: 55px }
.ml_60 	{ margin-left: 60px }
.ml_65 	{ margin-left: 65px }
.ml_70 	{ margin-left: 70px }
.ml_75 	{ margin-left: 75px }
.ml_80 	{ margin-left: 80px }
.ml_85 	{ margin-left: 85px }
.ml_90 	{ margin-left: 90px }
.ml_95 	{ margin-left: 95px }
.ml_100 { margin-left: 100px }


/* Paddings
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* top */
.pt_5 	{ padding-top: 5px }
.pt_10 	{ padding-top: 10px }
.pt_15 	{ padding-top: 15px }
.pt_20 	{ padding-top: 20px }
.pt_25 	{ padding-top: 25px }
.pt_30 	{ padding-top: 30px }
.pt_35 	{ padding-top: 35px }
.pt_40 	{ padding-top: 40px }
.pt_45 	{ padding-top: 45px }
.pt_50 	{ padding-top: 50px }
.pt_55 	{ padding-top: 55px }
.pt_60 	{ padding-top: 60px }
.pt_65 	{ padding-top: 65px }
.pt_70 	{ padding-top: 70px }
.pt_75 	{ padding-top: 75px }
.pt_80 	{ padding-top: 80px }
.pt_85 	{ padding-top: 85px }
.pt_90 	{ padding-top: 90px }
.pt_95 	{ padding-top: 95px }
.pt_100 { padding-top: 100px }

/* right */
.pr_5 	{ padding-right: 5px }
.pr_10 	{ padding-right: 10px }
.pr_15 	{ padding-right: 15px }
.pr_20 	{ padding-right: 20px }
.pr_25 	{ padding-right: 25px }
.pr_30 	{ padding-right: 30px }
.pr_35 	{ padding-right: 35px }
.pr_40 	{ padding-right: 40px }
.pr_45 	{ padding-right: 45px }
.pr_50 	{ padding-right: 50px }
.pr_55 	{ padding-right: 55px }
.pr_60 	{ padding-right: 60px }
.pr_65 	{ padding-right: 65px }
.pr_70 	{ padding-right: 70px }
.pr_75 	{ padding-right: 75px }
.pr_80 	{ padding-right: 80px }
.pr_85 	{ padding-right: 85px }
.pr_90 	{ padding-right: 90px }
.pr_95 	{ padding-right: 95px }
.pr_100	{ padding-right: 100px }

/* bottom */
.pb_5 	{ padding-bottom: 5px }
.pb_10 	{ padding-bottom: 10px }
.pb_15 	{ padding-bottom: 15px }
.pb_20 	{ padding-bottom: 20px }
.pb_25 	{ padding-bottom: 25px }
.pb_30 	{ padding-bottom: 30px }
.pb_35 	{ padding-bottom: 35px }
.pb_40 	{ padding-bottom: 40px }
.pb_45 	{ padding-bottom: 45px }
.pb_50 	{ padding-bottom: 50px }
.pb_55 	{ padding-bottom: 55px }
.pb_60 	{ padding-bottom: 60px }
.pb_65 	{ padding-bottom: 65px }
.pb_70 	{ padding-bottom: 70px }
.pb_75 	{ padding-bottom: 75px }
.pb_80 	{ padding-bottom: 80px }
.pb_85 	{ padding-bottom: 85px }
.pb_90 	{ padding-bottom: 90px }
.pb_95 	{ padding-bottom: 95px }
.pb_100 { padding-bottom: 100px }

/* left */
.pl_5 	{ padding-left: 5px }
.pl_10 	{ padding-left: 10px }
.pl_15 	{ padding-left: 15px }
.pl_20 	{ padding-left: 20px }
.pl_25 	{ padding-left: 25px }
.pl_30 	{ padding-left: 30px }
.pl_35 	{ padding-left: 35px }
.pl_40 	{ padding-left: 40px }
.pl_45 	{ padding-left: 45px }
.pl_50 	{ padding-left: 50px }
.pl_55 	{ padding-left: 55px }
.pl_60 	{ padding-left: 60px }
.pl_65 	{ padding-left: 65px }
.pl_70 	{ padding-left: 70px }
.pl_75 	{ padding-left: 75px }
.pl_80 	{ padding-left: 80px }
.pl_85 	{ padding-left: 85px }
.pl_90 	{ padding-left: 90px }
.pl_95 	{ padding-left: 95px }
.pl_100 { padding-left: 100px }


/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.underline {
	border-bottom: 1px solid #dcdcdc;
}