@import url(css/toast.css);
@import url(css/inputs.css);
/*
Theme Name: Safety SME
Theme URI: http://dnitza.com/bacon
Author: Daniel Nitsikopoulos
Author URI: http://dnitza.com/
Description:
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/
/* ************ */
/*   GENERAL    */
/* ************ */
.container {
  background: #fff;
  background: RGBa(255, 255, 255, 0.9); }

ul li {
  list-style: none; }

header#main {
  padding-bottom: 5px;
  margin-bottom: 75px; }

/* ************ */
/*   LINKS      */
/* ************ */
a {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

/* ************ */
/*   SELECTION  */
/* ************ */
::selection {
  background: #333;
  color: #fff;
  color: rgba(255, 255, 255, 0.85); }

::-moz-selection {
  background: #333;
  color: #fff;
  color: rgba(255, 255, 255, 0.85); }

/* ************ */
/*   WP BODY    */
/* ************ */


/* ************ */
/*   WP CORE    */
/* ************ */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }
  .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 5px;
    width: auto; }
  .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

/* ************ */
/*   HEADERS    */
/* ************ */
h1#title, h1.page-title {
  font-size: 2em;
  /* 32 / 16 */ }

h1#title {
  font-size: 3em; }

/* ************ */
/*   NAV        */
/* ************ */
#primary ul li {
  float: left;
  overflow: hidden; }
  #primary ul li a {
    display: block;
    padding: 5px 7px;
    border: 2px solid #cccccc;
    margin: 0 5px;
    border-radius: 3px;
    color: #666; }
    #primary ul li a:hover {
      color: #4b4b4b;
      border-color: #4b4b4b;
      border-radius: 3px; }
  #primary ul li:hover ul.sub-menu {
    display: block; }
    #primary ul li:hover ul.sub-menu a {
      background: #eee;
      border: none;
      border-radius: 0;
      color: #4b4b4b; }
      #primary ul li:hover ul.sub-menu a:hover {
        background: #ccc; }

.sub-menu {
  width: 220px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin-left: 5px;
  display: none;
  padding-top: 10px; }
  .sub-menu li {
    padding: 0 !important;
    float: none !important; }
    .sub-menu li a {
      margin: 0 !important; }

#cta div {
  height: 200px;
  background: #eee;
  position: relative;
  /* 	margin-bottom:15px; */ }
  #cta div .col_12 {
    width: 100%; }
  #cta div a {
    display: block; }
  #cta div .description {
    text-align: center;
    background: #202020;
    color: #fff;
    width: 100%;
    display: block;
    padding: 5px 0;
    position: absolute;
    bottom: 0; }
  #cta div .drop-menu {
    display: none;
    background: #111;
    height: auto; }
    #cta div .drop-menu div {
      height: auto; }
    #cta div .drop-menu a {
      color: white;
      text-align: center;
      border-bottom: 1px solid #333333;
      padding: 5px 0; }
      #cta div .drop-menu a:hover {
        background: #4b4b4b; }

/* ***************** */
/*   POSTS/CONTENT   */
/* ***************** */
.question {
  display: block; }

#content {
  margin-top: 45px; }

.entry-title {
  font-size: 1.5em;
  /* 24 / 16 */ }

.post, article {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px; }
  .post p, article p {
    margin: 1.5em 0 1.5em;
    hyphenate-before: 2;
    hyphenate-after: 3;
    font-variant-numeric: oldstyle-nums;
    font-weight: 400;
    white-space: normal; }
  .post blockquote, article blockquote {
    display: block;
    color: #666;
    font-size: .9em;
    line-height: 1.6666666em;
    padding: 0.75em 0.75em;
    margin: 0.75em auto;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font-style: oblique;
    quotes: "\201c" "\201d" "\2018" "\2019"; }
  .post ul li, article ul li {
    list-style: disc outside;
    /* 			margin: 1.5em 0; */ }

.post-meta, .entry-meta {
  font-size: .9em;
  margin-bottom: 10px;
  color: #CCC;
  font-weight: 100; }

/* ************ */
/*   COMMENTS   */
/* ************ */
#comments-title {
  text-align: center;
  display: block;
  color: #666;
  line-height: 1.6666666em;
  padding: 0.75em 0.75em;
  margin: 0.75em auto;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }

article.comment {
  border-bottom: 1px solid #efefef;
  margin: 0 !important;
  padding: .75em; }

.comment-content {
  clear: both; }

#comments img {
  float: left;
  margin: 0 0.75em 0.75em 0;
  width: 38px; }
#comments ol {
  list-style: none; }

.comment-awaiting-moderation {
  color: white;
  background: #ED7663; }

#cancel-comment-reply-link {
  font-size: .8em;
  font-style: oblique;
  color: #4b4b4b;
  font-weight: 100; }

.post-author {
  color: #4b4b4b;
  background: #eee;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: .25em; }

article.comment:target {
  background: #efefef;
  border-bottom: 1px solid #cccccc; }

article.comment .reply a {
  visibility: hidden; }

article.comment:hover a {
  visibility: visible; }

/* ***************** */
/*   COMMENT FORMS   */
/* ***************** */
.sidebar #gform_wrapper_1 {
  width: 100%; }

.sidebar .gform_wrapper input {
  width: 93% !important; }

.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"] {
  font-size: 18px; }

/* ************ */
/*   SIDEBAR    */
/* ************ */
aside input {
  padding: 2%;
  width: 96%;
  margin-bottom: 5px; }

.sidebar {
  padding-top: 45px; }

.sidebar-menu li a {
  display: block;
  border-bottom: 1px solid #cccccc;
  padding: 3px; }
  .sidebar-menu li a:hover {
    background: #4b4b4b;
    color: #fff; }

/* **************** */
/*   SIDEBAR FOOTER */
/* **************** */
/* ************ */
/*   FOOTER    */
/* ************ */