/*!
Theme Name: Magic Blog
Theme URI: https://themepalace.com/downloads/magic-blog/
Author: Moral Themes
Author URI: https://www.moralthemes.com
Description: Magic Blog is an easy-to-use WordPress theme. It is intuitive, well-structured and highly responsive, and it can be used for any kind of blog site. With help from Magic Blog, you can kick things off immediately and have an active page up and running swiftly. The pre-designed layouts and all the other components assure the quick and successful launch of your personal blog — one with a creative, original and sophisticated web design. Magic Blog is a blog theme with a sleek and modern design. Personal or professional, lifestyle blog, culinary blog, or design blog. Magic Blog will easily fit it all.
Version: 1.1.0
Requires PHP: 5.6
Tested up to: 6.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: magic-blog
Tags: two-columns, three-columns, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, portfolio, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Magic Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Layouts and Titles
# Media
  ## Captions
  ## Galleries
# Social Icons
# Breadcrumb List
# Sections
  ## Featured Slider 
# Footer
# Responsive

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#loader {
  overflow-x: hidden;
  overflow-y: hidden;
  vertical-align: middle;
  background-color: #fff;
  position:fixed;
  display: table;
  width: 100%;
  top:0;
  height: 100%;
  min-height: 100%;
  z-index:9999;
}

.loader-container {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 12;
  text-align:center;
  text-transform: uppercase;
}

#preloader {
  position:relative;
  margin:auto;
  width:100px;
}

#preloader span {
  display:block;
  bottom:0px;
  width: 9px;
  height: 5px;
  background:#fff;
  position:absolute;
  animation: preloader 1.5s  infinite ease-in-out;
}
 
#preloader span:nth-child(2) {
  left:11px;
  animation-delay: .2s;
}
#preloader span:nth-child(3) {
  left:22px;
  animation-delay: .4s;
}
#preloader span:nth-child(4) {
  left:33px;
  animation-delay: .6s;
}
#preloader span:nth-child(5) {
  left:44px;
  animation-delay: .8s;
}

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background: #fd2d55;}
    25% {height:30px;transform:translateY(15px);background: #fd2d55;}
    50% {height:5px;transform:translateY(0px);background: #fd2d55;}
    100% {height:5px;transform:translateY(0px);background: #fd2d55;}
}

.backtotop {
    background-color: #000;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
  background-color: #505050;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

@-webkit-keyframes colorchange {
  0%   {border-color: #e30048;}
  25%  {border-color: #fd2d55;}
  50%  {border-color: #9acf0b;}
  75%  {border-color: #a93d7b;}
  100% {border-color: #f1ad02;}
}

@keyframes colorchange {
  0%   {border-color: #e30048;}
  25%  {border-color: #fd2d55;}
  50%  {border-color: #9acf0b;}
  75%  {border-color: #a93d7b;}
  100% {border-color: #f1ad02;}
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

body {
  margin: 0;
  font-family: 'Quattrocento', serif;
  font-weight: 400;
}

#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden; 
    box-shadow: 0 0 15px #aaa;
}

.boxed-layout,
.frame-layout {
    background-image: url('assets/uploads/pattern.png');
}

.dark-version.boxed-layout #page,
.dark-version.frame-layout #page {
    background-color: #202C36;
}

#content {
    position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 52px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #000;
  margin: 16px 0;
  line-height: 1.3;
  font-weight: 400;
    font-family: 'Josefin Sans', sans-serif;
}

mark {
  background: #ff0;
  color: #333;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
tbody {
    text-align: left;
}
tr {
    border: 1px solid #ccc;
}
td,
th {
  padding: 5px;
  font-weight: 400;
  color: #000;
}

th {
  color: #000;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #606060;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
    word-wrap: break-word;
}
p {
  margin: 0;
  color: #505050;
}
dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #fff;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote {
    padding: 21px 25px;
    margin: 30px 0;
    font-size: 22px;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}
blockquote p:before,
blockquote p:after {
    content: "“";
    display: inline-block;
}
blockquote p:after {
    content: "”";
}
blockquote p {
    margin: 0;
    color: #505050;
    opacity: 0.8;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
    padding-left: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0.5em;
}

dt {
  font-weight: bold;
    margin-bottom: 1em;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
  vertical-align: middle;
}

figure {
  margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
    display: inline-block;
    overflow: auto;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, .8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  outline: thin dotted;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  padding: 3px;
    font-family: 'Montserrat', sans-serif;
}

select {
  border: 1px solid #e0e0e0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
  outline: thin dotted;
}

textarea {
  width: 100%;
}

textarea,
#respond input,
.wpcf7 input {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    padding: 0 15px;
}
#respond input {
  border: none;
}
#respond textarea {
    height: 200px;
    padding: 15px;
    border: none;
    background-color: #505050;
    color: #fff;
    border-radius: 0;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    background-color: #505050;
    color: #fff;
    border-radius: 0;
    min-height: 50px;
}
#respond input[type="submit"] {
   padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
    min-width: 148px;
    border: 2px solid #505050;
    background-color: transparent;
    color: #505050;
    position: relative;
    text-align: center;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
  background-color: #000;
    color: #fff;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #505050;
    margin-bottom: 11px;
    display: inline-block;
}
#commentform p {    
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
  margin: 21px 0 0;
  text-align: center;
}
.logged-in-as a:hover, 
.logged-in-as a:focus {
    color: #000;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 10px;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #505050;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #000;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    padding: 5px 0;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#navigation-menu {
    background-color: #fff;
    position: relative;
    z-index: 3;
    min-height: 70px;
}
#masthead .social-icons {
    margin: 10px 0 0;
}
.site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    max-width: 30%;
    width: 30%;
}
.site-logo {
    margin-right: 20px;
}
.site-logo {
    max-height: 60px;
    width: auto;
}
.site-title {
    margin: 0;
    line-height: 1.3;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title a {
    color: #fff;
}
.site-title a:hover,
.site-title a:focus {
  opacity: 0.8;
}
.site-description {
    margin: 0;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Montserrat', sans-serif;
}
.main-navigation {
  display: block;
    position: relative;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a {
    color: rgba(0, 0, 0, 0.7);
}
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg {
    fill: #fd2d55;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #333;
    border-bottom: 1px solid #eee;
}
.main-navigation ul.sub-menu a:after {
  float: right;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation .social-menu-item ul {
    display: block;
    border: none;
}
.main-navigation .social-menu-item ul li a {
  width: 40px;
    border: 1px solid #d6d6d6;
}
.main-navigation .social-menu-item ul li {
  margin-right: 10px;
}
#masthead .main-navigation .social-menu-item .social-icons {
    margin: 0;
    padding: 20px 15px 20px 25px;
}
.main-navigation + .social-icons {
  display: none;
}
.main-navigation li {
  position: relative;
}

.main-navigation ul.nav-menu > li > a {
    padding: 22px 8px;
    font-size: 14px;
    font-weight: 600;
}
.main-navigation form.search-form input {
    background-color: #333;
    border-color: #333;
    color: #000;
    font-weight: 400;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #fd2d55;
}
.main-navigation ul.nav-menu{
    margin-right: -25px;
}
.main-navigation a {
  font-size: 16px;
    font-weight: 500;
  display: block;
    text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
}
.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul a {
  width: 225px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #333;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 50px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
#search.hidden-small form.search-form {
    position: absolute;
    left: 0;
    right: 0;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.search-menu svg.icon-search {
    fill: #000;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
svg.icon-close {
    width: 15px;
    height: 15px;
}
.search-submit svg.icon-search {
    fill: #adadad;
    opacity: 1;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #7b7b7b;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #7b7b7b;
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#search-menu {
  display: none;
}
#search-menu .icon-close,
#search-menu.active .icon-search,
.search-menu .icon-close,
.search-menu.active .icon-search {
    display: none;
}
#search-menu.active .icon-close,
.search-menu.active .icon-close {
  display: inline-block;
}
#search-menu button .icon-search,
.search-menu button .icon-search,
#search-menu.active button .icon-search,
.search-menu.active button .icon-search {
  display: inline-block;
}
#search-menu input[type="search"] {
  padding-left: 40px;
    border-radius: 4px;
    min-height: 40px;
    height: auto;
    background-color: #efefef;
    border-color: #efefef;
    padding: 5px 15px 0px 40px;
}
#search-menu form.search-form button.search-submit {
  min-height: 40px;
  height: auto;
}
.menu-toggle{
    border-radius: 0;
    height: 60px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: transparent;
    border: none;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.menu-toggle:focus {
  outline: thin dotted #fff;
}
.secondary-menu-toggle {
  position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.secondary-menu-toggle svg {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.secondary-menu-toggle svg.icon-close {
    display: none;
    fill: #000;
    width: 16px;
    height: 16px;
}
.secondary-menu-toggle.active svg.icon-menu-bar {
  display: none;
}
.secondary-menu-toggle.active svg.icon-close {
  display: block;
}
#site-menu .menu-toggle.active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.menu-label {
    text-transform: uppercase;
    color: #fff;
    padding: 3px 0 0 10px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
svg.icon-menu {
    fill: #fff;
    vertical-align: baseline;
    width: 30px;
    height: 30px;
}
svg.icon-close,
.menu-toggle.active svg.icon-menu {
    display: none;
}
.menu-toggle.active svg.icon-close {
  display: block;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 57px;
    line-height: 62px;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  position: relative;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  position: relative;
}
.navigation.post-navigation, 
.navigation.posts-navigation {
    margin-top: 20px;
    background-color: #505050;
    padding: 23px 20px;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 500;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
  color: #fff;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    background-color: #505050;
    vertical-align: middle;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #000;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
}
.pagination .next.page-numbers svg {
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.nav-previous span {
    padding-left: 38px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 38px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 3px;
    left: 0;
}
.navigation .nav-next svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navigation .nav-next svg {
    position: absolute;
    top: 3px;
    right: 0;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.post-archive:before,
.post-archive:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.post-archive:before,
.post-archive:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 43px;
}
.widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
    background-color: #efefef;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}
.widget select:focus {
    outline: thin dotted;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
    background-color: #f2f2f2;
}

form.search-form button.search-submit {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
}
.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #202C36;
    left: auto;
    right: 0;
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 25px;
}
.widget_search form.search-form .search-submit:hover,
.widget_search form.search-form .search-submit:focus {
  background-color: #505050;
  color: #fff;
}
.widget_search form.search-form .search-submit svg {
  fill: #b9b9b9;
  width: 14px;
    height: 14px;
}
.widget_search form.search-form .search-submit:hover svg,
.widget_search form.search-form .search-submit:focus svg {
  fill: #fff;
}
.widget_search form.search-form input {
  border: none;
}
.widget_search form.search-form input {
    padding: 0 55px 0 15px;
    height: 40px;
    background-color: #efefef;
}
form.search-form {
    position: relative;
}

.error404 .single-post-wrapper form.search-form {
    margin-top: 15px;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}

#wp-calendar {
    display: table;
    width: 100%;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
    color: #000;
}

.widget-title {
    font-size: 22px;
    margin: 0 0 16px;
}

.widget li:not(:last-child) {
    margin-bottom: 10px;
}

.widget_instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}
.widget.widget_instagram li {
  margin: 0;
  padding: 5px;
}
.widget_instagram .col-1 li {
  width: 100%;
  float: none;
}
.widget_instagram .col-2 li {
  width: 50%;
  float: left;
}
.widget_instagram .col-3 li {
  width: 33.33%;
  float: left;
}
.widget_instagram .col-4 li {
  width: 25%;
  float: left;
}
.widget_instagram .col-5 li {
  width: 20%;
  float: left;
}
.widget_instagram li img {
  width: 100%;
}
.widget.widget_archive li {
  text-align: right;
}
.widget.widget_archive li a {
  float: left;
}
#secondary .widget-title,
#secondary .widgettitle {
  margin: 0 0 15px;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 35px;
}
input[type="submit"] {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
    min-width: 148px;
    border: 2px solid #fd2d55;
    background-color: transparent;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #fd2d55;
    color: #fff;
}
#subscribe-email label {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child,
.widget.widget_featured_post ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
  display: block;
}
#secondary .widget_popular_post h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
  font-weight: 600;
}
.widget_popular_post time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #333;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
  color: #fd2d55;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #fd2d55;
    font-family: 'Montserrat', sans-serif;
}
.widget_popular_post img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.textwidget img {
    margin-bottom: 25px;
    display: block;
}
.widget.widget_text .btn {
  margin-top: 20px;
}
.textwidget a {
    line-height: 1.5;
    display: inline-block;
    font-weight: 500;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #333;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
  background-color: #fd2d55;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
  fill: #fff;
}
.widget svg {
  fill: #fd2d55;
}
#secondary a,
#secondary li {
    color: #000;
}
#secondary a {
  opacity: 0.8;
}
#secondary a:hover,
#secondary a:focus {
    color: #505050;
}
#secondary ul li a:hover {
    text-decoration: underline;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
nav.navigation.pagination {
    margin-top: 0px;
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.navigation.pagination svg {
    fill: #fff;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 20px;
    height: 20px;
    fill: #999;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:focus svg, 
.navigation.post-navigation a:focus svg {
  fill: #fff;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
  margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
  margin-left: 20px;
}
.post-categories a {
    color: rgba(255, 255, 255, 0.50);
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
  margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.single.no-sidebar #inner-content-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
  margin-bottom: 43px;
  font-size: 32px;
  color: #000;
  font-weight: 500;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
  position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 90px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-left: 80px;
    display: inline-block;
    margin-top: 3px;
}
#comments article {
    margin-bottom: 15px;
    clear: both;
}
.comment-meta .fn {
    margin-left: 20px;
}
.comment-content {
    margin-bottom: 13px;
    margin-top: -60px;
    margin-left: 80px;
    background-color: #505050;
    padding: 50px 25px 20px;
}
.comment-content p {
    color: #fff;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
  border-bottom: none;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li {
    margin-bottom: 30px;
}
#comments ol.comment-list > li article:last-child .reply {
  border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    display: inline-block;
    border-radius: 0;
    position: relative;
    font-size: 16px;
    font-weight: 500;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 600;
}
.comment-meta .fn:after {
    content: "|";
    color: #72757a;
    margin-left: 5px;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
  color: #efefef;
}
.comment-metadata a,
.comment-metadata a time {
  font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.50);
}
.comment-metadata,
.comment-author.vcard {
    display: inline-block;
    font-size: 16px;
}
.comment-content p {
    margin-bottom: 0;
}
#comments {
    margin-top: 40px;
}
.comment-wrap {
    background-color: #fff;
    padding: 20px;
    margin-left: 80px;
}
.entry-meta a,
.entry-meta span ,
.posted-on a {
  font-size: 18px;
  color: #000;
}
.entry-meta a:hover,
.entry-meta span:hover,
.posted-on a:hover {
    color: #505050;
}
.author.vcard .fn:hover {
    color: #505050;
}
.author.vcard .fn {
    color: #000;
    font-weight: 600;
}
.author.vcard a:hover,
.author.vcard a:focus {
  opacity: 1;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
  position: relative;
}
.relative {
  display: block;
  position: relative;
}
.relative:before,
.relative:after {
  content: "";
  display: table;
  clear: both;
}
.page-section {
  padding: 60px 0;
}
.entry-content {
  margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.entry-title,
.section-title {
    font-size: 32px;
    margin: 0 0 11px;
    color: #000;
    word-wrap: break-word;
}
.entry-title {
  font-size: 32px;
    font-weight: 600;
}
.entry-title a {
    color: #000;
}
.entry-title a:hover,
.entry-title a:focus {
  color: #505050;
}
.section-header {
    text-align: center;
    margin-bottom: 25px;
}
.section-title {
    color: #000;
    font-size: 52px;
    font-weight: 600;
}
.section-subtitle {
    color: #000;
    font-size: 22px;
    font-size: 1.375em;
    margin-bottom: 10px;
    font-weight: 400;
}
.section-header p {
    max-width: 580px;
    margin: auto;
    font-size: 18px;
}
.section-content p {
    margin-bottom: 0;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
    padding: 25px 32px 17px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #fff;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2); 
    color: #000;
    position: relative;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn:hover,
.btn:focus {
  background-color: #000;
    color: #fff;
}
#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}
button:focus {
  border: none;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin: -3px;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding: 3px;
}

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

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

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

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

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

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

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
  display: inline-block;
    width: auto;
}
.social-icons li:not(:last-child) {
    margin-right: 5px;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 35px;
    display: block;
}
#masthead .social-icons li a {
  line-height: 40px;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
  fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg,
#masthead .social-icons li a:hover svg,
#masthead .social-icons li a:focus svg {
  fill: #fff;
}
.social-icons li a svg {
    fill: #949494;
}
#colophon .social-icons li a svg {
  fill: #000;
  width: 25px;
    height: 25px;
}
#colophon .social-icons li a:hover svg {
    fill: #fff;
}
.site-info span a {
    font-weight: 600;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
  background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
  background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
  background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
  background-color: #ec7161 !important;
}

.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
  background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus {
  background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
  background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus {
  background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus {
  background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
  background-color: #333 !important;
}

.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus {
  background-color: #025FDF !important;
}

.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus {
  background-color: #089DE3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus {
  background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
  background-color: #B9358A !important;
}

.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus {
  background-color: #56BC8A !important;
}

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus {
  background-color: #FF4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus {
  background-color: #00ADEF !important;
}

.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus {
  background-color: #00ADEF !important;
}

.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus {
  background-color: #0E9DD9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus {
  background-color: #EB4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus {
  background-color: #0076E8 !important;
}

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus {
  background-color: #4169E1 !important;
}
.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus {
  background-color: #FF5500 !important;
}
.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus {
  background-color: #0073AA !important;
}
.social-icons li a[href*="wordpress.com"]:hover {
  background-color: #00AADC !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus {
  background-color: #396AB1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus {
  background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
  background-color: #333 !important;
}

.social-icons li a[href*="slack.com"]:hover,
.social-icons li a[href*="slack.com"]:focus {
  background-color: #E60264 !important;
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #333;
    color: #fff;
}
#page-site-header .page-title {
  font-size: 36px;
  color: #fff;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.trail-items li a {
  color: rgba(255, 255, 255, 0.60);
}
.trail-items li a:hover,
.trail-items li a:focus {
  color: #fff;
}
.trail-items li:not(:last-child):after {
  content: "/";
    color: rgba(255, 255, 255, 0.60);
    padding-left: 4px;
    padding-right: 2px;
}

/*--------------------------------------------------------------
#  Featured Slider
--------------------------------------------------------------*/
.featured-slider .wrapper {
    position: relative;
}
.featured-slider article {
    padding: 200px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
.featured-slider .entry-container {
    max-width: 575px;
}
.featured-slider .entry-header {
    margin: 20px 0 5px;
}
.featured-slider .entry-title,
#video .entry-title {
    font-size: 52px;
}
.featured-slider p {
    color: #000;
    font-size: 18px;
}
.featured-slider .read-more {
  margin-top: 40px;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slick-dots {
  bottom: 25px;
}
.slick-prev,
.slick-next {
  background-color: #fd2d55;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.slick-prev {
  left: -60px;
}
.slick-next {
  right: -60px;
}
#featured-slider-section:hover .slick-prev  {
  left: 25px;
}
#featured-slider-section:hover .slick-next  {
  right: 25px;
}
/*#featured-slider-section .slick-prev,
#featured-slider-section .slick-next {
    position: relative;
    right: 0;
    left: 0;
    float: left;
    width: 50px;
    height: 50px;
}*/
.slick-prev:before, 
.slick-next:before {
    content: "";
  background-image: url('assets/img/down-arrow.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.slick-prev:before {
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slick-prev,
.slick-next,
.slick-prev:focus,
.slick-next:focus {
  background-color: #414C57;
}
.slick-prev:hover, 
.slick-next:hover, 
.slick-prev:focus, 
.slick-next:focus {
    opacity: 1;
    background-color: rgba(65, 76, 87, 0.55);
}
.slick-dots li {
  margin: 0 2px;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li button {
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.slick-dots li.slick-active button {
    background-color: #fff;
    opacity: 1;
}

/*--------------------------------------------------------------
#           About
--------------------------------------------------------------*/
div#about-us .wrapper {
    margin-right: 0;
    padding-right: 0;
    max-width: 100%;
    margin-left: auto;
    width: 94%;
}
#about-us .hentry {
    text-align: center;
    position: relative;
}
#about-us .entry-content {
    margin-top: 25px;
}
#about-us .entry-content .social-icons {
    margin: 20px 0;
}
#about-us  header.entry-header {
    position: absolute;
    top: 50px;
    z-index: 3;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
}
#about-us .featured-image {
    padding: 400px 0;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#about-us article.hentry:first-child {
    padding: 100px 100px 0px 0;
    width: 45%;
}
#about-us article.hentry:last-child {
    width: 55%;
}
#about-us .btn {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    max-width: 210px;
}

/*--------------------------------------------------------------
#           Popular-post
--------------------------------------------------------------*/
#popular-post  article.hentry {
    padding: 0 15px;
}
#popular-post .section-content {
    margin: 40px -15px 0 -15px;
}
#popular-post .hentry:hover .popular-wrapper {
    box-shadow: 0px 40px 50px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#video .more-link a:hover {
  background-color: #000;
  color: #fff;
}
#popular-post .hentry .popular-wrapper .more-link a:hover {
  background-color: #000;
  color: #fff;
}
#popular-post .entry-container {
    padding: 20px 20px 50px 20px;
}
#popular-post .entry-title,
#video .entry-title {
  padding: 15px 0;
    margin: 0;
}
#popular-post .cat-wrapper {
    position: relative;
    margin-top: 25px;
}
span.cat-links a {
    background-color: #efefef;
    padding: 3px 10px;
    margin-right: 5px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
}
span.cat-links a:hover {
    color: #000;
}
#popular-post .more-link a {
    background-color: #eee;
    text-align: center;
    padding: 16px 113px;
    position: absolute;
    top: 0;
    display: none;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}
#popular-post .hentry:hover .more-link a {
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*--------------------------------------------------------------
#           Video
--------------------------------------------------------------*/
#video .featured-image,
#video .entry-container {
    width: 50%;
    float: left;
}
#video .featured-image {
  padding: 215px 0;
  background-size: cover;
    background-position: 50%;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.video-wrapper.has-featured-image {
    display: flex;
    align-items: center;
}
#video .entry-container {
    padding: 50px;
}
.popup-video {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #fff;
    color: #000;
    display: block;
    border-radius: 50%;
    margin-top: 50px;
    padding-left: 5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: relative;
}
.icon-play a:hover,
.icon-play a:focus {
    color: #505050;
}
#video .cat-links,
#blog .cat-links {
    margin-top: 20px;
    display: inline-block;
}

#video .more-link a {
    background-color: #eee;
    text-align: center;
    padding: 16px 113px;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

/*--------------------------------------------------------------
#           Blog
--------------------------------------------------------------*/
#blog .section-content.col-3 {
    position: relative;
}
#blog .section-content {
    margin: 40px -15px 0 -15px;
}
#blog article {
    text-align: left;
    padding: 0 15px;
    margin-bottom: 50px;
}
#blog .entry-container {
    padding-left: 15px;
}
#blog .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 130px 0;
    margin-bottom: 23px;
}
.post-thumbnail-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#blog .section-content.col-3 article {
    width: 25%;
}
#blog .section-content.col-3 article.large-width {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    margin: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#blog .section-content.col-3 article.large-width .featured-image,
#blog .section-content.col-2 article.large-width .featured-image {
    padding: 275px 0;
}
#blog .col-2 article {
    width: 25%;
    float: left;
}
#blog .section-content.col-2 article.large-width {
    width: 50%;
}
#blog .section-content.col-3 article:nth-of-type(2n+1) {
    clear: none;
    float: right;
}
#blog .section-content.col-3 article:nth-child(3n+1) {
    clear: both;
    float: left;
}
#blog .section-content.col-3 article:nth-last-child(-n+2) {
    margin-bottom: 0;
}
.post-wrapper .entry-title {
    font-size: 22px;
    margin: 0;
    padding: 15px 0;
}
#blog .section-content.col-3 article.large-width .entry-title {
  font-size: 32px;
}
#blog .section-content.col-3 article.large-width .entry-content p {
  font-size: 18px;
}
#page-site-header {
    padding: 298px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
}
#page-site-header .page-header,
#breadcrumb-list {
    position: relative;
}
.single-post-wrapper .icon-bookmark {
    margin-right: 10px;
}
.archive-blog-wrapper {
    margin: 0 -15px;
}
.archive-blog-wrapper article {
    padding: 0 15px;
    margin-bottom: 50px;
}
.archive-blog-wrapper .has-post-thumbnail .post-wrapper {
    position: relative;
}
.archive-blog-wrapper .post-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.23);
    padding-bottom: 50px;
}
.archive-blog-wrapper .featured-image {
    margin-bottom: 25px;
    position: relative;
    background-size: cover;
    background-position: 50%;
}
.archive-blog-wrapper .has-post-thumbnail .featured-image {
    padding: 250px 0;
}
.archive-blog-wrapper .has-post-thumbnail .posted-on {
    position: absolute;
    top: 0;
    left: 0;
}
.archive-blog-wrapper .has-post-thumbnail .posted-on a {
    background-color: #fd2d55;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 0;
    display: inline-block;
    font-size: 14px;
    border-top-left-radius: 10px;
}
.archive-blog-wrapper .read-more {
    margin-top: 30px;
}
.single .posted-on {
    margin-bottom: 15px;
    display: block;
}
.single .entry-meta {
    margin-top: 15px;
}

/*--------------------------------------------------------------
#           Subscribe
--------------------------------------------------------------*/
#subscribe .entry-header span {
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;
}
#subscribe .entry-title {
  font-size: 36px;
}
.subscribe-wrapper .entry-container {
    padding-right: 100px;
}
#subscribe .featured-image {
    padding: 250px 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.subscribe-wrapper {
    display: flex;
    align-items: center;
}
.jetpack_subscription_widget {
    margin-top: 30px;
}
form {
  position: relative;
}
#subscribe input {
    width: 100%;
    position: relative;
}
.jetpack_subscription_widget p {
    margin: 0;
}
.jetpack_subscription_widget input[type="email"] {
    padding: 15px 75px 15px 15px;
    height: 60px;
    margin: auto;
    width: 100%;
    border-radius: 0;
    color: #000;
}
#subscribe-submit {
    position: absolute;
    top: 0;
    right: 0px;
}
.jetpack_subscription_widget p {
    margin: 0;
}
.jetpack_subscription_widget button[type="submit"] {
    height: 60px;
    width: 174px;
    background-color: #000;
    padding: 0;
    margin-top: 0;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}

/*--------------------------------------------------------------
#           Instagram
--------------------------------------------------------------*/
#instagram .section-content {
    margin: 40px -15px 0 -15px;
}
#instagram .hentry {
    padding: 0 15px;
}


/*--------------------------------------------------------------
#           Footer
--------------------------------------------------------------*/
#colophon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#colophon a,
#colophon p,
#colophon li,
#colophon .site-info a {
    font-size: 16px;
}
#colophon a:hover,
#colophon a:focus {
    color: #505050;
}
#colophon .textwidget {
    text-align: left;
    display: inline-block;
}
#colophon .social-icons li:not(:last-child) {
  margin-right: 15px;
}
#colophon .widget-title, 
#colophon .widgettitle {
    color: #000;
    font-weight: 500;
}
.footer-widgets-area {
  padding: 0 0 50px;
}

#colophon .social-icons li a {
  width: 40px;
  height: 40px;
  line-height: 38px;
}
.site-info .social-icons {
    display: inline-block;
}
.site-info {
    text-align: center;
    padding: 0;
}
.site-info span {
  display: block;
  text-align: center;
    margin: 0 0 15px;
    color: #000;
}
.custom-menu {
    margin-bottom: 15px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
  margin-bottom: 0;
}
.footer-widgets-area .hentry {
    margin-bottom: 45px;
    text-align: left;
    margin: auto;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
  margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.col-1 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
#           RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
  .site-logo img {
      max-height: 65px;
      width: auto;
  }
  
}
@media screen and (min-width: 767px) {

   .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .archive-blog-wrapper article:nth-child(2n+1) {
      clear: left;
  }
  
  .comment-navigation .nav-previous, 
  .posts-navigation .nav-previous, 
  .post-navigation .nav-previous {
      padding-right: 25px;
  }
  .comment-navigation .nav-next, 
  .posts-navigation .nav-next, 
  .post-navigation .nav-next {
    padding-left: 25px;
  }
  .footer-widgets-area.col-3 .hentry {
    margin-bottom: 0;
    width: 33.33%;
    float: left;
  }
  .footer-widgets-area.col-3 .hentry:not(:last-child) {
    padding-right: 40px;
  }
  .no-sidebar .archive-blog-wrapper article {
      width: 50%;
      float: left;
  }
}
@media screen and (min-width: 992px) {
  .page-section {
    padding: 80px 0;
  }
  .site-info .social-menu {
    float: right;
  }
  .site-info span {
      float: left;
      text-align: left; 
  }
  .footer-widgets-area.col-4 .hentry {
      width: 25%;
    padding-right: 40px;
  }
  .footer-widgets-area.col-5 .hentry {
    width: 20%;
    float: left;
  }
  .footer-widgets-area.col-4 .hentry:last-child {
    padding-right: 0;
  }
  .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
      clear: none;
  }
  .footer-widgets-area.col-4 .hentry:nth-child(4n+1),
  .footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
      clear: left;
  }
  .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
  .footer-widgets-area + .site-info {
      padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  #masthead .social-icons li:not(:last-child) {
      margin-right: 15px;
  }
  #masthead .social-icons {
      margin: 0;
  }
  #site-menu #search {
      display: none;
      position: absolute;
      z-index: 30;
      right: 0;
      top: 100%;
  }
  #search:before {
      content: "";
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #23272a;
      position: absolute;
      top: -9px;
      right: 5px;
  }
  #social-navigation {
      float: right;
      display: flex;
      align-items: center;
      justify-content: right;
      min-height: 70px;
  }
  .menu-overlay.active {
    display: none;
  }
  .main-navigation ul.nav-menu > li > a {
    color: #000;
  }
  #social-navigation .social-icons {
      display: inline-block;
  }
  .site-branding {
      text-align: left;
      float: left;
        min-height: 70px;
/*      margin-right: 25px;
      max-width: 25%;
      width: 25%;*/
  }
  .main-navigation li.social-menu-item {
      display: none;
  }
  .main-navigation .nav-menu > li > a > svg.icon-down {
    fill: #000;
  }
  .search-menu a svg {
      fill: #949494;
  }
  .main-navigation {
      float: left;
      max-width: 50%;
      width: 50%;
      text-align: center;
        display: block !important;
  }
  .main-navigation li.menu-item-has-children:hover > a > svg, 
  .main-navigation li.menu-item-has-children > a:hover > svg {
    fill: rgba(0, 0, 0, 0.7);
  }
  #masthead .main-navigation ul#primary-menu li.current-menu-item > a,
  #masthead .main-navigation ul.nav-menu > li > a:hover,
  .main-navigation ul#primary-menu li:hover > a {
    color: #fd2d55;
  }
  #masthead .main-navigation ul#primary-menu li.current-menu-item > a,
  #masthead .main-navigation ul.nav-menu > li > a:hover,
  .main-navigation ul#primary-menu li:hover > a {
    color: rgba(0, 0, 0, 0.7);
  }
  .main-navigation ul#primary-menu > li.current-menu-item > a > svg {
    fill: #505050;
  }
  .main-navigation ul.nav-menu {
    display: block !important;
      height: auto !important;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: 0;
    right: auto;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: 100%;
    right: auto;
  }
  .main-navigation ul.sub-menu li a {
    border-bottom: none;
  }
  .main-navigation ul ul li:not(:last-child) {
      border-bottom: 1px solid #ddd;
  }
  .main-navigation ul ul {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  }
  .main-navigation ul.sub-menu li:hover > a,
  .main-navigation ul.sub-menu li:focus > a {
    background-color: #fd2d55;
    color: #fff;
  }
  .main-navigation ul.sub-menu li:hover > a,
  .main-navigation ul.sub-menu li.focus > a {
    background-color: #000;
    color: #fff;
  }
  .main-navigation ul.sub-menu > li:last-child > a {
    border-bottom: none;
  }
  #masthead .social-icons li a svg {
    fill: #000;
    width: 18px;
    height: 18px;
  }
  .main-navigation .search-active .icon-search {
    display: none;
  }
  .main-navigation .search-active .icon-close {
    display: inline-block;
  }
  #masthead .main-navigation ul ul li.menu-item-has-children > a {
      padding-right: 35px;
  }
  #masthead .main-navigation ul ul li a svg {
      display: inline-block;
      top: 17px;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  .main-navigation ul#primary-menu ul li.current-menu-item > a,
  .main-navigation ul#primary-menu ul li:hover > a,
  .main-navigation ul#primary-menu ul li:focus > a {
      color: #fff;
  }
  .main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
  .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
    fill: #fff;
  }
  button.dropdown-toggle,
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
  .main-navigation li {
      display: inline-block;
  }
  .main-navigation .left-menu {
      padding-left: 50px;
  }
  .main-navigation ul.nav-menu > li.left-menu > a,
  .main-navigation ul.nav-menu > li.right-menu > a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .main-navigation li.left-menu + li.right-menu:before {
      content: "/";
      position: absolute;
      top: 50%;
      margin-left: -6px;
      color: #fff;
      margin-top: -1px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .main-navigation form.search-form {
      border: 20px solid #333;
  }
  .main-navigation form.search-form input {
      background-color: #fff;
      border-color: #fff;
      color: #333;
  }
  .main-navigation form.search-form svg.icon-search {
    fill: #333;
  }
  .menu-sticky #masthead {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
  }
  .menu-sticky #navigation-menu {
      margin-top: 70px;
  }
  .right-sidebar #primary,
  .left-sidebar #primary {
      width: 70%;
      float: left;
      padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
      width: 30%;
      float: left;
    }
  .left-sidebar #primary {
    padding-left: 30px;
    padding-right: 0;
    float: right;
  }
    .no-sidebar #primary {
      width: 100%;
      float: none;
      padding-right: 0;
    }
    .boxed-layout #page {
      max-width: 1200px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
  }
  .frame-layout {
    max-width: 1600px;
    width: 90%;
    margin: 50px auto;
  }
  .no-sidebar .archive-blog-wrapper article:nth-child(2n+1) {
      clear: none;
  }
  .no-sidebar .archive-blog-wrapper article {
      width: 33.33%;
      float: left;
  }
}

@media screen and (min-width: 1200px) {
  .featured-slider article {
      height: auto;
      padding: 270px 0;
  }

}


@media screen and (min-width: 1900px) {
  .wrapper {
      max-width: 1440px;
  }
  body {
      font-size: 18px;
  }
  .main-navigation ul.nav-menu > li > a {
      padding: 22px 12px;
      font-size: 16px;
  }
  .page-section {
    padding: 93px 0 100px;
  }
  .featured-slider .entry-container {
      max-width: 600px;
  }
  .featured-slider .entry-title {
      font-size: 72px;
  }
  div#about-us .wrapper {
      width: 87%;
  }
  #about-us article.hentry:first-child {
      padding: 100px 150px 0px 0;
  }
  #comments {
    margin-top: 65px;
  }
  #comments ol.comment-list {
      margin-bottom: 50px;
  }
  #secondary .widget:not(:last-child) {
      margin-bottom: 50px;
  }
  .right-sidebar #primary {
      padding-right: 50px;
    }
    .left-sidebar #primary {
      padding-left: 50px;
    }
  .footer-widgets-area.col-3 .hentry:not(:last-child),
  .footer-widgets-area.col-2 .hentry:nth-child(odd) {
    padding-right: 100px;
  }
  .boxed-layout #page {
      max-width: 1600px;
      width: 90%;
  }
  #subscribe .entry-title {
    font-size: 52px;
  }
  .featured-slider article {
      padding: 270px 0;
  }
  #popular-post .more-link a {
      width: 100%;
  }
  #about-us .featured-image {
      padding: 450px 0;
  }
  #subscribe .featured-image {
      padding: 270px 0;
  }
  .archive-blog-wrapper .has-post-thumbnail .featured-image {
      padding: 300px 0;
  }
}

@media screen and (max-width: 1200px) {
  #popular-post .more-link a {
      padding: 16px 70px;
  }
  #blog .section-content.col-3 article {
      width: 50%;
      float: left;
  }
  #blog .section-content.col-3 article.large-width {
      position: initial;
      top: 0;
      left: 50%;
      width: 50%;
      margin: 0 0 50px 0;
       -webkit-transform: translateX(0%); 
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
       transform: translateX(0%); 
  }
  #blog .section-content.col-3 article.large-width .featured-image {
      padding: 130px 0;
  }
  #blog .section-content.col-3 article:nth-child(3n+1) {
      clear: none;
      float: left;
  }
  #blog .section-content.col-3 article.large-width .entry-title {
      font-size: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .main-navigation a {
      border-bottom: 1px solid #eee;
  }
  .main-navigation ul ul a {
      width: 100%;
  }
  .main-navigation ul ul,
  .main-navigation ul ul ul {
      box-shadow: none;
      float: none;
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 0;
      display: none;
  }
  .main-navigation ul.sub-menu li {
      padding-right: 0;
  }
  .main-navigation .menu-item-has-children > a:before {
      content: "";
      float: right;
      position: relative;
      right: 25px;
      background-color: #ccc;
      width: 1px;
      height: 25px;
  }
  .main-navigation .menu-item-has-children > a:after {
      padding-top: 3px;
  }
  .main-navigation ul.nav-menu > li > a,
  .main-navigation ul.sub-menu li a {
      padding: 15px 15px 15px 25px;
  }
  .main-navigation ul.sub-menu li a {
    padding-left: 50px;
  }
  .main-navigation ul.sub-menu ul li a {
    padding-left: 75px;
  }
  .main-navigation ul.sub-menu ul ul li a {
    padding-left: 100px;
  }
  .main-navigation ul.sub-menu ul ul ul li a {
    padding-left: 125px;
  }
  .main-navigation .menu-item-has-children a svg {
    display: none;
  }
  .main-navigation ul.sub-menu li a {
    border-left: none;
  }
  .main-navigation ul.nav-menu {
      margin-right: 0;
      background-color: #fff;
      border-top: 1px solid #eee;
  }
  .main-navigation {
    position: static;
  }
  .main-navigation a {
    color: #333;
  }
  .main-navigation svg.icon-search,
  .main-navigation svg.icon-down {
    fill: #333;
      margin-top: -5px;
  }
  .main-navigation ul.sub-menu {
    border: none;
  }
  #masthead.site-header .main-navigation {
      margin-top: 0;
      position: absolute;
      z-index: 3;
      max-width: 100%;
      top: 100%;
      left: auto;
      right: 0;
      width: 100%;
      display: none;
  }
  .main-navigation .search-menu a {
      display: none;
  }
  .main-navigation form.search-form input {
      background-color: #fff;
      border: none;
      min-height: 55px;
  }
  .main-navigation form.search-form button.search-submit {
    height: 59px;
  }
  .main-navigation form.search-form input {
    padding-left: 25px;
  }
  .main-navigation .sub-menu svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
      top: 28px;
  }
  #social-navigation {
    display: none;
  }
  #secondary {
      margin-top: 50px;
  }
  #popular-post article.hentry {
    width: 50%;
  }
  #popular-post .more-link a {
      padding: 16px 70px;
      width: 100%;
  }
}

@media screen and (max-width: 992px) {
  #about-us .featured-image {
      padding: 330px 0;
  }
  #about-us article.hentry:first-child {
      padding: 100px 50px 0px 0;
  }
  .section-title {
      font-size: 32px;
  }
  .video-wrapper.has-featured-image {
      display: block;
      align-items: center;
  }
  #video .featured-image, #video .entry-container {
      width: 100%;
      float: none;
  }
  .subscribe-wrapper {
      display: block;
      align-items: center;
  }
  .subscribe-wrapper .hentry {
      width: 100%;
      float: none;
  }
  .subscribe-wrapper .hentry:first-child {
      margin-bottom: 40px;
  }
  .comments-title, 
  #reply-title {
      font-size: 28px;
  }
  .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
    clear: left;
  }
  .footer-widgets-area .hentry {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 767px) {
  #masthead.site-header .main-navigation ul.nav-menu {
    max-width: 100%;
  }
  .featured-slider .entry-title, #video .entry-title {
      font-size: 42px;
  }
  div#about-us .wrapper {
      margin-right: 0;
      padding-right: 0;
      max-width: 100%;
      margin-left: 0;
      width: 100%;
      padding: 0;
  }
  #about-us article.hentry:first-child {
      padding: 100px 0px 0px 0;
      margin-bottom: 30px;
  }
  #video .entry-container {
      padding: 50px 0 0 0;
  }
  #about-us article.hentry:first-child {
      width: 100%;
      float: none;
  }
  #about-us article.hentry:last-child {
      width: 100%;
      float: none;
  }
  #popular-post article.hentry {
      width: 100%;
      float: none;
  }
  #popular-post article.hentry img {
      width: 100%;
  }
  #instagram .section-content {
      margin: 40px 0px 0 0px;
  }
  #instagram .hentry {
      float: left;
      width: 50%;
      padding: 0;
  }
  #instagram .hentry img {
    width: 100%;
  }
  #blog .section-content.col-3 article {
      width: 100%;
      float: none;
  }
  #blog .section-content.col-3 article:nth-child(3n+1) {
      clear: none;
      float: none;
  }
  #blog .section-content.col-3 article.large-width {
      width: 100%;
  }
  .subscribe-wrapper .entry-container {
      padding-right: 0;
  }
  .comment-navigation .nav-previous, 
  .posts-navigation .nav-previous, 
  .post-navigation .nav-previous,
  .comment-navigation .nav-next, 
  .posts-navigation .nav-next, 
  .post-navigation .nav-next {
    width: 100%;
      margin: 15px 0;
  }
  .post-navigation span.previous-article b, 
  .post-navigations span.previous-article b, 
  .post-navigation span.next-article b, 
  .post-navigations span.next-article b {
    font-size: 18px;
  }
  .comment-wrap {
      margin-left: 0;
  }
  #commentform p.comment-form-comment,
  #commentform p.form-submit {
    margin-top: 21px;
  }
  .comments-title, 
  #reply-title {
      font-size: 26px;
  }
  #comments {
      margin-top: 40px;
  }
  .comment-content {
    margin-left: 0;
    margin-top: 10px;
    padding: 15px 25px;
  }
  .comment-meta .url, 
  .comment-meta .fn {
      color: #000;
  }
  .comment-metadata a,
  .comment-metadata a time {
       color: #505050; 
  }
  .reply {
    padding-left: 0;
  }
  #comments ol.children {
    margin: 50px 30px;
 }
  .comment-meta .fn {
      margin-left: 0;
      margin-top: 10px;
  }
  .comment-meta .url, 
  .comment-meta .fn,
  .comment-metadata, 
  .comment-author.vcard {
    display: block;
  }
  .comment-meta .fn:after {
    display: none;
  }
}
@media screen and (max-width: 567px) {
  .menu-label {
    display: none;
  }
  .site-logo {
      margin-right: 0;
  }
  .site-logo + #site-identity {
      margin-top: 20px;
  }
  #subscribe .entry-title {
      font-size: 28px;
  }
  .featured-slider .entry-title, #video .entry-title {
      font-size: 36px;
  }
  .pagination .page-numbers.prev, 
  .pagination .page-numbers.next {
    top: 0;
  }
  .pagination .prev.page-numbers:before, 
  .pagination .next.page-numbers:before {
    width: 35px;
    height: 10px;
  }
  .pagination .page-numbers.prev, 
  .pagination .page-numbers.next {
    margin-left: 0;
    margin-right: 0;
  }
  .footer-widgets-area .hentry:last-child,
  .footer-widgets-area.col-3 .hentry:last-child {
    margin-bottom: 0;
      padding-right: 0;
  }
  .footer-widgets-area {
    text-align: center;
  }
  .textwidget img {
    margin-left: auto;
    margin-right: auto;
  }
}


ol.wp-block-latest-comments{
  padding-left: 0px;
}

.wp-block-latest-comments article{
  margin-bottom: 0px;
}