/*!
Theme Name: True North
Theme URI: https://www.cssigniter.com/themes/truenorth/
Author: CSSIgniter
Author URI: https://www.cssigniter.com
Description: A portfolio theme for WordPress
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: truenorth
Domain Path: /lang
*/

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

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

*/

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

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

body {
  line-height: 1.625;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #5b5b5b;
  background: #f6f6f6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  letter-spacing: -0.05em;
  margin: 0 0 30px 0;
  font-family: "Montserrat", sans-serif;
  color: #2d2d2d;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0 0 30px 0;
}

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

a {
  -webkit-transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
  color: #2d2d2d;
  text-decoration: none;
}

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

a:active {
  outline: none;
}

.group:before,
.group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.group:after {
  clear: both;
}

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

/* Reset figure margin from normalize.css */

figure {
  margin: 0;
}

/* Lists */

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

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: 30px 0;
  padding: 30px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  background: #ea4848;
  color: #ffffff;
}

blockquote a {
  color: #ffffff;
}

blockquote a:hover,
blockquote a:focus {
  color: inherit;
}

blockquote p {
  margin: 0;
}

blockquote :last-child {
  margin-bottom: 0;
}

blockquote cite {
  display: block;
  font-weight: bold;
  font-style: normal;
  margin: 10px 0 0;
  color: #ffffff;
  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:first-child,
.entry-content td:first-child {
  padding-left: 0;
}

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

.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: 40px;
  padding: 7px 12px;
  box-shadow: none;
  line-height: normal;
  border: 1px solid #ccc;
  background-color: #FFF;
  background-image: none;
  border-radius: 0;
}

input:focus,
textarea:focus {
  outline: none;
}

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

textarea {
  height: auto;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-size: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 100%;
  height: 40px;
  padding: 7px 12px;
  border: 1px solid #ccc;
}

select::-ms-expand {
  background-color: transparent;
  border: 0;
}

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

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

/* Placeholder text color */

::-webkit-input-placeholder {
  color: rgba(91, 91, 91, 0.5);
  font-weight: normal;
  opacity: 1;
}

:-moz-placeholder {
  color: rgba(91, 91, 91, 0.5);
  font-weight: normal;
  opacity: 1;
}

::-moz-placeholder {
  color: rgba(91, 91, 91, 0.5);
  font-weight: normal;
  opacity: 1;
}

:-ms-input-placeholder {
  color: rgba(91, 91, 91, 0.5);
  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: 1;
  border: none;
  box-shadow: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: 0.18s background-color ease, color 0.18s ease, 0.18s border-color ease;
  transition: 0.18s background-color ease, color 0.18s ease, 0.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: 15px 20px;
  font-size: 14px;
  background-color: #ea4848;
  color: #FFF;
}

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

.btn:hover,
.comment-reply-link:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
  background: #101010;
  color: #FFF;
  text-decoration: none;
}

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

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

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

.ci-slider.loading:before {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
}

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

.ci-direction-nav {
  position: absolute;
  bottom: 25px;
  right: 25px;
  z-index: 10;
}

.ci-direction-nav li {
  display: inline-block;
  margin-left: 15px;
}

.ci-direction-nav a {
  position: static;
  display: block;
  width: auto;
  height: auto;
}

.ci-direction-nav a:before {
  color: #FFF;
  font-size: 24px;
}

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

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

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

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

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

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

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

.mfp-preloader {
  color: #ffffff;
}

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

.mfp-container:not(.mfp-s-error) .mfp-preloader {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  background-color: #2d2d2d;
  text-indent: -999em;
  margin: 0 auto;
}

button.mfp-close,
button.mfp-arrow {
  border: none;
  opacity: 1;
  color: #ffffff;
}

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

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

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

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

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

.mfp-arrow:after {
  font-size: 70px;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mpf-a {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mpf-a {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

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

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

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

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

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

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

.nav-hold {
  position: fixed;
  width: 100%;
  height: 50px;
  top: 0;
  left: 0;
  z-index: 11;
  background: #fff;
}

.admin-bar .nav-hold {
  top: 32px;
}

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

.navigation:before,
.navigation:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.navigation:after {
  clear: both;
}

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

.navigation > li {
  display: inline-block;
}

.navigation ul {
  position: absolute;
  z-index: 300;
  top: -999em;
  text-align: left;
}

.navigation li:hover > ul,
.navigation .sfHover > ul {
  top: auto;
}

.navigation li li:hover > ul,
.navigation li .sfHover > ul {
  top: 0;
  left: 100%;
}

.navigation li li li:hover > ul,
.navigation li li .sfHover > ul {
  top: 0;
  left: 100%;
}

.navigation a,
.navigation .navigation a:visited {
  display: block;
  white-space: nowrap;
}

.navigation a {
  /* Global Menu Link Styles */
  display: block;
  padding: 16px 12px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
}

.navigation a:hover,
.navigation .sfHover > a {
  text-decoration: none;
  /* First Level & Global Menu Link Hover Styles */
}

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

.navigation > li ul {
  background: #101010;
  padding: 10px 10px 9px;
}

.navigation > li ul a {
  /* All Other Menu Level Link Styles */
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  text-transform: none;
  background: #222222;
  color: #ffffff;
  padding: 5px 12px;
  margin-bottom: 1px;
  border-radius: 2px;
}

.navigation > li ul a:hover {
  color: #ea4848;
}

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

.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:active,
.navigation > li.current_page_item > a,
.navigation > li.current-menu-item > a,
.navigation > li.current-menu-ancestor > a,
.navigation > li.current-menu-parent > a,
.navigation > li.current > a {
  /* WordPress First Level Current/Ancestor Hover Page Styles */
}

.navigation ul {
  /* All Lower Level Menu Container Styles */
}

.navigation a.sf-with-ul {
  padding-right: 22px;
  position: relative;
  /* Styling for navigation arrows  ---------- */
}

.navigation.sf-arrows .sf-with-ul:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -9px;
  font-size: 9px;
}

.navigation.sf-arrows ul .sf-with-ul:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 8px;
  margin-top: -7px;
  /* Styling for right facing arrows  ---------- */
}

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

/* Logo
=================================== */

.hero {
  position: relative;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 390px;
  margin: 50px 0 75px 0;
}

.logo {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.logo .site-logo {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.05em;
  font-size: 36px;
  margin-bottom: 5px;
}

.logo p {
  margin: 0;
}

.logo.footer-logo {
  position: static;
  text-align: center;
  margin-bottom: 100px;
  -webkit-transform: none;
  transform: none;
}

.logo.footer-logo .site-logo {
  font-size: 24px;
}

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

/* Main Content Styles
=================================== */

.main {
  margin-bottom: 75px;
}

.section-title {
  text-align: center;
  margin-bottom: 50px;
  font-size: 26px;
}

.section-title.with-subtitle {
  margin-bottom: 0;
}

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

.entry {
  margin: 0 0 60px;
}

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

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

.entry .entry-thumb.entry-portfolio-images a {
  display: block;
  margin-bottom: 30px;
}

.entry .entry-content:before,
.entry .entry-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.entry .entry-content:after {
  clear: both;
}

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

.entry .entry-meta {
  font-size: 13px;
  margin-top: 4px;
}

.entry .entry-meta dt {
  color: #101010;
  float: left;
  margin-right: 5px;
}

.entry .entry-meta dd {
  margin-bottom: 5px;
}

.entry .entry-meta dd a {
  color: #ea4848;
}

.entry .entry-meta dd a:hover {
  color: #101010;
}

.entry .read-more a {
  display: inline-block;
  background: #ea4848;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 12px 25px;
}

.entry .read-more a:hover {
  background: #101010;
}

/* Portfolio Styles
=================================== */

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

.entry-portfolio-item .entry-portfolio-title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  width: 100%;
  padding: 0 30px;
  opacity: 0;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.columns-1 .entry-portfolio-item .entry-portfolio-title {
  font-size: 28px;
}

.columns-2 .entry-portfolio-item .entry-portfolio-title {
  font-size: 24px;
}

.columns-3 .entry-portfolio-item .entry-portfolio-title {
  font-size: 16px;
}

.entry-portfolio-item a figure:after {
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.entry-portfolio-item a:hover .entry-portfolio-title {
  display: block;
  opacity: 1;
  top: 50%;
}

.entry-portfolio-item a:hover figure:after {
  background: rgba(0, 0, 0, 0.5);
}

.portfolio-filters {
  margin: 30px 0;
  list-style: none;
  text-align: center;
}

.portfolio-filters li {
  display: inline;
}

.portfolio-filters li a {
  display: inline-block;
  padding: 5px 15px;
}

.portfolio-filters li a:hover,
.portfolio-filters li a.selected {
  background: #ea4848;
  color: #ffffff;
}

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

#paging,
.post-nav-links {
  margin-top: 60px;
}

#paging ul,
.post-nav-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#paging ul li,
.post-nav-links ul li {
  display: inline-block;
}

#paging a,
#paging > span,
#paging li span,
.post-nav-links a,
.post-nav-links > span,
.post-nav-links li span {
  display: inline-block;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #2d2d2d;
  padding: 12px 16px;
  margin: 0 0 0 3px;
  line-height: normal;
  font-style: normal;
  background: #fff;
}

#paging a:hover,
#paging .current,
.post-nav-links a:hover,
.post-nav-links .current {
  background-color: #ea4848;
  color: #ffffff;
}

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

.footer {
  /* Footer Bottom */
  /* Footer Navigation */
}

.footer .sticky-area {
  position: fixed;
  z-index: 100;
  background: #fff;
}

.footer .sticky-area.bottom {
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
}

.footer .sticky-area.left {
  width: 50px;
  height: 100%;
  bottom: 0;
  left: 0;
}

.footer .sticky-area.right {
  width: 50px;
  height: 100%;
  bottom: 0;
  right: 0;
}

.footer .nav {
  margin: 0 0 10px 0;
}

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

#comments {
  margin: 40px 0 0;
}

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

#comment-list .children {
  list-style: none;
}

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

#comment-list > .comment:first-child > .comment-body {
  border-top: none;
  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: 14px;
}

.comment-content p {
  margin-bottom: 25px;
}

.comment-content ul,
.comment-content ol {
  margin: 30px 0;
  padding-left: 25px;
}

.comment-content ul ul,
.comment-content ul ol,
.comment-content ol ul,
.comment-content ol ol {
  margin: 0;
}

.comment-content table {
  margin-bottom: 24px;
}

.comment-content blockquote :last-child {
  margin-bottom: 0;
}

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

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

.bypostauthor > article .fn:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  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;
  letter-spacing: 0;
}

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

.comment-form-cookies-consent {
  overflow: hidden;
}

.comment-form-cookies-consent input[type="checkbox"] {
  float: left;
  margin: 5px 7px 0 0;
}

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

.sidebar {
  padding-left: 20px;
}

.widget {
  margin: 0 0 35px;
  font-size: 14px;
}

.home-widgets .widget {
  margin-bottom: 60px;
}

.sidebar .widget:last-child,
.widget p:last-child,
.home-widgets .widget:last-child,
.footer-widgets .widget:last-child {
  /* Nullify bottom margin for last elements in widgets and sidebars */
  margin-bottom: 0;
}

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

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

.home-widgets .widget-title {
  text-align: center;
}

.footer-widgets {
  margin-bottom: 35px;
  background: rgba(0, 0, 0, 0.03);
  padding: 100px;
  text-align: center;
}

.footer-widgets .widget-title {
  margin-bottom: 30px;
}

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

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

.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu 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_nav_menu ul ul {
  margin-left: 15px;
}

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

.widget_meta ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid #ececec;
}

.widget_meta ul li .ci-count,
.widget_meta ul li .count,
.widget_pages ul li .ci-count,
.widget_pages ul li .count,
.widget_categories ul li .ci-count,
.widget_categories ul li .count,
.widget_archive ul li .ci-count,
.widget_archive ul li .count,
.widget_nav_menu ul li .ci-count,
.widget_nav_menu ul li .count {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 12px;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  padding: 4px 3px;
}

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

.widget_recent_entries ul li,
.widget_rss ul li,
.widget_recent_comments ul li {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid #ececec;
}

.widget_recent_entries .rss-date,
.widget_recent_entries .post-date,
.widget_rss .rss-date,
.widget_rss .post-date,
.widget_recent_comments .rss-date,
.widget_recent_comments .post-date {
  display: block;
  font-size: .95em;
}

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

#ads125,
.ads125 {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#ads125 li,
.ads125 li {
  background: none;
  border: none;
  margin: 0 0 10px;
  padding: 0 5px;
  max-width: 50%;
  height: auto;
}

#ads125 li img,
.ads125 li img {
  width: 100%;
}

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

.searchform > div {
  position: relative;
}

.searchform .searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

/* 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: 150px;
  height: auto;
  margin: 0;
}

.widget_about .alignleft {
  float: left;
  width: 30%;
  margin-right: 4%;
}

.widget_about .alignright {
  float: right;
  width: 66%;
  margin: 0;
}

.footer .widget_ci_about,
.footer .widget_ci_about_widget {
  text-align: center;
}

.footer .widget_ci_about img,
.footer .widget_ci_about_widget img {
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 100%;
}

/* 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: 0.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;
}

/* WIDGET: #Social Icons (HTML only)
========================================= */

.list-social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-social-icons li {
  margin-right: 3px;
}

.footer-widgets .list-social-icons,
.home-widgets .list-social-icons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.social-icon i {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #2d2d2d;
  color: #FFF;
  border: 1px solid #2d2d2d;
  font-size: 14px;
  border-radius: 26px;
  text-align: center;
  display: inline-block;
}

.social-icon:hover i {
  background-color: #939393;
  border-color: #939393;
}

/* WIDGET: #RSS
================================================== */

.widget_rss ul {
  list-style: none;
  padding-left: 0;
}

.widget_rss ul li {
  margin-bottom: 10px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 5px;
}

.widget_rss ul li .rssSummary {
  margin: 2px 0;
}

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

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

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

.gallery:before,
.gallery:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.gallery:after {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  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 0.18s ease;
  transition: opacity 0.18s ease;
}

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

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

.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 0;
}

p .alignnone {
  margin-bottom: 0;
}

.aligncenter {
  display: block;
  margin: 7px auto 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 0;
  text-align: left;
  font-style: italic;
}

.sticky {
  /* Provide sticky styles */
}

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

#mobilemenu {
  display: none;
}

.menu-trigger,
.menu-trigger:focus {
  padding: 10px;
  background: none;
  cursor: pointer;
  margin: 0;
  outline: none;
  color: #333;
  font-size: 30px;
  line-height: 1;
  display: none;
  text-align: right;
}

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

/* Jetpack Sharing */

.sharedaddy {
  margin-top: 30px;
}

/* WP Instagram */

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

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

.widget .instagram-pics:before,
.widget .instagram-pics:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.widget .instagram-pics:after {
  clear: both;
}

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

.widget .instagram-pics li a {
  display: block;
  color: #5b5b5b;
}

/* Elementor Styles */

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

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

@media (min-width: 768px) {
  .gallery-columns-1 .gallery-item {
    float: left;
    width: 100%;
  }

  .gallery-columns-2 .gallery-item {
    float: left;
    width: 50%;
  }

  .gallery-columns-3 .gallery-item {
    float: left;
    width: 33.33333%;
  }

  .gallery-columns-4 .gallery-item {
    float: left;
    width: 25%;
  }

  .gallery-columns-5 .gallery-item {
    float: left;
    width: 20%;
  }

  .gallery-columns-6 .gallery-item {
    float: left;
    width: 16.66667%;
  }

  .gallery-columns-7 .gallery-item {
    float: left;
    width: 14.28571%;
  }

  .gallery-columns-8 .gallery-item {
    float: left;
    width: 12.5%;
  }

  .gallery-columns-9 .gallery-item {
    float: left;
    width: 11.11111%;
  }
}

@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
    padding-left: 0;
  }

  .footer .sticky-area.bottom {
    height: 25px;
  }

  .footer .sticky-area.left {
    width: 25px;
  }

  .footer .sticky-area.right {
    width: 25px;
  }
}

@media (max-width: 820px) {
  .footer .sticky-area {
    display: none;
  }
}

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

  .admin-bar .nav-hold {
    top: 46px;
  }

  .entry .entry-content .alignleft,
  .entry .entry-content .alignright {
    display: block;
    float: none;
    margin: 0 auto 30px;
  }

  .entry-portfolio-item .entry-portfolio-title {
    top: 50%;
    opacity: 1;
  }

  #comment-list .children {
    margin: 0;
    padding: 0;
  }

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

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

  #mobilemenu {
    display: block;
  }

  .menu-trigger,
  .menu-trigger:focus {
    display: block;
  }

  .main-nav {
    display: none;
  }

  .footer-widgets {
    padding: 50px 35px;
  }
}