/**
 * Public-facing styles.
 *
 * @package Nice_Shortcodes
 * @since   1.0
 */
/* ============================================================================
   Table of Contents.
   ----------------------------------------------------------------------------
   1. Something
   ========================================================================= */
span.nice-dropcap {
  float: left;
  font-size: 300%;
  font-weight: bold;
  line-height: 0.7em;
  margin: 5px 7px 0 0;
  position: relative; }
span.nice-highlight {
  background: #ffffaa;
  padding: 3px 3px 1px; }

pre {
  background: #eee;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Courier, "Courier New", monospace; }

/*
	pre {
	white-space: pre-wrap;
	overflow: auto;
	word-break: break-all;
	word-wrap: break-word;
	padding: 15px;
	border: 1px solid #e8e8e8;
	clear: both;
	line-height: 1.5;
	background: #eff2f3;
}

pre, code {
	white-space: pre-line;
	word-wrap: break-word;
	font-size: 14px;
}

code {
	background: #f5f5f5;
	padding: 3px;
}
*/
mark, ins {
  background: #fff9c0;
  text-decoration: none; }

sup,
sub {
  font-size: 75%;
  height: 0;
  position: relative;
  vertical-align: baseline; }

abbr.nice-abbr {
  border-bottom: 1px dashed #999;
  cursor: help; }
  abbr.nice-abbr[title],
  abbr.nice-abbr acronym[title],
  abbr.nice-abbr dnf[title] {
    border-bottom: 1px dotted;
    cursor: help; }

.nice-columnize {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
  margin: 0 0 1.313em; }
  .nice-columnize p:last-child,
  .nice-columnize ul:last-child,
  .nice-columnize ol:last-child {
    margin-bottom: 0; }

@media (max-width: 480px) {
  .nice-columnize {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-count: 0;
    -moz-column-count: 0;
    column-count: 0;
    -webkit-column-rule: 0;
    -moz-column-rule: 0;
    column-rule: 0; } }
.nice-notice {
  padding: 0.8em;
  margin: 0 0 1.5em 0;
  line-height: 1.6em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.313em;
  border: 1px solid transparent;
  padding: 0.786em 2.25em 1em 1.15em;
  line-height: 1.5;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  color: #c09853;
  background-color: #fcf8e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .nice-notice.white {
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #373737; }
  .nice-notice.red {
    background: #ffe6e3;
    border: 1px solid #f2c3bf;
    color: #bf210e; }
  .nice-notice.yellow {
    background: #fff7d6;
    border: 1px solid #e9d477;
    color: #956433; }
  .nice-notice.green {
    background: #edfdd3;
    border: 1px solid #c4dba0;
    color: #657e3c; }
  .nice-notice.grey {
    background: #f9f9f9;
    border: 1px solid #e7e7e7;
    color: #999; }
  .nice-notice.info:before {
    font-family: 'FontAwesome';
    content: '\f05a';
    margin-right: 10px; }
  .nice-notice .heading {
    margin: 0.05em 0 0.25em;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.3;
    text-transform: none;
    color: inherit; }
  .nice-notice .close {
    position: relative;
    top: -10px;
    right: -26px;
    line-height: 1;
    color: #c09853;
    color: #468847;
    float: right;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
    color: #000 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    zoom: 1;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    zoom: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    background-image: none;
    box-shadow: none; }
    .nice-notice .close:hover {
      color: black;
      text-decoration: none;
      cursor: pointer;
      opacity: 0.6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      filter: alpha(opacity=60);
      zoom: 1;
      zoom: 1;
      box-shadow: none; }

.nice-notice-info {
  background-color: #d9edf7;
  border-color: #b3d1ef;
  color: #3a87ad; }

.nice-notice-info .close {
  color: #3a87ad; }

.nice-notice-success {
  background-color: #dff0d8;
  border-color: #c1dea8;
  color: #468847; }

.nice-notice-danger {
  background-color: #f2dede;
  border-color: #e5bdc4;
  color: #b94a48; }
  .nice-notice-danger .close {
    color: #b94a48; }

.nice-notice-block {
  padding: 0.786em 1.15em 1em; }
  .nice-notice-block > p, .nice-notice-block > ul {
    margin-bottom: 0; }
  .nice-notice-block p + p {
    margin-top: 6px; }

.nice-notice button.close {
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none; }

.ui-tooltip, .arrow:after {
  background: black; }

.ui-tooltip {
  padding: 10px 20px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px; }
  .arrow.top {
    top: -16px;
    bottom: auto; }
    .arrow.top:after {
      bottom: -20px;
      top: auto; }
  .arrow.left {
    left: 20%; }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

/*
	Buttons
*/
.nice-button {
  background-color: #4593E3;
  position: relative;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  border: 1px transparent; }
  .nice-button:hover {
    text-decoration: none;
    border-color: transparent;
    text-transform: none;
    color: #fff;
    border: 1px transparent; }
  .nice-button:focus {
    outline: thin dotted #333;
    outline: 5px auto #ff2a13;
    outline-offset: -1px; }
  .nice-button.nice-button-real {
    box-shadow: 0 5px #226FBE; }
    .nice-button.nice-button-real:hover {
      box-shadow: 0 3px #226FBE; }
  .nice-button.nice-button-red {
    color: #fff;
    border-color: #a50500;
    background-color: #e85140; }
    .nice-button.nice-button-red:hover {
      color: #fff;
      background-color: #e85140; }
  .nice-button.nice-button-gray {
    color: #fff;
    border-color: #6e787a;
    background-color: #7f8c8d; }
    .nice-button.nice-button-gray:hover {
      color: #fff;
      background-color: #7f8c8d; }
  .nice-button.nice-button-green {
    color: #fff;
    border-color: #719445;
    background-color: #8bb355; }
    .nice-button.nice-button-green:hover {
      color: #fff;
      background-color: #8bb355; }
  .nice-button.nice-button-purple {
    border-color: #8f2fb5;
    background-color: #9e54bd; }
    .nice-button.nice-button-purple:hover {
      background-color: #9e54bd; }
  .nice-button.nice-button-yellow {
    border-color: #d6a700;
    background-color: #ffba00; }
    .nice-button.nice-button-yellow:hover {
      background-color: #ffba00; }
  .nice-button.nice-button-orange {
    border-color: #d6a700;
    background-color: #f77f2e; }
    .nice-button.nice-button-orange:hover {
      background-color: #e77f2e; }
  .nice-button.nice-button-transparent {
    margin-bottom: 0;
    border-width: 3px;
    text-shadow: none;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.7);
    border: 3px solid rgba(0, 0, 0, 0.7); }
    .nice-button.nice-button-transparent:hover {
      color: black;
      border-color: black; }
    .nice-button.nice-button-transparent.white {
      color: rgba(255, 255, 255, 0.7);
      border: 3px solid rgba(255, 255, 255, 0.7); }
      .nice-button.nice-button-transparent.white:hover {
        color: white;
        border: 3px solid white; }
  .nice-button.nice-button-jumbo {
    padding: 0.643em 1.429em 0.786em;
    font-size: 28px; }
  .nice-button.nice-button-x-large {
    padding: 0.714em 1.286em 0.857em;
    font-size: 21px; }
  .nice-button.nice-button-large {
    padding: 0.579em 1.105em 0.842em;
    font-size: 19px; }
  .nice-button.nice-button-small {
    padding: 0.429em 1.143em 0.643em;
    font-size: 14px; }
  .nice-button.nice-button-mini {
    padding: 0.385em 0.923em 0.538em;
    font-size: 13px; }
  .nice-button.nice-button-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .nice-button.nice-button-rounded {
    -webkit-border-radius: 0.225em;
    -moz-border-radius: 0.225em;
    -ms-border-radius: 0.225em;
    -o-border-radius: 0.225em;
    border-radius: 0.225em; }
  .nice-button.nice-button-pill {
    -webkit-border-radius: 100em;
    -moz-border-radius: 100em;
    -ms-border-radius: 100em;
    -o-border-radius: 100em;
    border-radius: 100em; }
  .nice-button.nice-button-block {
    display: block;
    width: 100%; }
    .nice-button.nice-button-block + .nice-button-block {
      margin-top: 1em; }
  .nice-buttonnice-button-flat, .nice-button.nice-button-flat:hover {
    margin-bottom: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: none;
    box-shadow: none; }

/* ============================================================================
   2. Grid Styles.
   ========================================================================= */
	/*&.nice-grid {
		overflow: hidden;
		margin-left: -3%;
		margin-right: -0.23px;

		html[dir="rtl"] & {
			margin-left: -0.23%;
			margin-right: -3px;
		}

		&:after {
			content: "";
			display: table;
			clear: both;
		}
	}
	*/
.nice-row {
  padding-bottom: 3%;
  margin-left: -1.5%;
  margin-right: -1.5%;
  overflow: hidden; }
  .nice-row:after {
    content: '';
    display: table;
    clear: both; }
  .nice-row [class*='nice-column-'] {
    box-sizing: border-box;
    float: left;
    margin-bottom: 1em;
    position: relative;
    padding-left: 1.5%;
    padding-right: 1.5%; }
    html[dir="rtl"] .nice-row [class*='nice-column-'] {
      float: right; }

.nice-column-2-3 {
  width: 66.66%; }

.nice-column-1-1 {
  width: 100%; }

.nice-column-1-2 {
  width: 50%; }

.nice-column-1-3 {
  width: 33.33%; }

.nice-column-1-4 {
  width: 25%; }

.nice-column-1-5 {
  width: 20%; }

.nice-column-1-6 {
  width: 16.66%; }

.nice-column-1-7 {
  width: 14.28%; }

.nice-column-1-8 {
  width: 12.5%; }

.nice-column-1-9 {
  width: 11.11%; }

.nice-column-1-10 {
  width: 10%; }

.nice-column-1-11 {
  width: 9.09%; }

.nice-column-1-12 {
  width: 8.33%; }