/*
Theme Name: Magazine Hoot
Author: wpHoot
Author URI: https://wphoot.com/
Theme URI: https://wphoot.com/themes/magazine-hoot/
Version: 1.6.8
Description: Magazine Hoot is a multicolor news magazine for marketing, education, online, affiliate, content and product sites. It has multiple powerful widgets to display content in various forms. SEO optimized and works with Yoast SEO plugin, Contect Form 7, Jetpack, Google Maps mappress, Page Builder and various other plugins. Theme support is available at https://wphoot.com/support/ You can also check out the theme instructions at https://wphoot.com/support/magazine-hoot/ and demo at https://demo.wphoot.com/magazine-hoot/ for a closer look.
License: GNU General Public License 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, entertainment, education, news
Text Domain: magazine-hoot
*/
/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * 
 * If you want to add/modify custom CSS styles, you can copy the style rule from the CSS file into
 * the Child Theme's stylesheet
 * @see http://codex.wordpress.org/Child_Themes
 * - This is the preferred method for heavy css modifications
 * - It keeps all your custom changes in one place
 * - Your customizations remains unaffected by Theme updates (IMPORTANT!)
 *
 * Premium Theme Users can also add custom css to the 'Custom CSS' block in 'Theme Options' page in the backend.
 * - This is the preferred location for small css snippets
 * - These CSS rules are given highest priority
 * - Your customizations remains unaffected by Theme updates (IMPORTANT!)
 * -----------------------------------------------------------------------------------------------
 */
/**
 **********************************************************
 Table Of Contents
 * Reset and Normalize
 * Hoot Grid
 * Utility Classes
 * Base Typography and HTML
 * Images, WP Gallery and Objects
 * Layout
 * Header (Topbar, Header, Main Nav Menu)
 * Main #Content
 * Main #Content Singular
 * Main #Content Archives/Blog
 * Page Templates
 * Sidebars and Widgets
 * Light Slider
 * Footer
 **********************************************************
 */
/**
 * Reset and Normalize
 * Support IE8+, Safari 6+, latest Chrome,Firefox,Opera
 * normalize.css v3.0.2 | MIT License | git.io/normalize
 * ========================================================
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a,
a:active,
a:hover,
a:focus,
a:visited {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/**
 * Hoot Grid
 * grid sets the width, row clears the floats for containing spans
 * spans are the building blocks for content structure
 * ========================================================
 */
.hgrid {
  width: 100%;
  min-width: 320px;
  max-width: 1380px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hgrid-stretch {
  width: 100%;
  min-width: 320px;
}
.hgrid:after,
.hgrid-stretch:after {
  content: "";
  display: table;
  clear: both;
}
.hgrid:after,
.hgrid-stretch:after {
  content: "";
  display: table;
  clear: both;
}
[class*="hgrid-span-"],
[class*="hcolumn-"] {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
}
[class*="hgrid-span-"].full-width,
[class*="hcolumn-"].full-width {
  padding: 0;
}
.flush-columns {
  margin: 0 -15px;
}
[class*="hcolumn-"] {
  padding: 0 15px;
}
/************* Span Widths*************/
.hgrid-span-1 {
  width: 8.33333333%;
}
.hgrid-span-2 {
  width: 16.66666667%;
}
.hgrid-span-3 {
  width: 25%;
}
.hgrid-span-4 {
  width: 33.33333333%;
}
.hgrid-span-5 {
  width: 41.66666667%;
}
.hgrid-span-6 {
  width: 50%;
}
.hgrid-span-7 {
  width: 58.33333333%;
}
.hgrid-span-8 {
  width: 66.66666667%;
}
.hgrid-span-9 {
  width: 75%;
}
.hgrid-span-10 {
  width: 83.33333333%;
}
.hgrid-span-11 {
  width: 91.66666667%;
}
.hgrid-span-12 {
  width: 100%;
}
/************* Column Widths *************/
.hcolumn-1-1,
.hcolumn-2-2,
.hcolumn-3-3,
.hcolumn-4-4,
.hcolumn-5-5 {
  width: 100%;
}
.hcolumn-1-2 {
  width: 50%;
}
.hcolumn-1-3 {
  width: 33.33333333%;
}
.hcolumn-2-3 {
  width: 66.66666667%;
}
.hcolumn-1-4 {
  width: 25%;
}
.hcolumn-2-4 {
  width: 50%;
}
.hcolumn-3-4 {
  width: 75%;
}
.hcolumn-1-5 {
  width: 20%;
}
.hcolumn-2-5 {
  width: 40%;
}
.hcolumn-3-5 {
  width: 60%;
}
.hcolumn-4-5 {
  width: 80%;
}
/************* Responsive Grid *************/
@media only screen and (max-width: 1200px) {
  [class*="hgrid-span-"],
  [class*="hcolumn-"] {
    padding: 0 10px;
  }
  .flush-columns {
    margin: 0;
  }
  .adaptive .hcolumn-1-5 {
    width: 40%;
  }
  .adaptive .hcolumn-1-4 {
    width: 50%;
  }
  .adaptive .hgrid-span-1 {
    width: 16.66666667%;
  }
  .adaptive .hgrid-span-2 {
    width: 33.33333333%;
  }
  .adaptive .hgrid-span-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 969px) {
  [class*="hgrid-span-"],
  .adaptive [class*="hgrid-span-"],
  [class*="hcolumn-"],
  .adaptive [class*="hcolumn-"] {
    width: 100%;
  }
}
@media only screen and (min-width: 970px) {
  .hcol-first {
    padding-left: 0;
  }
  .hcol-last {
    padding-right: 0;
  }
}
/**
 * Utility Classes
 * ========================================================
 */
/************* Misc *************/
#page-wrapper .flush {
  margin: 0;
  padding: 0;
}
/************* Displays *************/
.hide {
  display: none;
}
.forcehide {
  display: none !important;
}
.border-box {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/************* Image replacement *************/
.hide-text {
  font: 0/0 a !important;
  color: transparent !important;
  text-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
  width: 0;
  height: 0;
  overflow: hidden;
}
/************* Table *************/
.table {
  display: table;
  width: 100%;
  *position: relative;
  margin: 0;
}
.table.table-fixed {
  table-layout: fixed;
}
.table-cell {
  display: table-cell;
  *float: left;
}
.table-cell-mid {
  display: table-cell;
  vertical-align: middle;
  *position: absolute;
  *top: 0;
  *bottom: 0;
  *left: 0;
  *right: 0;
  *margin: auto;
}
@media only screen and (max-width: 969px) {
  .table,
  .table-cell,
  .table-cell-mid {
    display: block;
  }
}
/************* Floats *************/
.fleft,
.float-left {
  float: left;
}
.fright,
.float-right {
  float: right;
}
.fclear:after,
.float-clear:after,
.clear:after,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/************* Accessibility: Assistive Text *************/
/* for screen readers and text browsers */
.screen-reader-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/**
 * Base Typography and HTML
 * ========================================================
 */
body {
  position: relative;
}
/************* Default Typography *************/
body {
  text-align: left;
  font-size: 14px;
  line-height: 1.71428571em;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #666;
  -webkit-font-smoothing: antialiased;
  /* for better webkit rendering */
  -webkit-text-size-adjust: 100%;
  /* size in percentage at which to display text in Safari on iPhone */
}
/************* Headings *************/
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  line-height: 1.33333333em;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #444;
  margin: 25px 0 15px;
  text-rendering: optimizelegibility;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
h1 {
  font-size: 1.71428571em;
}
h2 {
  font-size: 1.57142857em;
}
h3 {
  font-size: 1.42857143em;
}
h4 {
  font-size: 1.28571429em;
}
h5 {
  font-size: 1.21428571em;
}
h6 {
  font-size: 1.14285714em;
}
.title {
  font-size: 1.42857143em;
}
.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
  font-size: inherit;
}
.titlefont {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
/************* Basic HTML Tags *************/
p {
  margin: 0.71428571em 0 1.78571429em;
}
hr {
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.78571429em 0 1.07142857em;
  height: 0;
  color: #ddd;
}
em,
var {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
big,
.big-font {
  font-size: 1.28571429em;
  line-height: 1.333333em;
}
.huge-font {
  font-size: 4.28571429em;
  line-height: 1em;
}
small,
cite,
.small {
  font-size: 0.78571429em;
  line-height: 1.454545em;
}
cite {
  font-style: italic;
}
q {
  font-style: italic;
}
q:before {
  content: open-quote;
}
q::after {
  content: close-quote;
}
address {
  display: block;
  margin: 1.07142857em 0;
  font-style: normal;
  border: 1px dotted;
  padding: 1px 5px;
}
abbr[title],
acronym[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
/************* Blockquote *************/
blockquote {
  border-left: 5px solid #ddd;
  padding: 0 0 0 1em;
  margin: 1.07142857em 1.78571429em;
  margin-left: 5px;
  display: block;
  font-style: italic;
  color: #888;
  font-size: 1.14285714em;
  clear: both;
  text-align: justify;
}
blockquote p {
  margin: 0;
}
blockquote small,
blockquote cite {
  display: block;
  line-height: 1.71428571em;
  text-align: right;
  margin-top: 3px;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote cite:before {
  content: "\2014 \0020";
  padding: 0px 3px;
}
blockquote.pull-left {
  text-align: left;
  float: left;
}
blockquote.pull-right {
  border-right: 5px solid #ddd;
  border-left: 0;
  padding: 0 1em 0 0;
  margin: 1.07142857em 1.78571429em;
  margin-right: 5px;
  text-align: right;
  float: right;
}
/*** Blockquotes Responsive ***/
@media only screen and (max-width: 969px) {
  blockquote.pull-left,
  blockquote.pull-right {
    float: none;
  }
}
/************* Links *************/
a {
  color: #d22254;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
}
a.linkstyle,
.linkstyle a {
  text-decoration: underline;
}
h1 a.linkstyle,
.linkstyle h1 a,
h2 a.linkstyle,
.linkstyle h2 a,
h3 a.linkstyle,
.linkstyle h3 a,
h4 a.linkstyle,
.linkstyle h4 a,
h5 a.linkstyle,
.linkstyle h5 a,
h6 a.linkstyle,
.linkstyle h6 a,
.title a.linkstyle,
.linkstyle .title a,
.titlefont a.linkstyle,
.linkstyle .titlefont a {
  text-decoration: none;
}
/************* Typo Schemes *************/
.accent-typo,
.cat-typo {
  background: #d22254;
  color: #ffffff;
}
.invert-typo {
  background: #666;
  color: #f7f7f7;
}
.enforce-typo {
  background: #f7f7f7;
  color: #666;
}
.page-wrapper .accent-typo a,
.page-wrapper .invert-typo a,
.page-wrapper .enforce-typo a,
.page-wrapper .accent-typo a:hover,
.page-wrapper .invert-typo a:hover,
.page-wrapper .enforce-typo a:hover,
.page-wrapper .accent-typo h1,
.page-wrapper .invert-typo h1,
.page-wrapper .enforce-typo h1,
.page-wrapper .accent-typo h2,
.page-wrapper .invert-typo h2,
.page-wrapper .enforce-typo h2,
.page-wrapper .accent-typo h3,
.page-wrapper .invert-typo h3,
.page-wrapper .enforce-typo h3,
.page-wrapper .accent-typo h4,
.page-wrapper .invert-typo h4,
.page-wrapper .enforce-typo h4,
.page-wrapper .accent-typo h5,
.page-wrapper .invert-typo h5,
.page-wrapper .enforce-typo h5,
.page-wrapper .accent-typo h6,
.page-wrapper .invert-typo h6,
.page-wrapper .enforce-typo h6,
.page-wrapper .accent-typo .title,
.page-wrapper .invert-typo .title,
.page-wrapper .enforce-typo .title {
  color: inherit;
}
.enforce-body-font {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.highlight-typo {
  background: #f7f7f7;
}
.cat-typo:before,
.cat-typo:after {
  background: inherit;
  color: inherit;
  border-color: inherit;
}
/************* Code, Pre, Keyboard, Teletype *************/
code,
pre,
kbd,
tt {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
pre {
  overflow-x: auto;
}
code,
kbd,
tt {
  padding: 2px 5px;
  margin: 0 5px;
  border: dashed 1px;
}
pre {
  display: block;
  padding: 5px 10px;
  margin: 1.07142857em 0;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
pre.scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
/************* Lists *************/
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none outside;
}
ul ol,
ul ul,
ol ol,
ol ul {
  margin-left: 10px;
}
li {
  margin: 0;
  padding: 0;
  margin-right: 10px;
  /* display: inline; */
}
ul.unstyled,
ol.unstyled {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none outside !important;
}
.main ul,
.main ol {
  margin: 1.07142857em;
  margin-right: 0;
}
.main ol {
  list-style: decimal outside;
}
.main ul,
.main ul.disc {
  list-style: disc outside;
}
.main ul.square {
  list-style: square outside;
}
.main ul.circle {
  list-style: circle outside;
}
.main ul ul,
.main ol ul {
  list-style-type: circle;
}
.main ul ul ul,
.main ul ol ul,
.main ol ul ul,
.main ol ol ul {
  list-style-type: square;
}
.main ul ol,
.main ol ol {
  list-style-type: lower-alpha;
}
.main ul ul ol,
.main ul ol ol,
.main ol ul ol,
.main ol ol ol {
  list-style-type: lower-roman;
}
.main ul ul,
.main ul ol,
.main ol ol,
.main ol ul {
  margin-top: 2px;
  margin-bottom: 2px;
  display: block;
}
.main li {
  margin-right: 0;
  display: list-item;
}
.borderlist > li:first-child {
  border-top: 1px solid;
}
.borderlist > li {
  border-bottom: 1px solid;
  padding: 0.15em 0;
  list-style-position: outside;
}
/************* Lists - Definitions *************/
dl {
  margin: 0.71428571em 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0.71428571em;
}
.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 12.3em;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 13.8em;
}
/*** Responsive Definitions ***/
@media only screen and (max-width: 969px) {
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
}
/************* Tables *************/
table {
  width: 100%;
  padding: 0;
  margin: 1.07142857em 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table caption {
  padding: 5px 0;
  width: auto;
  font-style: italic;
  text-align: right;
}
th {
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 6px 6px 6px 12px;
}
th.nobg {
  background: none;
}
td {
  padding: 6px 6px 6px 12px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f7f7f7;
}
/************* Forms *************/
form {
  margin-bottom: 1.07142857em;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.07142857em;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  color: #666;
  font-weight: bold;
}
legend small {
  color: #666;
}
label,
input,
select,
textarea {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4em;
}
label {
  display: inline-block;
  font-weight: bold;
}
.input-text,
textarea,
select,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  -webkit-appearance: none;
  border: 1px solid #ddd;
  padding: 6px 8px;
  outline: none;
  color: #666;
  margin: 0;
  max-width: 100%;
  display: inline-block;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.input-text:focus,
textarea:focus,
input[type="text"]:focus,
input[type="input"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border: 1px solid #aaaaaa;
  color: #555555;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
input[type="checkbox"] {
  display: inline;
}
input[type="radio"],
input[type="checkbox"] {
  line-height: normal;
  cursor: pointer;
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
}
textarea {
  height: auto;
  min-height: 60px;
}
select {
  width: 215px;
  background: #fff url('images/select.png') no-repeat center right;
}
select[multiple],
select[size] {
  height: auto;
}
/*** Special ***/
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
/*** Buttons Default ***/
input[type="submi