/*!
Theme Name: Scandinavia
Theme URI: http://www.cssigniter.com/ignite/themes/
Author: CSSIgniter
Author URI: http://www.cssigniter.com
Description: Blogging theme for WordPress
Tags: gray, two-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scandinavia
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
.. 09. Mobile Menu
.. 10. External Plugins
.. 11. Global Mediaqueries

*/

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

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

body {
  line-height: 1.5;
  font-size: 16px;
  background-color: #F3F3F3;
  color: #2c3943;
  font-family: "Karla", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  margin: 0 0 25px 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-weight: normal;
  letter-spacing: -0.05em;
}

h1 {
  font-size: 48px;
  line-height: 1.1;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

p {
  margin: 0 0 25px 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: #2c3943;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #405362;
  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: 20px 0;
  padding-left: 15px;
  border-left: 3px solid #ccc;
  font-size: 17px;
  font-weight: 300;
}

blockquote cite {
  display: block;
  font-weight: bold;
  font-style: italic;
  margin: 10px 0 0;
  color: rgba(44, 57, 67, 0.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: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;
  width: 100%;
  max-width: 100%;
  height: 40px;
  padding: 6px 18px;
  line-height: normal;
  border: none;
  background-color: #F3F3F3;
  background-image: none;
  border-radius: 20px;
  font-size: 14px;
  box-shadow: inset 2px 2px 0 transparent;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.sidebar input,
.sidebar
textarea {
  border: 1px solid rgba(44, 57, 67, 0.5);
  background: transparent;
  height: 27px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

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

textarea {
  height: auto;
  padding: 12px 18px;
}

select {
  max-width: 100%;
}

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: inherit;
  font-weight: normal;
  opacity: 0.6;
}

:-moz-placeholder {
  color: inherit;
  font-weight: normal;
  opacity: 0.6;
}

::-moz-placeholder {
  color: inherit;
  font-weight: normal;
  opacity: 0.6;
}

:-ms-input-placeholder {
  color: inherit;
  font-weight: normal;
  opacity: 0.6;
}

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

.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  display: inline-block;
  font-weight: bold;
  margin: 0;
  line-height: normal;
  border: 1px solid transparent;
  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: 20px;
  width: auto;
  height: auto;
  min-width: 200px;
  background-image: none;
  text-transform: uppercase;
  padding: 11px 20px 10px;
  font-size: 14px;
  background-color: #2c3943;
  color: #FFF;
}

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

.btn:hover,
.btn:active,
.btn:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
button:hover,
button:active,
button:focus {
  background: #FFF;
  color: #2c3943;
  border-color: #2c3943;
  text-decoration: none;
}

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

.btn.btn-transparent,
input[type="button"].btn-transparent,
input[type="submit"].btn-transparent,
input[type="reset"].btn-transparent,
button.btn-transparent {
  background: transparent;
  color: #2c3943;
  border-color: #f3f3f3;
}

.btn.btn-transparent:hover,
.btn.btn-transparent:active,
.btn.btn-transparent:focus,
input[type="button"].btn-transparent:hover,
input[type="button"].btn-transparent:active,
input[type="button"].btn-transparent:focus,
input[type="submit"].btn-transparent:hover,
input[type="submit"].btn-transparent:active,
input[type="submit"].btn-transparent:focus,
input[type="reset"].btn-transparent:hover,
input[type="reset"].btn-transparent:active,
input[type="reset"].btn-transparent:focus,
button.btn-transparent:hover,
button.btn-transparent:active,
button.btn-transparent:focus {
  background: #2c3943;
  color: #FFF;
  border-color: transparent;
}

.btn.btn-white,
input[type="button"].btn-white,
input[type="submit"].btn-white,
input[type="reset"].btn-white,
button.btn-white {
  background: #FFF;
  color: #2c3943;
  border-color: transparent;
}

.btn.btn-white:hover,
.btn.btn-white:active,
.btn.btn-white:focus,
input[type="button"].btn-white:hover,
input[type="button"].btn-white:active,
input[type="button"].btn-white:focus,
input[type="submit"].btn-white:hover,
input[type="submit"].btn-white:active,
input[type="submit"].btn-white:focus,
input[type="reset"].btn-white:hover,
input[type="reset"].btn-white:active,
input[type="reset"].btn-white:focus,
button.btn-white:hover,
button.btn-white:active,
button.btn-white:focus {
  background: #2c3943;
  color: #FFF;
  border-color: transparent;
}

.btn.btn-small,
input[type="button"].btn-small,
input[type="submit"].btn-small,
input[type="reset"].btn-small,
button.btn-small {
  padding: 7px 20px 6px;
  min-width: 0;
}

.sidebar .btn,
.sidebar
input[type="button"],
.sidebar
input[type="submit"],
.sidebar
input[type="reset"],
.sidebar
button {
  padding: 5px 20px 5px;
  font-size: 12px;
}

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

@-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: #000;
}

.mfp-preloader {
  color: #FFF;
}

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

.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: #FFF;
  text-indent: -999em;
  margin: 0 auto;
}

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

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

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

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

.mfp-arrow {
  line-height: 0.3;
  min-width: 0;
}

.mfp-arrow:focus {
  background: none;
}

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

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

.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 15px;
}

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

.navigation {
  text-align: right;
}

.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:hover > ul,
.navigation li.sfHover > ul {
  right: 0;
}

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

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

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

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

.navigation a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 0;
  /* Global Menu Link Styles */
}

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

.navigation > li > a {
  margin-left: 20px;
  /* First Level Menu Link Styles */
}

.header-center .navigation > li > a {
  margin: 0 10px;
}

.navigation > li ul a {
  padding: 8px 10px;
  font-weight: normal;
  font-size: 13px;
  border-bottom: 1px solid #f3f3f3;
  /* All Other Menu Level Link Styles */
}

.navigation > li ul a:hover,
.navigation > li ul .sfHover > a {
  background-color: #f3f3f3;
  /* 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 {
  background-color: #FFF;
  border: 2px solid #f3f3f3;
  border-bottom-width: 1px;
  min-width: 160px;
  /* All Lower Level Menu Container Styles */
}

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

.navigation.sf-arrows .sf-with-ul:after {
  content: '+';
  font-size: 14px;
  font-weight: normal;
  opacity: 0.5;
  margin: 0 0 0 3px;
  position: relative;
  top: -1px;
}

.navigation.sf-arrows ul .sf-with-ul:after {
  right: 8px;
  content: "+";
  position: absolute;
  top: 6px;
  /* Styling for right facing arrows  ---------- */
}

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

.header {
  padding: 45px 0 20px;
}

.header-widgets {
  text-align: right;
  margin: 0 0 15px;
}

.header-widgets .socials {
  display: inline-block;
}

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

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

.header-center div[class^="col"] {
  width: 100%;
}

.logo h1 {
  font-weight: bold;
  letter-spacing: -0.07em;
  margin: 0;
}

.header-center .logo h1 {
  margin-bottom: 25px;
}

.head-background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1;
}

.header,
.header .searchform input[type="search"],
.header .searchform .searchsubmit,
.header .social-icon,
.navigation > li > a,
.logo a {
  color: #FFF;
}

.header .searchform input[type="search"],
.header .social-icon i {
  border-color: #FFF;
}

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

/* Layout
=================================== */

.sc-container {
  max-width: 1720px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.sc-row {
  margin-left: -25px;
  margin-right: -25px;
}

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

.sc-row:after {
  clear: both;
}

[class^="sc-col-"] {
  float: left;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  min-height: 1px;
}

.sc-col-half {
  width: 100%;
}

.sc-col-half {
  width: 50%;
}

.sc-col-third {
  width: 33.333333%;
}

.sc-col-fourth {
  width: 25%;
}

.sc-main-wrap,
.sc-side-wrap {
  float: left;
  padding-left: 25px;
  padding-right: 25px;
}

.sc-main-wrap {
  width: calc(100% - 250px);
}

.sc-main-wrap-push {
  margin-left: 250px;
}

.sc-side-wrap {
  width: 250px;
}

.sc-side-wrap-pull {
  margin-left: -100%;
}

.sc-narrow {
  max-width: 690px;
  margin: 0 auto;
}

.main-content-wrap {
  background-color: #FFF;
}

.main-content-wrap .sc-row,
.main-content-wrap [class^="sc-col-"] {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.main-wrap-section {
  border-bottom: 1px solid #f3f3f3;
  padding: 50px;
}

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

.entry-list {
  padding: 50px;
  border-bottom: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
}

.entry-single {
  border-bottom: 1px solid #f3f3f3;
}

.entry-single .entry-title,
.entry-single .entry-meta,
.entry-single .entry-time {
  text-align: center;
}

.entry-single .entry-meta > span {
  margin: 0 6px;
}

.entry-single .entry-header {
  padding: 0 30px;
}

.entry-single .entry-single-wrap {
  padding: 50px 0;
}

.entry-single-wrap {
  max-width: 1090px;
  margin: 0 auto;
}

.entry-title {
  margin: 0 0 25px;
}

.entry-list .entry-title {
  font-size: 36px;
}

.sc-col-third .entry-title {
  font-size: 30px;
}

.entry-sm .entry-title {
  font-size: 18px;
}

.entry-time,
.entry-meta {
  text-transform: uppercase;
  font-size: 14px;
  color: #a7b0b8;
  display: block;
}

.entry-time {
  margin: 0 0 20px;
}

.entry-sm .entry-time {
  margin-bottom: 12px;
  font-size: 12px;
}

.entry-meta {
  margin: 0 0 35px;
}

.entry-meta > span {
  margin-right: 15px;
  display: inline-block;
}

.entry-thumb {
  margin: 0 0 35px;
  text-align: center;
}

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

.entry-sm .entry-thumb {
  margin-bottom: 15px;
}

.entry-sm .entry-thumb img {
  width: 100%;
}

.entry-single .entry-thumb {
  padding: 0 50px;
}

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

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

.entry-intro {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.333333333;
}

.entry-sharing {
  font-size: 14px;
}

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

.entry-collateral {
  margin-top: 10px;
}

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

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

.entry-collateral .entry-sharing {
  float: left;
}

.btn.entry-more {
  margin-top: -7px;
  float: right;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn.entry-more i {
  -webkit-transition: opacity 0.3s ease, left 0.35s ease;
  transition: opacity 0.3s ease, left 0.35s ease;
  position: relative;
  left: -10px;
  opacity: 0;
}

.btn.entry-more:hover,
.btn.entry-more:active,
.btn.entry-more:focus {
  background: transparent;
  border-color: rgba(44, 57, 67, 0.5);
  color: inherit;
}

.btn.entry-more:hover i,
.btn.entry-more:active i,
.btn.entry-more:focus i {
  opacity: 1;
  left: 3px;
}

.entry-tags {
  margin: 5px 0 30px;
}

.entry-tags a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  background-color: #f3f3f3;
  border-radius: 12px;
  padding: 1px 14px;
  margin-right: 3px;
}

.entry-signature {
  font-size: 12px;
}

.entry-signature span {
  display: block;
}

.entry-author .widget-title {
  font-size: 18px;
}

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

.entry-author-group:after {
  clear: both;
}

.entry-author-group p {
  margin: 0 0 20px;
}

.entry-author-group p.author-title {
  margin-bottom: 7px;
}

.author-avatar {
  float: left;
  margin: 0 20px 0 0;
}

.author-details {
  overflow: hidden;
  zoom: 1;
  font-size: 14px;
}

.author-title {
  text-transform: uppercase;
  font-weight: bold;
}

/* Socials
=================================== */

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

.socials li {
  display: inline-block;
  margin-right: 3px;
}

.social-icon i,
#paging .entry-sharing a i {
  width: 27px;
  height: 27px;
  line-height: 27px;
  background-color: transparent;
  border: 1px solid #2c3943;
  font-size: 12px;
  border-radius: 27px;
  text-align: center;
  display: inline-block;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#paging .entry-sharing a i {
  margin: 0;
  opacity: 1;
}

.social-icon i {
  margin-bottom: 5px;
}

.social-icon:hover i {
  opacity: 1;
}

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

#paging {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 50px;
  position: relative;
  margin-top: -1px;
}

#paging:before,
#paging:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

#paging:after {
  clear: both;
}

#paging .socials,
#paging .entry-sharing {
  text-align: center;
  width: 132px;
  left: 50%;
  margin: 3px 0 0 -66px;
  position: absolute;
}

#paging .socials a,
#paging .entry-sharing a {
  margin: 0;
}

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

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

.paging-numbers ul li {
  display: inline-block;
}

.paging-numbers a,
.paging-numbers > span,
.paging-numbers li span {
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 14px;
  margin: 0 3px 0 0;
  line-height: normal;
  border: 1px solid #f3f3f3;
  border-radius: 20px;
  min-width: 48px;
  font-weight: bold;
  font-size: 13px;
}

.paging-numbers a:hover,
.paging-numbers .current {
  border-color: rgba(44, 57, 67, 0.5);
}

.btn.paging-standard {
  float: right;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn.paging-standard.paging-newer:after {
  font-family: "fontawesome";
  content: "\f105";
  display: inline-block;
  margin-left: 5px;
  -webkit-transition: opacity 0.3s ease, left 0.35s ease;
  transition: opacity 0.3s ease, left 0.35s ease;
  position: relative;
  left: -10px;
  opacity: 0;
}

.btn.paging-standard.paging-newer:hover:after {
  opacity: 1;
  left: 3px;
}

.btn.paging-standard.paging-older {
  float: left;
}

.btn.paging-standard.paging-older:before {
  font-family: "fontawesome";
  content: "\f104";
  display: inline-block;
  margin-right: 5px;
  -webkit-transition: opacity 0.3s ease, right 0.35s ease;
  transition: opacity 0.3s ease, right 0.35s ease;
  position: relative;
  opacity: 0;
  right: -10px;
}

.btn.paging-standard.paging-older:hover:before {
  opacity: 1;
  right: 3px;
}

.btn.paging-standard:hover,
.btn.paging-standard:active,
.btn.paging-standard:focus {
  background: transparent;
  border-color: rgba(44, 57, 67, 0.5);
  color: inherit;
}

/* Carousel
=================================== */

.gallery-slider button {
  position: absolute;
  top: 50%;
  z-index: 100;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  margin-top: -25px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  text-align: center;
  outline: none;
  font-family: 'FontAwesome';
  min-width: 0;
  background: transparent;
  border: 1px solid #FFF;
  border-radius: 50%;
}

.gallery-slider button:hover,
.gallery-slider button:focus {
  background: #fff;
}

.gallery-slider button.slick-prev {
  left: 0;
  text-indent: -2px;
}

.gallery-slider button.slick-prev:before {
  content: "\f053";
  font-size: 11px;
  position: absolute;
  top: 26px;
  left: 22px;
}

.gallery-slider button.slick-next {
  right: 0;
}

.gallery-slider button.slick-next:before {
  content: "\f054";
  font-size: 11px;
  position: absolute;
  top: 26px;
  left: 22px;
}

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

.footer {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  padding: 50px 0;
}

.footer .copy {
  text-align: right;
  margin: 0;
}

.footer-nav {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

.footer-nav li {
  display: inline-block;
  margin-right: 20px;
}

.footer-background {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: -1;
}

.footer,
.footer a {
  color: #FFF;
}

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

#comments .comment {
  min-height: 100px;
  margin: 20px 0;
}

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

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

#comment-list .comment-body {
  position: relative;
}

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

#comment-list > .comment:first-child > .comment-body .comment-reply-link {
  top: 2px;
}

#comment-list .pingback,
#comment-list .trackback {
  padding: 5px 0;
  border-bottom: 1px solid #f3f3f3;
}

#comment-list .comment-content ol {
  list-style: decimal;
}

#comment-list .comment-content > ul,
#comment-list .comment-content > ol {
  margin: 20px 0;
}

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

.comment-author {
  font-size: 13px;
  text-transform: uppercase;
  display: inline;
}

.says {
  display: none;
}

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

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

.comment-content p {
  margin: 0 0 10px;
}

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

.comment-metadata {
  font-size: 13px;
  margin: 0 0 5px;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 10px;
}

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

.comment-reply-link {
  font-size: 11px;
  text-transform: uppercase;
  padding: 1px 8px 0;
  height: auto;
  width: auto;
  min-width: 0;
  position: absolute;
  top: 12px;
  right: 0;
  font-weight: bold;
  border: 1px solid #f3f3f3;
  border-radius: 10px;
}

.comment-reply-link:after {
  font-family: fontawesome;
  content: "\f112";
  font-size: 10px;
  font-weight: normal;
  margin-left: 5px;
  display: inline-block;
  opacity: 0.5;
}

.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: 12px;
  letter-spacing: 0;
  display: block;
  text-transform: uppercase;
  font-weight: normal;
  margin-left: 5px;
}

.form-allowed-tags,
.comment-notes {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(44, 57, 67, 0.8);
  text-align: center;
}

.form-submit {
  margin: 0;
  text-align: center;
}

.comment #reply-title {
  margin-top: 30px;
}

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

.sidebar {
  font-size: 13px;
  line-height: 1.4;
  margin: 210px 0 0;
}

.sidebar p {
  margin: 0 0 15px;
}

.widget {
  margin: 0 0 40px;
}

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

.widget-title {
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 25px;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 0.05em;
}

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

.widget-title a {
  color: #2c3943;
}

.widget-title:after {
  content: "";
  width: 30px;
  border-bottom: 2px solid #2c3943;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.section-title,
#reply-title {
  font-size: 36px;
  margin: 0 0 35px;
  text-align: center;
}

.inset-sidebar {
  padding: 50px;
}

.inset-sidebar .widget {
  margin: 0;
}

.inset-sidebar .null-instagram-feed .widget-title {
  display: none;
}

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

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

.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu 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_nav_menu ul ul,
.widget_recent_entries 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,
.widget_recent_entries ul li {
  text-transform: uppercase;
  line-height: normal;
  display: block;
  position: relative;
  font-size: 13px;
}

.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,
.widget_recent_entries ul li a {
  display: inline-block;
  border: none;
  padding: 8px 5px 8px 0;
  position: relative;
}

.widget_meta ul li a:before,
.widget_pages ul li a:before,
.widget_categories ul li a:before,
.widget_archive ul li a:before,
.widget_nav_menu ul li a:before,
.widget_recent_entries ul li a:before {
  content: "";
}

.widget_meta ul li .count,
.widget_meta ul li .ci-count,
.widget_pages ul li .count,
.widget_pages ul li .ci-count,
.widget_categories ul li .count,
.widget_categories ul li .ci-count,
.widget_archive ul li .count,
.widget_archive ul li .ci-count,
.widget_nav_menu ul li .count,
.widget_nav_menu ul li .ci-count,
.widget_recent_entries ul li .count,
.widget_recent_entries ul li .ci-count {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 2;
  background-color: transparent;
  border: 1px solid rgba(44, 57, 67, 0.5);
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 10px;
  font-weight: bold;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
}

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

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

.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 #f3f3f3;
  background: #FFF;
}

/* WIDGET: #Tagcloud
========================================= */

.tagcloud a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px !important;
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  padding: 1px 14px;
  margin-right: 3px;
  margin-bottom: 3px;
}

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

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

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

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

.searchform > div {
  position: relative;
}

.searchform input[type="text"],
.searchform input[type="search"] {
  margin: 0;
  border: 1px solid rgba(44, 57, 67, 0.5);
  height: 27px;
  text-transform: uppercase;
  font-size: 11px;
  padding: 1px 14px 0;
  background: transparent;
}

.searchform .searchsubmit {
  background: none;
  position: absolute;
  height: 100%;
  top: 0;
  right: 5px;
  color: #2c3943;
  min-width: 0;
  border: none;
  padding: 0 5px;
  font-size: 12px;
}

.searchform .searchsubmit:hover {
  border: none;
}

.header-widgets .searchform {
  display: inline-block;
  width: 215px;
  margin-left: 10px;
}

/* WIDGET: #Slick Slider Instagram
========================================= */

.sidebar .slick-list {
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.sidebar .null-instagram-feed {
  position: relative;
}

.sidebar .null-instagram-feed p {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  margin: 0;
  font-size: 12px;
}

.inset-sidebar .null-instagram-feed {
  position: relative;
}

.inset-sidebar .null-instagram-feed > div {
  position: relative;
}

.inset-sidebar .null-instagram-feed p {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  pointer-events: none;
  margin-top: -15px;
}

.inset-sidebar .null-instagram-feed p a {
  background-color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 20px;
  font-size: 13px;
  padding: 11px 47px;
  pointer-events: auto;
}

.slick-dots {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}

.slick-dots li {
  display: inline-block;
  margin-right: 4px;
}

.slick-dots li button {
  background: #2c3943;
  opacity: 0.5;
  min-width: 0;
  padding: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  text-indent: -999em;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.slick-dots li button:hover {
  opacity: 1;
}

.slick-dots li.slick-active button {
  opacity: 1;
}

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

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

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

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

.widget_ci_about .about-title,
.widget_ci-about .about-title {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px;
}

.widget_ci_about .widget_about_sig > span,
.widget_ci-about .widget_about_sig > span {
  display: block;
  font-size: 11px;
}

.widget_about_avatar {
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

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

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

#mobile-bar {
  display: none;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #FFF;
  padding: 15px 10px 0 10px;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.menu-trigger,
.menu-trigger:focus {
  width: 24px;
  height: 21px;
  background: none;
  cursor: pointer;
  opacity: 0.85;
  margin: 0;
  outline: none;
  position: absolute;
  left: 10px;
  top: 9px;
  color: #333;
  font-size: 30px;
  line-height: 1;
}

.menu-trigger:hover {
  opacity: 0.95;
  color: #333;
}

.menu-trigger:active {
  opacity: 1;
}

.mob-title {
  color: #222;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  margin: 2px 0 0 37px;
  text-align: left;
  padding: 0;
}

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

/* Jetpack Sharing */

.sharedaddy {
  margin-top: 30px;
}

/* WP Instagram */

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

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

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

/* -----------------------------------------
	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: 1260px) {
  .entry-list .entry-title {
    font-size: 32px;
  }

  .entry-list,
  #paging,
  .inset-sidebar,
  .main-wrap-section {
    padding: 30px;
  }

  .sc-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sc-row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .sc-side-wrap,
  .sc-main-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .entry-single .entry-thumb {
    padding: 0 30px;
  }
}

@media (max-width: 1199px) {
  .header,
  .header-widgets,
  .navigation {
    text-align: center;
  }

  .navigation > li > a {
    margin: 0 10px;
  }

  .logo {
    margin-bottom: 25px;
  }

  .entry-single .entry-title {
    font-size: 38px;
  }
}

@media (max-width: 1040px) {
  .sc-col-half,
  .sc-col-third,
  .sc-col-fourth {
    width: 100%;
  }

  .entry-time,
  .entry-title,
  .entry-meta {
    text-align: center;
  }

  .entry-list {
    border-bottom-width: 1px;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .sc-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sc-main-wrap,
  .sc-side-wrap {
    width: 100%;
    margin: 0;
  }

  .sidebar {
    margin: 50px;
  }

  .footer {
    padding: 25px 0;
    text-align: center;
  }

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

  .footer-nav {
    margin: 0 0 5px;
  }

  .footer-nav li {
    margin: 0 7px;
  }

  .sidebar .widget_about_avatar {
    float: left;
    max-width: 200px;
    margin-right: 20px;
  }

  .entry-thumb img {
    width: 100%;
  }

  .widget_meta li a,
  .widget_pages li a,
  .widget_categories li a,
  .widget_archive li a,
  .widget_nav_menu li a,
  .widget_recent_entries li a {
    background: transparent !important;
  }

  .widget_meta li:after,
  .widget_pages li:after,
  .widget_categories li:after,
  .widget_archive li:after,
  .widget_nav_menu li:after,
  .widget_recent_entries li:after {
    display: none;
  }

  .sidebar form input[type="submit"] {
    width: 100%;
  }
}

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

  #comment-list ol {
    margin: 0;
    padding: 0;
  }

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

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

  #mobilemenu {
    display: block;
  }

  #mobile-bar {
    display: block;
  }

  #page {
    padding-top: 48px;
    /* For mobile bar */
  }

  .nav {
    display: none;
  }

  .header {
    padding: 20px 0;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 23px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }

  .logo {
    margin-bottom: 15px;
  }

  .header-widgets .socials {
    margin: 0 0 10px;
  }

  .header-widgets .socials li {
    margin: 0 1px;
  }

  .header-widgets .searchform {
    margin: 0;
  }

  .entry-list,
  #paging,
  .inset-sidebar,
  .main-wrap-section {
    padding: 25px 15px;
  }

  .entry-single-wrap {
    padding: 20px 0;
  }

  .entry-single-wrap .sc-narrow {
    padding: 0 15px;
  }

  .entry-list .entry-title,
  .entry-single .entry-title {
    font-size: 26px;
  }

  .entry-single .entry-thumb {
    padding: 0 15px;
  }

  .entry-title {
    margin: 0 0 20px;
  }

  .entry-time {
    margin-bottom: 20px;
  }

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

  .entry-thumb {
    margin-bottom: 20px;
  }

  .paging-numbers > a,
  .paging-numbers > span {
    margin-bottom: 5px;
  }

  .sidebar {
    margin: 25px 15px 15px;
  }

  .sidebar .widget_about_avatar {
    width: 100%;
    max-width: 100%;
    float: none;
  }

  #paging .socials,
  #paging .entry-sharing {
    position: static;
    margin: 0 auto 10px;
    width: 100%;
    text-align: center;
  }

  .paging-single .paging-standard {
    display: block;
    float: none;
    width: 100%;
    clear: both;
    margin: 0 0 3px;
  }

  .author-avatar {
    float: none;
    margin: 0 0 20px;
  }

  .section-title,
  #reply-title {
    font-size: 30px;
  }

  .comment-metadata {
    display: block;
    margin: 0 0 3px;
  }

  .inset-sidebar .null-instagram-feed p {
    display: none;
  }

  .entry-collateral .entry-sharing {
    text-align: center;
    margin-bottom: 10px;
    float: none;
  }

  .entry-collateral .entry-more {
    width: 100%;
    float: none;
  }
}