/* Copyright (C) arrowthemes, Regular/Extended Licence */

@import url(../warp/css/tools.css);
/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more {
  padding: 3px 10px;
  border: 1px solid #ddd;
}
/* Horizontal-Rule
----------------------------------------------------------------------------------------------------*/

hr,
hr.divide-no-margin,
hr.divide {
  border: 0;
  padding: 0;
  clear: both;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
article hr.divide {
  margin: 2em -1.3em 2em -1.3em
}
hr.divide-no-margin {
  margin: 0 -2.1% -1px
}
hr {
  margin: 1em 0 1em 0;
}
/* Blockquotes
----------------------------------------------------------------------------------------------------*/

blockquote {
  margin: 0;
  padding: 10px;
}
blockquote img {
  float: right
}
blockquote .author {
  float: right;
  font-size: 18px
}
blockquote .jobtitle {
  float: right;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote,
blockquote p {
  font-size: 21px;
  font-style: normal;
  line-height: 1.8;
  border: 0 none;
  position: relative;
}
blockquote strong,
blockquote p strong {
  font-weight: normal;
}
blockquote.big p {
  font-size: 32px;
  line-height: 55px;
}
blockquote .quote-icon {
  color: rgba(0, 0, 0, 0.05);
  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.015);
  font-size: 102px;
  position: absolute;
  bottom: 10px;
}
.uk-round-avatar {
  border-radius: 5px;
  padding: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(255, 255, 255, 0.07);
}
.small-caps {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 11px;
}
/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */

em.box {
  border: 1px dotted #bbb;
  background: #fafafa;
  color: #444;
}
/* Dotted Horizontal Rule */

hr.dotted {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
mark {
  padding: 1px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #A8CAEA;
  color: #1F5A7A;
  text-shadow: none;
  border: 1px solid #559ABD;
}
/* Boxes
----------------------------------------------------------------------------------------------------*/

#system-message dd {
  background: #c3d1e1;
  color: #3F4F63 !important;
  border-width: 1px !important;
  text-shadow: 0 1px #F5F8F9;
  text-shadow: none;
  border-left-color: #84A7DB;
  border-right-color: #84A7DB;
}
#system-message dd.notice {
  border-left-color: #F0DC7E;
  border-right-color: #F0DC7E;
  color: #855303 !important;
}
/* Forms
----------------------------------------------------------------------------------------------------*/

form.box fieldset {
  border: 0 none;
  margin-top: 25px;
}
form.box legend {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.03);
  bottom: 15px;
  position: relative;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
}
form.box fieldset>div {
  margin: 7px 0;
}
form.box input,
form.box select,
form.box textarea,
form.short input,
form.short select,
form.short textarea,
.searchbox input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 4px 13px 3px;
  outline: none;
  color: #939393;
  margin: 1px 0 3px;
  border-radius: 3px;
  line-height: 1.8em;
  height: auto;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px 1px rgba(0, 0, 0, 0.05) inset;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.23);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}
.searchbox input:focus {
  box-shadow: none;
}
#ksearch-keywords {
  margin-right: 5px
}
/*tags
----------------------------------------------------------------------------------------------------*/

.tagspopular ul {
  padding: 0;
}
a.tag-body:active {
  top: 1px
}
.tag-body,
a.tag-body,
.tagspopular ul li a {
  display: inline-block;
  font-size: 13px !important;
  padding: 3px 10px;
  margin: 10px 10px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.4;
}
.tagspopular ul li a {
  float: left;
}
.tagssimilar ul li {
  line-height: 35px
}
p.taxonomy a.tag-body {
  margin: 10px 0 0 10px;
}
/*zoo tag fix*/

li.element-itemtag a {
  margin: 0 -5px -7px 20px
}
.zoo-tagcloud {
  text-align: left;
}
.zoo-tagcloud a {
  font-size: 12px !important;
  letter-spacing: 0 !important;
}
.tagssimilar ul li,
.tagspopular ul li {
  list-style-type: none
}
.tagssimilar ul {
  padding: 0
}
/* Buttons
----------------------------------------------------------------------------------------------------*/

/*all buttons*/

.btn,
[class='uk-button'],
.uk-button-default,
.uk-button-primary,
.uk-button-success,
.uk-button-danger,
.button-more,
.button-action,
.button-color,
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="submit"],
.uk-button-color,
button.uk-button-color,
input[type="submit"].uk-button-color,
input[type="reset"].uk-button-color,
input[type="button"].uk-button-color,
#content .pagination a,
#content .pagination strong,
#Kunena .kicon-button:link,
#Kunena .kicon-button,
#kunena .kbutton.kreply-submit,
.sprocket-mosaic-filter li.active {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 16px;
  font-size: 15px;
  text-decoration: none;
  line-height: 19px;
  margin: 0;
  letter-spacing: normal;
  text-shadow: none;
  white-space: nowrap;
  border-radius: 4px;
}
.btn:hover,
[class='uk-button']:hover,
.uk-button:hover,
.uk-button-default:hover,
.uk-button-primary:hover,
.uk-button-success:hover,
.uk-button-danger:hover,
.button-more:hover,
.uk-button-color:hover,
.button-action:hover,
button:hover,
.button:hover,
.button-color:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover,
#content .pagination a:hover,
#content .pagination strong:hover,
a.button_oc:hover,
.uk-icon-button:hover,
.uk-icon-button:focus,
.tag-body:hover,
a.tag-body:hover,
.tagspopular ul li a:hover,
.k2CategoriesListBlock li a:hover,
#Kunena .kicon-button:link:hover,
#Kunena .kicon-button:hover,
#kunena .kbutton.kreply-submit:hover {
  text-decoration: none;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset, 0 -5px 15px rgba(255, 255, 255, 0.15) inset, 0 2px 2px rgba(0, 0, 0, 0.1);
}
.btn:active,
.btn:focus,
[class='uk-button']:active,
.uk-button:active,
.uk-button-default:active,
.uk-button-primary:active,
.uk-button-success:active,
.uk-button-danger:active,
.button-more:active,
.uk-button-color:active,
.button-action:active,
button:active,
.button:active,
.button-color:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button[type="submit"]:active,
#content .pagination a:active,
#content .pagination strong:active,
a.button_oc:active,
[class='uk-button']:focus,
.uk-button:focus,
.uk-button-default:focus,
.uk-button-primary:focus,
.uk-button-success:focus,
.uk-button-danger:focus,
.button-more:focus,
.uk-button-color:focus,
.button-action:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button[type="submit"]:focus,
#content .pagination a:focus,
#content .pagination strong:focus,
a.button_oc:focus,
#Kunena .kicon-button:link:focus,
#Kunena .kicon-button:focus,
#kunena .kbutton.kreply-submit:focus {
  outline: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 5px 14px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.mejs-container button,
.uk-button.uk-button-link:focus,
.uk-button.uk-button-link:hover {
  box-shadow: none;
}
a.button-arrow,
a.readon {
  padding-right: 20px;
  margin: 10px;
}
.searchbox button,
.mejs-container button:hover {
  box-shadow: none;
}
/*kunena*/

#Kunena .kicon-button:link,
#Kunena .kicon-button,
#kunena .kbutton.kreply-submit {
  padding: 4px 7px;
  font-size: 13px;
}
/*toggles
----------------------------------------------------------------------------------------------------*/

.showhide {
  margin: 20px 0 10px !important;
  padding: 0;
}
.showhide>li {
  border: 1px solid rgba(0, 0, 0, 0.075);
  margin: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  list-style-type: none;
  border-radius: 4px;
}
pre {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
pre.no-margin {
  margin-top: -1px;
}
.showhide li.uk-toggle-code div,
.showhide li.code div,
pre {
  background: rgba(0, 0, 0, 0.05);
}
.showhide li.uk-toggle-code div i,
.showhide li.code div i,
pre i,
code i {
  font-style: normal;
}
.showhide li h3 {
  margin: 0;
  padding: 10px !important;
  font-size: 23px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.075);
}
.showhide li>div,
div.note {
  background: rgba(0, 0, 0, 0.01);
  display: none;
  margin: 0;
  padding: 21px 45px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04) inset;
}
.showhide li div p,
div.note p {
  line-height: 22.9px;
  text-shadow: none
}
.showhide li.uk-toggle-open>div {
  display: block;
}
.showhide li.uk-toggle-closed>div {
  display: none;
}
div.note {
  display: block;
  width: auto;
  height: auto;
  margin: 10px 0;
  padding: 21px 10px 0
}
.showhide li.uk-toggle-code div,
.showhide li.code div,
pre {
  font: 16px / 30px Consolas, monospace, serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.showhide li .toggle-button {
  font-size: 18px;
  position: relative;
  margin: 18px 15px 0;
  float: left;
  cursor: pointer;
}