/* @override http://127.0.0.1/~jlm/www/css/migration_default.css */

/*
=====================================================================
*   Keep It Simple v2.0 Default Stylesheet
*   url: styleshout.com
*   07-12-2014
=====================================================================

TOC:

a. Webfonts and Icon fonts
b. Reset
c. Default Styles
   1. Basic
   2. Typography
   3. Links
   4. Media
   5. Buttons
   6. Forms
   d. Grid
   e. Others
   1. Clearing
   2. Misc

=====================================================================  */
/*  4. List  --------------------------------------------------------- */

/* definition list */
dl { margin: 0; }
dt { margin: 0; color: #93B876; }
dd { margin: 0; }


/* ------------------------------------------------------------------ */
/* d. Grid
--------------------------------------------------------------------- */

/* default
--------------------------------------------------------------- */

.column, .columns {
   float: left;
}

/*
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: right; }
*/
.one, .row .one        { width: 8.33333%; }
.two, .row .two        { width: 16.66667%; }
.three, .row .three    { width: 25%; }
.four, .row .four      { width: 33.33333%; }
.five, .row .five      { width: 41.66667%; }
.six, .row .six        { width: 50%; }
.seven, .row .seven    { width: 58.33333%; }
.eight, .row .eight    { width: 66.66667%; }
.nine, .row .nine      { width: 75%; }
.ten, .row .ten         { width: 83.33333%; }
.eleven, .row .eleven  { width: 91.66667%; }
.twelve, .row .twelve  { width: 100%; }

/* 6. Buttons  --------------------------------------------------------- */

.button,
.button:visited,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
   background: var(--color_scheme_selected_tab_background);
   color: var(--color_scheme_selected_tab_text_color);
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
   background: var(--color_scheme_over_tab_background);
   color: var(--color_scheme_selected_tab_text_color);
}


/* screenwidth less than 768px - mobile/smaller tablets
--------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

   .row {
      padding: 0;
	}
   .column, .columns {
	   width: auto !important;      
	   margin-left: 0;
	   margin-right: 0;
   }

}

/* screenwidth less than or equal 480px - mobile wide
--------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

   .row { width: auto; }

}

/* larger screens
--------------------------------------------------------------- */
@media screen and (min-width: 1200px) {

   .wide .row { max-width: 1180px; }

}