/*
Theme Name: Oxium
Theme URI: https://www.cssigniter.com/ignite/themes/oxium/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Music Theme for WordPress
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oxium
Domain Path: /languages
*/

/* -----------------------------------------
	Table of Contents
--------------------------------------------

.. 01. General
.. 02. Main Navigation
.. 03. Header
.. 04. Modules
.. 05. Footer
.. 06. Comments
.. 07. Widgets Styling
.. 08. WordPress defaults
.. .. 08a. Default styles
.. .. 08b. Gutenberg
.. 09. Mobile Menu
.. 10. External Plugins
.. 11. Global Mediaqueries

*/

@-webkit-keyframes rot {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes rot {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* -----------------------------------------
	01. General
----------------------------------------- */

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

* {
  box-sizing: inherit;
}

*::before,
*::after {
  box-sizing: inherit;
}

/* Basic Typography
=================================== */

body {
  line-height: 1.5;
  font-size: 12px;
  background-color: #f6f6f6;
  color: #313131;
  font-family: "Roboto Mono", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  margin: 0 0 15px;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

h1 {
  font-size: 22px;
  line-height: 1.3;
}

h2 {
  font-size: 19px;
  line-height: 1.35;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0 0 15px;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

a {
  -webkit-transition: color .18s ease, background-color .18s ease, border-color .18s ease;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
  outline: none;
  color: #313131;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #4b4b4b;
  outline: none;
  text-decoration: none;
}

a:active {
  outline: none;
}

.group::after {
  content: "";
  display: table;
  clear: both;
}

/* General Element Styling
=================================== */

/* Reset figure margin from normalize.css */

figure {
  margin: 0;
}

/* Lists */

ul,
ol {
  padding-left: 17px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

dl {
  margin: 0 0 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 15px;
}

/* Blockquotes */

blockquote {
  margin: 20px 0;
  padding-left: 15px;
  border-left: 3px solid #dfdfdf;
  font-size: 17px;
  font-weight: 300;
}

blockquote cite {
  display: block;
  font-weight: bold;
  font-style: italic;
  margin: 10px 0 0;
  opacity: .8;
  font-size: 14px;
}

/* Tables */

table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.entry-content table {
  border-width: 1px 0 0 1px;
  margin-bottom: 24px;
}

.entry-content th,
.entry-content td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.entry-content th:first-child,
.entry-content td:first-child {
  padding-left: 0;
}

.entry-content caption,
.entry-content th,
.entry-content td {
  font-weight: normal;
  text-align: left;
  padding: 5px;
  vertical-align: middle;
}

.entry-content th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 85%;
}

.entry-content td {
  border-width: 0 1px 1px 0;
}

/* Code */

code,
kbd,
tt,
var,
samp,
pre {
  font-family: monospace, serif;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  font-style: normal;
}

pre {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Various */

address {
  margin: 0 0 15px;
}

.sr-only,
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Embeds and iframes
=================================== */

embed,
iframe,
object,
video,
audio {
  margin-bottom: 15px;
  max-width: 100%;
}

p > embed,
p > iframe,
p > object,
p > audio,
span > embed,
span > iframe,
span > object,
span > audio {
  margin-bottom: 0;
}

#map *,
.map * {
  max-width: none !important;
}

/* General Form Styling
=================================== */

label {
  display: block;
  margin: 0 0 2px;
  font-weight: normal;
}

input,
textarea {
  display: inline-block;
  font-size: inherit;
  width: 100%;
  max-width: 100%;
  height: 32px;
  padding: 6px 12px;
  box-shadow: none;
  line-height: normal;
  border: 1px dotted #313131;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  -webkit-transition: background-color .18s ease, border-color .18s ease;
  transition: background-color .18s ease, border-color .18s ease;
}

input:hover,
textarea:hover {
  border-style: solid;
}

input:focus,
textarea:focus {
  outline: none;
  background-color: #fff000;
  border-color: #fff000;
}

input[type="search"] {
  /* Restoring box-sizing */
  box-sizing: border-box;
}

textarea {
  height: auto;
}

select {
  max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  line-height: normal;
  width: auto;
  height: auto;
}

fieldset {
  margin: 0 0 15px;
  padding: 0;
  border: 0;
  min-width: 0;
}

/* Placeholder text color */

::-webkit-input-placeholder {
  opacity: .6;
  font-weight: normal;
  opacity: 1;
}

:-moz-placeholder {
  opacity: .6;
  font-weight: normal;
  opacity: 1;
}

::-moz-placeholder {
  opacity: .6;
  font-weight: normal;
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: .6;
  font-weight: normal;
  opacity: 1;
}

/* Buttons
=================================== */

.btn,
.comment-reply-link,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  display: inline-block;
  font-weight: normal;
  margin: 0;
  line-height: normal;
  box-shadow: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: .18s background-color ease, color .18s ease, .18s border-color ease;
  transition: .18s background-color ease, color .18s ease, .18s border-color ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
  width: auto;
  height: auto;
  background-image: none;
  padding: 7px 16px 8px;
  font-size: 12px;
  background-color: transparent;
  color: #313131;
  border: 1px solid #313131;
}

.btn:active,
.comment-reply-link:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active {
  outline: none;
}

.btn:hover,
.btn:focus,
.comment-reply-link:hover,
.comment-reply-link:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
button:hover,
button:focus {
  outline: none;
  background-color: #fff000;
  color: #313131;
  text-decoration: none;
  border-color: #fff000;
}

/* CI-Slider Overrides
=================================== */

.ci-slider {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border: 0;
}

.ci-slider .slides li:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}

.ci-slider .slides > li:first-child {
  display: block;
  /* Display flexslider's first item no matter if its loading or not */
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.ci-slider.loading::before {
  border: 6px solid rgba(255, 255, 255, 0.35);
  border-top-color: rgba(255, 255, 255, 0.875);
  border-radius: 100%;
  height: 40px;
  width: 40px;
  -webkit-animation: rot .8s infinite linear;
  animation: rot .8s infinite linear;
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
}

.ci-slider.loading .slides > li:first-child {
  opacity: 1 !important;
  /* Remove the fade in/out animation when the slider loads */
}

.ci-direction-nav a {
  top: 50%;
  opacity: .7;
  line-height: normal;
}

.ci-direction-nav a:hover {
  color: #ffffff;
  opacity: 1;
}

.ci-control-paging {
  position: static;
  margin: 20px 0 0;
  height: 5px;
}

.ci-control-paging li a {
  border-radius: 0;
  width: 39px;
  height: 5px;
  background-color: #313131;
  box-shadow: none;
}

.ci-control-paging li a.ci-active {
  background-color: #fff000;
}

/* Magnific Popup Overrides
=================================== */

.mfp-bg {
  background-color: #000000;
}

.mfp-preloader {
  color: #ffffff;
}

.mfp-preloader a {
  color: #ffffff;
}

.mfp-preloader a:hover {
  color: #ffffff;
}

.mfp-container:not(.mfp-s-error) .mfp-preloader {
  border: 6px solid rgba(255, 255, 255, 0.35);
  border-top-color: rgba(255, 255, 255, 0.875);
  border-radius: 100%;
  height: 40px;
  width: 40px;
  -webkit-animation: rot .8s infinite linear;
  animation: rot .8s infinite linear;
  background-color: transparent;
  text-indent: -999em;
  margin: 0 auto;
}

button.mfp-close,
button.mfp-arrow {
  border: 0;
  opacity: 1;
}

button.mfp-close:hover,
button.mfp-close:focus,
button.mfp-arrow:hover,
button.mfp-arrow:focus {
  background: none;
  border: 0;
}

.mfp-close-btn-in .mfp-close {
  color: #ffffff;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #ffffff;
}

.mfp-arrow {
  line-height: .3;
}

.mfp-arrow:before,
.mfp-arrow:after {
  border: 0;
}

.mfp-arrow:after {
  font-family: FontAwesome;
  font-size: 70px;
  color: #ffffff;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mpf-a {
  content: "\f105";
}

.mfp-arrow-left:after,
.mfp-arrow-left .mpf-a {
  content: "\f104";
}

/* Text Alignment Helpers
=================================== */

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justified {
  text-align: justify;
}

/* -----------------------------------------
	02. Main Navigation
----------------------------------------- */

.nav {
  margin: 0 0 35px;
}

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav ul ul {
  margin-left: 15px;
  display: none;
}

.nav ul ul.toggled-on {
  display: block;
}

.navigation-main {
  line-height: normal;
}

.navigation-main::after {
  content: "";
  display: table;
  clear: both;
}

.navigation-main li {
  position: relative;
  z-index: 100;
  display: block;
}

.navigation-main a {
  display: block;
  white-space: nowrap;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  position: relative;
  color: #828282;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  /* Global Menu Link Styles */
}

.navigation-main a::before {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 7px;
  background-color: #fff000;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity .18s ease;
  transition: opacity .18s ease;
}

.navigation-main a:hover::before {
  opacity: 1;
}

.navigation-main .dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  padding: 0 10px;
  background-color: transparent;
  line-height: normal;
  color: #828282;
}

.navigation-main .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
}

.navigation-main .dropdown-toggle.toggle-on::after {
  content: "\f106";
}

.navigation-main .dropdown-toggle:hover {
  color: #313131;
}

.navigation-main > li > a {
  /* First Level Menu Link Styles */
}

.navigation-main > li ul a {
  /* All Other Menu Level Link Styles */
}

.navigation-main > li ul a:hover,
.navigation-main > li ul .sfHover > a {
  /* All Other Level Menu Link Hover Styles */
}

.navigation-main a:hover,
.navigation-main li > a:hover,
.navigation-main li.current-menu-item > a,
.navigation-main li.current > a {
  color: #313131;
}

.navigation-main a:hover::before,
.navigation-main li > a:hover::before,
.navigation-main li.current-menu-item > a::before,
.navigation-main li.current > a::before {
  opacity: 1;
}

.navigation-main a:hover .dropdown-toggle,
.navigation-main li > a:hover .dropdown-toggle,
.navigation-main li.current-menu-item > a .dropdown-toggle,
.navigation-main li.current > a .dropdown-toggle {
  color: #313131;
}

.navigation-main ul {
  margin: 0 0 0 5px;
  padding: 0;
  /* All Lower Level Menu Container Styles */
}

.navigation-main ul a {
  font-size: 14px;
}

/* -----------------------------------------
	03. Header
----------------------------------------- */

.header {
  position: relative;
  margin: 0 0 30px;
}

.header::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  margin-top: 20px;
  background-color: #313131;
}

.header::after {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

.site-logo {
  font-size: 30px;
  line-height: normal;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: -.05em;
}

.site-logo a {
  color: #313131;
}

.site-tagline {
  margin: 0;
  line-height: normal;
  color: #828282;
  font-size: 13px;
}

/* -----------------------------------------
	04. Modules
----------------------------------------- */

#page {
  padding: 50px 0 20px;
}

.main-wrap {
  margin-bottom: 45px;
}

/* Slider Module
=================================== */

.slide-desc {
  position: absolute;
  bottom: 30px;
  left: 30px;
  max-width: 340px;
}

.slide-eyebrow {
  margin: 0;
  font-size: 16px;
}

.slide-title {
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -.05em;
  margin-bottom: 20px;
  font-weight: 700;
}

/* Entry Styles
=================================== */

.page-title {
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 30px;
  font-weight: 700;
}

.page-title::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  margin-top: 20px;
  background-color: #313131;
}

.entry {
  margin: 0 0 40px;
}

.entry:only-of-type {
  margin: 0;
}

.entry-related {
  margin-top: 50px;
}

.entry-thumb {
  margin-bottom: 30px;
  position: relative;
}

.entry-thumb:only-child {
  margin-bottom: 0;
}

.entry-thumb.alignnone,
.entry-thumb.alignleft,
.entry-thumb.alignright,
.entry-thumb.aligncenter {
  margin-top: 0;
}

.entry-thumb figcaption {
  margin-top: 10px;
  color: #828282;
}

.entry-thumb-full {
  margin-bottom: 40px;
}

.entry-thumb-badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 12px;
  background-color: #fff000;
  color: #313131;
}

.entry-gallery {
  margin-bottom: 10px;
}

.entry-gallery > div {
  margin-bottom: 30px;
}

.entry.oxium_gallery .entry-navigation,
.entry.oxium_video .entry-navigation {
  margin-bottom: 30px;
}

.entry.oxium_gallery .entry-navigation:only-child,
.entry.oxium_video .entry-navigation:only-child {
  margin-bottom: 0;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
  display: inline-block;
}

.post-navigation .nav-previous {
  margin-right: 5px;
}

.post-navigation a {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 7px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  background-color: transparent;
  color: #313131;
  border: 1px solid #313131;
  -webkit-transition: .18s background-color ease, color .18s ease, .18s border-color ease;
  transition: .18s background-color ease, color .18s ease, .18s border-color ease;
}

.post-navigation a:hover,
.post-navigation a:focus {
  outline: none;
  background-color: #fff000;
  color: #313131;
  text-decoration: none;
  border-color: #fff000;
}

.entry-title {
  line-height: 1.3;
  letter-spacing: -.05em;
  margin-bottom: 20px;
  font-weight: 700;
}

.entry-title a {
  color: #313131;
  -webkit-transition: box-shadow .12s ease;
  transition: box-shadow .12s ease;
}

.entry-title a:hover {
  box-shadow: inset 0 -5px 0 0 #f6f6f6, inset 0 -12px 0 #fff000;
}

.entry-eyebrow {
  font-size: 15px;
  margin: 0;
}

.entry-meta {
  margin-bottom: 23px;
}

.entry-meta::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  margin-top: 20px;
  background-color: #313131;
}

.entry-meta-item {
  display: block;
  margin-bottom: 3px;
}

.entry-meta-item:last-child {
  margin-bottom: 0;
}

.entry-meta-item span {
  color: #828282;
}

.entry-content {
  margin-bottom: 15px;
}

.entry-content::after {
  content: "";
  display: table;
  clear: both;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-top: 25px;
}

.entry-content a {
  text-decoration: underline;
}

.entry-external {
  margin-top: -15px;
  margin-bottom: 30px;
}

.entry-external:last-child {
  margin-bottom: 0;
}

.entry-external a {
  display: inline-block;
  margin-right: 5px;
}

.link-border {
  color: #313131;
  -webkit-transition: box-shadow .12s ease;
  transition: box-shadow .12s ease;
  color: #828282;
}

.link-border:hover {
  box-shadow: inset 0 -2px 0 0 #f6f6f6, inset 0 -7px 0 #fff000;
}

.link-border:hover {
  color: #313131;
}

/* Listing Items
=================================== */

section.widget .row-listing {
  margin-bottom: -40px;
}

.item {
  margin-bottom: 40px;
}

.item-thumb {
  margin-bottom: 10px;
}

.item-thumb .mfp-iframe {
  position: relative;
}

.item-thumb .mfp-iframe::after {
  font-family: 'FontAwesome';
  content: '\f04b';
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  text-align: center;
  line-height: 31px;
  -webkit-transition: color .18s ease, background-color .18s ease, border-color .18s ease;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.item-thumb:hover .mfp-iframe::after {
  color: #313131;
  background-color: #fff000;
  border-color: #fff000;
}

.item-title {
  margin: 0 0 2px;
  line-height: normal;
  letter-spacing: -.04em;
}

.item-title a {
  color: #313131;
  -webkit-transition: box-shadow .12s ease;
  transition: box-shadow .12s ease;
}

.item-title a:hover {
  box-shadow: inset 0 -2px 0 0 #f6f6f6, inset 0 -7px 0 #fff000;
}

.item-subtitle {
  color: #828282;
  font-size: 11px;
  letter-spacing: -.025em;
  margin: 0;
}

/* Event Items */

.item-event {
  padding: 18px 0 23px;
  border-bottom: 1px dashed #313131;
  line-height: normal;
}

.item-event:first-of-type {
  padding-top: 0;
}

.item-event-title {
  font-size: 16px;
  margin: 0;
}

.item-event-title a {
  color: #313131;
  -webkit-transition: box-shadow .12s ease;
  transition: box-shadow .12s ease;
}

.item-event-title a:hover {
  box-shadow: inset 0 -5px 0 0 #f6f6f6, inset 0 -12px 0 #fff000;
}

.item-event-subtitle {
  margin: 0;
}

.item-event-callout {
  text-align: right;
}

.item-event-callout .btn {
  margin-top: 3px;
}

/* Pagination
=================================== */

.pagination,
.posts-navigation {
  margin: 40px 0 0;
}

.row-listing + .pagination,
.row-listing +
.posts-navigation {
  margin-top: 0;
}

.pagination a,
.pagination span,
.posts-navigation a,
.posts-navigation span {
  display: inline-block;
  font-size: 13px;
  padding: 8px 14px;
  margin: 0 3px 0 0;
  line-height: normal;
  color: #313131;
  border: 1px solid #313131;
}

.pagination a:hover,
.pagination .current,
.posts-navigation a:hover,
.posts-navigation .current {
  background-color: #fff000;
  color: #313131;
  border-color: #fff000;
}

/* -----------------------------------------
	05. Footer
----------------------------------------- */

.copy {
  font-size: 11px;
  position: relative;
}

.copy::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  margin-top: 20px;
  background-color: #313131;
}

.copy::after {
  margin: 0;
  position: absolute;
  right: 0;
  top: -10px;
}

.copy a {
  color: #313131;
  -webkit-transition: box-shadow .12s ease;
  transition: box-shadow .12s ease;
}

.copy a:hover {
  box-shadow: inset 0 -2px 0 0 #f6f6f6, inset 0 -7px 0 #fff000;
}

/* -----------------------------------------
   06. Comments
----------------------------------------- */

#comments {
  margin: 40px 0 0;
}

#comment-list {
  margin: 0;
  list-style: none;
  padding: 0;
}

#comment-list ol {
  list-style: none;
}

#comment-list .comment-body {
  margin-bottom: 20px;
  padding-top: 20px;
}

#comment-list > .comment:first-child > .comment-body {
  border-top: 0;
  padding-top: 0;
}

.post-comments {
  margin: 0 0 45px;
}

.comment-author .avatar {
  width: 64px;
  height: 64px;
  float: left;
  margin: 0 15px 15px 0;
  overflow: visible;
}

.comment-content {
  overflow: hidden;
  zoom: 1;
  font-size: 13px;
}

.comment-metadata {
  font-size: 11px;
  margin: 0 0 5px;
}

.comment-metadata a {
  color: #828282;
}

.comment-reply-link {
  font-size: 10px;
  text-transform: uppercase;
  padding: 4px 10px;
  margin-left: 80px;
  height: auto;
  width: auto;
}

.bypostauthor > article .fn:before {
  font-family: FontAwesome;
  content: "\f005";
  margin: 0 2px 0 -2px;
  position: relative;
  top: -1px;
  font-size: 11px;
}

#cancel-comment-reply-link {
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

.form-allowed-tags,
.comment-notes {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(49, 49, 49, 0.8);
}

/* -----------------------------------------
	07. Widgets Styling
----------------------------------------- */

.widget {
  margin: 0 0 30px;
  /* Nullify bottom margin for last elements in widgets and sidebars */
}

.sidebar .widget:last-child {
  margin-bottom: 0;
}

.widget p:last-child {
  margin-bottom: 0;
}

.widget select {
  width: 100%;
  padding: 5px 10px;
  border-radius: 0;
  border: 1px solid #dfdfdf;
}

section.widget {
  margin-bottom: 50px;
}

section.widget:last-child,
section.widget.widget_ci-latest-galleries,
section.widget.widget_ci-latest-videos,
section.widget.widget_ci-latest-posts {
  margin-bottom: 0;
}

.widget-title {
  font-size: 13px;
  margin-bottom: 20px;
}

.widget-title::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  margin-top: 20px;
  background-color: #313131;
}

.widget-title::after {
  margin-top: 5px;
}

.widget-title label {
  text-transform: none;
  display: block;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
}

.section-title-wrap {
  margin-bottom: 30px;
}

.section-title-wrap::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  margin-top: 20px;
  background-color: #313131;
}

.section-title-wrap::after {
  margin-top: 7px;
}

.section-title {
  margin: 0;
  font-weight: 700;
}

.section-subtitle a {
  color: #313131;
  -webkit-transition: box-shadow .12s ease;
  transition: box-shadow .12s ease;
}

.section-subtitle a:hover {
  box-shadow: inset 0 -2px 0 0 #f6f6f6, inset 0 -7px 0 #fff000;
}

/* WIDGET: #List Widgets
========================================= */

.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_entries ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget_meta ul ul,
.widget_pages ul ul,
.widget_categories ul ul,
.widget_archive ul ul,
.widget_recent_entries ul ul {
  margin-left: 5px;
}

.widget_meta li,
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_recent_entries li {
  line-height: normal;
  display: block;
  position: relative;
}

.widget_meta li a,
.widget_pages li a,
.widget_categories li a,
.widget_archive li a,
.widget_recent_entries li a {
  display: inline-block;
  margin-bottom: 2px;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  position: relative;
  font-size: 12px;
  position: relative;
}

.widget_meta li a::before,
.widget_pages li a::before,
.widget_categories li a::before,
.widget_archive li a::before,
.widget_recent_entries li a::before {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 5px;
  background-color: #fff000;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity .18s ease;
  transition: opacity .18s ease;
}

.widget_meta li a:hover::before,
.widget_pages li a:hover::before,
.widget_categories li a:hover::before,
.widget_archive li a:hover::before,
.widget_recent_entries li a:hover::before {
  opacity: 1;
}

.widget_meta li .count,
.widget_meta li .ci-count,
.widget_pages li .count,
.widget_pages li .ci-count,
.widget_categories li .count,
.widget_categories li .ci-count,
.widget_archive li .count,
.widget_archive li .ci-count,
.widget_recent_entries li .count,
.widget_recent_entries li .ci-count {
  font-size: 11px;
  position: relative;
  top: -1px;
}

.widget_recent_comments ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget_recent_comments li {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid #dfdfdf;
}

.widget_pages select,
.widget_categories select,
.widget_archive select {
  display: block;
  width: 100%;
  padding: 6px 15px;
  border-radius: 0;
  font-size: 14px;
  height: 40px;
  font-weight: normal;
  border: 1px solid #dfdfdf;
  background: #ffffff;
}

/* Social Icons // Custom Menus
=================================== */

.list-socials,
.widget_nav_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
}

.list-socials::after,
.widget_nav_menu ul::after {
  content: "";
  display: table;
  clear: both;
}

.list-socials ul,
.widget_nav_menu ul ul {
  margin-left: 15px;
}

.list-socials ul a,
.widget_nav_menu ul ul a {
  font-size: 14px;
}

.list-socials li,
.widget_nav_menu ul li {
  display: block;
}

.list-socials a,
.widget_nav_menu ul a {
  display: block;
  white-space: nowrap;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  position: relative;
  color: #828282;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
}

.list-socials a::before,
.widget_nav_menu ul a::before {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 7px;
  background-color: #fff000;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity .18s ease;
  transition: opacity .18s ease;
}

.list-socials a:hover::before,
.widget_nav_menu ul a:hover::before {
  opacity: 1;
}

.list-socials a:hover,
.widget_nav_menu ul a:hover {
  color: #313131;
}

.list-socials .fa,
.widget_nav_menu ul .fa {
  min-width: 20px;
  font-size: 13px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

/* WIDGET: #Ads125
========================================= */

#ads125,
.ads125 {
  margin: 0;
  padding: 0;
  list-style: none;
}

#ads125 li,
.ads125 li {
  background: none;
  border: 0;
  float: left;
  margin: 0 15px 10px 0;
  padding: 0;
  max-width: 125px;
  height: auto;
}

/* WIDGET: #Search
========================================= */

.searchform > div,
.form-subscribe > div {
  position: relative;
}

.searchform button[type="submit"],
.form-subscribe button[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border: 0;
  padding: 0 12px;
}

.searchform button[type="submit"]:hover,
.form-subscribe button[type="submit"]:hover {
  background: none;
}

/* WIDGET: #Flickr
========================================= */

.flickr_badge_image {
  float: left;
  margin: 0 15px 15px 0;
}

.flickr_badge_image a {
  display: block;
  line-height: 0;
}

/* WIDGET: #About
========================================= */

.widget_about {
  margin-top: -5px;
}

.widget_about img {
  max-width: 100px;
  height: auto;
}

.widget_about .alignleft {
  float: left;
  margin: 5px 15px 6px 0;
}

.widget_about .alignright {
  float: right;
  margin: 5px 0 6px 15px;
}

/* WIDGET: #Text Widget
========================================= */

.widget_text p:last-child {
  margin-bottom: 0;
}

/* WIDGET: #Twitter
========================================= */

.widget_ci_twitter_widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget_ci_twitter_widget ul li {
  margin-bottom: 12px;
}

.widget_ci_twitter_widget ul li:first-child {
  padding-top: 0;
}

.widget_ci_twitter_widget .twitter-time {
  display: block;
  font-size: .85em;
}

/* WIDGET: #Calendar
================================================== */

#wp-calendar {
  width: 100%;
}

#wp-calendar a {
  font-weight: bold;
  font-style: italic;
}

#wp-calendar caption {
  text-align: left;
  margin-top: 10px;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
  padding: 9px;
}

#wp-calendar thead {
  font-size: 10px;
}

#wp-calendar thead th {
  background: rgba(0, 0, 0, 0.1);
  font-weight: bold;
  padding: 8px;
}

#wp-calendar tbody td {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 3px;
}

#wp-calendar tbody td:hover {
  background: rgba(0, 0, 0, 0.1);
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot #next {
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
}

#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}

/* -----------------------------------------
	08a. WordPress Defaults
----------------------------------------- */

/* WordPress Galleries
=================================== */

.gallery {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 15px;
}

.gallery::after {
  content: "";
  display: table;
  clear: both;
}

.gallery-item {
  margin-bottom: 10px;
}

.gallery-item img {
  width: 100%;
  max-width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.gallery-columns-1 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  width: 11.11111%;
}

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 0 5px;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: calc(100% - 10px);
  -webkit-transition: opacity .18s ease;
  transition: opacity .18s ease;
}

.gallery-caption::before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* WordPress Classes
=================================== */

/* Alignment */

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

p .alignnone {
  margin-bottom: 0;
}

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

.alignright {
  float: right;
  margin: 7px 0 7px 24px;
}

.alignleft {
  float: left;
  margin: 7px 24px 7px 0;
}

/* Captions */

.wp-caption {
  max-width: 100%;
  margin-bottom: 15px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text {
  font-size: 12px;
  line-height: 17px;
  margin: 3px 0 5px;
  padding: 5px 0 0;
  text-align: left;
  font-style: italic;
}

.sticky {
  /* Provide sticky styles */
}

/* -----------------------------------------
	08b. Gutenberg Styles
----------------------------------------- */

/* Quote block
=================================== */

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
  font-style: normal;
  font-size: 20px;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
  font-size: 16px;
}

/* Pull Quote block
=================================== */

.wp-block-pullquote p {
  font-size: 16px;
}

.wp-block-pullquote em,
.wp-block-pullquote cite {
  font-style: normal;
}

/* -----------------------------------------
  09.  MOBILE MENU
----------------------------------------- */

.mobile-toggle {
  position: absolute;
  display: none;
  width: 36px;
  height: 36px;
  right: 0;
  bottom: 0;
}

.mobile-toggle b {
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  top: 50%;
  margin-top: -2px;
  background-color: #313131;
  -webkit-transition: background-color .28s ease;
  transition: background-color .28s ease;
}

.mobile-toggle b::before,
.mobile-toggle b::after {
  display: block;
  content: '';
  width: 100%;
  height: inherit;
  position: absolute;
  bottom: 0;
  background-color: #313131;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.mobile-toggle b::before {
  top: -11px;
}

.mobile-toggle b::after {
  bottom: -11px;
}

.mobile-toggle.mobile-toggled-active b {
  background-color: transparent;
}

.mobile-toggle.mobile-toggled-active b::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-toggle.mobile-toggled-active b::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* -----------------------------------------
	10. External Plugins
----------------------------------------- */

/* Jetpack Sharing
=================================== */

.sharedaddy {
  margin-top: 30px;
}

/* WP Instagram Plugin
=================================== */

.null-instagram-feed p {
  padding-top: 10px;
}

.widget .instagram-pics {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget .instagram-pics::after {
  content: "";
  display: table;
  clear: both;
}

.widget .instagram-pics li {
  border-bottom: 0;
  padding: 0;
  float: left;
  width: 33.33333333333%;
}

.widget .instagram-pics li a {
  display: block;
}

/* AudioIgniter
=================================== */

.ai-wrap {
  background-color: #ededed;
  color: #313131;
}

.ai-wrap .ai-volume-bar,
.ai-wrap .ai-track-thumb {
  border-right-color: #ededed;
}

.ai-wrap .ai-track-btn {
  border-left-color: #ededed;
}

.ai-wrap .ai-btn,
.ai-wrap .ai-track-btn {
  color: #313131;
}

.ai-wrap .ai-btn svg,
.ai-wrap .ai-track-no-thumb svg,
.ai-wrap .ai-track-btn svg {
  fill: #313131;
}

.ai-wrap .ai-audio-control,
.ai-wrap .ai-audio-control:hover,
.ai-wrap .ai-audio-control:focus,
.ai-wrap .ai-track-progress,
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before,
.ai-wrap .ai-track:hover,
.ai-wrap .ai-track.ai-track-active {
  background-color: #fff000;
}

.ai-wrap .ai-scroll-wrap > div:last-child div {
  background-color: #fff000 !important;
}

.ai-wrap .ai-btn:hover,
.ai-wrap .ai-btn:focus,
.ai-wrap .ai-footer a,
.ai-wrap .ai-footer a:hover {
  color: #fff000;
}

.ai-wrap .ai-btn:hover svg,
.ai-wrap .ai-btn:focus svg {
  fill: #fff000;
}

.ai-wrap .ai-audio-control,
.ai-wrap .ai-track:hover,
.ai-wrap .ai-track.ai-track-active,
.ai-wrap .ai-track.ai-track-active .ai-track-btn,
.ai-wrap .ai-track:hover .ai-track-btn {
  color: #0a0a0a;
}

.ai-wrap .ai-audio-control svg,
.ai-wrap .ai-track.ai-track-active .ai-track-btn svg,
.ai-wrap .ai-track:hover .ai-track-btn svg {
  fill: #0a0a0a;
}

.ai-wrap .ai-track-progress-bar,
.ai-wrap .ai-volume-bar,
.ai-wrap .ai-btn,
.ai-wrap .ai-btn:hover,
.ai-wrap .ai-btn:focus,
.ai-wrap .ai-track,
.ai-wrap .ai-track-no-thumb {
  background-color: #dbdbdb;
}

.ai-wrap .ai-scroll-wrap > div:last-child {
  background-color: #dbdbdb;
}

.ai-wrap .ai-footer {
  border-top-color: #dbdbdb;
}

.ai-wrap.ai-is-loading .ai-control-wrap-thumb::after,
.ai-wrap.ai-is-loading .ai-track-title::after,
.ai-wrap.ai-is-loading .ai-track-subtitle::after {
  background: -webkit-linear-gradient(left, #dbdbdb 8%, #eaeaea 18%, #dbdbdb 33%);
  background: linear-gradient(to right, #dbdbdb 8%, #eaeaea 18%, #dbdbdb 33%);
}

/* Elementor Styles */

.elementor .elementor-widget .item {
  margin-bottom: 0;
}

.elementor .elementor-widget .item .item-thumb {
  margin-bottom: 10px;
}

/* -----------------------------------------
	11. Global Mediaqueries
----------------------------------------- */

@media (min-width: 992px) {
  .sidebar {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .gallery-columns-7 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 20%;
  }

  .gallery-columns-8 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 20%;
  }

  .gallery-columns-9 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 20%;
  }

  .mobile-toggle {
    display: inline-block;
  }

  .header::after {
    display: none;
  }

  .sidebar {
    margin-bottom: 40px;
    display: none;
  }

  .navigation-main a {
    font-size: 20px;
  }

  .navigation-main ul a {
    font-size: 20px;
  }

  .navigation-main .dropdown-toggle {
    height: 26px;
    background-color: rgba(0, 0, 0, 0.03);
  }

  .navigation-main .dropdown-toggle::after {
    height: 100%;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  #comment-list ol {
    margin: 0;
    padding: 0;
  }

  .comment-reply-link {
    margin: 0;
  }

  .gallery-columns-5 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 25%;
  }

  .gallery-columns-6 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 25%;
  }

  .gallery-columns-7 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 25%;
  }

  .gallery-columns-8 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 25%;
  }

  .gallery-columns-9 .gallery-item {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 25%;
  }

  .main-wrap {
    margin-bottom: 30px;
  }

  .entry-thumb,
  .entry-thumb-full {
    margin-bottom: 30px;
  }

  .entry-thumb:only-child,
  .entry-thumb-full:only-child {
    margin-bottom: 30px;
  }

  .entry-related {
    margin-top: 20px;
  }

  .entry-external {
    margin-bottom: 30px;
  }

  .entry-navigation,
  .post-navigation {
    display: none;
  }
}

@media (max-width: 543px) {
  input,
  textarea {
    width: 100%;
  }

  .comment-author .avatar {
    display: none;
  }

  #page {
    padding-top: 20px;
  }

  h1,
  .entry-title,
  .page-title,
  .section-title,
  .slide-title {
    font-size: 19px;
  }

  h2 {
    font-size: 17px;
  }

  h3 {
    font-size: 15px;
  }

  h4 {
    font-size: 14px;
  }

  h5 {
    font-size: 13px;
  }

  h6 {
    font-size: 12px;
  }

  .slide-eyebrow,
  .entry-eyebrow {
    font-size: 14px;
  }

  .slide-desc {
    bottom: 15px;
    left: 15px;
  }

  .ci-control-paging {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    width: auto;
    height: 3px;
    margin: 0;
  }

  .ci-control-paging li {
    margin: 0 0 0 6px;
  }

  .ci-control-paging li a {
    width: 16px;
    height: 3px;
  }

  section.widget {
    margin-bottom: 35px;
  }

  p.item-event-subtitle {
    margin-bottom: 15px;
  }

  p.item-event-subtitle:last-child {
    margin-bottom: 15px;
  }

  .item-event-callout {
    text-align: left;
  }

  .footer .copy {
    text-align: left;
  }

  .footer .copy::after {
    right: auto;
    left: 0;
  }

  .paging a,
  .paging > span,
  .paging li span {
    padding: 5px 10px;
  }

  .paging > span:not(.current) {
    display: none;
  }

  section.widget .row-listing {
    margin-bottom: 0;
  }

  .row-listing > div:last-child .item {
    margin-bottom: 0;
  }
}